diff --git a/examples/react/src/examples/A11y/index.tsx b/examples/react/src/examples/A11y/index.tsx index 7e68910d..61627a8f 100644 --- a/examples/react/src/examples/A11y/index.tsx +++ b/examples/react/src/examples/A11y/index.tsx @@ -1,4 +1,4 @@ -import { MouseEvent, useMemo, useEffect } from 'react'; +import { MouseEvent } from 'react'; import { ReactFlow, MiniMap, @@ -9,8 +9,6 @@ import { Node, Edge, OnNodeDrag, - FitViewOptions, - useStore, } from '@xyflow/react'; const onNodeDrag: OnNodeDrag = (_, node: Node, nodes: Node[]) => console.log('drag', node, nodes); @@ -46,22 +44,6 @@ const initialEdges: Edge[] = [ ]; const A11y = () => { - const labelConfig = useStore((state) => state.labelConfig); - const updateLabelConfig = useStore((state) => state.updateLabelConfig); - - useEffect(() => { - console.log('Label Config:', labelConfig); - }, [labelConfig]); - - useEffect(() => { - console.log('Updating labelConfig...'); - updateLabelConfig({ - 'a11yDescription.node.default': 'Updated Node Desc.', - 'a11yDescription.node.keyboardDisabled': 'Updated Keyboard Desc.', - 'a11yDescription.edge.default': 'Updated Edge Desc.', - }); - }, [updateLabelConfig]); - return ( ( onBeforeDelete={onBeforeDelete} paneClickDistance={paneClickDistance} debug={debug} + labelConfig={labelConfig} /> onSelectionChange={onSelectionChange} /> {children} diff --git a/packages/react/src/store/index.ts b/packages/react/src/store/index.ts index 8365400d..29111bb3 100644 --- a/packages/react/src/store/index.ts +++ b/packages/react/src/store/index.ts @@ -371,11 +371,6 @@ const createStore = ({ }, reset: () => set({ ...getInitialState() }), - updateLabelConfig: (newLabelConfig: Partial) => { - set((state) => ({ - labelConfig: { ...state.labelConfig, ...newLabelConfig }, - })); - }, }; }, Object.is); diff --git a/packages/react/src/types/store.ts b/packages/react/src/types/store.ts index 11ab53b5..5b3dec5b 100644 --- a/packages/react/src/types/store.ts +++ b/packages/react/src/types/store.ts @@ -148,7 +148,7 @@ export type ReactFlowStore; + labelConfig: LabelConfig; }; export type ReactFlowActions = { @@ -172,7 +172,6 @@ export type ReactFlowActions = { triggerEdgeChanges: (changes: EdgeChange[]) => void; panBy: PanBy; setPaneClickDistance: (distance: number) => void; - updateLabelConfig: (newLabelConfig: Partial) => void; }; export type ReactFlowState = ReactFlowStore< diff --git a/packages/system/src/constants.ts b/packages/system/src/constants.ts index 10029975..b3ff1d41 100644 --- a/packages/system/src/constants.ts +++ b/packages/system/src/constants.ts @@ -45,3 +45,5 @@ export const defaultLabelConfig = { 'a11yDescription.edge.default': 'Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.', }; + +export type LabelConfig = Partial; diff --git a/packages/system/src/types/general.ts b/packages/system/src/types/general.ts index 75d51c78..d15a4b54 100644 --- a/packages/system/src/types/general.ts +++ b/packages/system/src/types/general.ts @@ -313,9 +313,3 @@ export type OnBeforeDeleteBase Promise; - -export type LabelConfig = { - 'a11yDescription.node.default'?: string; - 'a11yDescription.node.keyboardDisabled'?: string; - 'a11yDescription.edge.default'?: string; -};