@dxos/plugin-stack 0.7.4 → 0.7.5-main.9d26e3a

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/StackPlugin.tsx", "../../../src/components/index.ts", "../../../src/components/StackSettings.tsx", "../../../src/components/AddSectionDialog.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
-  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { type Plugin, type PluginDefinition } from '@dxos/app-framework';\nimport { create, type ReactiveEchoObject, fullyQualifiedId } from '@dxos/client/echo';\nimport { LocalStorageStore } from '@dxos/local-storage';\nimport { CollectionType } from '@dxos/plugin-space/types';\nimport { Main } from '@dxos/react-ui';\nimport { baseSurface, topbarBlockPaddingStart, bottombarBlockPaddingEnd } from '@dxos/react-ui-theme';\n\nimport { StackMain, StackSettings, AddSectionDialog, dataHasAddSectionDialogProps } from './components';\nimport meta, { SECTION_IDENTIFIER, STACK_PLUGIN } from './meta';\nimport translations from './translations';\nimport { StackViewType } from './types';\nimport { type StackPluginProvides, type StackProvides, type StackState, type StackSettingsProps } from './types';\n\nexport const StackPlugin = (): PluginDefinition<StackPluginProvides> => {\n  const settings = new LocalStorageStore<StackSettingsProps>(STACK_PLUGIN, { separation: true });\n  const stackState = create<StackState>({ creators: [] });\n\n  return {\n    meta,\n    ready: async (plugins) => {\n      settings.prop({ key: 'separation', type: LocalStorageStore.bool() });\n\n      for (const plugin of plugins) {\n        if (plugin.meta.id === STACK_PLUGIN) {\n          continue;\n        }\n\n        if (Array.isArray((plugin as Plugin<StackProvides>).provides?.stack?.creators)) {\n          stackState.creators.push(...((plugin as Plugin<StackProvides>).provides.stack.creators ?? []));\n        }\n      }\n    },\n    provides: {\n      settings: settings.values,\n      metadata: {\n        records: {\n          [StackViewType.typename]: {\n            placeholder: ['stack title placeholder', { ns: STACK_PLUGIN }],\n            icon: 'ph--stack-simple--regular',\n          },\n          [SECTION_IDENTIFIER]: {\n            parse: (section: { object: ReactiveEchoObject<any> }, type: string) => {\n              switch (type) {\n                case 'node':\n                  // TODO(wittjosiah): Remove cast.\n                  return { id: section.object.id, label: section.object.title, data: section.object };\n                case 'object':\n                  return section.object;\n                case 'view-object':\n                  return section;\n              }\n            },\n          },\n        },\n      },\n      translations,\n      echo: {\n        system: [StackViewType],\n      },\n      surface: {\n        component: ({ data, role }) => {\n          switch (data.component) {\n            case `${STACK_PLUGIN}/AddSectionDialog`:\n              return dataHasAddSectionDialogProps(data) ? <AddSectionDialog {...data.subject} /> : null;\n          }\n\n          const primary = data.active ?? data.object;\n          // This allows the id to be overridden by the surface for situations where the id of the collection\n          // is not the same as the id of what is being represented (e.g., a space with a root collection).\n          const id = typeof data.id === 'string' ? data.id : undefined;\n          switch (role) {\n            case 'main':\n              return primary instanceof CollectionType ? (\n                <Main.Content bounce classNames={[baseSurface, topbarBlockPaddingStart, bottombarBlockPaddingEnd]}>\n                  <StackMain id={id ?? fullyQualifiedId(primary)} collection={primary} />\n                </Main.Content>\n              ) : null;\n            case 'article':\n              return primary instanceof CollectionType ? (\n                <div role='none' className='overflow-auto' style={{ contain: 'layout' }}>\n                  <StackMain id={id ?? fullyQualifiedId(primary)} collection={primary} />\n                </div>\n              ) : null;\n            case 'settings': {\n              return data.plugin === meta.id ? <StackSettings settings={settings.values} /> : null;\n            }\n            default:\n              return null;\n          }\n        },\n      },\n      stack: stackState,\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const StackMain = lazy(() => import('./StackMain'));\n\nexport * from './StackSettings';\nexport * from './AddSectionDialog';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { STACK_PLUGIN } from '../meta';\nimport { type StackSettingsProps } from '../types';\n\nexport const StackSettings = ({ settings }: { settings: StackSettingsProps }) => {\n  const { t } = useTranslation(STACK_PLUGIN);\n\n  return (\n    <>\n      <DeprecatedFormInput label={t('settings separation label')}>\n        <Input.Switch checked={settings.separation} onCheckedChange={(checked) => (settings.separation = !!checked)} />\n      </DeprecatedFormInput>\n    </>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { FilePlus } from '@phosphor-icons/react';\nimport React, { useCallback, useRef, useState } from 'react';\n\nimport { usePlugin, useIntent, LayoutAction, useResolvePlugin, parseFileManagerPlugin } from '@dxos/app-framework';\nimport { type ReactiveEchoObject, create, getSpace } from '@dxos/client/echo';\nimport { FileType } from '@dxos/plugin-ipfs/types';\nimport { type CollectionType } from '@dxos/plugin-space/types';\nimport { Dialog, toLocalizedString, useTranslation } from '@dxos/react-ui';\nimport { Path } from '@dxos/react-ui-mosaic';\nimport { SearchList } from '@dxos/react-ui-searchlist';\nimport { getSize, mx } from '@dxos/react-ui-theme';\nimport { nonNullable } from '@dxos/util';\n\nimport { STACK_PLUGIN } from '../meta';\nimport { StackViewType, type StackPluginProvides, type AddSectionPosition } from '../types';\n\ntype AddSectionDialogProps = { path?: string; position: AddSectionPosition; collection: CollectionType };\n\nexport const dataHasAddSectionDialogProps = (data: any): data is { subject: AddSectionDialogProps } => {\n  return (\n    'subject' in data &&\n    typeof data.subject === 'object' &&\n    !!data.subject &&\n    'position' in data.subject &&\n    typeof data.subject.position === 'string' &&\n    'collection' in data.subject\n  );\n};\n\nexport const AddSectionDialog = ({ path, position, collection }: AddSectionDialogProps) => {\n  const { t } = useTranslation(STACK_PLUGIN);\n  const stackPlugin = usePlugin<StackPluginProvides>(STACK_PLUGIN);\n  const fileManagerPlugin = useResolvePlugin(parseFileManagerPlugin);\n  const fileRef = useRef<HTMLInputElement | null>(null);\n  const { dispatch } = useIntent();\n  const space = getSpace(collection);\n  const [pending, setPending] = useState<boolean>(false);\n  const [uploadError, setUploadError] = useState<Error | undefined>();\n\n  const handleAdd = useCallback(\n    (sectionObject: ReactiveEchoObject<any>) => {\n      const index =\n        position === 'beforeAll'\n          ? 0\n          : position === 'afterAll'\n            ? collection.objects.length\n            : collection.objects.filter(nonNullable).findIndex((section) => section.id === Path.last(path!));\n\n      collection.objects.splice(index + (position === 'after' ? 1 : 0), 0, sectionObject);\n      const stack = collection.views[StackViewType.typename];\n      if (stack) {\n        stack.sections[sectionObject.id] = {};\n      }\n      setPending(false);\n      void dispatch?.({ action: LayoutAction.SET_LAYOUT, data: { element: 'dialog', state: false } });\n    },\n    [collection, path, position, dispatch],\n  );\n\n  const handleFileUpload =\n    fileManagerPlugin?.provides.file.upload && space\n      ? async (file: File) => {\n          const filename = file.name.split('.')[0];\n          try {\n            const info = await fileManagerPlugin.provides.file.upload?.(file, space);\n            if (info) {\n              const obj = create(FileType, { type: file.type, name: filename, filename, cid: info.cid });\n              handleAdd(obj);\n            }\n          } catch (err: any) {\n            setUploadError(err);\n          }\n        }\n      : undefined;\n\n  return (\n    <Dialog.Content>\n      <Dialog.Title>{t(`add section ${position} dialog title`)}</Dialog.Title>\n      <SearchList.Root label={t('add section input placeholder')}>\n        <SearchList.Input placeholder={t('add section input placeholder')} classNames='pli-3' disabled={pending} />\n        <SearchList.Content classNames='min-bs-24 bs-fit max-bs-64 overflow-auto' {...(pending && { inert: 'true' })}>\n          {stackPlugin?.provides?.stack.creators?.map(({ id, icon: Icon, label: propsLabel, testId, intent }) => {\n            const label = toLocalizedString(propsLabel, t);\n            return (\n              <SearchList.Item\n                value={label}\n                key={id}\n                onSelect={async () => {\n                  setPending(true);\n                  const { data: nextSection } = (await dispatch({ ...intent, data: { space } })) ?? {};\n                  handleAdd(nextSection);\n                }}\n                classNames='flex items-center gap-2 pli-2'\n                data-testid={testId}\n              >\n                {Icon && <Icon className={mx(getSize(4), 'shrink-0')} />}\n                <span className='grow truncate'>{label}</span>\n              </SearchList.Item>\n            );\n          })}\n          {handleFileUpload && (\n            <SearchList.Item\n              value={t('upload file label')}\n              classNames='flex items-center gap-2 pli-2'\n              onSelect={() => fileRef.current?.click()}\n            >\n              <FilePlus />\n              <span className='grow truncate'>{t('upload file label')}</span>\n            </SearchList.Item>\n          )}\n          {uploadError && <div className='text-error-500'>{uploadError.message}</div>}\n        </SearchList.Content>\n      </SearchList.Root>\n      {handleFileUpload && (\n        <input\n          type='file'\n          className='sr-only'\n          ref={fileRef}\n          onChange={({ target: { files } }) => files && handleFileUpload(files[0])}\n        />\n      )}\n    </Dialog.Content>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { translations as stackTranslations } from '@dxos/react-ui-stack';\n\nimport { STACK_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [STACK_PLUGIN]: {\n        'plugin name': 'Stacks',\n        'settings separation label': 'Separate sections',\n        'add section beforeAll dialog title': 'Add a section to the start',\n        'add section afterAll dialog title': 'Add a section to the end',\n        'add section before dialog title': 'Add a section',\n        'add section after dialog title': 'Add a section',\n        'add section input placeholder': 'Find the type of section to add',\n        'upload file label': 'Add file',\n        'add section label': 'Add section',\n        'empty stack message': 'Drag items into the stack.',\n        'remove section label': 'Delete',\n        'navigate to section label': 'Navigate to item',\n        'untitled section title': 'Untitled section',\n        'add section before label': 'Add before',\n        'add section after label': 'Add after',\n        'expand label': 'Expand',\n        'collapse label': 'Collapse',\n        'drag handle label': 'Press space or enter to begin dragging this item.',\n      },\n    },\n  },\n  ...stackTranslations,\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { StackPlugin } from './StackPlugin';\n\nexport default StackPlugin;\n\nexport * from './types';\n\nexport * from './StackPlugin';\n"],
-  "mappings": "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",
-  "names": ["React", "create", "fullyQualifiedId", "LocalStorageStore", "CollectionType", "Main", "baseSurface", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "lazy", "React", "Input", "useTranslation", "DeprecatedFormInput", "StackSettings", "settings", "t", "useTranslation", "STACK_PLUGIN", "DeprecatedFormInput", "label", "Input", "Switch", "checked", "separation", "onCheckedChange", "FilePlus", "React", "useCallback", "useRef", "useState", "usePlugin", "useIntent", "LayoutAction", "useResolvePlugin", "parseFileManagerPlugin", "create", "getSpace", "FileType", "Dialog", "toLocalizedString", "useTranslation", "Path", "SearchList", "getSize", "mx", "nonNullable", "dataHasAddSectionDialogProps", "data", "subject", "position", "AddSectionDialog", "path", "collection", "t", "useTranslation", "STACK_PLUGIN", "stackPlugin", "usePlugin", "fileManagerPlugin", "useResolvePlugin", "parseFileManagerPlugin", "fileRef", "useRef", "dispatch", "useIntent", "space", "getSpace", "pending", "setPending", "useState", "uploadError", "setUploadError", "handleAdd", "useCallback", "sectionObject", "index", "objects", "length", "filter", "nonNullable", "findIndex", "section", "id", "Path", "last", "splice", "stack", "views", "StackViewType", "typename", "sections", "action", "LayoutAction", "SET_LAYOUT", "element", "state", "handleFileUpload", "provides", "file", "upload", "filename", "name", "split", "info", "obj", "create", "FileType", "type", "cid", "err", "undefined", "React", "Dialog", "Content", "Title", "SearchList", "Root", "label", "Input", "placeholder", "classNames", "disabled", "inert", "creators", "map", "icon", "Icon", "propsLabel", "testId", "intent", "toLocalizedString", "Item", "value", "key", "onSelect", "nextSection", "data-testid", "className", "mx", "getSize", "span", "current", "click", "FilePlus", "div", "message", "input", "ref", "onChange", "target", "files", "StackMain", "lazy", "translations", "stackTranslations", "STACK_PLUGIN", "stackTranslations", "StackPlugin", "settings", "LocalStorageStore", "STACK_PLUGIN", "separation", "stackState", "create", "creators", "meta", "ready", "plugins", "prop", "key", "type", "bool", "plugin", "id", "Array", "isArray", "provides", "stack", "push", "values", "metadata", "records", "StackViewType", "typename", "placeholder", "ns", "icon", "SECTION_IDENTIFIER", "parse", "section", "object", "label", "title", "data", "translations", "echo", "system", "surface", "component", "role", "dataHasAddSectionDialogProps", "React", "AddSectionDialog", "subject", "primary", "active", "undefined", "CollectionType", "Main", "Content", "bounce", "classNames", "baseSurface", "topbarBlockPaddingStart", "bottombarBlockPaddingEnd", "StackMain", "fullyQualifiedId", "collection", "div", "className", "style", "contain", "StackSettings", "StackPlugin"]
+  "sources": ["../../../src/StackPlugin.tsx", "../../../src/components/index.ts", "../../../src/components/StackSettings.tsx", "../../../src/translations.ts", "../../../src/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { createSurface, type PluginDefinition } from '@dxos/app-framework';\nimport { type ReactiveEchoObject, fullyQualifiedId } from '@dxos/client/echo';\nimport { LocalStorageStore } from '@dxos/local-storage';\nimport { CollectionType } from '@dxos/plugin-space/types';\n\nimport { StackMain, StackSettings } from './components';\nimport meta, { SECTION_IDENTIFIER, STACK_PLUGIN } from './meta';\nimport translations from './translations';\nimport { StackViewType } from './types';\nimport { type StackPluginProvides, type StackSettingsProps } from './types';\n\nexport const StackPlugin = (): PluginDefinition<StackPluginProvides> => {\n  const settings = new LocalStorageStore<StackSettingsProps>(STACK_PLUGIN, { separation: true });\n\n  return {\n    meta,\n    ready: async () => {\n      settings.prop({ key: 'separation', type: LocalStorageStore.bool() });\n    },\n    provides: {\n      settings: settings.values,\n      metadata: {\n        records: {\n          [StackViewType.typename]: {\n            placeholder: ['stack title placeholder', { ns: STACK_PLUGIN }],\n            icon: 'ph--stack-simple--regular',\n          },\n          [SECTION_IDENTIFIER]: {\n            parse: (section: { object: ReactiveEchoObject<any> }, type: string) => {\n              switch (type) {\n                case 'node':\n                  // TODO(wittjosiah): Remove cast.\n                  return { id: section.object.id, label: section.object.title, data: section.object };\n                case 'object':\n                  return section.object;\n                case 'view-object':\n                  return section;\n              }\n            },\n          },\n        },\n      },\n      translations,\n      echo: {\n        system: [StackViewType],\n      },\n      surface: {\n        definitions: () => [\n          createSurface({\n            id: `${STACK_PLUGIN}/article`,\n            role: 'article',\n            filter: (data): data is { id?: string; subject: CollectionType } => data.subject instanceof CollectionType,\n            component: ({ data }) => {\n              // This allows the id to be overridden by the surface for situations where the id of the collection\n              // is not the same as the id of what is being represented (e.g., a space with a root collection).\n              const id = typeof data.id === 'string' ? data.id : undefined;\n              return (\n                <div role='none' className='overflow-auto' style={{ contain: 'layout' }}>\n                  <StackMain id={id ?? fullyQualifiedId(data.subject)} collection={data.subject} />\n                </div>\n              );\n            },\n          }),\n          createSurface({\n            id: `${STACK_PLUGIN}/settings`,\n            role: 'settings',\n            filter: (data): data is any => data.plugin === meta.id,\n            component: () => <StackSettings settings={settings.values} />,\n          }),\n        ],\n      },\n    },\n  };\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport const StackMain = lazy(() => import('./StackMain'));\n\nexport * from './StackSettings';\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Input, useTranslation } from '@dxos/react-ui';\nimport { DeprecatedFormInput } from '@dxos/react-ui-form';\n\nimport { STACK_PLUGIN } from '../meta';\nimport { type StackSettingsProps } from '../types';\n\nexport const StackSettings = ({ settings }: { settings: StackSettingsProps }) => {\n  const { t } = useTranslation(STACK_PLUGIN);\n\n  return (\n    <>\n      <DeprecatedFormInput label={t('settings separation label')}>\n        <Input.Switch checked={settings.separation} onCheckedChange={(checked) => (settings.separation = !!checked)} />\n      </DeprecatedFormInput>\n    </>\n  );\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { translations as stackTranslations } from '@dxos/react-ui-stack';\n\nimport { STACK_PLUGIN } from './meta';\n\nexport default [\n  {\n    'en-US': {\n      [STACK_PLUGIN]: {\n        'plugin name': 'Stacks',\n        'settings separation label': 'Separate sections',\n        'add section beforeAll dialog title': 'Add a section to the start',\n        'add section afterAll dialog title': 'Add a section to the end',\n        'add section before dialog title': 'Add a section',\n        'add section after dialog title': 'Add a section',\n        'add section input placeholder': 'Find the type of section to add',\n        'upload file label': 'Add file',\n        'add section label': 'Add section',\n        'empty stack message': 'Drag items into the stack.',\n        'remove section label': 'Delete',\n        'navigate to section label': 'Navigate to item',\n        'untitled section title': 'Untitled section',\n        'add section before label': 'Add before',\n        'add section after label': 'Add after',\n        'expand label': 'Expand',\n        'collapse label': 'Collapse',\n        'drag handle label': 'Press space or enter to begin dragging this item.',\n      },\n    },\n  },\n  ...stackTranslations,\n];\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { StackPlugin } from './StackPlugin';\n\nexport default StackPlugin;\n\nexport * from './types';\n\nexport * from './StackPlugin';\n"],
+  "mappings": "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",
+  "names": ["React", "createSurface", "fullyQualifiedId", "LocalStorageStore", "CollectionType", "lazy", "React", "Input", "useTranslation", "DeprecatedFormInput", "StackSettings", "settings", "t", "useTranslation", "STACK_PLUGIN", "DeprecatedFormInput", "label", "Input", "Switch", "checked", "separation", "onCheckedChange", "StackMain", "lazy", "translations", "stackTranslations", "STACK_PLUGIN", "stackTranslations", "StackPlugin", "settings", "LocalStorageStore", "STACK_PLUGIN", "separation", "meta", "ready", "prop", "key", "type", "bool", "provides", "values", "metadata", "records", "StackViewType", "typename", "placeholder", "ns", "icon", "SECTION_IDENTIFIER", "parse", "section", "id", "object", "label", "title", "data", "translations", "echo", "system", "surface", "definitions", "createSurface", "role", "filter", "subject", "CollectionType", "component", "undefined", "React", "div", "className", "style", "contain", "StackMain", "fullyQualifiedId", "collection", "plugin", "StackSettings", "StackPlugin"]
 }

package/dist/lib/browser/meta.json

@@ -1 +1 @@
-{"inputs":{"packages/plugins/plugin-stack/src/meta.ts":{"bytes":2237,"imports":[],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackSettings.tsx":{"bytes":2624,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/types/stack.ts":{"bytes":3411,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-stack/src/types/types.ts":{"bytes":3167,"imports":[],"format":"esm"},"packages/plugins/plugin-stack/src/types/index.ts":{"bytes":581,"imports":[{"path":"packages/plugins/plugin-stack/src/types/stack.ts","kind":"import-statement","original":"./stack"},{"path":"packages/plugins/plugin-stack/src/types/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/AddSectionDialog.tsx":{"bytes":18260,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-ipfs/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/AddSection.tsx":{"bytes":10461,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackContext.tsx":{"bytes":1887,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-stack/src/components/CaretDownUp.tsx":{"bytes":3039,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackSection.tsx":{"bytes":17844,"imports":[{"path":"@radix-ui/react-collapsible","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/CaretDownUp.tsx","kind":"import-statement","original":"./CaretDownUp"},{"path":"packages/plugins/plugin-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackMain.tsx":{"bytes":18885,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/AddSection.tsx","kind":"import-statement","original":"./AddSection"},{"path":"packages/plugins/plugin-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/plugins/plugin-stack/src/components/StackSection.tsx","kind":"import-statement","original":"./StackSection"},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/index.ts":{"bytes":981,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/StackSettings.tsx","kind":"import-statement","original":"./StackSettings"},{"path":"packages/plugins/plugin-stack/src/components/AddSectionDialog.tsx","kind":"import-statement","original":"./AddSectionDialog"},{"path":"packages/plugins/plugin-stack/src/components/StackMain.tsx","kind":"dynamic-import","original":"./StackMain"}],"format":"esm"},"packages/plugins/plugin-stack/src/translations.ts":{"bytes":4081,"imports":[{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/StackPlugin.tsx":{"bytes":15314,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-stack/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-stack/src/index.ts":{"bytes":854,"imports":[{"path":"packages/plugins/plugin-stack/src/StackPlugin.tsx","kind":"import-statement","original":"./StackPlugin"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"./types"},{"path":"packages/plugins/plugin-stack/src/StackPlugin.tsx","kind":"import-statement","original":"./StackPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-stack/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":20482},"packages/plugins/plugin-stack/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-DS5KGEJG.mjs","kind":"import-statement"},{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-L34RFJ2L.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-ipfs/types","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-mosaic","kind":"import-statement","external":true},{"path":"@dxos/react-ui-searchlist","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/dist/lib/browser/StackMain-4D4J4IRK.mjs","kind":"dynamic-import"},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"exports":["SectionSchema","StackPlugin","StackViewType","default"],"entryPoint":"packages/plugins/plugin-stack/src/index.ts","inputs":{"packages/plugins/plugin-stack/src/StackPlugin.tsx":{"bytesInOutput":3692},"packages/plugins/plugin-stack/src/components/index.ts":{"bytesInOutput":94},"packages/plugins/plugin-stack/src/components/StackSettings.tsx":{"bytesInOutput":564},"packages/plugins/plugin-stack/src/components/AddSectionDialog.tsx":{"bytesInOutput":4601},"packages/plugins/plugin-stack/src/translations.ts":{"bytesInOutput":1176},"packages/plugins/plugin-stack/src/index.ts":{"bytesInOutput":31}},"bytes":10907},"packages/plugins/plugin-stack/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-stack/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-DS5KGEJG.mjs","kind":"import-statement"}],"exports":["SECTION_IDENTIFIER","STACK_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-stack/src/meta.ts","inputs":{},"bytes":203},"packages/plugins/plugin-stack/dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-stack/dist/lib/browser/types/index.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-L34RFJ2L.mjs","kind":"import-statement"}],"exports":["SectionSchema","StackViewType"],"entryPoint":"packages/plugins/plugin-stack/src/types/index.ts","inputs":{},"bytes":154},"packages/plugins/plugin-stack/dist/lib/browser/StackMain-4D4J4IRK.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":27259},"packages/plugins/plugin-stack/dist/lib/browser/StackMain-4D4J4IRK.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-DS5KGEJG.mjs","kind":"import-statement"},{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-L34RFJ2L.mjs","kind":"import-statement"},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-stack/src/components/StackMain.tsx","inputs":{"packages/plugins/plugin-stack/src/components/StackMain.tsx":{"bytesInOutput":4441},"packages/plugins/plugin-stack/src/components/AddSection.tsx":{"bytesInOutput":2554},"packages/plugins/plugin-stack/src/components/StackContext.tsx":{"bytesInOutput":265},"packages/plugins/plugin-stack/src/components/StackSection.tsx":{"bytesInOutput":5279},"packages/plugins/plugin-stack/src/components/CaretDownUp.tsx":{"bytesInOutput":776}},"bytes":13970},"packages/plugins/plugin-stack/dist/lib/browser/chunk-DS5KGEJG.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1027},"packages/plugins/plugin-stack/dist/lib/browser/chunk-DS5KGEJG.mjs":{"imports":[],"exports":["SECTION_IDENTIFIER","STACK_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-stack/src/meta.ts":{"bytesInOutput":565}},"bytes":720},"packages/plugins/plugin-stack/dist/lib/browser/chunk-L34RFJ2L.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1614},"packages/plugins/plugin-stack/dist/lib/browser/chunk-L34RFJ2L.mjs":{"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"exports":["SectionSchema","StackViewType"],"inputs":{"packages/plugins/plugin-stack/src/types/stack.ts":{"bytesInOutput":515},"packages/plugins/plugin-stack/src/types/index.ts":{"bytesInOutput":0}},"bytes":657}}}
+{"inputs":{"packages/plugins/plugin-stack/src/meta.ts":{"bytes":2237,"imports":[],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackSettings.tsx":{"bytes":2624,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackContext.tsx":{"bytes":1887,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-stack/src/components/CaretDownUp.tsx":{"bytes":3039,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackSection.tsx":{"bytes":17526,"imports":[{"path":"@radix-ui/react-collapsible","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/CaretDownUp.tsx","kind":"import-statement","original":"./CaretDownUp"},{"path":"packages/plugins/plugin-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"../meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/types/stack.ts":{"bytes":3411,"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"format":"esm"},"packages/plugins/plugin-stack/src/types/types.ts":{"bytes":2607,"imports":[],"format":"esm"},"packages/plugins/plugin-stack/src/types/index.ts":{"bytes":581,"imports":[{"path":"packages/plugins/plugin-stack/src/types/stack.ts","kind":"import-statement","original":"./stack"},{"path":"packages/plugins/plugin-stack/src/types/types.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/StackMain.tsx":{"bytes":18858,"imports":[{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/plugins/plugin-stack/src/components/StackSection.tsx","kind":"import-statement","original":"./StackSection"},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"../meta"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"../types"}],"format":"esm"},"packages/plugins/plugin-stack/src/components/index.ts":{"bytes":873,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/StackSettings.tsx","kind":"import-statement","original":"./StackSettings"},{"path":"packages/plugins/plugin-stack/src/components/StackMain.tsx","kind":"dynamic-import","original":"./StackMain"}],"format":"esm"},"packages/plugins/plugin-stack/src/translations.ts":{"bytes":4081,"imports":[{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"./meta"}],"format":"esm"},"packages/plugins/plugin-stack/src/StackPlugin.tsx":{"bytes":11494,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/plugins/plugin-stack/src/meta.ts","kind":"import-statement","original":"./meta"},{"path":"packages/plugins/plugin-stack/src/translations.ts","kind":"import-statement","original":"./translations"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"./types"}],"format":"esm"},"packages/plugins/plugin-stack/src/index.ts":{"bytes":854,"imports":[{"path":"packages/plugins/plugin-stack/src/StackPlugin.tsx","kind":"import-statement","original":"./StackPlugin"},{"path":"packages/plugins/plugin-stack/src/types/index.ts","kind":"import-statement","original":"./types"},{"path":"packages/plugins/plugin-stack/src/StackPlugin.tsx","kind":"import-statement","original":"./StackPlugin"}],"format":"esm"}},"outputs":{"packages/plugins/plugin-stack/dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":8687},"packages/plugins/plugin-stack/dist/lib/browser/index.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-DS5KGEJG.mjs","kind":"import-statement"},{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-L34RFJ2L.mjs","kind":"import-statement"},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/local-storage","kind":"import-statement","external":true},{"path":"@dxos/plugin-space/types","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-form","kind":"import-statement","external":true},{"path":"packages/plugins/plugin-stack/dist/lib/browser/StackMain-HSYQ5B3Y.mjs","kind":"dynamic-import"},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true}],"exports":["SectionSchema","StackPlugin","StackViewType","default"],"entryPoint":"packages/plugins/plugin-stack/src/index.ts","inputs":{"packages/plugins/plugin-stack/src/StackPlugin.tsx":{"bytesInOutput":2596},"packages/plugins/plugin-stack/src/components/index.ts":{"bytesInOutput":94},"packages/plugins/plugin-stack/src/components/StackSettings.tsx":{"bytesInOutput":564},"packages/plugins/plugin-stack/src/translations.ts":{"bytesInOutput":1176},"packages/plugins/plugin-stack/src/index.ts":{"bytesInOutput":31}},"bytes":5140},"packages/plugins/plugin-stack/dist/lib/browser/meta.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-stack/dist/lib/browser/meta.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-DS5KGEJG.mjs","kind":"import-statement"}],"exports":["SECTION_IDENTIFIER","STACK_PLUGIN","default"],"entryPoint":"packages/plugins/plugin-stack/src/meta.ts","inputs":{},"bytes":203},"packages/plugins/plugin-stack/dist/lib/browser/types/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"packages/plugins/plugin-stack/dist/lib/browser/types/index.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-L34RFJ2L.mjs","kind":"import-statement"}],"exports":["SectionSchema","StackViewType"],"entryPoint":"packages/plugins/plugin-stack/src/types/index.ts","inputs":{},"bytes":154},"packages/plugins/plugin-stack/dist/lib/browser/StackMain-HSYQ5B3Y.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":21860},"packages/plugins/plugin-stack/dist/lib/browser/StackMain-HSYQ5B3Y.mjs":{"imports":[{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-DS5KGEJG.mjs","kind":"import-statement"},{"path":"packages/plugins/plugin-stack/dist/lib/browser/chunk-L34RFJ2L.mjs","kind":"import-statement"},{"path":"@phosphor-icons/react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/client/echo","kind":"import-statement","external":true},{"path":"@dxos/plugin-graph","kind":"import-statement","external":true},{"path":"@dxos/plugin-space","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@radix-ui/react-collapsible","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/app-framework","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-stack","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["default"],"entryPoint":"packages/plugins/plugin-stack/src/components/StackMain.tsx","inputs":{"packages/plugins/plugin-stack/src/components/StackMain.tsx":{"bytesInOutput":4416},"packages/plugins/plugin-stack/src/components/StackContext.tsx":{"bytesInOutput":265},"packages/plugins/plugin-stack/src/components/StackSection.tsx":{"bytesInOutput":5160},"packages/plugins/plugin-stack/src/components/CaretDownUp.tsx":{"bytesInOutput":771}},"bytes":11203},"packages/plugins/plugin-stack/dist/lib/browser/chunk-DS5KGEJG.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1027},"packages/plugins/plugin-stack/dist/lib/browser/chunk-DS5KGEJG.mjs":{"imports":[],"exports":["SECTION_IDENTIFIER","STACK_PLUGIN","meta_default"],"inputs":{"packages/plugins/plugin-stack/src/meta.ts":{"bytesInOutput":565}},"bytes":720},"packages/plugins/plugin-stack/dist/lib/browser/chunk-L34RFJ2L.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1614},"packages/plugins/plugin-stack/dist/lib/browser/chunk-L34RFJ2L.mjs":{"imports":[{"path":"@dxos/echo-schema","kind":"import-statement","external":true}],"exports":["SectionSchema","StackViewType"],"inputs":{"packages/plugins/plugin-stack/src/types/stack.ts":{"bytesInOutput":515},"packages/plugins/plugin-stack/src/types/index.ts":{"bytesInOutput":0}},"bytes":657}}}

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

@@ -0,0 +1,309 @@
+"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_AWN5MFZK_exports = {};
+__export(StackMain_AWN5MFZK_exports, {
+  default: () => StackMain_default
+});
+module.exports = __toCommonJS(StackMain_AWN5MFZK_exports);
+var import_chunk_PA5PRDM6 = require("./chunk-PA5PRDM6.cjs");
+var import_chunk_6IPBX635 = require("./chunk-6IPBX635.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_stack = require("@dxos/react-ui-stack");
+var import_util = require("@dxos/util");
+var import_react3 = require("react");
+var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
+var import_react4 = __toESM(require("react"));
+var import_app_framework2 = require("@dxos/app-framework");
+var import_react_ui2 = require("@dxos/react-ui");
+var import_react_ui_attention2 = require("@dxos/react-ui-attention");
+var import_react_ui_stack2 = require("@dxos/react-ui-stack");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var import_react5 = __toESM(require("react"));
+var StackContext = /* @__PURE__ */ (0, import_react3.createContext)({
+  onCollapse: () => {
+  },
+  onNavigate: async () => {
+  },
+  onDelete: async () => {
+  },
+  onAdd: () => {
+  }
+});
+var useStack = () => (0, import_react3.useContext)(StackContext);
+var CaretDownUp = ({ children, ...props }) => {
+  return /* @__PURE__ */ import_react5.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 256 256",
+    ...props
+  }, /* @__PURE__ */ import_react5.default.createElement("rect", {
+    width: "256",
+    height: "256",
+    fill: "none"
+  }), /* @__PURE__ */ import_react5.default.createElement("polyline", {
+    points: "80 224 128 176 176 224",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "16"
+  }), /* @__PURE__ */ import_react5.default.createElement("polyline", {
+    points: "80 32 128 80 176 32",
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: "16"
+  }), children);
+};
+var sectionActionDimensions = "m-1 p-1 shrink-0 min-bs-0 is-[--rail-action] bs-min";
+var StackSection = ({ id, view, object, metadata: { icon = "ph--placeholder--regular" } }) => {
+  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_PA5PRDM6.STACK_PLUGIN);
+  const { onNavigate, onAdd, onCollapse, onDelete } = useStack();
+  const [optionsMenuOpen, setOptionsMenuOpen] = (0, import_react4.useState)(false);
+  const attendableAttrs = (0, import_react_ui_attention2.useAttendableAttributes)(id);
+  return /* @__PURE__ */ import_react4.default.createElement(CollapsiblePrimitive.Root, {
+    asChild: true,
+    open: !view.collapsed,
+    onOpenChange: (nextOpen) => onCollapse?.(id, !nextOpen)
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_stack2.StackItem.Root, {
+    item: {
+      id
+    },
+    role: "section",
+    ...attendableAttrs,
+    classNames: "border-be border-separator"
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_stack2.StackItem.Heading, {
+    classNames: "attention-surface border-ie !border-separator"
+  }, /* @__PURE__ */ import_react4.default.createElement("span", {
+    className: "sr-only"
+  }, view.title), /* @__PURE__ */ import_react4.default.createElement("div", {
+    role: "none",
+    className: "sticky -block-start-px bg-[--sticky-bg]"
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Root, {
+    open: optionsMenuOpen,
+    onOpenChange: setOptionsMenuOpen
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui_stack2.StackItem.SigilButton, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
+    icon,
+    size: 5,
+    classNames: "transition-opacity"
+  }))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Portal, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Content, null, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Viewport, null, view.collapsed ? /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, {
+    onClick: () => onNavigate(id),
+    "data-testid": "section.navigate-to"
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
+    icon: "ph--arrow-square-out--regular",
+    size: 5
+  }), /* @__PURE__ */ import_react4.default.createElement("span", {
+    className: "mis-2 grow"
+  }, t("navigate to section label"))) : /* @__PURE__ */ import_react4.default.createElement(CollapsiblePrimitive.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, null, /* @__PURE__ */ import_react4.default.createElement(CaretDownUp, {
+    className: (0, import_react_ui_theme.getSize)(5)
+  }), /* @__PURE__ */ import_react4.default.createElement("span", {
+    className: "mis-2 grow"
+  }, t("collapse label")))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, {
+    onClick: () => onAdd(id, "before"),
+    "data-testid": "section.add-before"
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
+    icon: "ph--arrow-line-up--regular",
+    size: 5
+  }), /* @__PURE__ */ import_react4.default.createElement("span", {
+    className: "mis-2 grow"
+  }, t("add section before label"))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, {
+    onClick: () => onAdd(id, "after"),
+    "data-testid": "section.add-after"
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
+    icon: "ph--arrow-line-down--regular",
+    size: 5
+  }), /* @__PURE__ */ import_react4.default.createElement("span", {
+    className: "mis-2 grow"
+  }, t("add section after label"))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Item, {
+    onClick: () => onDelete(id),
+    "data-testid": "section.remove"
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.Icon, {
+    icon: "ph--trash--regular",
+    size: 5
+  }), /* @__PURE__ */ import_react4.default.createElement("span", {
+    className: "mis-2 grow"
+  }, t("remove section label")))), /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.DropdownMenu.Arrow, null)))), view.collapsed ? /* @__PURE__ */ import_react4.default.createElement(CollapsiblePrimitive.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.IconButton, {
+    iconOnly: true,
+    variant: "ghost",
+    label: t("expand label"),
+    icon: "ph--caret-up-down--regular",
+    classNames: sectionActionDimensions
+  })) : /* @__PURE__ */ import_react4.default.createElement(import_react_ui2.IconButton, {
+    iconOnly: true,
+    variant: "ghost",
+    onClick: () => onNavigate(id),
+    label: t("navigate to section label"),
+    icon: "ph--arrow-square-out--regular",
+    "data-testid": "section.navigate-to",
+    classNames: sectionActionDimensions
+  }))), /* @__PURE__ */ import_react4.default.createElement(CollapsiblePrimitive.Content, null, /* @__PURE__ */ import_react4.default.createElement(import_app_framework2.Surface, {
+    role: "section",
+    data: {
+      subject: object
+    },
+    limit: 1,
+    placeholder: /* @__PURE__ */ import_react4.default.createElement(import_react4.default.Fragment, null)
+  })), view.collapsed && /* @__PURE__ */ import_react4.default.createElement(import_react_ui_stack2.StackItem.Content, {
+    toolbar: false,
+    classNames: "attention-surface"
+  }, /* @__PURE__ */ import_react4.default.createElement("h2", {
+    className: (0, import_react_ui_theme.mx)("flex items-center p-4 font-medium is-full", import_react_ui_theme.textBlockWidth)
+  }, view.title))));
+};
+var StackMain = ({ id, collection }) => {
+  const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
+  const { graph } = (0, import_plugin_graph.useGraph)();
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_PA5PRDM6.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_6IPBX635.StackViewType, {
+    sections: {}
+  }), [
+    collection
+  ]);
+  const stack = collection.views[import_chunk_6IPBX635.StackViewType.typename]?.target ?? defaultStack;
+  const [collapsedSections, setCollapsedSections] = (0, import_react2.useState)({});
+  (0, import_react2.useEffect)(() => {
+    if (!collection.views[import_chunk_6IPBX635.StackViewType.typename]) {
+      collection.views[import_chunk_6IPBX635.StackViewType.typename] = (0, import_echo.makeRef)(stack);
+    }
+  }, [
+    collection,
+    stack
+  ]);
+  const items = collection.objects.map((object) => object.target).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 handleDelete = (0, import_react2.useCallback)(async (id2) => {
+    const index = collection.objects.map((object2) => object2.target).filter(import_util.nonNullable).findIndex((section) => (0, import_echo.fullyQualifiedId)(section) === id2);
+    const object = collection.objects[index].target;
+    if ((0, import_echo.isReactiveObject)(object)) {
+      await dispatch((0, import_app_framework.createIntent)(import_plugin_space.SpaceAction.RemoveObjects, {
+        objects: [
+          object
+        ],
+        target: collection
+      }));
+    }
+  }, [
+    collection,
+    dispatch
+  ]);
+  const handleAdd = (0, import_react2.useCallback)(async (id2, position) => {
+    await dispatch?.((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.SetLayout, {
+      element: "dialog",
+      component: `${import_chunk_PA5PRDM6.STACK_PLUGIN}/AddSectionDialog`,
+      subject: {
+        path: id2,
+        position,
+        collection
+      }
+    }));
+  }, [
+    collection,
+    dispatch
+  ]);
+  const handleNavigate = (0, import_react2.useCallback)(async (id2) => {
+    await dispatch((0, import_app_framework.createIntent)(import_app_framework.NavigationAction.Open, {
+      activeParts: {
+        main: [
+          id2
+        ]
+      }
+    }));
+    await dispatch((0, import_app_framework.createIntent)(import_app_framework.LayoutAction.ScrollIntoView, {
+      id: id2
+    }));
+  }, [
+    dispatch
+  ]);
+  const handleCollapse = (0, import_react2.useCallback)((id2, collapsed) => setCollapsedSections((prev) => ({
+    ...prev,
+    [id2]: collapsed
+  })), []);
+  const handleAddSection = (0, import_react2.useCallback)(() => dispatch?.((0, import_app_framework.createIntent)(import_plugin_space.SpaceAction.OpenCreateObject, {
+    target: collection,
+    navigable: false
+  })), [
+    collection,
+    dispatch
+  ]);
+  return /* @__PURE__ */ import_react2.default.createElement(import_react_ui_attention.AttentionProvider, {
+    id
+  }, /* @__PURE__ */ import_react2.default.createElement(StackContext.Provider, {
+    value: {
+      onCollapse: handleCollapse,
+      onNavigate: handleNavigate,
+      onDelete: handleDelete,
+      onAdd: handleAdd
+    }
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_stack.Stack, {
+    orientation: "vertical",
+    size: "intrinsic",
+    id,
+    "data-testid": "main.stack"
+  }, items.map((item) => /* @__PURE__ */ import_react2.default.createElement(StackSection, {
+    key: item.id,
+    ...item
+  }))), /* @__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: handleAddSection
+  }, /* @__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-AWN5MFZK.cjs.map

package/dist/lib/node/StackMain-AWN5MFZK.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/StackMain.tsx", "../../../src/components/StackContext.tsx", "../../../src/components/StackSection.tsx", "../../../src/components/CaretDownUp.tsx"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { Plus } from '@phosphor-icons/react';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport {\n  createIntent,\n  LayoutAction,\n  NavigationAction,\n  parseMetadataResolverPlugin,\n  useIntentDispatcher,\n  useResolvePlugin,\n} from '@dxos/app-framework';\nimport { create, getType, fullyQualifiedId, isReactiveObject, makeRef } 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 { Stack } from '@dxos/react-ui-stack';\nimport { nonNullable } from '@dxos/util';\n\nimport { StackContext } from './StackContext';\nimport { StackSection } from './StackSection';\nimport { STACK_PLUGIN } from '../meta';\nimport {\n  StackViewType,\n  type CollapsedSections,\n  type StackSectionMetadata,\n  type StackSectionView,\n  type StackSectionItem,\n  type AddSectionPosition,\n} from '../types';\n\ntype StackMainProps = {\n  id: string;\n  collection: CollectionType;\n};\n\nconst StackMain = ({ id, collection }: StackMainProps) => {\n  const { dispatchPromise: 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]?.target as StackViewType | undefined) ?? defaultStack;\n  const [collapsedSections, setCollapsedSections] = useState<CollapsedSections>({});\n\n  useEffect(() => {\n    if (!collection.views[StackViewType.typename]) {\n      collection.views[StackViewType.typename] = makeRef(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      .map((object) => object.target)\n      .filter(nonNullable)\n      .map((object) => {\n        const metadata = metadataPlugin?.provides.metadata.resolver(\n          getType(object)?.objectId ?? 'never',\n        ) as StackSectionMetadata;\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 StackSectionView;\n        return { id: fullyQualifiedId(object), object, metadata, view } satisfies StackSectionItem;\n      }) ?? [];\n\n  const handleDelete = useCallback(\n    async (id: string) => {\n      const index = collection.objects\n        .map((object) => object.target)\n        .filter(nonNullable)\n        .findIndex((section) => fullyQualifiedId(section) === id);\n      const object = collection.objects[index].target;\n      if (isReactiveObject(object)) {\n        await dispatch(createIntent(SpaceAction.RemoveObjects, { objects: [object], target: collection }));\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    [collection, dispatch],\n  );\n\n  const handleAdd = useCallback(\n    async (id: string, position: AddSectionPosition) => {\n      await dispatch?.(\n        createIntent(LayoutAction.SetLayout, {\n          element: 'dialog',\n          component: `${STACK_PLUGIN}/AddSectionDialog`,\n          subject: { path: id, position, collection },\n        }),\n      );\n    },\n    [collection, dispatch],\n  );\n\n  const handleNavigate = useCallback(\n    async (id: string) => {\n      await dispatch(createIntent(NavigationAction.Open, { activeParts: { main: [id] } }));\n      await dispatch(createIntent(LayoutAction.ScrollIntoView, { id }));\n    },\n    [dispatch],\n  );\n\n  const handleCollapse = useCallback(\n    (id: string, collapsed: boolean) => setCollapsedSections((prev) => ({ ...prev, [id]: collapsed })),\n    [],\n  );\n\n  const handleAddSection = useCallback(\n    () => dispatch?.(createIntent(SpaceAction.OpenCreateObject, { target: collection, navigable: false })),\n    [collection, dispatch],\n  );\n\n  return (\n    <AttentionProvider id={id}>\n      <StackContext.Provider\n        value={{\n          onCollapse: handleCollapse,\n          onNavigate: handleNavigate,\n          onDelete: handleDelete,\n          onAdd: handleAdd,\n        }}\n      >\n        <Stack orientation='vertical' size='intrinsic' id={id} data-testid='main.stack'>\n          {items.map((item) => (\n            <StackSection key={item.id} {...item} />\n          ))}\n        </Stack>\n\n        <div role='none' className='flex mlb-2 pli-2 justify-center'>\n          <Button data-testid='stack.createSection' classNames='gap-2' onClick={handleAddSection}>\n            <Plus />\n            <span className='sr-only'>{t('add section label')}</span>\n          </Button>\n        </div>\n      </StackContext.Provider>\n    </AttentionProvider>\n  );\n};\n\nexport default StackMain;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { createContext, useContext } from 'react';\n\nimport { type AddSectionPosition } from '../types';\n\nexport type StackContextValue = {\n  onCollapse: (id: string, collapsed: boolean) => void;\n  onNavigate: (id: string) => Promise<void>;\n  onDelete: (id: string) => Promise<void>;\n  onAdd: (id: string, position: AddSectionPosition) => void;\n};\n\nexport const StackContext = createContext<StackContextValue>({\n  onCollapse: () => {},\n  onNavigate: async () => {},\n  onDelete: async () => {},\n  onAdd: () => {},\n});\n\nexport const useStack = () => useContext(StackContext);\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport * as CollapsiblePrimitive from '@radix-ui/react-collapsible';\nimport React, { useState } from 'react';\n\nimport { Surface } from '@dxos/app-framework';\nimport { DropdownMenu, Icon, useTranslation, IconButton } from '@dxos/react-ui';\nimport { useAttendableAttributes } from '@dxos/react-ui-attention';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx, getSize, textBlockWidth } from '@dxos/react-ui-theme';\n\nimport { CaretDownUp } from './CaretDownUp';\nimport { useStack } from './StackContext';\nimport { STACK_PLUGIN } from '../meta';\nimport { type StackSectionItem } from '../types';\n\nconst sectionActionDimensions = 'm-1 p-1 shrink-0 min-bs-0 is-[--rail-action] bs-min';\n\nexport const StackSection = ({\n  id,\n  view,\n  object,\n  metadata: { icon = 'ph--placeholder--regular' },\n}: StackSectionItem) => {\n  const { t } = useTranslation(STACK_PLUGIN);\n  const { onNavigate, onAdd, onCollapse, onDelete } = useStack();\n  const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);\n  const attendableAttrs = useAttendableAttributes(id);\n\n  return (\n    <CollapsiblePrimitive.Root asChild open={!view.collapsed} onOpenChange={(nextOpen) => onCollapse?.(id, !nextOpen)}>\n      <StackItem.Root item={{ id }} role='section' {...attendableAttrs} classNames='border-be border-separator'>\n        <StackItem.Heading classNames='attention-surface border-ie !border-separator'>\n          <span className='sr-only'>{view.title}</span>\n          <div role='none' className='sticky -block-start-px bg-[--sticky-bg]'>\n            <DropdownMenu.Root\n              {...{\n                open: optionsMenuOpen,\n                onOpenChange: setOptionsMenuOpen,\n              }}\n            >\n              <DropdownMenu.Trigger asChild>\n                <StackItem.SigilButton>\n                  <Icon icon={icon} size={5} classNames='transition-opacity' />\n                </StackItem.SigilButton>\n              </DropdownMenu.Trigger>\n              <DropdownMenu.Portal>\n                <DropdownMenu.Content>\n                  <DropdownMenu.Viewport>\n                    {view.collapsed ? (\n                      <DropdownMenu.Item onClick={() => onNavigate(id)} data-testid='section.navigate-to'>\n                        <Icon icon='ph--arrow-square-out--regular' size={5} />\n                        <span className='mis-2 grow'>{t('navigate to section label')}</span>\n                      </DropdownMenu.Item>\n                    ) : (\n                      <CollapsiblePrimitive.Trigger asChild>\n                        <DropdownMenu.Item>\n                          <CaretDownUp className={getSize(5)} />\n                          <span className='mis-2 grow'>{t('collapse label')}</span>\n                        </DropdownMenu.Item>\n                      </CollapsiblePrimitive.Trigger>\n                    )}\n                    <DropdownMenu.Item onClick={() => onAdd(id, 'before')} data-testid='section.add-before'>\n                      <Icon icon='ph--arrow-line-up--regular' size={5} />\n                      <span className='mis-2 grow'>{t('add section before label')}</span>\n                    </DropdownMenu.Item>\n                    <DropdownMenu.Item onClick={() => onAdd(id, 'after')} data-testid='section.add-after'>\n                      <Icon icon='ph--arrow-line-down--regular' size={5} />\n                      <span className='mis-2 grow'>{t('add section after label')}</span>\n                    </DropdownMenu.Item>\n                    <DropdownMenu.Item onClick={() => onDelete(id)} data-testid='section.remove'>\n                      <Icon icon='ph--trash--regular' size={5} />\n                      <span className='mis-2 grow'>{t('remove section label')}</span>\n                    </DropdownMenu.Item>\n                  </DropdownMenu.Viewport>\n                  <DropdownMenu.Arrow />\n                </DropdownMenu.Content>\n              </DropdownMenu.Portal>\n            </DropdownMenu.Root>\n            {view.collapsed ? (\n              <CollapsiblePrimitive.Trigger asChild>\n                <IconButton\n                  iconOnly\n                  variant='ghost'\n                  label={t('expand label')}\n                  icon='ph--caret-up-down--regular'\n                  classNames={sectionActionDimensions}\n                />\n              </CollapsiblePrimitive.Trigger>\n            ) : (\n              <IconButton\n                iconOnly\n                variant='ghost'\n                onClick={() => onNavigate(id)}\n                label={t('navigate to section label')}\n                icon='ph--arrow-square-out--regular'\n                data-testid='section.navigate-to'\n                classNames={sectionActionDimensions}\n              />\n            )}\n          </div>\n        </StackItem.Heading>\n        <CollapsiblePrimitive.Content>\n          <Surface role='section' data={{ subject: object }} limit={1} placeholder={<></>} />\n        </CollapsiblePrimitive.Content>\n        {view.collapsed && (\n          <StackItem.Content toolbar={false} classNames='attention-surface'>\n            <h2 className={mx('flex items-center p-4 font-medium is-full', textBlockWidth)}>{view.title}</h2>\n          </StackItem.Content>\n        )}\n      </StackItem.Root>\n    </CollapsiblePrimitive.Root>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type ComponentPropsWithoutRef } from 'react';\n\nexport const CaretDownUp = ({ children, ...props }: ComponentPropsWithoutRef<'svg'>) => {\n  return (\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' {...props}>\n      <rect width='256' height='256' fill='none' />\n      <polyline\n        points='80 224 128 176 176 224'\n        fill='none'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='16'\n      />\n      <polyline\n        points='80 32 128 80 176 32'\n        fill='none'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n        strokeWidth='16'\n      />\n      {children}\n    </svg>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["import_react", "import_app_framework", "import_react_ui", "import_react_ui_attention", "import_react_ui_stack", "StackContext", "createContext", "onCollapse", "onNavigate", "onDelete", "onAdd", "useStack", "useContext", "CaretDownUp", "children", "props", "React", "svg", "xmlns", "viewBox", "rect", "width", "height", "fill", "polyline", "points", "stroke", "strokeLinecap", "strokeLinejoin", "strokeWidth", "sectionActionDimensions", "StackSection", "id", "view", "object", "metadata", "icon", "t", "useTranslation", "STACK_PLUGIN", "optionsMenuOpen", "setOptionsMenuOpen", "useState", "attendableAttrs", "useAttendableAttributes", "Root", "asChild", "open", "collapsed", "onOpenChange", "nextOpen", "StackItem", "item", "role", "classNames", "Heading", "span", "className", "title", "div", "DropdownMenu", "Trigger", "SigilButton", "Icon", "size", "Portal", "Content", "Viewport", "Item", "onClick", "data-testid", "getSize", "Arrow", "IconButton", "iconOnly", "variant", "label", "Surface", "data", "subject", "limit", "placeholder", "toolbar", "h2", "mx", "textBlockWidth", "StackMain", "collection", "dispatchPromise", "dispatch", "useIntentDispatcher", "graph", "useGraph", "metadataPlugin", "useResolvePlugin", "parseMetadataResolverPlugin", "defaultStack", "useMemo", "create", "StackViewType", "sections", "stack", "views", "typename", "target", "collapsedSections", "setCollapsedSections", "useEffect", "makeRef", "items", "objects", "map", "filter", "nonNullable", "provides", "resolver", "getType", "objectId", "fullyQualifiedId", "toLocalizedString", "findNode", "properties", "handleDelete", "useCallback", "index", "findIndex", "section", "isReactiveObject", "createIntent", "SpaceAction", "RemoveObjects", "handleAdd", "position", "LayoutAction", "SetLayout", "element", "component", "path", "handleNavigate", "NavigationAction", "Open", "activeParts", "main", "ScrollIntoView", "handleCollapse", "prev", "handleAddSection", "OpenCreateObject", "navigable", "AttentionProvider", "Provider", "value", "Stack", "orientation", "key", "Button", "Plus"]
+}