@dxos/plugin-sheet 0.6.13 → 0.6.14-staging.9e90729

package/dist/lib/browser/SheetContainer-JBB7W52Y.mjs

@@ -0,0 +1,280 @@
+import {
+  GridSheet,
+  SheetProvider,
+  completeCellRangeToThreadCursor,
+  useSheetContext
+} from "./chunk-XXDHBYZQ.mjs";
+import {
+  addressToA1Notation,
+  inRange,
+  isFormula,
+  rangeFromIndex,
+  rangeToA1Notation,
+  rangeToIndex
+} from "./chunk-2ZK3YMZG.mjs";
+import "./chunk-3QWIMZZJ.mjs";
+import {
+  SHEET_PLUGIN
+} from "./chunk-D3QTX46O.mjs";
+
+// packages/plugins/plugin-sheet/src/components/SheetContainer/SheetContainer.tsx
+import React3 from "react";
+
+// packages/plugins/plugin-sheet/src/components/FunctionEditor/FunctionEditor.tsx
+import React from "react";
+import { Icon } from "@dxos/react-ui";
+import { mx } from "@dxos/react-ui-theme";
+var FunctionEditor = () => {
+  const { model, cursor, range } = useSheetContext();
+  let value;
+  let formula = false;
+  if (cursor) {
+    value = model.getCellValue(cursor);
+    if (isFormula(value)) {
+      value = model.graph.mapFunctionBindingFromId(model.mapFormulaIndicesToRefs(value));
+      formula = true;
+    } else if (value != null) {
+      value = String(value);
+    }
+  }
+  return /* @__PURE__ */ React.createElement("div", {
+    className: mx("flex shrink-0 justify-between items-center px-4 py-1 text-sm border-bs !border-separator attention-surface")
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "flex gap-4 items-center"
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "flex w-16 items-center font-mono"
+  }, range && rangeToA1Notation(range) || cursor && addressToA1Notation(cursor)), /* @__PURE__ */ React.createElement("div", {
+    className: "flex gap-2 items-center"
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    icon: "ph--function--regular",
+    classNames: [
+      "text-greenText",
+      formula ? "visible" : "invisible"
+    ]
+  }), /* @__PURE__ */ React.createElement("span", {
+    className: "font-mono"
+  }, value))));
+};
+
+// packages/plugins/plugin-sheet/src/components/Toolbar/Toolbar.tsx
+import { createContext } from "@radix-ui/react-context";
+import React2, { useCallback, useMemo } from "react";
+import { useIntentDispatcher } from "@dxos/app-framework";
+import { Icon as Icon2, Toolbar as NaturalToolbar, Tooltip, useTranslation } from "@dxos/react-ui";
+import { useAttention } from "@dxos/react-ui-attention";
+import { nonNullable } from "@dxos/util";
+var buttonStyles = "min-bs-0 p-2";
+var tooltipProps = {
+  side: "bottom",
+  classNames: "z-10"
+};
+var ToolbarSeparator = () => /* @__PURE__ */ React2.createElement("div", {
+  role: "separator",
+  className: "grow"
+});
+var ToolbarItem = ({ itemType, icon, children, ...props }) => {
+  const Invoker = itemType === "toggleGroupItem" ? NaturalToolbar.ToggleGroupItem : itemType === "toggle" ? NaturalToolbar.Toggle : NaturalToolbar.Button;
+  return /* @__PURE__ */ React2.createElement(Tooltip.Root, null, /* @__PURE__ */ React2.createElement(Tooltip.Trigger, {
+    asChild: true
+  }, /* @__PURE__ */ React2.createElement(Invoker, {
+    variant: "ghost",
+    ...props,
+    classNames: buttonStyles
+  }, /* @__PURE__ */ React2.createElement(Icon2, {
+    icon,
+    size: 5
+  }), /* @__PURE__ */ React2.createElement("span", {
+    className: "sr-only"
+  }, children))), /* @__PURE__ */ React2.createElement(Tooltip.Portal, null, /* @__PURE__ */ React2.createElement(Tooltip.Content, tooltipProps, children, /* @__PURE__ */ React2.createElement(Tooltip.Arrow, null))));
+};
+var [ToolbarContextProvider, useToolbarContext] = createContext("Toolbar");
+var sectionToolbarLayout = "bs-[--rail-action] bg-[--sticky-bg] sticky block-start-0 __-block-start-px transition-opacity";
+var ToolbarRoot = ({ children, role, classNames }) => {
+  const { id, model, cursorFallbackRange, cursor } = useSheetContext();
+  const { hasAttention } = useAttention(id);
+  const dispatch = useIntentDispatcher();
+  const handleAction = useCallback((action) => {
+    switch (action.key) {
+      case "align":
+        if (cursor && cursorFallbackRange) {
+          const index = model.sheet.ranges?.findIndex((range) => range.key === action.key && inRange(rangeFromIndex(model.sheet, range.range), cursor));
+          const nextRangeEntity = {
+            range: rangeToIndex(model.sheet, cursorFallbackRange),
+            key: action.key,
+            value: action.value
+          };
+          if (index < 0) {
+            model.sheet.ranges?.push(nextRangeEntity);
+          } else {
+            model.sheet.ranges?.splice(index, 1, nextRangeEntity);
+          }
+        }
+        break;
+      case "style":
+        if (action.value === "unset") {
+          const index = model.sheet.ranges?.findIndex((range) => range.key === action.key);
+          if (index >= 0) {
+            model.sheet.ranges?.splice(index, 1);
+          }
+        } else if (cursorFallbackRange) {
+          model.sheet.ranges?.push({
+            range: rangeToIndex(model.sheet, cursorFallbackRange),
+            key: action.key,
+            value: action.value
+          });
+        }
+        break;
+      case "comment": {
+        if (cursorFallbackRange) {
+          void dispatch({
+            action: "dxos.org/plugin/thread/action/create",
+            data: {
+              cursor: completeCellRangeToThreadCursor(cursorFallbackRange),
+              name: action.cellContent,
+              subject: model.sheet
+            }
+          });
+        }
+      }
+    }
+  }, [
+    model.sheet,
+    cursorFallbackRange,
+    cursor,
+    dispatch
+  ]);
+  return /* @__PURE__ */ React2.createElement(ToolbarContextProvider, {
+    onAction: handleAction
+  }, /* @__PURE__ */ React2.createElement(NaturalToolbar.Root, {
+    classNames: [
+      ...role === "section" ? [
+        "z-[2] group-focus-within/section:visible",
+        !hasAttention && "invisible",
+        sectionToolbarLayout
+      ] : [
+        "attention-surface"
+      ],
+      classNames
+    ]
+  }, children));
+};
+var alignmentOptions = [
+  {
+    value: "start",
+    icon: "ph--text-align-left--regular"
+  },
+  {
+    value: "center",
+    icon: "ph--text-align-center--regular"
+  },
+  {
+    value: "end",
+    icon: "ph--text-align-right--regular"
+  }
+];
+var Alignment = () => {
+  const { cursor, model } = useSheetContext();
+  const { onAction } = useToolbarContext("Alignment");
+  const { t } = useTranslation(SHEET_PLUGIN);
+  const value = useMemo(() => cursor ? model.sheet.ranges?.find(({ range, key }) => key === "alignment" && inRange(rangeFromIndex(model.sheet, range), cursor))?.value : void 0, [
+    cursor,
+    model.sheet.ranges
+  ]);
+  return /* @__PURE__ */ React2.createElement(NaturalToolbar.ToggleGroup, {
+    type: "single",
+    value,
+    onValueChange: (value2) => onAction?.({
+      key: "align",
+      value: value2
+    })
+  }, alignmentOptions.map(({ value: value2, icon }) => /* @__PURE__ */ React2.createElement(ToolbarItem, {
+    itemType: "toggleGroupItem",
+    key: value2,
+    value: value2,
+    icon
+  }, t(`toolbar ${value2} label`))));
+};
+var styleOptions = [
+  {
+    value: "highlight",
+    icon: "ph--highlighter--regular"
+  }
+];
+var Styles = () => {
+  const { cursor, model } = useSheetContext();
+  const { onAction } = useToolbarContext("Styles");
+  const { t } = useTranslation(SHEET_PLUGIN);
+  const activeValues = useMemo(() => cursor ? model.sheet.ranges?.filter(({ range, key }) => key === "style" && inRange(rangeFromIndex(model.sheet, range), cursor)).reduce((acc, { value }) => {
+    acc.add(value);
+    return acc;
+  }, /* @__PURE__ */ new Set()) : void 0, [
+    cursor,
+    model.sheet.ranges
+  ]);
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, styleOptions.map(({ value, icon }) => /* @__PURE__ */ React2.createElement(ToolbarItem, {
+    itemType: "toggle",
+    key: value,
+    pressed: activeValues?.has(value),
+    onPressedChange: (nextPressed) => onAction?.({
+      key: "style",
+      value: nextPressed ? value : "unset"
+    }),
+    icon
+  }, t(`toolbar ${value} label`))));
+};
+var Actions = () => {
+  const { onAction } = useToolbarContext("Actions");
+  const { cursorFallbackRange, cursor, model } = useSheetContext();
+  const { t } = useTranslation(SHEET_PLUGIN);
+  const overlapsCommentAnchor = (model.sheet.threads ?? []).filter(nonNullable).filter((thread) => thread.status !== "resolved").some((thread) => {
+    if (!cursorFallbackRange) {
+      return false;
+    }
+    return rangeToIndex(model.sheet, cursorFallbackRange) === thread.anchor;
+  });
+  const tooltipLabelKey = !cursor ? "no cursor label" : overlapsCommentAnchor ? "selection overlaps existing comment label" : "comment label";
+  return /* @__PURE__ */ React2.createElement(ToolbarItem, {
+    itemType: "button",
+    value: "comment",
+    icon: "ph--chat-text--regular",
+    "data-testid": "editor.toolbar.comment",
+    onClick: () => {
+      if (!(cursorFallbackRange && cursor)) {
+        return;
+      }
+      return onAction?.({
+        key: "comment",
+        value: rangeToIndex(model.sheet, cursorFallbackRange),
+        cellContent: model.getCellText(cursor)
+      });
+    },
+    disabled: !cursor || overlapsCommentAnchor
+  }, t(tooltipLabelKey));
+};
+var Toolbar = {
+  Root: ToolbarRoot,
+  Separator: ToolbarSeparator,
+  Alignment,
+  Styles,
+  Actions
+};
+
+// packages/plugins/plugin-sheet/src/components/SheetContainer/SheetContainer.tsx
+var SheetContainer = ({ graph, sheet, role }) => {
+  return /* @__PURE__ */ React3.createElement(SheetProvider, {
+    sheet,
+    graph
+  }, /* @__PURE__ */ React3.createElement(Toolbar.Root, {
+    role
+  }, /* @__PURE__ */ React3.createElement(Toolbar.Styles, null), /* @__PURE__ */ React3.createElement(Toolbar.Alignment, null), /* @__PURE__ */ React3.createElement(Toolbar.Separator, null), /* @__PURE__ */ React3.createElement(Toolbar.Actions, null)), /* @__PURE__ */ React3.createElement("div", {
+    role: "none",
+    className: "border-bs border-separator grid cols-1 rows-[1fr_min-content] min-bs-0"
+  }, /* @__PURE__ */ React3.createElement(GridSheet, null), /* @__PURE__ */ React3.createElement(FunctionEditor, null)));
+};
+
+// packages/plugins/plugin-sheet/src/components/SheetContainer/index.ts
+var SheetContainer_default = SheetContainer;
+export {
+  SheetContainer_default as default
+};
+//# sourceMappingURL=SheetContainer-JBB7W52Y.mjs.map

