@dxos/plugin-stack 0.8.4-main.c1de068 → 0.8.4-main.c351d160a8

package/src/components/StackMain.tsx

@@ -1,159 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { Option } from 'effect';
-import React, { useCallback, useState } from 'react';
-
-import {
-  Capabilities,
-  LayoutAction,
-  createIntent,
-  useAppGraph,
-  useCapabilities,
-  useIntentDispatcher,
-} from '@dxos/app-framework';
-import { fullyQualifiedId, isLiveObject } from '@dxos/client/echo';
-import { Obj } from '@dxos/echo';
-import { SpaceAction } from '@dxos/plugin-space/types';
-import { Icon, Button, toLocalizedString, useTranslation } from '@dxos/react-ui';
-import { AttentionProvider } from '@dxos/react-ui-attention';
-import { Stack } from '@dxos/react-ui-stack';
-import { type DataType } from '@dxos/schema';
-import { isNonNullable } from '@dxos/util';
-
-import { StackContext } from './StackContext';
-import { StackSection } from './StackSection';
-import { STACK_PLUGIN } from '../meta';
-import {
-  type AddSectionPosition,
-  type CollapsedSections,
-  type StackSectionItem,
-  type StackSectionMetadata,
-  type StackSectionView,
-} from '../types';
-
-type StackMainProps = {
-  id: string;
-  collection: DataType.Collection;
-};
-
-const StackMain = ({ id, collection }: StackMainProps) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const { graph } = useAppGraph();
-  const { t } = useTranslation(STACK_PLUGIN);
-  const allMetadata = useCapabilities(Capabilities.Metadata);
-  const [collapsedSections, setCollapsedSections] = useState<CollapsedSections>({});
-
-  // TODO(wittjosiah): Re-implement stack views with relations.
-  // const defaultStack = useMemo(() => Obj.make(StackViewType, { sections: {} }), [collection]);
-  // const stack = (collection.views[StackViewType.typename]?.target as StackViewType | undefined) ?? defaultStack;
-  // useEffect(() => {
-  //   if (!collection.views[StackViewType.typename]) {
-  //     collection.views[StackViewType.typename] = Ref.make(stack);
-  //   }
-  // }, [collection, stack]);
-
-  const items =
-    collection.objects
-      // TODO(wittjosiah): Should the database handle this differently?
-      // TODO(wittjosiah): Render placeholders for missing objects so they can be removed from the stack?
-      .map((object) => object.target)
-      .filter(isNonNullable)
-      .map((object) => {
-        const metadata = allMetadata.find((m) => m.id === (Obj.getTypename(object) ?? 'never'))
-          ?.metadata as StackSectionMetadata;
-        const view = {
-          // ...stack.sections[object.id],
-          collapsed: collapsedSections[fullyQualifiedId(object)],
-          title:
-            (object as any)?.title ??
-            // TODO(wittjosiah): `getNode` is not reactive.
-            toLocalizedString(graph.getNode(fullyQualifiedId(object)).pipe(Option.getOrNull)?.properties.label, t),
-        } as StackSectionView;
-        return { id: fullyQualifiedId(object), object, metadata, view } satisfies StackSectionItem;
-      }) ?? [];
-
-  const handleDelete = useCallback(
-    async (id: string) => {
-      const index = collection.objects
-        .map((object) => object.target)
-        .filter(isNonNullable)
-        .findIndex((section) => fullyQualifiedId(section) === id);
-      const object = collection.objects[index].target;
-      if (isLiveObject(object)) {
-        await dispatch(createIntent(SpaceAction.RemoveObjects, { objects: [object], target: collection }));
-
-        // TODO(wittjosiah): The section should also be removed, but needs to be restored if the action is undone.
-        // delete stack.sections[Path.last(path)];
-      }
-    },
-    [collection, dispatch],
-  );
-
-  const handleAdd = useCallback(
-    async (id: string, position: AddSectionPosition) => {
-      await dispatch?.(
-        // TODO(wittjosiah): Use object creation dialog.
-        createIntent(LayoutAction.UpdateDialog, {
-          part: 'dialog',
-          subject: `${STACK_PLUGIN}/AddSectionDialog`,
-          options: {
-            blockAlign: 'start',
-            props: {
-              path: id,
-              position,
-              collection,
-            },
-          },
-        }),
-      );
-    },
-    [collection, dispatch],
-  );
-
-  const handleNavigate = useCallback(
-    async (id: string) => {
-      await dispatch(createIntent(LayoutAction.Open, { part: 'main', subject: [id] }));
-    },
-    [dispatch],
-  );
-
-  const handleCollapse = useCallback(
-    (id: string, collapsed: boolean) => setCollapsedSections((prev) => ({ ...prev, [id]: collapsed })),
-    [],
-  );
-
-  const handleAddSection = useCallback(
-    () => dispatch?.(createIntent(SpaceAction.OpenCreateObject, { target: collection, navigable: false })),
-    [collection, dispatch],
-  );
-
-  return (
-    <AttentionProvider id={id}>
-      <StackContext.Provider
-        value={{
-          onCollapse: handleCollapse,
-          onNavigate: handleNavigate,
-          onDelete: handleDelete,
-          onAdd: handleAdd,
-        }}
-      >
-        <Stack orientation='vertical' size='intrinsic' id={id} data-testid='main.stack'>
-          {items.map((item) => (
-            <StackSection key={item.id} {...item} />
-          ))}
-        </Stack>
-
-        <div role='none' className='flex mlb-2 pli-2 justify-center'>
-          <Button data-testid='stack.createSection' classNames='gap-2' onClick={handleAddSection}>
-            <Icon icon='ph--plus' />
-            <span className='sr-only'>{t('add section label')}</span>
-          </Button>
-        </div>
-      </StackContext.Provider>
-    </AttentionProvider>
-  );
-};
-
-export default StackMain;

package/src/components/StackSettings.tsx

@@ -1,23 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { Input, useTranslation } from '@dxos/react-ui';
-import { DeprecatedFormContainer, DeprecatedFormInput } from '@dxos/react-ui-form';
-
-import { STACK_PLUGIN } from '../meta';
-import { type StackSettingsProps } from '../types';
-
-export const StackSettings = ({ settings }: { settings: StackSettingsProps }) => {
-  const { t } = useTranslation(STACK_PLUGIN);
-
-  return (
-    <DeprecatedFormContainer>
-      <DeprecatedFormInput label={t('settings separation label')}>
-        <Input.Switch checked={settings.separation} onCheckedChange={(checked) => (settings.separation = !!checked)} />
-      </DeprecatedFormInput>
-    </DeprecatedFormContainer>
-  );
-};