@dxos/plugin-stack 0.9.1-main.c7dcc2e112 → 0.10.0

package/dist/types/src/components/StackSection/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackSection/index.ts"],"names":[],"mappings":"AAIA,cAAc,gBAAgB,CAAC"}

package/dist/types/src/components/StackSettings/StackSettings.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { type StackSettingsProps } from '#types';
-export declare const StackSettings: ({ settings }: {
-    settings: StackSettingsProps;
-}) => React.JSX.Element;
-//# sourceMappingURL=StackSettings.d.ts.map

package/dist/types/src/components/StackSettings/StackSettings.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StackSettings.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackSettings/StackSettings.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAEjD,eAAO,MAAM,aAAa,iBAAkB;IAAE,QAAQ,EAAE,kBAAkB,CAAA;CAAE,sBAe3E,CAAC"}

package/dist/types/src/components/StackSettings/index.d.ts

@@ -1,2 +0,0 @@
-export * from './StackSettings';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/StackSettings/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/StackSettings/index.ts"],"names":[],"mappings":"AAIA,cAAc,iBAAiB,CAAC"}

package/dist/types/src/types/stack.d.ts

@@ -1,18 +0,0 @@
-import * as Schema from 'effect/Schema';
-import { Type } from '@dxos/echo';
-export declare const SectionSchema: Schema.Struct<{
-    height: Schema.optional<typeof Schema.Number>;
-    custom: Schema.optional<Schema.Record$<typeof Schema.String, typeof Schema.Any>>;
-}>;
-export declare const StackViewType: Type.Obj<{
-    readonly sections: {
-        readonly [x: string]: {
-            readonly height?: number | undefined;
-            readonly custom?: {
-                readonly [x: string]: any;
-            } | undefined;
-        };
-    };
-}, Schema.Struct.Fields>;
-export type StackViewType = Type.InstanceType<typeof StackViewType>;
-//# sourceMappingURL=stack.d.ts.map

package/dist/types/src/types/stack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../../src/types/stack.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AAExC,OAAO,EAAO,IAAI,EAAE,MAAM,YAAY,CAAC;AAOvC,eAAO,MAAM,aAAa;;;EAKxB,CAAC;AAGH,eAAO,MAAM,aAAa;;;;;;;;;wBAE4C,CAAC;AAEvE,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC"}

package/dist/types/src/types/types.d.ts

@@ -1,44 +0,0 @@
-import { type FC } from 'react';
-import { type Collection, type Obj } from '@dxos/echo';
-import { type Label } from '@dxos/react-ui';
-import { type StackItemSize } from '@dxos/react-ui-stack';
-export type AddSectionPosition = 'before' | 'after' | 'beforeAll' | 'afterAll';
-export type CollapsedSections = Record<string, boolean>;
-export type CollectionItem = Collection.Collection['objects'][number];
-export type StackSectionView = {
-    title?: string;
-    size?: StackItemSize;
-    height?: number;
-    collapsed?: boolean;
-    custom?: Record<string, any>;
-};
-type StackSectionAction = {
-    id: string;
-    testId: string;
-    type: string | [string, {
-        ns: string;
-    }];
-    label: string | [string, {
-        ns: string;
-    }];
-    icon: FC<{
-        className?: string;
-        size?: number;
-    }>;
-};
-export type StackSectionMetadata = {
-    icon?: string;
-    placeholder?: Label;
-    viewActions?: (item: CollectionItem) => StackSectionAction;
-};
-export type StackSectionItem = {
-    id: string;
-    object: Obj.Unknown;
-    view: StackSectionView;
-    metadata: StackSectionMetadata;
-};
-export type StackSettingsProps = {
-    separation: boolean;
-};
-export {};
-//# sourceMappingURL=types.d.ts.map

package/dist/types/src/types/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/types/types.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,KAAK,UAAU,EAAE,KAAK,GAAG,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAE1D,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,GAAG,UAAU,CAAC;AAE/E,MAAM,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC9B,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxC,KAAK,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACzC,IAAI,EAAE,EAAE,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,kBAAkB,CAAC;CAC5D,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,GAAG,CAAC,OAAO,CAAC;IACpB,IAAI,EAAE,gBAAgB,CAAC;IACvB,QAAQ,EAAE,oBAAoB,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAAE,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC"}

package/src/components/StackContext/StackContext.tsx

@@ -1,25 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { createContext, useContext } from 'react';
-
-import { type AddSectionPosition } from '#types';
-
-export type StackContextValue = {
-  attendableId: string;
-  onCollapse: (id: string, collapsed: boolean) => void;
-  onNavigate: (id: string) => Promise<void>;
-  onDelete: (id: string) => Promise<void>;
-  onAdd: (id: string, position: AddSectionPosition) => void;
-};
-
-export const StackContext = createContext<StackContextValue>({
-  attendableId: '',
-  onCollapse: () => {},
-  onNavigate: async () => {},
-  onDelete: async () => {},
-  onAdd: () => {},
-});
-
-export const useStack = () => useContext(StackContext);

package/src/components/StackSection/CaretDownUp.tsx

@@ -1,30 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React, { type ComponentPropsWithoutRef } from 'react';
-
-export const CaretDownUp = ({ children, ...props }: ComponentPropsWithoutRef<'svg'>) => {
-  return (
-    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' {...props}>
-      <rect width='256' height='256' fill='none' />
-      <polyline
-        points='80 224 128 176 176 224'
-        fill='none'
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='16'
-      />
-      <polyline
-        points='80 32 128 80 176 32'
-        fill='none'
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='16'
-      />
-      {children}
-    </svg>
-  );
-};

package/src/components/StackSection/StackSection.tsx

@@ -1,124 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
-import React, { useMemo, useState } from 'react';
-
-import { Surface } from '@dxos/app-framework/ui';
-import { Paths } from '@dxos/app-toolkit';
-import { AppSurface } from '@dxos/app-toolkit/ui';
-import { DropdownMenu, Icon, IconButton, useTranslation } from '@dxos/react-ui';
-import { useAttentionAttributes } from '@dxos/react-ui-attention';
-import { StackItem } from '@dxos/react-ui-stack';
-import { getSize, mx } from '@dxos/ui-theme';
-
-import { meta } from '#meta';
-import { type StackSectionItem } from '#types';
-
-import { useStack } from '../StackContext';
-import { CaretDownUp } from './CaretDownUp';
-
-const sectionActionDimensions = 'p-1 my-1 shrink-0 min-h-0 w-(--dx-rail-action) h-min';
-
-export type StackSectionProps = StackSectionItem;
-
-export const StackSection = ({
-  id,
-  view,
-  object,
-  metadata: { icon = 'ph--circle-dashed--regular' },
-}: StackSectionProps) => {
-  const { t } = useTranslation(meta.profile.key);
-  const { attendableId: parentAttendableId, onNavigate, onAdd, onCollapse, onDelete } = useStack();
-  const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);
-  const attendableId = Paths.getCollectionObjectPath(parentAttendableId, object.id);
-  const attentionAttrs = useAttentionAttributes(attendableId);
-  const stackItem = useMemo(() => ({ id }), [id]);
-  const data = useMemo(() => ({ attendableId, subject: object }), [object, attendableId]);
-
-  return (
-    <CollapsiblePrimitive.Root asChild open={!view.collapsed} onOpenChange={(nextOpen) => onCollapse?.(id, !nextOpen)}>
-      <StackItem.Root item={stackItem} role='section' {...attentionAttrs}>
-        <StackItem.Heading classNames='dx-attention-surface'>
-          <span className='sr-only'>{view.title}</span>
-          <StackItem.HeadingStickyContent>
-            <DropdownMenu.Root
-              {...{
-                open: optionsMenuOpen,
-                onOpenChange: setOptionsMenuOpen,
-              }}
-            >
-              <DropdownMenu.Trigger asChild>
-                <StackItem.SigilButton>
-                  <Icon icon={icon} classNames='transition-opacity' />
-                </StackItem.SigilButton>
-              </DropdownMenu.Trigger>
-              <DropdownMenu.Portal>
-                <DropdownMenu.Content>
-                  <DropdownMenu.Viewport>
-                    {view.collapsed ? (
-                      <DropdownMenu.Item onClick={() => onNavigate(id)} data-testid='section.navigate-to'>
-                        <Icon icon='ph--arrow-right--regular' />
-                        <span className='ms-2 grow'>{t('navigate-to-section.label')}</span>
-                      </DropdownMenu.Item>
-                    ) : (
-                      <CollapsiblePrimitive.Trigger asChild>
-                        <DropdownMenu.Item>
-                          <CaretDownUp className={getSize(5)} />
-                          <span className='ms-2 grow'>{t('collapse.label')}</span>
-                        </DropdownMenu.Item>
-                      </CollapsiblePrimitive.Trigger>
-                    )}
-                    <DropdownMenu.Item onClick={() => onAdd(id, 'before')} data-testid='section.add-before'>
-                      <Icon icon='ph--arrow-line-up--regular' />
-                      <span className='ms-2 grow'>{t('add-section-before.label')}</span>
-                    </DropdownMenu.Item>
-                    <DropdownMenu.Item onClick={() => onAdd(id, 'after')} data-testid='section.add-after'>
-                      <Icon icon='ph--arrow-line-down--regular' />
-                      <span className='ms-2 grow'>{t('add-section-after.label')}</span>
-                    </DropdownMenu.Item>
-                    <DropdownMenu.Item onClick={() => onDelete(id)} data-testid='section.remove'>
-                      <Icon icon='ph--trash--regular' />
-                      <span className='ms-2 grow'>{t('remove-section.label')}</span>
-                    </DropdownMenu.Item>
-                  </DropdownMenu.Viewport>
-                  <DropdownMenu.Arrow />
-                </DropdownMenu.Content>
-              </DropdownMenu.Portal>
-            </DropdownMenu.Root>
-            {view.collapsed ? (
-              <CollapsiblePrimitive.Trigger asChild>
-                <IconButton
-                  iconOnly
-                  variant='ghost'
-                  label={t('expand.label')}
-                  icon='ph--caret-up-down--regular'
-                  classNames={sectionActionDimensions}
-                />
-              </CollapsiblePrimitive.Trigger>
-            ) : (
-              <IconButton
-                iconOnly
-                variant='ghost'
-                onClick={() => onNavigate(id)}
-                label={t('navigate-to-section.label')}
-                icon='ph--arrow-right--regular'
-                data-testid='section.navigate-to'
-                classNames={sectionActionDimensions}
-              />
-            )}
-          </StackItem.HeadingStickyContent>
-        </StackItem.Heading>
-        <CollapsiblePrimitive.Content>
-          <Surface.Surface type={AppSurface.Section} data={data} limit={1} placeholder={<></>} />
-        </CollapsiblePrimitive.Content>
-        {view.collapsed && (
-          <StackItem.Content classNames='dx-attention-surface'>
-            <h2 className={mx('flex items-center p-4 font-medium')}>{view.title}</h2>
-          </StackItem.Content>
-        )}
-      </StackItem.Root>
-    </CollapsiblePrimitive.Root>
-  );
-};

