@dxos/plugin-sheet 0.6.12-staging.e11e696 → 0.6.13-main.548ca8d

package/dist/types/src/components/Sheet/Sheet.stories.d.ts

@@ -1,53 +0,0 @@
-import '@dxos-theme';
-import React from 'react';
-import { type SizeMap } from './grid';
-declare const _default: {
-    title: string;
-    component: {
-        Root: ({ children, ...props }: React.PropsWithChildren<import("./sheet-context").SheetContextProps>) => React.JSX.Element;
-        Main: React.ForwardRefExoticComponent<Omit<Partial<import("./nav").GridSize>, "className"> & {
-            classNames?: import("@dxos/react-ui").ClassNameValue;
-        } & React.RefAttributes<HTMLDivElement>>;
-        Rows: React.ForwardRefExoticComponent<{
-            rows: import("../../defs").CellIndex[];
-        } & {
-            selected?: number;
-            onSelect?: (selected: number) => void;
-        } & {
-            sizes?: SizeMap;
-            onResize?: (idx: import("../../defs").CellIndex, size: number, save?: boolean) => void;
-        } & {
-            onMove?: (from: number, to: number) => void;
-        } & React.RefAttributes<HTMLDivElement>>;
-        Columns: React.ForwardRefExoticComponent<{
-            columns: import("../../defs").CellIndex[];
-        } & {
-            selected?: number;
-            onSelect?: (selected: number) => void;
-        } & {
-            sizes?: SizeMap;
-            onResize?: (idx: import("../../defs").CellIndex, size: number, save?: boolean) => void;
-        } & {
-            onMove?: (from: number, to: number) => void;
-        } & React.RefAttributes<HTMLDivElement>>;
-        Grid: React.ForwardRefExoticComponent<import("./grid").GridLayoutProps & {
-            size: import("./nav").GridSize;
-        } & React.RefAttributes<HTMLDivElement>>;
-        Cell: ({ id, cell, style, active, onSelect }: import("./Sheet").SheetCellProps) => React.JSX.Element;
-        StatusBar: () => React.JSX.Element;
-        Debug: () => React.JSX.Element;
-    };
-    decorators: import("@storybook/react").Decorator[];
-};
-export default _default;
-export declare const Default: () => React.JSX.Element | null;
-export declare const Debug: () => React.JSX.Element | null;
-export declare const Rows: () => React.JSX.Element | null;
-export declare const Columns: () => React.JSX.Element | null;
-export declare const Main: () => React.JSX.Element | null;
-/**
- * Scrolling container with fixed border that overlaps the border of inner elements.
- */
-export declare const ScrollLayout: () => React.JSX.Element;
-export declare const GridLayout: () => React.JSX.Element;
-//# sourceMappingURL=Sheet.stories.d.ts.map

package/dist/types/src/components/Sheet/Sheet.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sheet.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Sheet/Sheet.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAmB,MAAM,OAAO,CAAC;AAUxC,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,QAAQ,CAAC;;;;;;;;;;;;;;;+EA2Os3H,CAAC;;;;;;;;;;;+EAAD,CAAC;;;;;;;;;;;;;AArJ75H,wBASE;AAEF,eAAO,MAAM,OAAO,gCAcnB,CAAC;AAEF,eAAO,MAAM,KAAK,gCAcjB,CAAC;AAEF,eAAO,MAAM,IAAI,gCAkBhB,CAAC;AAEF,eAAO,MAAM,OAAO,gCAkBnB,CAAC;AAEF,eAAO,MAAM,IAAI,gCAsBhB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,yBAkBxB,CAAC;AAEF,eAAO,MAAM,UAAU,yBActB,CAAC"}

package/dist/types/src/components/Sheet/decorations.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"decorations.d.ts","sourceRoot":"","sources":["../../../../../src/components/Sheet/decorations.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,UAAU,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACrE;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,iBAAiB;wCAMM,MAAM,aAAa,UAAU;2CAI1B,MAAM,SAAS,MAAM;gDAShB,MAAM,KAAG,UAAU,EAAE,GAAG,SAAS;sCAI7C,UAAU,EAAE;CAgB3C,CAAC"}

package/dist/types/src/components/Sheet/grid.d.ts

