@dxos/plugin-stack 0.6.14-main.f49f251 → 0.6.14-staging.4b6f9cf

package/dist/lib/browser/StackMain-ILYVK656.mjs

@@ -1,277 +0,0 @@
-import {
-  SECTION_IDENTIFIER,
-  STACK_PLUGIN
-} from "./chunk-ONAKM24Z.mjs";
-import {
-  StackViewType
-} from "./chunk-6PHTGCQZ.mjs";
-
-// packages/plugins/plugin-stack/src/components/StackMain.tsx
-import { Plus } from "@phosphor-icons/react";
-import React2, { useEffect, useMemo, useState } from "react";
-import { LayoutAction, NavigationAction, Surface, parseMetadataResolverPlugin, useIntentDispatcher as useIntentDispatcher2, useResolvePlugin } from "@dxos/app-framework";
-import { create, getType, fullyQualifiedId, isReactiveObject } from "@dxos/client/echo";
-import { useGraph } from "@dxos/plugin-graph";
-import { SpaceAction } from "@dxos/plugin-space";
-import { Button, toLocalizedString as toLocalizedString2, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { AttentionProvider } from "@dxos/react-ui-attention";
-import { Mosaic, Path } from "@dxos/react-ui-mosaic";
-import { Stack } from "@dxos/react-ui-stack";
-import { nonNullable } from "@dxos/util";
-
-// packages/plugins/plugin-stack/src/components/AddSection.tsx
-import { useArrowNavigationGroup } from "@fluentui/react-tabster";
-import React, { useCallback } from "react";
-import { usePlugin, useIntentDispatcher } from "@dxos/app-framework";
-import { toLocalizedString, useTranslation } from "@dxos/react-ui";
-import { getSize, mx } from "@dxos/react-ui-theme";
-var CreatorTile = ({ Icon, label, testId, handleAdd }) => {
-  const onClick = useCallback((_) => handleAdd(), [
-    handleAdd
-  ]);
-  const onKeyDown = useCallback((event) => {
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      handleAdd();
-    }
-  }, [
-    handleAdd
-  ]);
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "button",
-    "aria-label": label,
-    tabIndex: 0,
-    className: mx("flex items-center w-[10rem] h-16 overflow-hidden", "border rounded-md border-separator shadow-sm hover:bg-hoverSurface cursor-pointer"),
-    onClick,
-    onKeyDown,
-    "data-testid": testId
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "flex h-full w-12 items-center justify-center bg-scrim shrink-0 border-r border-separator"
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    weight: "thin",
-    className: getSize(6)
-  })), /* @__PURE__ */ React.createElement("div", {
-    className: "overflow-hidden items-center p-2 px-3"
-  }, /* @__PURE__ */ React.createElement("span", {
-    className: "capitalize"
-  }, label)));
-};
-var AddSection = ({ collection }) => {
-  const domAttributes = useArrowNavigationGroup({
-    axis: "grid"
-  });
-  const dispatch = useIntentDispatcher();
-  const { t } = useTranslation(STACK_PLUGIN);
-  const stackPlugin = usePlugin(STACK_PLUGIN);
-  const stackCreators = stackPlugin?.provides?.stack.creators ?? [];
-  const handleAdd = useCallback(async (creator) => {
-    const { data: section } = await dispatch(creator.intent) ?? {};
-    collection.objects = [
-      section
-    ];
-    const stack = collection.views[StackViewType.typename];
-    if (stack) {
-      stack.sections[section.id] = {};
-    }
-  }, [
-    collection,
-    dispatch
-  ]);
-  if (stackCreators.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ React.createElement("div", {
-    ...domAttributes,
-    role: "none",
-    className: "flex flex-wrap items-center p-8 gap-4"
-  }, stackCreators.map((creator) => {
-    const { id, type, icon, testId } = creator;
-    return /* @__PURE__ */ React.createElement(CreatorTile, {
-      key: id,
-      label: toLocalizedString(type, t),
-      testId,
-      Icon: icon,
-      handleAdd: () => handleAdd(creator)
-    });
-  }));
-};
-
-// packages/plugins/plugin-stack/src/components/StackMain.tsx
-var SectionContent = ({ data }) => {
-  return /* @__PURE__ */ React2.createElement(Surface, {
-    role: "section",
-    data: {
-      object: data
-    },
-    limit: 1,
-    placeholder: /* @__PURE__ */ React2.createElement(React2.Fragment, null)
-  });
-};
-var StackMain = ({ id, collection, separation }) => {
-  const dispatch = useIntentDispatcher2();
-  const { graph } = useGraph();
-  const { t } = useTranslation2(STACK_PLUGIN);
-  const metadataPlugin = useResolvePlugin(parseMetadataResolverPlugin);
-  const defaultStack = useMemo(() => create(StackViewType, {
-    sections: {}
-  }), [
-    collection
-  ]);
-  const stack = collection.views[StackViewType.typename] ?? defaultStack;
-  const [collapsedSections, setCollapsedSections] = useState({});
-  useEffect(() => {
-    if (!collection.views[StackViewType.typename]) {
-      collection.views[StackViewType.typename] = stack;
-    }
-  }, [
-    collection,
-    stack
-  ]);
-  const items = collection.objects.filter(nonNullable).map((object) => {
-    const metadata = metadataPlugin?.provides.metadata.resolver(getType(object)?.objectId ?? "never");
-    const view = {
-      ...stack.sections[object.id],
-      collapsed: collapsedSections[fullyQualifiedId(object)],
-      title: object?.title ?? toLocalizedString2(graph.findNode(fullyQualifiedId(object))?.properties.label, t)
-    };
-    return {
-      id: fullyQualifiedId(object),
-      object,
-      metadata,
-      view
-    };
-  }) ?? [];
-  const handleOver = ({ active, over }) => {
-    if (active.type !== SECTION_IDENTIFIER) {
-      return "reject";
-    }
-    if (Path.parent(active.path) === Path.parent(over.path)) {
-      return "rearrange";
-    }
-    const parseData = metadataPlugin?.provides.metadata.resolver(active.type)?.parse;
-    const data = parseData ? parseData(active.item, "object") : active.item;
-    if (!isReactiveObject(data)) {
-      return "reject";
-    }
-    const exists = items.findIndex(({ id: id2 }) => id2 === active.item.id) >= 0;
-    if (!exists) {
-      return "transfer";
-    } else {
-      return "reject";
-    }
-  };
-  const handleDrop = ({ operation, active, over }) => {
-    if ((active.path === Path.create(id, active.item.id) || active.path === id) && (operation !== "copy" || over.path === Path.create(id, over.item.id) || over.path === id)) {
-      collection.objects.splice(active.position, 1);
-      delete stack.sections[active.item.id];
-    }
-    const parseData = metadataPlugin?.provides.metadata.resolver(active.type)?.parse;
-    const object = parseData?.(active.item, "object");
-    if (object && over.path === Path.create(id, over.item.id)) {
-      collection.objects.splice(over.position, 0, object);
-    } else if (object && over.path === id) {
-      collection.objects.push(object);
-    }
-    if (!stack.sections[object.id]) {
-      stack.sections[object.id] = {};
-    }
-  };
-  const handleDelete = async (path) => {
-    const index = collection.objects.filter(nonNullable).findIndex((section) => fullyQualifiedId(section) === Path.last(path));
-    if (index >= 0) {
-      await dispatch({
-        action: SpaceAction.REMOVE_OBJECT,
-        data: {
-          object: collection.objects[index],
-          collection
-        }
-      });
-    }
-  };
-  const handleNavigate = async (object) => {
-    const toId = fullyQualifiedId(object);
-    await dispatch([
-      {
-        action: NavigationAction.OPEN,
-        data: {
-          activeParts: {
-            main: [
-              toId
-            ]
-          }
-        }
-      },
-      {
-        action: LayoutAction.SCROLL_INTO_VIEW,
-        data: {
-          id: toId
-        }
-      }
-    ]);
-  };
-  const handleAddSection = (path, position) => {
-    void dispatch?.({
-      action: LayoutAction.SET_LAYOUT,
-      data: {
-        element: "dialog",
-        component: `${STACK_PLUGIN}/AddSectionDialog`,
-        subject: {
-          path,
-          position,
-          collection
-        }
-      }
-    });
-  };
-  const handleCollapseSection = (id2, collapsed) => {
-    setCollapsedSections((prev) => ({
-      ...prev,
-      [id2]: collapsed
-    }));
-  };
-  return /* @__PURE__ */ React2.createElement(AttentionProvider, {
-    id
-  }, /* @__PURE__ */ React2.createElement(Mosaic.Root, null, /* @__PURE__ */ React2.createElement(Mosaic.DragOverlay, null), /* @__PURE__ */ React2.createElement(Stack, {
-    id,
-    "data-testid": "main.stack",
-    SectionContent,
-    type: SECTION_IDENTIFIER,
-    items,
-    separation,
-    emptyComponent: /* @__PURE__ */ React2.createElement("span", {
-      "data-testid": "stack.empty"
-    }),
-    onDrop: handleDrop,
-    onOver: handleOver,
-    onDeleteSection: handleDelete,
-    onNavigateToSection: handleNavigate,
-    onAddSection: handleAddSection,
-    onCollapseSection: handleCollapseSection
-  }), items.length === 0 ? /* @__PURE__ */ React2.createElement(AddSection, {
-    collection
-  }) : /* @__PURE__ */ React2.createElement("div", {
-    role: "none",
-    className: "flex mlb-2 pli-2 justify-center"
-  }, /* @__PURE__ */ React2.createElement(Button, {
-    "data-testid": "stack.createSection",
-    classNames: "gap-2",
-    onClick: () => dispatch?.({
-      action: LayoutAction.SET_LAYOUT,
-      data: {
-        element: "dialog",
-        component: "dxos.org/plugin/stack/AddSectionDialog",
-        subject: {
-          position: "afterAll",
-          collection
-        }
-      }
-    })
-  }, /* @__PURE__ */ React2.createElement(Plus, null), /* @__PURE__ */ React2.createElement("span", {
-    className: "sr-only"
-  }, t("add section label"))))));
-};
-var StackMain_default = StackMain;
-export {
-  StackMain_default as default
-};
-//# sourceMappingURL=StackMain-ILYVK656.mjs.map

package/dist/lib/browser/StackMain-ILYVK656.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/StackMain.tsx", "../../../src/components/AddSection.tsx"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plus } from '@phosphor-icons/react';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport {\n  LayoutAction,\n  NavigationAction,\n  Surface,\n  parseMetadataResolverPlugin,\n  useIntentDispatcher,\n  useResolvePlugin,\n} from '@dxos/app-framework';\nimport { create, getType, fullyQualifiedId, isReactiveObject } from '@dxos/client/echo';\nimport { useGraph } from '@dxos/plugin-graph';\nimport { SpaceAction } from '@dxos/plugin-space';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { Button, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { AttentionProvider } from '@dxos/react-ui-attention';\nimport { type MosaicDataItem, type MosaicDropEvent, type MosaicMoveEvent, Mosaic, Path } from '@dxos/react-ui-mosaic';\nimport {\n  type AddSectionPosition,\n  type CollapsedSections,\n  Stack,\n  type StackProps,\n  type StackSectionItem,\n} from '@dxos/react-ui-stack';\nimport { nonNullable } from '@dxos/util';\n\nimport { AddSection } from './AddSection';\nimport { SECTION_IDENTIFIER, STACK_PLUGIN } from '../meta';\nimport { StackViewType } from '../types';\n\nconst SectionContent: StackProps['SectionContent'] = ({ data }) => {\n  // TODO(wittjosiah): Better section placeholder.\n  return <Surface role='section' data={{ object: data }} limit={1} placeholder={<></>} />;\n};\n\ntype StackMainProps = {\n  id: string;\n  collection: CollectionType;\n  separation?: boolean;\n};\n\nconst StackMain = ({ id, collection, separation }: StackMainProps) => {\n  const dispatch = useIntentDispatcher();\n  const { graph } = useGraph();\n  const { t } = useTranslation(STACK_PLUGIN);\n  const metadataPlugin = useResolvePlugin(parseMetadataResolverPlugin);\n  const defaultStack = useMemo(() => create(StackViewType, { sections: {} }), [collection]);\n  const stack = (collection.views[StackViewType.typename] as StackViewType) ?? defaultStack;\n  const [collapsedSections, setCollapsedSections] = useState<CollapsedSections>({});\n\n  useEffect(() => {\n    if (!collection.views[StackViewType.typename]) {\n      collection.views[StackViewType.typename] = stack;\n    }\n  }, [collection, stack]);\n\n  const items =\n    collection.objects\n      // TODO(wittjosiah): Should the database handle this differently?\n      // TODO(wittjosiah): Render placeholders for missing objects so they can be removed from the stack?\n      .filter(nonNullable)\n      .map((object) => {\n        const metadata = metadataPlugin?.provides.metadata.resolver(\n          getType(object)?.objectId ?? 'never',\n        ) as StackSectionItem['metadata'];\n        const view = {\n          ...stack.sections[object.id],\n          collapsed: collapsedSections[fullyQualifiedId(object)],\n          title:\n            (object as any)?.title ?? toLocalizedString(graph.findNode(fullyQualifiedId(object))?.properties.label, t),\n        } as StackSectionItem['view'];\n        return { id: fullyQualifiedId(object), object, metadata, view };\n      }) ?? [];\n\n  const handleOver = ({ active, over }: MosaicMoveEvent<number>) => {\n    // TODO(thure): Eventually Stack should handle foreign draggables.\n    if (active.type !== SECTION_IDENTIFIER) {\n      return 'reject';\n    }\n    if (Path.parent(active.path) === Path.parent(over.path)) {\n      return 'rearrange';\n    }\n\n    const parseData = metadataPlugin?.provides.metadata.resolver(active.type)?.parse;\n    const data = parseData ? parseData(active.item, 'object') : active.item;\n\n    // TODO(wittjosiah): Prevent dropping items which don't have a section renderer?\n    //  Perhaps stack plugin should just provide a fallback section renderer.\n    if (!isReactiveObject(data)) {\n      return 'reject';\n    }\n\n    const exists = items.findIndex(({ id }) => id === active.item.id) >= 0;\n    if (!exists) {\n      return 'transfer';\n    } else {\n      return 'reject';\n    }\n  };\n\n  const handleDrop = ({ operation, active, over }: MosaicDropEvent<number>) => {\n    if (\n      (active.path === Path.create(id, active.item.id) || active.path === id) &&\n      (operation !== 'copy' || over.path === Path.create(id, over.item.id) || over.path === id)\n    ) {\n      collection.objects.splice(active.position!, 1);\n      delete stack.sections[active.item.id];\n    }\n\n    const parseData = metadataPlugin?.provides.metadata.resolver(active.type)?.parse;\n    const object = parseData?.(active.item, 'object');\n    if (object && over.path === Path.create(id, over.item.id)) {\n      collection.objects.splice(over.position!, 0, object);\n    } else if (object && over.path === id) {\n      collection.objects.push(object);\n    }\n\n    if (!stack.sections[object.id]) {\n      stack.sections[object.id] = {};\n    }\n  };\n\n  const handleDelete = async (path: string) => {\n    const index = collection.objects\n      .filter(nonNullable)\n      .findIndex((section) => fullyQualifiedId(section) === Path.last(path));\n    if (index >= 0) {\n      await dispatch({\n        action: SpaceAction.REMOVE_OBJECT,\n        data: { object: collection.objects[index], collection },\n      });\n\n      // TODO(wittjosiah): The section should also be removed, but needs to be restored if the action is undone.\n      // delete stack.sections[Path.last(path)];\n    }\n  };\n\n  // TODO(wittjosiah): Factor out.\n\n  const handleNavigate = async (object: MosaicDataItem) => {\n    const toId = fullyQualifiedId(object);\n    await dispatch([\n      {\n        action: NavigationAction.OPEN,\n        data: { activeParts: { main: [toId] } },\n      },\n      {\n        action: LayoutAction.SCROLL_INTO_VIEW,\n        data: { id: toId },\n      },\n    ]);\n  };\n\n  const handleAddSection = (path: string, position: AddSectionPosition) => {\n    void dispatch?.({\n      action: LayoutAction.SET_LAYOUT,\n      data: {\n        element: 'dialog',\n        component: `${STACK_PLUGIN}/AddSectionDialog`,\n        subject: { path, position, collection },\n      },\n    });\n  };\n\n  const handleCollapseSection = (id: string, collapsed: boolean) => {\n    setCollapsedSections((prev) => ({ ...prev, [id]: collapsed }));\n  };\n\n  return (\n    <AttentionProvider id={id}>\n      <Mosaic.Root>\n        <Mosaic.DragOverlay />\n        <Stack\n          id={id}\n          data-testid='main.stack'\n          SectionContent={SectionContent}\n          type={SECTION_IDENTIFIER}\n          items={items}\n          separation={separation}\n          emptyComponent={<span data-testid='stack.empty'></span>}\n          onDrop={handleDrop}\n          onOver={handleOver}\n          onDeleteSection={handleDelete}\n          onNavigateToSection={handleNavigate}\n          onAddSection={handleAddSection}\n          onCollapseSection={handleCollapseSection}\n        />\n\n        {items.length === 0 ? (\n          <AddSection collection={collection} />\n        ) : (\n          <div role='none' className='flex mlb-2 pli-2 justify-center'>\n            <Button\n              data-testid='stack.createSection'\n              classNames='gap-2'\n              onClick={() =>\n                dispatch?.({\n                  action: LayoutAction.SET_LAYOUT,\n                  data: {\n                    element: 'dialog',\n                    component: 'dxos.org/plugin/stack/AddSectionDialog',\n                    subject: { position: 'afterAll', collection },\n                  },\n                })\n              }\n            >\n              <Plus />\n              <span className='sr-only'>{t('add section label')}</span>\n            </Button>\n          </div>\n        )}\n      </Mosaic.Root>\n    </AttentionProvider>\n  );\n};\n\nexport default StackMain;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { type IconProps } from '@phosphor-icons/react';\nimport React, { type FC, type KeyboardEvent, type MouseEvent, useCallback } from 'react';\n\nimport { usePlugin, useIntentDispatcher } from '@dxos/app-framework';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { getSize, mx } from '@dxos/react-ui-theme';\n\nimport { STACK_PLUGIN } from '../meta';\nimport { StackViewType, type StackSectionCreator, type StackPluginProvides } from '../types';\n\nconst CreatorTile = ({\n  Icon,\n  label,\n  testId,\n  handleAdd,\n}: {\n  Icon: FC<IconProps>;\n  testId: string;\n  label: string;\n  handleAdd: () => void;\n}) => {\n  const onClick = useCallback((_: MouseEvent<HTMLDivElement>) => handleAdd(), [handleAdd]);\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLDivElement>) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        handleAdd();\n      }\n    },\n    [handleAdd],\n  );\n\n  return (\n    <div\n      role='button'\n      aria-label={label}\n      tabIndex={0}\n      className={mx(\n        'flex items-center w-[10rem] h-16 overflow-hidden',\n        'border rounded-md border-separator shadow-sm hover:bg-hoverSurface cursor-pointer',\n      )}\n      onClick={onClick}\n      onKeyDown={onKeyDown}\n      data-testid={testId}\n    >\n      <div className='flex h-full w-12 items-center justify-center bg-scrim shrink-0 border-r border-separator'>\n        <Icon weight='thin' className={getSize(6)} />\n      </div>\n      <div className='overflow-hidden items-center p-2 px-3'>\n        <span className='capitalize'>{label}</span>\n      </div>\n    </div>\n  );\n};\n\nexport const AddSection = ({ collection }: { collection: CollectionType }) => {\n  const domAttributes = useArrowNavigationGroup({ axis: 'grid' });\n  const dispatch = useIntentDispatcher();\n  const { t } = useTranslation(STACK_PLUGIN);\n\n  const stackPlugin = usePlugin<StackPluginProvides>(STACK_PLUGIN);\n  const stackCreators = stackPlugin?.provides?.stack.creators ?? [];\n\n  const handleAdd = useCallback(\n    async (creator: StackSectionCreator) => {\n      const { data: section } = (await dispatch(creator.intent)) ?? {};\n      collection.objects = [section];\n      const stack = collection.views[StackViewType.typename];\n      if (stack) {\n        stack.sections[section.id] = {};\n      }\n    },\n    [collection, dispatch],\n  );\n\n  if (stackCreators.length === 0) {\n    return null;\n  }\n\n  return (\n    <div {...domAttributes} role='none' className='flex flex-wrap items-center p-8 gap-4'>\n      {stackCreators.map((creator) => {\n        const { id, type, icon, testId } = creator;\n        return (\n          <CreatorTile\n            key={id}\n            label={toLocalizedString(type, t)}\n            testId={testId}\n            Icon={icon}\n            handleAdd={() => handleAdd(creator)}\n          />\n        );\n      })}\n    </div>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["Plus", "React", "useEffect", "useMemo", "useState", "LayoutAction", "NavigationAction", "Surface", "parseMetadataResolverPlugin", "useIntentDispatcher", "useResolvePlugin", "create", "getType", "fullyQualifiedId", "isReactiveObject", "useGraph", "SpaceAction", "Button", "toLocalizedString", "useTranslation", "AttentionProvider", "Mosaic", "Path", "Stack", "nonNullable", "useArrowNavigationGroup", "React", "useCallback", "usePlugin", "useIntentDispatcher", "toLocalizedString", "useTranslation", "getSize", "mx", "CreatorTile", "Icon", "label", "testId", "handleAdd", "onClick", "useCallback", "_", "onKeyDown", "event", "key", "preventDefault", "div", "role", "aria-label", "tabIndex", "className", "mx", "data-testid", "weight", "getSize", "span", "AddSection", "collection", "domAttributes", "useArrowNavigationGroup", "axis", "dispatch", "useIntentDispatcher", "t", "useTranslation", "STACK_PLUGIN", "stackPlugin", "usePlugin", "stackCreators", "provides", "stack", "creators", "creator", "data", "section", "intent", "objects", "views", "StackViewType", "typename", "sections", "id", "length", "map", "type", "icon", "toLocalizedString", "SectionContent", "data", "React", "Surface", "role", "object", "limit", "placeholder", "StackMain", "id", "collection", "separation", "dispatch", "useIntentDispatcher", "graph", "useGraph", "t", "useTranslation", "STACK_PLUGIN", "metadataPlugin", "useResolvePlugin", "parseMetadataResolverPlugin", "defaultStack", "useMemo", "create", "StackViewType", "sections", "stack", "views", "typename", "collapsedSections", "setCollapsedSections", "useState", "useEffect", "items", "objects", "filter", "nonNullable", "map", "metadata", "provides", "resolver", "getType", "objectId", "view", "collapsed", "fullyQualifiedId", "title", "toLocalizedString", "findNode", "properties", "label", "handleOver", "active", "over", "type", "SECTION_IDENTIFIER", "Path", "parent", "path", "parseData", "parse", "item", "isReactiveObject", "exists", "findIndex", "handleDrop", "operation", "splice", "position", "push", "handleDelete", "index", "section", "last", "action", "SpaceAction", "REMOVE_OBJECT", "handleNavigate", "toId", "NavigationAction", "OPEN", "activeParts", "main", "LayoutAction", "SCROLL_INTO_VIEW", "handleAddSection", "SET_LAYOUT", "element", "component", "subject", "handleCollapseSection", "prev", "AttentionProvider", "Mosaic", "Root", "DragOverlay", "Stack", "data-testid", "emptyComponent", "span", "onDrop", "onOver", "onDeleteSection", "onNavigateToSection", "onAddSection", "onCollapseSection", "length", "AddSection", "div", "className", "Button", "classNames", "onClick", "Plus"]
-}

