feat: update the docs demo

ajthinking · Feb 6, 2025 · e794c9d · e794c9d
1 parent 65069eb
commit e794c9d
Show file tree

Hide file tree

Showing 9 changed files with 11 additions and 11 deletions.
diff --git a/packages/docs/components/demos/ObserversDemo.tsx b/packages/docs/components/demos/ObserversDemo.tsx
@@ -129,7 +129,7 @@ const ObserversDemo = () => {
             setPoints([]);
             run();
           }}
-          hideControls={['save']}
+          hideControls={['save', 'import']}
           client={client}
         />
       </div>

diff --git a/packages/docs/components/demos/TinkerDemo.tsx b/packages/docs/components/demos/TinkerDemo.tsx
@@ -40,7 +40,7 @@ export default () => {
     <div className="w-full h-1/2">
       <DataStory
         client={client}
-        hideControls={['save']}
+        hideControls={['save', 'import']}
       />
     </div>
   );

diff --git a/packages/docs/components/demos/Tree/AddNodeDescription.tsx b/packages/docs/components/demos/Tree/AddNodeDescription.tsx
@@ -36,7 +36,7 @@ export default () => {
       <DataStory
         client={client}
         hideActivityBar={true}
-        hideControls={['save']}
+        hideControls={['save', 'import']}
       />
     </div>
   );

diff --git a/packages/docs/components/demos/Tree/MultipleDiagram.tsx b/packages/docs/components/demos/Tree/MultipleDiagram.tsx
@@ -17,7 +17,7 @@ export default () => {
     <div className="w-full h-80 border-gray-400 border-4">
       <DataStory
         client={client}
-        hideControls={['save']}
+        hideControls={['save', 'import']}
       />
     </div>
   );

diff --git a/packages/docs/components/demos/UnfoldingDemo.tsx b/packages/docs/components/demos/UnfoldingDemo.tsx
@@ -103,16 +103,16 @@ export default ({ part }: { part: 'MAIN' | 'NESTED_NODE' | 'MAIN_UNFOLDED' }) =>
     <div className="w-full h-1/4">
       {part === 'MAIN' && (
         <DataStory
-          hideControls={['save']}
+          hideControls={['save', 'import']}
           onInitialize={({ run }) => run()}
           client={clients.mainClient}
         />
       )}
       {part === 'NESTED_NODE' && (
-        <DataStory hideControls={['save']} client={clients.nestedNodeClient!} />
+        <DataStory hideControls={['save', 'import']} client={clients.nestedNodeClient!} />
       )}
       {part === 'MAIN_UNFOLDED' && (
-        <DataStory hideControls={['save']} client={clients.mainUnfoldedClient!} />
+        <DataStory hideControls={['save', 'import']} client={clients.mainUnfoldedClient!} />
       )}
     </div>
   );

diff --git a/packages/docs/components/demos/VisualizeDemo.tsx b/packages/docs/components/demos/VisualizeDemo.tsx
@@ -128,7 +128,7 @@ export default () => {
             setPoints([])
             run()
           }}
-          hideControls={['save']}
+          hideControls={['save', 'import']}
           client={client}
         />
       </div>

diff --git a/packages/ds-ext/src/app/DiagramApp.tsx b/packages/ds-ext/src/app/DiagramApp.tsx
@@ -24,7 +24,7 @@ export default function DiagramApp() {
         key={'abc'}
         onChange={handleChange}
         onDrop={onDrop}
-        hideControls={['save']}
+        hideControls={['save', 'import']}
       />
       <VsCodeToast postMessage={window.vscode.postMessage} />
     </div>

diff --git a/packages/ui/src/components/DataStory/controls/dataStoryControls.tsx b/packages/ui/src/components/DataStory/controls/dataStoryControls.tsx
@@ -141,7 +141,7 @@ export function DataStoryControls({
       <ExportIcon />
     </ControlButton>,
     <ControlButton
-      title="import"
+      title="Import"
       aria-label="import"
       key="import"
       onClick={handleImport}

diff --git a/packages/ui/src/components/DataStory/types.ts b/packages/ui/src/components/DataStory/types.ts
@@ -27,7 +27,7 @@ export interface ClientRunParams {
 }
 
 export type AcitvityBarType = 'node' | 'diagram' | 'settings' | 'explorer';
-type ControlsType = 'run' | 'addNode' | 'save';
+type ControlsType = 'run' | 'addNode' | 'save' | 'export' | 'import';
 export type DataStoryProps = {
   onNodeDoubleClick?: (node: ReactFlowNode) => void,
   children?: React.ReactNode;