package/dist/lib/browser/SheetContainer-JBB7W52Y.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/SheetContainer/SheetContainer.tsx", "../../../src/components/FunctionEditor/FunctionEditor.tsx", "../../../src/components/Toolbar/Toolbar.tsx", "../../../src/components/SheetContainer/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React from 'react';\n\nimport { FunctionEditor } from '../FunctionEditor';\nimport { GridSheet } from '../GridSheet';\nimport { SheetProvider, type SheetProviderProps } from '../SheetContext';\nimport { Toolbar } from '../Toolbar';\n\nexport const SheetContainer = ({ graph, sheet, role }: SheetProviderProps & { role?: string }) => {\n  return (\n    <SheetProvider sheet={sheet} graph={graph}>\n      <Toolbar.Root role={role}>\n        <Toolbar.Styles />\n        <Toolbar.Alignment />\n        <Toolbar.Separator />\n        <Toolbar.Actions />\n      </Toolbar.Root>\n      <div role='none' className='border-bs border-separator grid cols-1 rows-[1fr_min-content] min-bs-0'>\n        <GridSheet />\n        <FunctionEditor />\n      </div>\n    </SheetProvider>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React from 'react';\n\nimport { Icon } from '@dxos/react-ui';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { addressToA1Notation, isFormula, rangeToA1Notation } from '../../defs';\nimport { useSheetContext } from '../SheetContext';\n\nexport const FunctionEditor = () => {\n  const { model, cursor, range } = useSheetContext();\n\n  let value;\n  let formula = false;\n  if (cursor) {\n    value = model.getCellValue(cursor);\n    if (isFormula(value)) {\n      value = model.graph.mapFunctionBindingFromId(model.mapFormulaIndicesToRefs(value));\n      formula = true;\n    } else if (value != null) {\n      value = String(value);\n    }\n  }\n\n  return (\n    <div\n      className={mx(\n        'flex shrink-0 justify-between items-center px-4 py-1 text-sm border-bs !border-separator attention-surface',\n      )}\n    >\n      <div className='flex gap-4 items-center'>\n        <div className='flex w-16 items-center font-mono'>\n          {(range && rangeToA1Notation(range)) || (cursor && addressToA1Notation(cursor))}\n        </div>\n        <div className='flex gap-2 items-center'>\n          <Icon icon='ph--function--regular' classNames={['text-greenText', formula ? 'visible' : 'invisible']} />\n          <span className='font-mono'>{value}</span>\n        </div>\n      </div>\n    </div>\n  );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, useCallback, useMemo } from 'react';\n\nimport { useIntentDispatcher } from '@dxos/app-framework';\nimport {\n  Icon,\n  Toolbar as NaturalToolbar,\n  Tooltip,\n  type ToolbarToggleGroupItemProps as NaturalToolbarToggleGroupItemProps,\n  type ToolbarButtonProps as NaturalToolbarButtonProps,\n  type ToolbarToggleProps as NaturalToolbarToggleProps,\n  type ThemedClassName,\n  useTranslation,\n} from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { nonNullable } from '@dxos/util';\n\nimport {\n  type AlignKey,\n  type AlignValue,\n  type CommentKey,\n  type CommentValue,\n  inRange,\n  rangeFromIndex,\n  rangeToIndex,\n  type StyleKey,\n  type StyleValue,\n} from '../../defs';\nimport { completeCellRangeToThreadCursor } from '../../integrations';\nimport { SHEET_PLUGIN } from '../../meta';\nimport { type SheetType } from '../../types';\nimport { useSheetContext } from '../SheetContext';\n\n//\n// Buttons\n//\n\nconst buttonStyles = 'min-bs-0 p-2';\nconst tooltipProps = { side: 'bottom' as const, classNames: 'z-10' };\n\nconst ToolbarSeparator = () => <div role='separator' className='grow' />;\n\n//\n// ToolbarItem\n//\n\ntype ToolbarItemProps =\n  | (NaturalToolbarButtonProps & { itemType: 'button'; icon: string })\n  | (NaturalToolbarToggleGroupItemProps & { itemType: 'toggleGroupItem'; icon: string })\n  | (NaturalToolbarToggleProps & { itemType: 'toggle'; icon: string });\n\nexport const ToolbarItem = ({ itemType, icon, children, ...props }: ToolbarItemProps) => {\n  const Invoker =\n    itemType === 'toggleGroupItem'\n      ? NaturalToolbar.ToggleGroupItem\n      : itemType === 'toggle'\n        ? NaturalToolbar.Toggle\n        : NaturalToolbar.Button;\n  return (\n    <Tooltip.Root>\n      <Tooltip.Trigger asChild>\n        {/* TODO(thure): type the props spread better. */}\n        <Invoker variant='ghost' {...(props as any)} classNames={buttonStyles}>\n          <Icon icon={icon} size={5} />\n          <span className='sr-only'>{children}</span>\n        </Invoker>\n      </Tooltip.Trigger>\n      <Tooltip.Portal>\n        <Tooltip.Content {...tooltipProps}>\n          {children}\n          <Tooltip.Arrow />\n        </Tooltip.Content>\n      </Tooltip.Portal>\n    </Tooltip.Root>\n  );\n};\n\n//\n// Root\n//\n\ntype AlignAction = { key: AlignKey; value: AlignValue };\ntype CommentAction = { key: CommentKey; value: CommentValue; cellContent?: string };\ntype StyleAction = { key: StyleKey; value: StyleValue };\n\nexport type ToolbarAction = StyleAction | AlignAction | CommentAction;\n\nexport type ToolbarActionType = ToolbarAction['key'];\n\nexport type ToolbarActionHandler = (action: ToolbarAction) => void;\n\nexport type ToolbarProps = ThemedClassName<\n  PropsWithChildren<{\n    role?: string;\n  }>\n>;\n\nconst [ToolbarContextProvider, useToolbarContext] = createContext<{ onAction: (action: ToolbarAction) => void }>(\n  'Toolbar',\n);\n\n// TODO(Zan): Factor out, copied this from MarkdownPlugin.\nconst sectionToolbarLayout =\n  'bs-[--rail-action] bg-[--sticky-bg] sticky block-start-0 __-block-start-px transition-opacity';\n\ntype Range = SheetType['ranges'][number];\n\nconst ToolbarRoot = ({ children, role, classNames }: ToolbarProps) => {\n  const { id, model, cursorFallbackRange, cursor } = useSheetContext();\n  const { hasAttention } = useAttention(id);\n  const dispatch = useIntentDispatcher();\n\n  // TODO(Zan): Externalize the toolbar action handler. E.g., Toolbar/keys should both fire events.\n  const handleAction = useCallback(\n    (action: ToolbarAction) => {\n      switch (action.key) {\n        case 'align':\n          if (cursor && cursorFallbackRange) {\n            const index = model.sheet.ranges?.findIndex(\n              (range) => range.key === action.key && inRange(rangeFromIndex(model.sheet, range.range), cursor),\n            );\n            const nextRangeEntity = {\n              range: rangeToIndex(model.sheet, cursorFallbackRange),\n              key: action.key,\n              value: action.value,\n            };\n            if (index < 0) {\n              model.sheet.ranges?.push(nextRangeEntity);\n            } else {\n              model.sheet.ranges?.splice(index, 1, nextRangeEntity);\n            }\n          }\n          break;\n        case 'style':\n          if (action.value === 'unset') {\n            const index = model.sheet.ranges?.findIndex((range) => range.key === action.key);\n            if (index >= 0) {\n              model.sheet.ranges?.splice(index, 1);\n            }\n          } else if (cursorFallbackRange) {\n            model.sheet.ranges?.push({\n              range: rangeToIndex(model.sheet, cursorFallbackRange),\n              key: action.key,\n              value: action.value,\n            });\n          }\n          break;\n        case 'comment': {\n          // TODO(Zan): We shouldn't hardcode the action ID.\n          if (cursorFallbackRange) {\n            void dispatch({\n              action: 'dxos.org/plugin/thread/action/create',\n              data: {\n                cursor: completeCellRangeToThreadCursor(cursorFallbackRange),\n                name: action.cellContent,\n                subject: model.sheet,\n              },\n            });\n          }\n        }\n      }\n    },\n    [model.sheet, cursorFallbackRange, cursor, dispatch],\n  );\n\n  return (\n    <ToolbarContextProvider onAction={handleAction}>\n      <NaturalToolbar.Root\n        classNames={[\n          ...(role === 'section'\n            ? ['z-[2] group-focus-within/section:visible', !hasAttention && 'invisible', sectionToolbarLayout]\n            : ['attention-surface']),\n          classNames,\n        ]}\n      >\n        {children}\n      </NaturalToolbar.Root>\n    </ToolbarContextProvider>\n  );\n};\n\n// TODO(burdon): Generalize.\n// TODO(burdon): Detect and display current state.\ntype ButtonProps<T> = {\n  value: T;\n  icon: string;\n  disabled?: (state: Range) => boolean;\n};\n\n//\n// Alignment\n//\n\nconst alignmentOptions: ButtonProps<AlignValue>[] = [\n  { value: 'start', icon: 'ph--text-align-left--regular' },\n  { value: 'center', icon: 'ph--text-align-center--regular' },\n  { value: 'end', icon: 'ph--text-align-right--regular' },\n];\n\nconst Alignment = () => {\n  const { cursor, model } = useSheetContext();\n  const { onAction } = useToolbarContext('Alignment');\n  const { t } = useTranslation(SHEET_PLUGIN);\n\n  const value = useMemo(\n    () =>\n      cursor\n        ? model.sheet.ranges?.find(\n            ({ range, key }) => key === 'alignment' && inRange(rangeFromIndex(model.sheet, range), cursor),\n          )?.value\n        : undefined,\n    [cursor, model.sheet.ranges],\n  );\n\n  return (\n    <NaturalToolbar.ToggleGroup\n      type='single'\n      value={value}\n      onValueChange={(value: AlignValue) => onAction?.({ key: 'align', value })}\n    >\n      {alignmentOptions.map(({ value, icon }) => (\n        <ToolbarItem itemType='toggleGroupItem' key={value} value={value} icon={icon}>\n          {t(`toolbar ${value} label`)}\n        </ToolbarItem>\n      ))}\n    </NaturalToolbar.ToggleGroup>\n  );\n};\n\nconst styleOptions: ButtonProps<StyleValue>[] = [{ value: 'highlight', icon: 'ph--highlighter--regular' }];\n\nconst Styles = () => {\n  const { cursor, model } = useSheetContext();\n  const { onAction } = useToolbarContext('Styles');\n  const { t } = useTranslation(SHEET_PLUGIN);\n\n  const activeValues = useMemo(\n    () =>\n      cursor\n        ? model.sheet.ranges\n            ?.filter(({ range, key }) => key === 'style' && inRange(rangeFromIndex(model.sheet, range), cursor))\n            .reduce((acc, { value }) => {\n              acc.add(value);\n              return acc;\n            }, new Set())\n        : undefined,\n    [cursor, model.sheet.ranges],\n  );\n\n  return (\n    <>\n      {styleOptions.map(({ value, icon }) => (\n        <ToolbarItem\n          itemType='toggle'\n          key={value}\n          pressed={activeValues?.has(value)}\n          onPressedChange={(nextPressed: boolean) => onAction?.({ key: 'style', value: nextPressed ? value : 'unset' })}\n          icon={icon}\n        >\n          {t(`toolbar ${value} label`)}\n        </ToolbarItem>\n      ))}\n    </>\n  );\n};\n\n//\n// Actions\n//\n\nconst Actions = () => {\n  const { onAction } = useToolbarContext('Actions');\n  const { cursorFallbackRange, cursor, model } = useSheetContext();\n  const { t } = useTranslation(SHEET_PLUGIN);\n\n  const overlapsCommentAnchor = (model.sheet.threads ?? [])\n    .filter(nonNullable)\n    .filter((thread) => thread.status !== 'resolved')\n    .some((thread) => {\n      if (!cursorFallbackRange) {\n        return false;\n      }\n      return rangeToIndex(model.sheet, cursorFallbackRange) === thread.anchor;\n    });\n\n  const tooltipLabelKey = !cursor\n    ? 'no cursor label'\n    : overlapsCommentAnchor\n      ? 'selection overlaps existing comment label'\n      : 'comment label';\n\n  return (\n    <ToolbarItem\n      itemType='button'\n      value='comment'\n      icon='ph--chat-text--regular'\n      data-testid='editor.toolbar.comment'\n      onClick={() => {\n        if (!(cursorFallbackRange && cursor)) {\n          return;\n        }\n        return onAction?.({\n          key: 'comment',\n          value: rangeToIndex(model.sheet, cursorFallbackRange),\n          cellContent: model.getCellText(cursor),\n        });\n      }}\n      disabled={!cursor || overlapsCommentAnchor}\n    >\n      {t(tooltipLabelKey)}\n    </ToolbarItem>\n  );\n};\n\nexport const Toolbar = {\n  Root: ToolbarRoot,\n  Separator: ToolbarSeparator,\n  Alignment,\n  Styles,\n  Actions,\n};\n\nexport { useToolbarContext };\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { SheetContainer } from './SheetContainer';\n\nexport default SheetContainer;\n"],
+  "mappings": "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",
+  "names": ["React", "React", "Icon", "mx", "FunctionEditor", "model", "cursor", "range", "useSheetContext", "value", "formula", "getCellValue", "isFormula", "graph", "mapFunctionBindingFromId", "mapFormulaIndicesToRefs", "String", "div", "className", "mx", "rangeToA1Notation", "addressToA1Notation", "Icon", "icon", "classNames", "span", "createContext", "React", "useCallback", "useMemo", "useIntentDispatcher", "Icon", "Toolbar", "NaturalToolbar", "Tooltip", "useTranslation", "useAttention", "nonNullable", "buttonStyles", "tooltipProps", "side", "classNames", "ToolbarSeparator", "React", "div", "role", "className", "ToolbarItem", "itemType", "icon", "children", "props", "Invoker", "NaturalToolbar", "ToggleGroupItem", "Toggle", "Button", "Tooltip", "Root", "Trigger", "asChild", "variant", "Icon", "size", "span", "Portal", "Content", "Arrow", "ToolbarContextProvider", "useToolbarContext", "createContext", "sectionToolbarLayout", "ToolbarRoot", "id", "model", "cursorFallbackRange", "cursor", "useSheetContext", "hasAttention", "useAttention", "dispatch", "useIntentDispatcher", "handleAction", "useCallback", "action", "key", "index", "sheet", "ranges", "findIndex", "range", "inRange", "rangeFromIndex", "nextRangeEntity", "rangeToIndex", "value", "push", "splice", "data", "completeCellRangeToThreadCursor", "name", "cellContent", "subject", "onAction", "alignmentOptions", "Alignment", "t", "useTranslation", "SHEET_PLUGIN", "useMemo", "find", "undefined", "ToggleGroup", "type", "onValueChange", "map", "styleOptions", "Styles", "activeValues", "filter", "reduce", "acc", "add", "Set", "pressed", "has", "onPressedChange", "nextPressed", "Actions", "overlapsCommentAnchor", "threads", "nonNullable", "thread", "status", "some", "anchor", "tooltipLabelKey", "data-testid", "onClick", "getCellText", "disabled", "Toolbar", "Separator", "SheetContainer", "graph", "sheet", "role", "React", "SheetProvider", "Toolbar", "Root", "Styles", "Alignment", "Separator", "Actions", "div", "className", "GridSheet", "FunctionEditor", "SheetContainer"]
+}