package/dist/lib/browser/chunk-ONAKM24Z.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/meta.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const STACK_PLUGIN = 'dxos.org/plugin/stack';\nexport const SECTION_IDENTIFIER = 'dxos.org/type/StackSection';\n\nexport default {\n  id: STACK_PLUGIN,\n  // TODO(wittjosiah): Prevents \"stacks\" language from being exposed to users in settings panel.\n  name: 'Collections',\n  icon: 'ph--stack-simple--regular',\n} satisfies PluginMeta;\n"],
-  "mappings": ";AAMO,IAAMA,eAAe;AACrB,IAAMC,qBAAqB;AAElC,IAAA,eAAe;EACbC,IAAIF;;EAEJG,MAAM;EACNC,MAAM;AACR;",
-  "names": ["STACK_PLUGIN", "SECTION_IDENTIFIER", "id", "name", "icon"]
-}

package/dist/lib/node/StackMain-LAYSQV2S.cjs

@@ -1,296 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var StackMain_LAYSQV2S_exports = {};
-__export(StackMain_LAYSQV2S_exports, {
-  default: () => StackMain_default
-});
-module.exports = __toCommonJS(StackMain_LAYSQV2S_exports);
-var import_chunk_O5SQVKNW = require("./chunk-O5SQVKNW.cjs");
-var import_chunk_3D3FPZWK = require("./chunk-3D3FPZWK.cjs");
-var import_react = require("@phosphor-icons/react");
-var import_react2 = __toESM(require("react"));
-var import_app_framework = require("@dxos/app-framework");
-var import_echo = require("@dxos/client/echo");
-var import_plugin_graph = require("@dxos/plugin-graph");
-var import_plugin_space = require("@dxos/plugin-space");
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_attention = require("@dxos/react-ui-attention");
-var import_react_ui_mosaic = require("@dxos/react-ui-mosaic");
-var import_react_ui_stack = require("@dxos/react-ui-stack");
-var import_util = require("@dxos/util");
-var import_react_tabster = require("@fluentui/react-tabster");
-var import_react3 = __toESM(require("react"));
-var import_app_framework2 = require("@dxos/app-framework");
-var import_react_ui2 = require("@dxos/react-ui");
-var import_react_ui_theme = require("@dxos/react-ui-theme");
-var CreatorTile = ({ Icon, label, testId, handleAdd }) => {
-  const onClick = (0, import_react3.useCallback)((_) => handleAdd(), [
-    handleAdd
-  ]);
-  const onKeyDown = (0, import_react3.useCallback)((event) => {
-    if (event.key === "Enter" || event.key === " ") {
-      event.preventDefault();
-      handleAdd();
-    }
-  }, [
-    handleAdd
-  ]);
-  return /* @__PURE__ */ import_react3.default.createElement("div", {
-    role: "button",
-    "aria-label": label,
-    tabIndex: 0,
-    className: (0, import_react_ui_theme.mx)("flex items-center w-[10rem] h-16 overflow-hidden", "border rounded-md border-separator shadow-sm hover:bg-hoverSurface cursor-pointer"),
-    onClick,
-    onKeyDown,
-    "data-testid": testId
-  }, /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "flex h-full w-12 items-center justify-center bg-scrim shrink-0 border-r border-separator"
-  }, /* @__PURE__ */ import_react3.default.createElement(Icon, {
-    weight: "thin",
-    className: (0, import_react_ui_theme.getSize)(6)
-  })), /* @__PURE__ */ import_react3.default.createElement("div", {
-    className: "overflow-hidden items-center p-2 px-3"
-  }, /* @__PURE__ */ import_react3.default.createElement("span", {
-    className: "capitalize"
-  }, label)));
-};
-var AddSection = ({ collection }) => {
-  const domAttributes = (0, import_react_tabster.useArrowNavigationGroup)({
-    axis: "grid"
-  });
-  const dispatch = (0, import_app_framework2.useIntentDispatcher)();
-  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_O5SQVKNW.STACK_PLUGIN);
-  const stackPlugin = (0, import_app_framework2.usePlugin)(import_chunk_O5SQVKNW.STACK_PLUGIN);
-  const stackCreators = stackPlugin?.provides?.stack.creators ?? [];
-  const handleAdd = (0, import_react3.useCallback)(async (creator) => {
-    const { data: section } = await dispatch(creator.intent) ?? {};
-    collection.objects = [
-      section
-    ];
-    const stack = collection.views[import_chunk_3D3FPZWK.StackViewType.typename];
-    if (stack) {
-      stack.sections[section.id] = {};
-    }
-  }, [
-    collection,
-    dispatch
-  ]);
-  if (stackCreators.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react3.default.createElement("div", {
-    ...domAttributes,
-    role: "none",
-    className: "flex flex-wrap items-center p-8 gap-4"
-  }, stackCreators.map((creator) => {
-    const { id, type, icon, testId } = creator;
-    return /* @__PURE__ */ import_react3.default.createElement(CreatorTile, {
-      key: id,
-      label: (0, import_react_ui2.toLocalizedString)(type, t),
-      testId,
-      Icon: icon,
-      handleAdd: () => handleAdd(creator)
-    });
-  }));
-};
-var SectionContent = ({ data }) => {
-  return /* @__PURE__ */ import_react2.default.createElement(import_app_framework.Surface, {
-    role: "section",
-    data: {
-      object: data
-    },
-    limit: 1,
-    placeholder: /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null)
-  });
-};
-var StackMain = ({ id, collection, separation }) => {
-  const dispatch = (0, import_app_framework.useIntentDispatcher)();
-  const { graph } = (0, import_plugin_graph.useGraph)();
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_O5SQVKNW.STACK_PLUGIN);
-  const metadataPlugin = (0, import_app_framework.useResolvePlugin)(import_app_framework.parseMetadataResolverPlugin);
-  const defaultStack = (0, import_react2.useMemo)(() => (0, import_echo.create)(import_chunk_3D3FPZWK.StackViewType, {
-    sections: {}
-  }), [
-    collection
-  ]);
-  const stack = collection.views[import_chunk_3D3FPZWK.StackViewType.typename] ?? defaultStack;
-  const [collapsedSections, setCollapsedSections] = (0, import_react2.useState)({});
-  (0, import_react2.useEffect)(() => {
-    if (!collection.views[import_chunk_3D3FPZWK.StackViewType.typename]) {
-      collection.views[import_chunk_3D3FPZWK.StackViewType.typename] = stack;
-    }
-  }, [
-    collection,
-    stack
-  ]);
-  const items = collection.objects.filter(import_util.nonNullable).map((object) => {
-    const metadata = metadataPlugin?.provides.metadata.resolver((0, import_echo.getType)(object)?.objectId ?? "never");
-    const view = {
-      ...stack.sections[object.id],
-      collapsed: collapsedSections[(0, import_echo.fullyQualifiedId)(object)],
-      title: object?.title ?? (0, import_react_ui.toLocalizedString)(graph.findNode((0, import_echo.fullyQualifiedId)(object))?.properties.label, t)
-    };
-    return {
-      id: (0, import_echo.fullyQualifiedId)(object),
-      object,
-      metadata,
-      view
-    };
-  }) ?? [];
-  const handleOver = ({ active, over }) => {
-    if (active.type !== import_chunk_O5SQVKNW.SECTION_IDENTIFIER) {
-      return "reject";
-    }
-    if (import_react_ui_mosaic.Path.parent(active.path) === import_react_ui_mosaic.Path.parent(over.path)) {
-      return "rearrange";
-    }
-    const parseData = metadataPlugin?.provides.metadata.resolver(active.type)?.parse;
-    const data = parseData ? parseData(active.item, "object") : active.item;
-    if (!(0, import_echo.isReactiveObject)(data)) {
-      return "reject";
-    }
-    const exists = items.findIndex(({ id: id2 }) => id2 === active.item.id) >= 0;
-    if (!exists) {
-      return "transfer";
-    } else {
-      return "reject";
-    }
-  };
-  const handleDrop = ({ operation, active, over }) => {
-    if ((active.path === import_react_ui_mosaic.Path.create(id, active.item.id) || active.path === id) && (operation !== "copy" || over.path === import_react_ui_mosaic.Path.create(id, over.item.id) || over.path === id)) {
-      collection.objects.splice(active.position, 1);
-      delete stack.sections[active.item.id];
-    }
-    const parseData = metadataPlugin?.provides.metadata.resolver(active.type)?.parse;
-    const object = parseData?.(active.item, "object");
-    if (object && over.path === import_react_ui_mosaic.Path.create(id, over.item.id)) {
-      collection.objects.splice(over.position, 0, object);
-    } else if (object && over.path === id) {
-      collection.objects.push(object);
-    }
-    if (!stack.sections[object.id]) {
-      stack.sections[object.id] = {};
-    }
-  };
-  const handleDelete = async (path) => {
-    const index = collection.objects.filter(import_util.nonNullable).findIndex((section) => (0, import_echo.fullyQualifiedId)(section) === import_react_ui_mosaic.Path.last(path));
-    if (index >= 0) {
-      await dispatch({
-        action: import_plugin_space.SpaceAction.REMOVE_OBJECT,
-        data: {
-          object: collection.objects[index],
-          collection
-        }
-      });
-    }
-  };
-  const handleNavigate = async (object) => {
-    const toId = (0, import_echo.fullyQualifiedId)(object);
-    await dispatch([
-      {
-        action: import_app_framework.NavigationAction.OPEN,
-        data: {
-          activeParts: {
-            main: [
-              toId
-            ]
-          }
-        }
-      },
-      {
-        action: import_app_framework.LayoutAction.SCROLL_INTO_VIEW,
-        data: {
-          id: toId
-        }
-      }
-    ]);
-  };
-  const handleAddSection = (path, position) => {
-    void dispatch?.({
-      action: import_app_framework.LayoutAction.SET_LAYOUT,
-      data: {
-        element: "dialog",
-        component: `${import_chunk_O5SQVKNW.STACK_PLUGIN}/AddSectionDialog`,
-        subject: {
-          path,
-          position,
-          collection
-        }
-      }
-    });
-  };
-  const handleCollapseSection = (id2, collapsed) => {
-    setCollapsedSections((prev) => ({
-      ...prev,
-      [id2]: collapsed
-    }));
-  };
-  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui_attention.AttentionProvider, {
-    id
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_mosaic.Mosaic.Root, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_mosaic.Mosaic.DragOverlay, null), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_stack.Stack, {
-    id,
-    "data-testid": "main.stack",
-    SectionContent,
-    type: import_chunk_O5SQVKNW.SECTION_IDENTIFIER,
-    items,
-    separation,
-    emptyComponent: /* @__PURE__ */ import_react2.default.createElement("span", {
-      "data-testid": "stack.empty"
-    }),
-    onDrop: handleDrop,
-    onOver: handleOver,
-    onDeleteSection: handleDelete,
-    onNavigateToSection: handleNavigate,
-    onAddSection: handleAddSection,
-    onCollapseSection: handleCollapseSection
-  }), items.length === 0 ? /* @__PURE__ */ import_react2.default.createElement(AddSection, {
-    collection
-  }) : /* @__PURE__ */ import_react2.default.createElement("div", {
-    role: "none",
-    className: "flex mlb-2 pli-2 justify-center"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui.Button, {
-    "data-testid": "stack.createSection",
-    classNames: "gap-2",
-    onClick: () => dispatch?.({
-      action: import_app_framework.LayoutAction.SET_LAYOUT,
-      data: {
-        element: "dialog",
-        component: "dxos.org/plugin/stack/AddSectionDialog",
-        subject: {
-          position: "afterAll",
-          collection
-        }
-      }
-    })
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react.Plus, null), /* @__PURE__ */ import_react2.default.createElement("span", {
-    className: "sr-only"
-  }, t("add section label"))))));
-};
-var StackMain_default = StackMain;
-//# sourceMappingURL=StackMain-LAYSQV2S.cjs.map