@@ -1,52 +0,0 @@
-import { type MouseEvent } from 'react';
-import { type CellAddress, type CellIndex } from '../../defs';
-export type SizeMap = Record<string, number>;
-export type RowPosition = {
-    row: number;
-} & Pick<DOMRect, 'top' | 'height'>;
-export type ColumnPosition = {
-    col: number;
-} & Pick<DOMRect, 'left' | 'width'>;
-export declare const axisWidth = "calc(var(--rail-size)-2px)";
-export declare const axisHeight = 34;
-export declare const minWidth = 40;
-export declare const maxWidth = 800;
-export declare const minHeight = 34;
-export declare const maxHeight = 400;
-export declare const defaultWidth = 200;
-export declare const defaultHeight = 34;
-/**
- * Cell nodes are identified by their A1 notation.
- */
-export declare const CELL_DATA_KEY = "cell";
-export type GridLayoutProps = {
-    rows: CellIndex[];
-    columns: CellIndex[];
-    rowSizes?: SizeMap;
-    columnSizes?: SizeMap;
-};
-export type GridLayout = {
-    width: number;
-    height: number;
-    rowRange: RowPosition[];
-    columnRange: ColumnPosition[];
-};
-/**
- * Calculates the grid geometry for the current viewport.
- */
-export declare const useGridLayout: ({ scroller, size, rows, columns, rowSizes, columnSizes, }: GridLayoutProps & {
-    scroller: HTMLDivElement | null;
-    size: {
-        width: number;
-        height: number;
-    };
-}) => GridLayout;
-/**
- * Find child node at mouse pointer.
- */
-export declare const getCellAtPointer: (event: MouseEvent) => CellAddress | undefined;
-/**
- * Get element.
- */
-export declare const getCellElement: (root: HTMLElement, cell: CellAddress) => HTMLElement | null;
-//# sourceMappingURL=grid.d.ts.map

package/dist/types/src/components/Sheet/grid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../../src/components/Sheet/grid.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,UAAU,EAAuB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAA8C,MAAM,YAAY,CAAC;AAK1G,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE7C,MAAM,MAAM,WAAW,GAAG;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;AAC5E,MAAM,MAAM,cAAc,GAAG;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;AAE/E,eAAO,MAAM,SAAS,+BAA+B,CAAC;AACtD,eAAO,MAAM,UAAU,KAAK,CAAC;AAE7B,eAAO,MAAM,QAAQ,KAAK,CAAC;AAC3B,eAAO,MAAM,QAAQ,MAAM,CAAC;AAE5B,eAAO,MAAM,SAAS,KAAa,CAAC;AACpC,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,YAAY,MAAM,CAAC;AAChC,eAAO,MAAM,aAAa,KAAY,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,aAAa,SAAS,CAAC;AAEpC,MAAM,MAAM,eAAe,GAAG;IAC5B,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,WAAW,EAAE,CAAC;IACxB,WAAW,EAAE,cAAc,EAAE,CAAC;CAC/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,8DAOvB,eAAe,GAAG;IACnB,QAAQ,EAAE,cAAc,GAAG,IAAI,CAAC;IAChC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC,KAAG,UA4GH,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,UAAW,UAAU,KAAG,WAAW,GAAG,SASlE,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,SAAU,WAAW,QAAQ,WAAW,KAAG,WAAW,GAAG,IAGnF,CAAC"}

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

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

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

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

package/dist/types/src/components/Sheet/nav.d.ts

@@ -1,29 +0,0 @@
-import { type KeyboardEvent, type MouseEventHandler } from 'react';
-import { type CellAddress, type CellRange } from '../../defs';
-export type GridSize = {
-    numRows: number;
-    numCols: number;
-};
-/**
- * Calculate next range based on arrow keys.
- */
-export declare const handleNav: (ev: KeyboardEvent<HTMLInputElement>, cursor: CellAddress | undefined, range: CellRange | undefined, size: GridSize) => {
-    cursor?: CellAddress;
-    range?: CellRange;
-};
-/**
- * Calculate next cell based on arrow keys.
- */
-export declare const handleArrowNav: (ev: Pick<KeyboardEvent<HTMLInputElement>, "key" | "metaKey">, cursor: CellAddress | undefined, { numRows, numCols }: GridSize) => CellAddress | undefined;
-/**
- * Hook to manage range drag handlers.
- */
-export declare const useRangeSelect: (cb: (event: "start" | "move" | "end", range: CellRange | undefined) => void) => {
-    range: CellRange | undefined;
-    handlers: {
-        onMouseDown: MouseEventHandler<HTMLDivElement>;
-        onMouseMove: MouseEventHandler<HTMLDivElement>;
-        onMouseUp: MouseEventHandler<HTMLDivElement>;
-    };
-};
-//# sourceMappingURL=nav.d.ts.map

package/dist/types/src/components/Sheet/nav.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../../../../../src/components/Sheet/nav.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAG7E,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAa,MAAM,YAAY,CAAC;AAEzE,MAAM,MAAM,QAAQ,GAAG;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,OAChB,aAAa,CAAC,gBAAgB,CAAC,UAC3B,WAAW,GAAG,SAAS,SACxB,SAAS,GAAG,SAAS,QACtB,QAAQ,KACb;IAAE,MAAM,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,SAAS,CAAA;CAoC3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,OACrB,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC,UACpD,WAAW,GAAG,SAAS,wBACT,QAAQ,KAC7B,WAAW,GAAG,SAmChB,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,cAAc,OACrB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,KAC1E;IACD,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,QAAQ,EAAE;QACR,WAAW,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;QAC/C,WAAW,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;QAC/C,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;KAC9C,CAAC;CAwCH,CAAC"}

package/dist/types/src/components/Sheet/sheet-context.d.ts

@@ -1,26 +0,0 @@
-import React, { type PropsWithChildren } from 'react';
-import { createDecorations } from './decorations';
-import { type CellAddress, type CellRange } from '../../defs';
-import { type ComputeGraph } from '../../graph';
-import { type FormattingModel, type SheetModel } from '../../model';
-import { type SheetType } from '../../types';
-export type SheetContextType = {
-    model: SheetModel;
-    formatting: FormattingModel;
-    cursor?: CellAddress;
-    setCursor: (cell: CellAddress | undefined) => void;
-    range?: CellRange;
-    setRange: (range: CellRange | undefined) => void;
-    editing: boolean;
-    setEditing: (editing: boolean) => void;
-    onInfo?: () => void;
-    decorations: ReturnType<typeof createDecorations>;
-};
-export declare const useSheetContext: () => SheetContextType;
-export type SheetContextProps = {
-    graph: ComputeGraph;
-    sheet: SheetType;
-    readonly?: boolean;
-} & Pick<SheetContextType, 'onInfo'>;
-export declare const SheetContextProvider: ({ children, graph, sheet, readonly, onInfo, }: PropsWithChildren<SheetContextProps>) => React.JSX.Element | null;
-//# sourceMappingURL=sheet-context.d.ts.map

package/dist/types/src/components/Sheet/sheet-context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sheet-context.d.ts","sourceRoot":"","sources":["../../../../../src/components/Sheet/sheet-context.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAgD,MAAM,OAAO,CAAC;AAIpG,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,UAAU,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,UAAU,CAAC;IAClB,UAAU,EAAE,eAAe,CAAC;IAI5B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,SAAS,KAAK,IAAI,CAAC;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAGjD,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAIvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAGpB,WAAW,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;CACnD,CAAC;AAIF,eAAO,MAAM,eAAe,QAAO,gBAIlC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;AAErC,eAAO,MAAM,oBAAoB,kDAM9B,iBAAiB,CAAC,iBAAiB,CAAC,6BA6BtC,CAAC"}

package/dist/types/src/components/Sheet/threads.d.ts

@@ -1,2 +0,0 @@
-export declare const useThreads: () => void;
-//# sourceMappingURL=threads.d.ts.map

package/dist/types/src/components/Sheet/threads.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"threads.d.ts","sourceRoot":"","sources":["../../../../../src/components/Sheet/threads.tsx"],"names":[],"mappings":"AAwMA,eAAO,MAAM,UAAU,YAItB,CAAC"}

package/dist/types/src/components/Sheet/util.d.ts

@@ -1,18 +0,0 @@
-/**
- * Gets the relative client rect of an element within a parent container.
- * NOTE: This is stable even when the parent is scrolling.
- * https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect
- * @param root Parent container (e.g., scrollable container).
- * @param element
- */
-export declare const getRelativeClientRect: (root: HTMLElement, element: HTMLElement) => DOMRect;
-/**
- * Union of two rectangles.
- */
-export declare const getRectUnion: (b1: DOMRect, b2: DOMRect) => Pick<DOMRect, "left" | "top" | "width" | "height">;
-/**
- * Scroll to cell.
- * We need to correct for the DOM `scrollIntoView` function which doesn't show the border.
- */
-export declare const scrollIntoView: (scrollContainer: HTMLElement, el: HTMLElement) => void;
-//# sourceMappingURL=util.d.ts.map

package/dist/types/src/components/Sheet/util.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../../../../src/components/Sheet/util.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,SAAU,WAAW,WAAW,WAAW,KAAG,OAS/E,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,OAAQ,OAAO,MAAM,OAAO,KAAG,IAAI,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAOxG,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,oBAAqB,WAAW,MAAM,WAAW,SAiB3E,CAAC"}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { type SheetRootProps } from './Sheet';
-export declare const sectionToolbarLayout = "bs-[--rail-action] bg-[--sticky-bg] sticky block-start-0 __-block-start-px transition-opacity";
-declare const SheetContainer: ({ graph, sheet, role }: SheetRootProps & {
-    role?: string;
-}) => React.JSX.Element;
-export default SheetContainer;
-//# sourceMappingURL=SheetContainer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SheetContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/SheetContainer.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAO3C,OAAO,EAAS,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAIrD,eAAO,MAAM,oBAAoB,kGACgE,CAAC;AAElG,QAAA,MAAM,cAAc,2BAA4B,cAAc,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,sBAiEjF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/types/src/components/Toolbar/common.d.ts

@@ -1,20 +0,0 @@
-import { type Icon } from '@phosphor-icons/react';
-import React from 'react';
-import { type ToolbarButtonProps as NaturalToolbarButtonProps, type ToolbarToggleGroupItemProps as NaturalToolbarToggleGroupItemProps } from '@dxos/react-ui';
-export declare const iconStyles: string;
-export declare const buttonStyles = "min-bs-0 p-2";
-export declare const tooltipProps: {
-    side: "top";
-    classNames: string;
-};
-export declare const ToolbarSeparator: () => React.JSX.Element;
-type ToolbarButtonProps = NaturalToolbarButtonProps & {
-    Icon: Icon;
-};
-export declare const ToolbarButton: ({ Icon, children, ...props }: ToolbarButtonProps) => React.JSX.Element;
-export type ToolbarToggleButtonProps = NaturalToolbarToggleGroupItemProps & {
-    Icon: Icon;
-};
-export declare const ToolbarToggleButton: ({ Icon, children, ...props }: ToolbarToggleButtonProps) => React.JSX.Element;
-export {};
-//# sourceMappingURL=common.d.ts.map

package/dist/types/src/components/Toolbar/common.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/common.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAGL,KAAK,kBAAkB,IAAI,yBAAyB,EACpD,KAAK,2BAA2B,IAAI,kCAAkC,EACvE,MAAM,gBAAgB,CAAC;AAKxB,eAAO,MAAM,UAAU,QAAa,CAAC;AACrC,eAAO,MAAM,YAAY,iBAAiB,CAAC;AAC3C,eAAO,MAAM,YAAY;;;CAA+C,CAAC;AAEzE,eAAO,MAAM,gBAAgB,yBAAkD,CAAC;AAMhF,KAAK,kBAAkB,GAAG,yBAAyB,GAAG;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC;AAErE,eAAO,MAAM,aAAa,iCAAkC,kBAAkB,sBAiB7E,CAAC;AAMF,MAAM,MAAM,wBAAwB,GAAG,kCAAkC,GAAG;IAAE,IAAI,EAAE,IAAI,CAAA;CAAE,CAAC;AAE3F,eAAO,MAAM,mBAAmB,iCAAkC,wBAAwB,sBAiBzF,CAAC"}

package/src/components/CellEditor/CellEditor.tsx

