@dxos/react-ui-editor 0.8.4-main.3eb6e50203 → 0.8.4-main.3fbcb4aa9b

package/src/components/EditorToolbar/useEditorToolbar.ts

@@ -1,20 +0,0 @@
-//
-// Copyright 2025 DXOS.org
-//
-
-import { Atom } from '@effect-atom/atom-react';
-import { useMemo } from 'react';
-
-import { type EditorViewMode, type Formatting } from '@dxos/ui-editor';
-
-// TODO(burdon): Move to extensions.
-export type EditorToolbarState = { viewMode?: EditorViewMode } & Formatting;
-
-/**
- * Creates an atom for editor toolbar state.
- * @deprecated Use Editor.Root
- */
-export const useEditorToolbar = (initialState: EditorToolbarState = {}): Atom.Writable<EditorToolbarState> => {
-  // TODO(wittjosiah): Including initialState in the deps causes reactivity issues.
-  return useMemo(() => Atom.make<EditorToolbarState>(initialState), []);
-};

package/src/stories/CommandDialog.stories.tsx

@@ -1,81 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type Meta, type StoryObj } from '@storybook/react-vite';
-import React, { type KeyboardEvent, useState } from 'react';
-
-import { type Button, IconButton, Input } from '@dxos/react-ui';
-import { withTheme } from '@dxos/react-ui/testing';
-import { editorWidth, join } from '@dxos/ui-editor';
-import { mx } from '@dxos/ui-theme';
-
-import { EditorStory } from './components';
-
-// TODO(burdon): Reimplement with Popover.
-const CommandDialog = ({ onAction }: { onAction: (action?: any) => void }) => {
-  const [text, setText] = useState('');
-
-  const handleInsert = () => {
-    // TODO(burdon): Use queue ref.
-    const link = `![${text}](dxn:queue:data:123)`;
-    onAction(text.length ? { type: 'insert', text: link } : undefined);
-  };
-
-  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {
-    switch (event.key) {
-      case 'Enter': {
-        handleInsert();
-        break;
-      }
-      case 'Escape': {
-        onAction();
-        break;
-      }
-    }
-  };
-
-  return (
-    <div className='flex is-full justify-center'>
-      <div
-        className={mx(
-          'flex is-full p-2 gap-2 items-center bg-modalSurface border border-separator rounded-md',
-          editorWidth,
-        )}
-      >
-        <Input.Root>
-          <Input.TextInput
-            autoFocus={true}
-            placeholder='Ask a question...'
-            value={text}
-            onChange={(ev) => setText(ev.target.value)}
-            onKeyDown={handleKeyDown}
-          />
-        </Input.Root>
-        <IconButton
-          icon='ph--x--regular'
-          label='Cancel'
-          iconOnly
-          variant='ghost'
-          classNames='pli-0'
-          onClick={() => onAction({ type: 'cancel' })}
-        />
-      </div>
-    </div>
-  );
-};
-
-const meta = {
-  title: 'ui/react-ui-editor/CommandDialog',
-  render: () => <EditorStory text={join('# Command', '', '')} extensions={[]} />,
-  decorators: [withTheme()],
-  parameters: {
-    layout: 'fullscreen',
-  },
-} satisfies Meta<typeof Button>;
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {};