{
e.stopPropagation()
@@ -162,5 +162,5 @@ export const DataTypeJSONInputTreeComponent: React.FC
{validNodes}
+ return
}
\ No newline at end of file
diff --git a/src/packages/ce/src/datatype/components/inputs/select/DataTypeSelectInputComponent.tsx b/src/packages/ce/src/datatype/components/inputs/select/DataTypeSelectInputComponent.tsx
index 2d276fa5..0eeedf84 100644
--- a/src/packages/ce/src/datatype/components/inputs/select/DataTypeSelectInputComponent.tsx
+++ b/src/packages/ce/src/datatype/components/inputs/select/DataTypeSelectInputComponent.tsx
@@ -3,6 +3,7 @@ import React from "react";
import {useDebouncedCallback} from "use-debounce";
import {
Button,
+ ButtonGroup,
Flex,
InputDescription,
InputLabel,
@@ -48,16 +49,18 @@ export const DataTypeSelectInputComponent: React.FC {
- formValidation?.setValue?.(null)
- onChangeDebounced(null)
- }} paddingSize={"xxs"}>
-
-
+
+ {
+ formValidation?.setValue?.(null)
+ onChangeDebounced(null)
+ }} paddingSize={"xxs"}>
+
+
+
}
rightType={"action"}>
-
+
diff --git a/src/packages/ce/src/datatype/components/inputs/type/DataTypeTypeInputComponent.style.scss b/src/packages/ce/src/datatype/components/inputs/type/DataTypeTypeInputComponent.style.scss
index 65f252f9..953796f9 100644
--- a/src/packages/ce/src/datatype/components/inputs/type/DataTypeTypeInputComponent.style.scss
+++ b/src/packages/ce/src/datatype/components/inputs/type/DataTypeTypeInputComponent.style.scss
@@ -2,7 +2,7 @@
@use "@core/style/box";
@use "@core/style/variables";
-ul {
+.json-tree {
list-style: none;
margin: 0;
margin-inline-start: 2px;
@@ -15,7 +15,7 @@ ul {
gap: variables.$xxs;
}
-li {
+.json-tree__item {
position: relative;
padding-inline-start: variables.$xs;
list-style: none;
diff --git a/src/packages/ce/src/flow/components/FlowCreateDialogComponent.tsx b/src/packages/ce/src/flow/components/FlowCreateDialogComponent.tsx
index 56da13ac..95b948c1 100644
--- a/src/packages/ce/src/flow/components/FlowCreateDialogComponent.tsx
+++ b/src/packages/ce/src/flow/components/FlowCreateDialogComponent.tsx
@@ -41,7 +41,7 @@ import {FlowService} from "@edition/flow/services/Flow.service";
import Link from "next/link";
import {icon, IconString} from "@core/util/icons";
import {FALLBACK_FLOW_TYPE_NAME} from "@core/util/fallback-translations";
-import {addIslandSuccessNotification} from "@code0-tech/pictor/dist/components/island/Island.hook";
+import {toast} from "@code0-tech/pictor/dist/components/toast/Toast";
export interface FlowCreateDialogComponentProps {
open?: boolean
@@ -159,9 +159,7 @@ export const FlowCreateDialogComponent: React.FC
projectId: projectId
}).then(payload => {
if ((payload?.errors?.length ?? 0) <= 0) {
- addIslandSuccessNotification({
- message: "Created flow"
- })
+ toast({title: "Created flow", color: "success"})
}
})
@@ -213,22 +211,17 @@ export const FlowCreateDialogComponent: React.FC
)}
-
-
- No, go back!
-
-
-
- Assign
-
-
-
- Create
-
-
-
+
+
+ Assign
+
+
+
+ Create
+
+
diff --git a/src/packages/ce/src/flow/components/FlowWorkerProvider.tsx b/src/packages/ce/src/flow/components/FlowWorkerProvider.tsx
index 75bb2223..e2e5e808 100644
--- a/src/packages/ce/src/flow/components/FlowWorkerProvider.tsx
+++ b/src/packages/ce/src/flow/components/FlowWorkerProvider.tsx
@@ -90,10 +90,15 @@ export const WorkerProvider: React.FC<{ children: React.ReactNode }> = ({childre
const workerRef = React.useRef(null)
const resolvers = React.useRef>(new Map())
- React.useEffect(() => {
- workerRef.current = new Worker(new URL('./Flow.worker.js', import.meta.url))
-
- workerRef.current.onmessage = (e) => {
+ // Lazily (re)create the worker. Runs client-side only. This must not depend on
+ // effect ordering: child components may trigger worker actions in their own mount
+ // effects, which fire before this provider's effect (React runs effects child-first).
+ const ensureWorker = React.useCallback((): Worker | null => {
+ if (typeof Worker === "undefined") return null
+ if (workerRef.current) return workerRef.current
+
+ const worker = new Worker(new URL('./Flow.worker.js', import.meta.url))
+ worker.onmessage = (e) => {
const {id, data, error} = e.data
const deferred = resolvers.current.get(id)
@@ -107,20 +112,30 @@ export const WorkerProvider: React.FC<{ children: React.ReactNode }> = ({childre
}
}
- return () => workerRef.current?.terminate()
+ workerRef.current = worker
+ return worker
}, [])
+ React.useEffect(() => {
+ ensureWorker()
+ return () => {
+ workerRef.current?.terminate()
+ workerRef.current = null
+ }
+ }, [ensureWorker])
+
const calculate = React.useCallback((action: FlowWorkerActions, payload: FlowWorkerPayload) => {
return new Promise((resolve, reject) => {
- if (!workerRef.current) {
+ const worker = ensureWorker()
+ if (!worker) {
return reject("Worker ist nicht initialisiert");
}
const id = Math.random().toString(36).substring(2, 9);
resolvers.current.set(id, {resolve, reject});
- workerRef.current.postMessage({id, action, payload});
+ worker.postMessage({id, action, payload});
});
- }, []);
+ }, [ensureWorker]);
return (
diff --git a/src/packages/ce/src/flow/components/folder/FlowFolderComponent.tsx b/src/packages/ce/src/flow/components/folder/FlowFolderComponent.tsx
index 3021a991..a4a79be6 100644
--- a/src/packages/ce/src/flow/components/folder/FlowFolderComponent.tsx
+++ b/src/packages/ce/src/flow/components/folder/FlowFolderComponent.tsx
@@ -265,7 +265,7 @@ export const DFlowFolderGroup: React.FC = (props)
}} {...contextMenuProps}>
setOpen(prevState => !prevState)} {...mergeComponentProps(`d-folder`, code0Props)}>
- {open ? : }
+ {open ? : }
{name}
@@ -335,7 +335,7 @@ export const DFlowFolderItem: React.FC = (props) =
ref={wrapperRef} {...mergeComponentProps(`d-folder__item ${active ? "d-folder__item--active" : ""}`, code0Props)}
onClick={() => onSelect?.(flow)}>
-
+
{text}