package/src/components/StackSection/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-export * from './StackSection';

package/src/components/StackSettings/StackSettings.tsx

@@ -1,28 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { Input, useTranslation } from '@dxos/react-ui';
-import { Settings as SettingsForm } from '@dxos/react-ui-form';
-
-import { meta } from '#meta';
-import { type StackSettingsProps } from '#types';
-
-export const StackSettings = ({ settings }: { settings: StackSettingsProps }) => {
-  const { t } = useTranslation(meta.profile.key);
-
-  return (
-    <SettingsForm.Viewport>
-      <SettingsForm.Section title={t('settings.title', { ns: meta.profile.key })}>
-        <SettingsForm.Item title={t('settings.separation.label')} description={t('settings.separation.description')}>
-          <Input.Switch
-            checked={settings.separation}
-            onCheckedChange={(checked) => (settings.separation = !!checked)}
-          />
-        </SettingsForm.Item>
-      </SettingsForm.Section>
-    </SettingsForm.Viewport>
-  );
-};

package/src/components/StackSettings/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-export * from './StackSettings';

package/src/types/stack.ts

@@ -1,26 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import * as Schema from 'effect/Schema';
-
-import { DXN, Type } from '@dxos/echo';
-
-// All section metadata needs to be optional/have defaults.
-// Any objects added to the collection will start with the section defaults.
-// If an object is removed from the collection without removing the section metadata this is fine.
-// Stack components should clean-up the superfluous data on future edits.
-
-export const SectionSchema = Schema.Struct({
-  height: Schema.optional(Schema.Number),
-  // Space for data that isn't stack-specific but is specific to this view instance.
-  //  e.g. cover/fill for an image
-  custom: Schema.optional(Schema.Record({ key: Schema.String, value: Schema.Any })),
-});
-
-// TODO(wittjosiah): This needs a relation to be connected to a stack.
-export const StackViewType = Schema.Struct({
-  sections: Schema.Record({ key: Schema.String, value: SectionSchema }),
-}).pipe(Type.makeObject(DXN.make('org.dxos.type.stackView', '0.1.0')));
-
-export type StackViewType = Type.InstanceType<typeof StackViewType>;

package/src/types/types.ts

@@ -1,46 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { type FC } from 'react';
-
-import { type Collection, type Obj } from '@dxos/echo';
-import { type Label } from '@dxos/react-ui';
-import { type StackItemSize } from '@dxos/react-ui-stack';
-
-export type AddSectionPosition = 'before' | 'after' | 'beforeAll' | 'afterAll';
-
-export type CollapsedSections = Record<string, boolean>;
-
-export type CollectionItem = Collection.Collection['objects'][number];
-
-export type StackSectionView = {
-  title?: string;
-  size?: StackItemSize;
-  height?: number;
-  collapsed?: boolean;
-  custom?: Record<string, any>;
-};
-
-type StackSectionAction = {
-  id: string;
-  testId: string;
-  type: string | [string, { ns: string }];
-  label: string | [string, { ns: string }];
-  icon: FC<{ className?: string; size?: number }>;
-};
-
-export type StackSectionMetadata = {
-  icon?: string;
-  placeholder?: Label;
-  viewActions?: (item: CollectionItem) => StackSectionAction;
-};
-
-export type StackSectionItem = {
-  id: string;
-  object: Obj.Unknown;
-  view: StackSectionView;
-  metadata: StackSectionMetadata;
-};
-
-export type StackSettingsProps = { separation: boolean };