@dxos/plugin-stack 0.8.2-main.fbd8ed0 → 0.8.2-staging.42af850

package/dist/lib/node-esm/StackMain-HAQNUG2W.mjs

@@ -1,298 +0,0 @@
-import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
-import {
-  STACK_PLUGIN
-} from "./chunk-YW7WYA4H.mjs";
-import {
-  StackViewType
-} from "./chunk-3R62SZZT.mjs";
-
-// packages/plugins/plugin-stack/src/components/StackMain.tsx
-import { Plus } from "@phosphor-icons/react";
-import { Option } from "effect";
-import React3, { useCallback, useEffect, useMemo, useState as useState2 } from "react";
-import { Capabilities, createIntent, LayoutAction, useAppGraph, useCapabilities, useIntentDispatcher } from "@dxos/app-framework";
-import { fullyQualifiedId, getTypename, isLiveObject, live, makeRef } from "@dxos/client/echo";
-import { SpaceAction } from "@dxos/plugin-space/types";
-import { Button, toLocalizedString, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { AttentionProvider } from "@dxos/react-ui-attention";
-import { Stack } from "@dxos/react-ui-stack";
-import { isNonNullable } from "@dxos/util";
-
-// packages/plugins/plugin-stack/src/components/StackContext.tsx
-import { createContext, useContext } from "react";
-var StackContext = /* @__PURE__ */ createContext({
-  onCollapse: () => {
-  },
-  onNavigate: async () => {
-  },
-  onDelete: async () => {
-  },
-  onAdd: () => {
-  }
-});
-var useStack = () => useContext(StackContext);
-
-// packages/plugins/plugin-stack/src/components/StackSection.tsx
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import React2, { useState } from "react";
-import { Surface } from "@dxos/app-framework";
-import { DropdownMenu, Icon, useTranslation, IconButton } from "@dxos/react-ui";
-import { useAttendableAttributes } from "@dxos/react-ui-attention";
-import { StackItem } from "@dxos/react-ui-stack";
-import { mx, getSize, textBlockWidth } from "@dxos/react-ui-theme";
-
-// packages/plugins/plugin-stack/src/components/CaretDownUp.tsx
-import React from "react";
-var CaretDownUp = ({ children, ...props }) => {
-  return /* @__PURE__ */ React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 256 256",
-    ...props
-  }, /* @__PURE__ */ React.createElement("rect", {
-    width: "256",
-    height: "256",
-    fill: "none"
-  }), /* @__PURE__ */ React.createElement("polyline", {
-    points: "80 224 128 176 176 224",
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "16"
-  }), /* @__PURE__ */ React.createElement("polyline", {
-    points: "80 32 128 80 176 32",
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "16"
-  }), children);
-};
-
-// packages/plugins/plugin-stack/src/components/StackSection.tsx
-var sectionActionDimensions = "p-1 mlb-1 shrink-0 min-bs-0 is-[--rail-action] bs-min";
-var StackSection = ({ id, view, object, metadata: { icon = "ph--placeholder--regular" } }) => {
-  const { t } = useTranslation(STACK_PLUGIN);
-  const { onNavigate, onAdd, onCollapse, onDelete } = useStack();
-  const [optionsMenuOpen, setOptionsMenuOpen] = useState(false);
-  const attendableAttrs = useAttendableAttributes(id);
-  return /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Root, {
-    asChild: true,
-    open: !view.collapsed,
-    onOpenChange: (nextOpen) => onCollapse?.(id, !nextOpen)
-  }, /* @__PURE__ */ React2.createElement(StackItem.Root, {
-    item: {
-      id
-    },
-    role: "section",
-    ...attendableAttrs,
-    classNames: "border-be border-separator"
-  }, /* @__PURE__ */ React2.createElement(StackItem.Heading, {
-    classNames: "attention-surface border-ie !border-separator"
-  }, /* @__PURE__ */ React2.createElement("span", {
-    className: "sr-only"
-  }, view.title), /* @__PURE__ */ React2.createElement("div", {
-    role: "none",
-    className: "sticky -block-start-px bg-[--sticky-bg] p-1 is-full"
-  }, /* @__PURE__ */ React2.createElement(DropdownMenu.Root, {
-    open: optionsMenuOpen,
-    onOpenChange: setOptionsMenuOpen
-  }, /* @__PURE__ */ React2.createElement(DropdownMenu.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React2.createElement(StackItem.SigilButton, null, /* @__PURE__ */ React2.createElement(Icon, {
-    icon,
-    size: 5,
-    classNames: "transition-opacity"
-  }))), /* @__PURE__ */ React2.createElement(DropdownMenu.Portal, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Content, null, /* @__PURE__ */ React2.createElement(DropdownMenu.Viewport, null, view.collapsed ? /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
-    onClick: () => onNavigate(id),
-    "data-testid": "section.navigate-to"
-  }, /* @__PURE__ */ React2.createElement(Icon, {
-    icon: "ph--arrow-right--regular",
-    size: 5
-  }), /* @__PURE__ */ React2.createElement("span", {
-    className: "mis-2 grow"
-  }, t("navigate to section label"))) : /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React2.createElement(DropdownMenu.Item, null, /* @__PURE__ */ React2.createElement(CaretDownUp, {
-    className: getSize(5)
-  }), /* @__PURE__ */ React2.createElement("span", {
-    className: "mis-2 grow"
-  }, t("collapse label")))), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
-    onClick: () => onAdd(id, "before"),
-    "data-testid": "section.add-before"
-  }, /* @__PURE__ */ React2.createElement(Icon, {
-    icon: "ph--arrow-line-up--regular",
-    size: 5
-  }), /* @__PURE__ */ React2.createElement("span", {
-    className: "mis-2 grow"
-  }, t("add section before label"))), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
-    onClick: () => onAdd(id, "after"),
-    "data-testid": "section.add-after"
-  }, /* @__PURE__ */ React2.createElement(Icon, {
-    icon: "ph--arrow-line-down--regular",
-    size: 5
-  }), /* @__PURE__ */ React2.createElement("span", {
-    className: "mis-2 grow"
-  }, t("add section after label"))), /* @__PURE__ */ React2.createElement(DropdownMenu.Item, {
-    onClick: () => onDelete(id),
-    "data-testid": "section.remove"
-  }, /* @__PURE__ */ React2.createElement(Icon, {
-    icon: "ph--trash--regular",
-    size: 5
-  }), /* @__PURE__ */ React2.createElement("span", {
-    className: "mis-2 grow"
-  }, t("remove section label")))), /* @__PURE__ */ React2.createElement(DropdownMenu.Arrow, null)))), view.collapsed ? /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Trigger, {
-    asChild: true
-  }, /* @__PURE__ */ React2.createElement(IconButton, {
-    iconOnly: true,
-    variant: "ghost",
-    label: t("expand label"),
-    icon: "ph--caret-up-down--regular",
-    classNames: sectionActionDimensions
-  })) : /* @__PURE__ */ React2.createElement(IconButton, {
-    iconOnly: true,
-    variant: "ghost",
-    onClick: () => onNavigate(id),
-    label: t("navigate to section label"),
-    icon: "ph--arrow-right--regular",
-    "data-testid": "section.navigate-to",
-    classNames: sectionActionDimensions
-  }))), /* @__PURE__ */ React2.createElement(CollapsiblePrimitive.Content, null, /* @__PURE__ */ React2.createElement(Surface, {
-    role: "section",
-    data: {
-      subject: object
-    },
-    limit: 1,
-    placeholder: /* @__PURE__ */ React2.createElement(React2.Fragment, null)
-  })), view.collapsed && /* @__PURE__ */ React2.createElement(StackItem.Content, {
-    classNames: "attention-surface"
-  }, /* @__PURE__ */ React2.createElement("h2", {
-    className: mx("flex items-center p-4 font-medium", textBlockWidth)
-  }, view.title))));
-};
-
-// packages/plugins/plugin-stack/src/components/StackMain.tsx
-var StackMain = ({ id, collection }) => {
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const { graph } = useAppGraph();
-  const { t } = useTranslation2(STACK_PLUGIN);
-  const allMetadata = useCapabilities(Capabilities.Metadata);
-  const defaultStack = useMemo(() => live(StackViewType, {
-    sections: {}
-  }), [
-    collection
-  ]);
-  const stack = collection.views[StackViewType.typename]?.target ?? defaultStack;
-  const [collapsedSections, setCollapsedSections] = useState2({});
-  useEffect(() => {
-    if (!collection.views[StackViewType.typename]) {
-      collection.views[StackViewType.typename] = makeRef(stack);
-    }
-  }, [
-    collection,
-    stack
-  ]);
-  const items = collection.objects.map((object) => object.target).filter(isNonNullable).map((object) => {
-    const metadata = allMetadata.find((m) => m.id === (getTypename(object) ?? "never"))?.metadata;
-    const view = {
-      ...stack.sections[object.id],
-      collapsed: collapsedSections[fullyQualifiedId(object)],
-      title: object?.title ?? // TODO(wittjosiah): `getNode` is not reactive.
-      toLocalizedString(graph.getNode(fullyQualifiedId(object)).pipe(Option.getOrNull)?.properties.label, t)
-    };
-    return {
-      id: fullyQualifiedId(object),
-      object,
-      metadata,
-      view
-    };
-  }) ?? [];
-  const handleDelete = useCallback(async (id2) => {
-    const index = collection.objects.map((object2) => object2.target).filter(isNonNullable).findIndex((section) => fullyQualifiedId(section) === id2);
-    const object = collection.objects[index].target;
-    if (isLiveObject(object)) {
-      await dispatch(createIntent(SpaceAction.RemoveObjects, {
-        objects: [
-          object
-        ],
-        target: collection
-      }));
-    }
-  }, [
-    collection,
-    dispatch
-  ]);
-  const handleAdd = useCallback(async (id2, position) => {
-    await dispatch?.(
-      // TODO(wittjosiah): Use object creation dialog.
-      createIntent(LayoutAction.UpdateDialog, {
-        part: "dialog",
-        subject: `${STACK_PLUGIN}/AddSectionDialog`,
-        options: {
-          blockAlign: "start",
-          props: {
-            path: id2,
-            position,
-            collection
-          }
-        }
-      })
-    );
-  }, [
-    collection,
-    dispatch
-  ]);
-  const handleNavigate = useCallback(async (id2) => {
-    await dispatch(createIntent(LayoutAction.Open, {
-      part: "main",
-      subject: [
-        id2
-      ]
-    }));
-  }, [
-    dispatch
-  ]);
-  const handleCollapse = useCallback((id2, collapsed) => setCollapsedSections((prev) => ({
-    ...prev,
-    [id2]: collapsed
-  })), []);
-  const handleAddSection = useCallback(() => dispatch?.(createIntent(SpaceAction.OpenCreateObject, {
-    target: collection,
-    navigable: false
-  })), [
-    collection,
-    dispatch
-  ]);
-  return /* @__PURE__ */ React3.createElement(AttentionProvider, {
-    id
-  }, /* @__PURE__ */ React3.createElement(StackContext.Provider, {
-    value: {
-      onCollapse: handleCollapse,
-      onNavigate: handleNavigate,
-      onDelete: handleDelete,
-      onAdd: handleAdd
-    }
-  }, /* @__PURE__ */ React3.createElement(Stack, {
-    orientation: "vertical",
-    size: "intrinsic",
-    id,
-    "data-testid": "main.stack"
-  }, items.map((item) => /* @__PURE__ */ React3.createElement(StackSection, {
-    key: item.id,
-    ...item
-  }))), /* @__PURE__ */ React3.createElement("div", {
-    role: "none",
-    className: "flex mlb-2 pli-2 justify-center"
-  }, /* @__PURE__ */ React3.createElement(Button, {
-    "data-testid": "stack.createSection",
-    classNames: "gap-2",
-    onClick: handleAddSection
-  }, /* @__PURE__ */ React3.createElement(Plus, null), /* @__PURE__ */ React3.createElement("span", {
-    className: "sr-only"
-  }, t("add section label"))))));
-};
-var StackMain_default = StackMain;
-export {
-  StackMain_default as default
-};
-//# sourceMappingURL=StackMain-HAQNUG2W.mjs.map