@@ -1,163 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import { type Extension } from '@codemirror/state';
-import { EditorView, keymap } from '@codemirror/view';
-import React, { type DOMAttributes, type KeyboardEvent } from 'react';
-
-import { useThemeContext } from '@dxos/react-ui';
-import {
-  type UseTextEditorProps,
-  createBasicExtensions,
-  createThemeExtensions,
-  preventNewline,
-  useTextEditor,
-} from '@dxos/react-ui-editor';
-import { type GridEditBox } from '@dxos/react-ui-grid';
-
-type EditorKeyEvent = Pick<KeyboardEvent<HTMLInputElement>, 'key'> & { shift?: boolean };
-
-export type EditorKeysProps = {
-  onClose: (value: string | undefined, event: EditorKeyEvent) => void;
-  onNav?: (value: string | undefined, event: EditorKeyEvent) => void;
-};
-
-export const editorKeys = ({ onNav, onClose }: EditorKeysProps): Extension => {
-  return keymap.of([
-    {
-      key: 'ArrowUp',
-      run: (editor) => {
-        const value = editor.state.doc.toString();
-        onNav?.(value, { key: 'ArrowUp' });
-        return !!onNav;
-      },
-    },
-    {
-      key: 'ArrowDown',
-      run: (editor) => {
-        const value = editor.state.doc.toString();
-        onNav?.(value, { key: 'ArrowDown' });
-        return !!onNav;
-      },
-    },
-    {
-      key: 'ArrowLeft',
-      run: (editor) => {
-        const value = editor.state.doc.toString();
-        onNav?.(value, { key: 'ArrowLeft' });
-        return !!onNav;
-      },
-    },
-    {
-      key: 'ArrowRight',
-      run: (editor) => {
-        const value = editor.state.doc.toString();
-        onNav?.(value, { key: 'ArrowRight' });
-        return !!onNav;
-      },
-    },
-    {
-      key: 'Enter',
-      run: (editor) => {
-        onClose(editor.state.doc.toString(), { key: 'Enter' });
-        return true;
-      },
-      shift: (editor) => {
-        onClose(editor.state.doc.toString(), { key: 'Enter', shift: true });
-        return true;
-      },
-    },
-    {
-      key: 'Tab',
-      run: (editor) => {
-        onClose(editor.state.doc.toString(), { key: 'Tab' });
-        return true;
-      },
-      shift: (editor) => {
-        onClose(editor.state.doc.toString(), { key: 'Tab', shift: true });
-        return true;
-      },
-    },
-    {
-      key: 'Escape',
-      run: () => {
-        onClose(undefined, { key: 'Escape' });
-        return true;
-      },
-    },
-  ]);
-};
-
-export type CellEditorProps = {
-  value?: string;
-  extension?: Extension;
-  variant?: keyof typeof editorVariants;
-  box?: GridEditBox;
-  gridId?: string;
-} & Pick<UseTextEditorProps, 'autoFocus'> &
-  Pick<DOMAttributes<HTMLInputElement>, 'onBlur' | 'onKeyDown'>;
-
-const editorVariants = {
-  // TODO(thure): remove when legacy is no longer used.
-  legacy: {
-    root: 'flex w-full',
-    editor: 'flex w-full [&>.cm-scroller]:scrollbar-none',
-    content: '!px-2 !py-1',
-  },
-  grid: {
-    root: 'absolute z-[1]',
-    editor: '[&>.cm-scroller]:scrollbar-none tabular-nums',
-    content: '!border !border-transparent !p-0.5',
-  },
-};
-
-export const CellEditor = ({
-  value,
-  extension,
-  autoFocus,
-  onBlur,
-  variant = 'legacy',
-  box,
-  gridId,
-}: CellEditorProps) => {
-  const { themeMode } = useThemeContext();
-  const { parentRef } = useTextEditor(() => {
-    return {
-      autoFocus,
-      initialValue: value,
-      selection: { anchor: value?.length ?? 0 },
-      extensions: [
-        extension ?? [],
-        preventNewline,
-        EditorView.focusChangeEffect.of((_, focusing) => {
-          if (!focusing) {
-            onBlur?.({ type: 'blur' } as any);
-          }
-          return null;
-        }),
-        createBasicExtensions({ lineWrapping: false }),
-        createThemeExtensions({
-          themeMode,
-          slots: {
-            editor: {
-              className: editorVariants[variant].editor,
-            },
-            content: {
-              className: editorVariants[variant].content,
-            },
-          },
-        }),
-      ],
-    };
-  }, [extension, autoFocus, value, variant, onBlur]);
-
-  return (
-    <div
-      ref={parentRef}
-      className={editorVariants[variant].root}
-      style={box}
-      {...(gridId && { 'data-grid': gridId })}
-    />
-  );
-};