@rowsncolumns/spreadsheet 10.2.74 → 10.2.76
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/api/excel-validation-kinds.d.ts +71 -0
- package/dist/cjs/api/excel-validation-kinds.d.ts.map +1 -0
- package/dist/cjs/api/excel-validation-kinds.js +304 -0
- package/dist/cjs/api/fill-series.d.ts +38 -0
- package/dist/cjs/api/fill-series.d.ts.map +1 -0
- package/dist/cjs/api/fill-series.js +89 -0
- package/dist/cjs/api/go-to-special.d.ts +32 -0
- package/dist/cjs/api/go-to-special.d.ts.map +1 -0
- package/dist/cjs/api/go-to-special.js +111 -0
- package/dist/cjs/api/spreadsheet-api.d.ts +6 -2
- package/dist/cjs/api/spreadsheet-api.d.ts.map +1 -1
- package/dist/cjs/api/spreadsheet-api.js +9 -3
- package/dist/cjs/api/validation-tooltip.d.ts +17 -0
- package/dist/cjs/api/validation-tooltip.d.ts.map +1 -0
- package/dist/cjs/api/validation-tooltip.js +42 -0
- package/dist/cjs/atoms/advanced-filter-dialog.atom.d.ts +28 -0
- package/dist/cjs/atoms/advanced-filter-dialog.atom.d.ts.map +1 -0
- package/dist/cjs/atoms/advanced-filter-dialog.atom.js +32 -0
- package/dist/cjs/atoms/fill-options.atom.d.ts +36 -0
- package/dist/cjs/atoms/fill-options.atom.d.ts.map +1 -0
- package/dist/cjs/atoms/fill-options.atom.js +11 -0
- package/dist/cjs/atoms/fill-series-dialog.atom.d.ts +26 -0
- package/dist/cjs/atoms/fill-series-dialog.atom.d.ts.map +1 -0
- package/dist/cjs/atoms/fill-series-dialog.atom.js +14 -0
- package/dist/cjs/atoms/go-to-dialog.atom.d.ts +11 -1
- package/dist/cjs/atoms/go-to-dialog.atom.d.ts.map +1 -1
- package/dist/cjs/atoms/goal-seek-dialog.atom.d.ts +29 -0
- package/dist/cjs/atoms/goal-seek-dialog.atom.d.ts.map +1 -0
- package/dist/cjs/atoms/goal-seek-dialog.atom.js +30 -0
- package/dist/cjs/atoms/index.d.ts +3 -0
- package/dist/cjs/atoms/index.d.ts.map +1 -1
- package/dist/cjs/atoms/index.js +3 -0
- package/dist/cjs/atoms/subtotal-dialog.atom.d.ts +39 -0
- package/dist/cjs/atoms/subtotal-dialog.atom.d.ts.map +1 -0
- package/dist/cjs/atoms/subtotal-dialog.atom.js +30 -0
- package/dist/cjs/atoms/text-to-columns-dialog.atom.d.ts +34 -0
- package/dist/cjs/atoms/text-to-columns-dialog.atom.d.ts.map +1 -0
- package/dist/cjs/atoms/text-to-columns-dialog.atom.js +36 -0
- package/dist/cjs/atoms/watch-window.atom.d.ts +37 -0
- package/dist/cjs/atoms/watch-window.atom.d.ts.map +1 -0
- package/dist/cjs/atoms/watch-window.atom.js +61 -0
- package/dist/cjs/components/advanced-filter-dialog/index.d.ts +28 -0
- package/dist/cjs/components/advanced-filter-dialog/index.d.ts.map +1 -0
- package/dist/cjs/components/advanced-filter-dialog/index.js +134 -0
- package/dist/cjs/components/calculation-options-dialog/index.d.ts +33 -0
- package/dist/cjs/components/calculation-options-dialog/index.d.ts.map +1 -0
- package/dist/cjs/components/calculation-options-dialog/index.js +69 -0
- package/dist/cjs/components/canvas-grid/index.d.ts.map +1 -1
- package/dist/cjs/components/canvas-grid/index.js +328 -71
- package/dist/cjs/components/canvas-grid/typings.d.ts +31 -5
- package/dist/cjs/components/canvas-grid/typings.d.ts.map +1 -1
- package/dist/cjs/components/cell/alignment.d.ts +30 -0
- package/dist/cjs/components/cell/alignment.d.ts.map +1 -1
- package/dist/cjs/components/cell/alignment.js +56 -1
- package/dist/cjs/components/cell/index.d.ts.map +1 -1
- package/dist/cjs/components/cell/index.js +15 -7
- package/dist/cjs/components/cell-diff/index.d.ts +3 -2
- package/dist/cjs/components/cell-diff/index.d.ts.map +1 -1
- package/dist/cjs/components/cell-editor/helpers.d.ts +9 -0
- package/dist/cjs/components/cell-editor/helpers.d.ts.map +1 -1
- package/dist/cjs/components/cell-editor/helpers.js +8 -1
- package/dist/cjs/components/cell-editor/helpers.spec.js +14 -0
- package/dist/cjs/components/cell-editor/index.d.ts.map +1 -1
- package/dist/cjs/components/cell-editor/index.js +7 -3
- package/dist/cjs/components/context-menu/index.d.ts +6 -1
- package/dist/cjs/components/context-menu/index.d.ts.map +1 -1
- package/dist/cjs/components/context-menu/index.js +146 -3
- package/dist/cjs/components/embeds/embed-component.d.ts.map +1 -1
- package/dist/cjs/components/embeds/embed-component.js +16 -1
- package/dist/cjs/components/fill-series-dialog/index.d.ts +29 -0
- package/dist/cjs/components/fill-series-dialog/index.d.ts.map +1 -0
- package/dist/cjs/components/fill-series-dialog/index.js +156 -0
- package/dist/cjs/components/go-to-dialog/index.d.ts +11 -1
- package/dist/cjs/components/go-to-dialog/index.d.ts.map +1 -1
- package/dist/cjs/components/go-to-dialog/index.js +67 -24
- package/dist/cjs/components/goal-seek-dialog/index.d.ts +32 -0
- package/dist/cjs/components/goal-seek-dialog/index.d.ts.map +1 -0
- package/dist/cjs/components/goal-seek-dialog/index.js +149 -0
- package/dist/cjs/components/selection/fill-options-menu.d.ts +32 -0
- package/dist/cjs/components/selection/fill-options-menu.d.ts.map +1 -0
- package/dist/cjs/components/selection/fill-options-menu.js +65 -0
- package/dist/cjs/components/selection/index.d.ts +1 -1
- package/dist/cjs/components/selection/index.d.ts.map +1 -1
- package/dist/cjs/components/selection/index.js +4 -2
- package/dist/cjs/components/selection/types.d.ts +11 -1
- package/dist/cjs/components/selection/types.d.ts.map +1 -1
- package/dist/cjs/components/subtotal-dialog/index.d.ts +30 -0
- package/dist/cjs/components/subtotal-dialog/index.d.ts.map +1 -0
- package/dist/cjs/components/subtotal-dialog/index.js +126 -0
- package/dist/cjs/components/text-to-columns-dialog/index.d.ts +37 -0
- package/dist/cjs/components/text-to-columns-dialog/index.d.ts.map +1 -0
- package/dist/cjs/components/text-to-columns-dialog/index.js +166 -0
- package/dist/cjs/components/toolbar/background-color-selector.d.ts +13 -1
- package/dist/cjs/components/toolbar/background-color-selector.d.ts.map +1 -1
- package/dist/cjs/components/toolbar/background-color-selector.js +57 -11
- package/dist/cjs/components/toolbar/cell-style-selector.d.ts +15 -2
- package/dist/cjs/components/toolbar/cell-style-selector.d.ts.map +1 -1
- package/dist/cjs/components/toolbar/cell-style-selector.js +56 -3
- package/dist/cjs/components/toolbar/fill-selectors.d.ts +49 -0
- package/dist/cjs/components/toolbar/fill-selectors.d.ts.map +1 -0
- package/dist/cjs/components/toolbar/fill-selectors.js +196 -0
- package/dist/cjs/components/toolbar/index.d.ts +1 -0
- package/dist/cjs/components/toolbar/index.d.ts.map +1 -1
- package/dist/cjs/components/toolbar/index.js +1 -0
- package/dist/cjs/components/toolbar/text-format-selector.d.ts +9 -0
- package/dist/cjs/components/toolbar/text-format-selector.d.ts.map +1 -1
- package/dist/cjs/components/toolbar/text-format-selector.js +15 -3
- package/dist/cjs/components/toolbar/text-horizontal-align-selector.d.ts +8 -0
- package/dist/cjs/components/toolbar/text-horizontal-align-selector.d.ts.map +1 -1
- package/dist/cjs/components/toolbar/text-horizontal-align-selector.js +23 -4
- package/dist/cjs/components/watch-window/index.d.ts +25 -0
- package/dist/cjs/components/watch-window/index.d.ts.map +1 -0
- package/dist/cjs/components/watch-window/index.js +63 -0
- package/dist/cjs/hooks/use-cell-renderer.d.ts.map +1 -1
- package/dist/cjs/hooks/use-cell-renderer.js +17 -6
- package/dist/cjs/hooks/use-editable.d.ts +11 -2
- package/dist/cjs/hooks/use-editable.d.ts.map +1 -1
- package/dist/cjs/hooks/use-editable.js +8 -0
- package/dist/cjs/hooks/use-editor-submit.d.ts +32 -3
- package/dist/cjs/hooks/use-editor-submit.d.ts.map +1 -1
- package/dist/cjs/hooks/use-editor-submit.js +111 -2
- package/dist/cjs/hooks/use-get-tooltip.d.ts.map +1 -1
- package/dist/cjs/hooks/use-get-tooltip.js +7 -2
- package/dist/cjs/hooks/use-keyboard-handler.d.ts.map +1 -1
- package/dist/cjs/hooks/use-keyboard-handler.js +27 -14
- package/dist/cjs/hooks/use-selection-renderer.d.ts +13 -2
- package/dist/cjs/hooks/use-selection-renderer.d.ts.map +1 -1
- package/dist/cjs/hooks/use-selection-renderer.js +21 -4
- package/dist/cjs/hooks/use-selection.d.ts +54 -4
- package/dist/cjs/hooks/use-selection.d.ts.map +1 -1
- package/dist/cjs/hooks/use-selection.js +232 -37
- package/dist/cjs/index.d.ts +12 -0
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +11 -0
- package/dist/cjs/release-date.js +1 -1
- package/dist/cjs/tsconfig.cjs.tsbuildinfo +1 -1
- package/dist/cjs/types.d.ts +156 -5
- package/dist/cjs/types.d.ts.map +1 -1
- package/dist/cjs/types.js +19 -1
- package/dist/esm/api/excel-validation-kinds.d.ts +71 -0
- package/dist/esm/api/excel-validation-kinds.d.ts.map +1 -0
- package/dist/esm/api/excel-validation-kinds.js +287 -0
- package/dist/esm/api/fill-series.d.ts +38 -0
- package/dist/esm/api/fill-series.d.ts.map +1 -0
- package/dist/esm/api/fill-series.js +78 -0
- package/dist/esm/api/go-to-special.d.ts +32 -0
- package/dist/esm/api/go-to-special.d.ts.map +1 -0
- package/dist/esm/api/go-to-special.js +96 -0
- package/dist/esm/api/spreadsheet-api.d.ts +6 -2
- package/dist/esm/api/spreadsheet-api.d.ts.map +1 -1
- package/dist/esm/api/spreadsheet-api.js +8 -3
- package/dist/esm/api/validation-tooltip.d.ts +17 -0
- package/dist/esm/api/validation-tooltip.d.ts.map +1 -0
- package/dist/esm/api/validation-tooltip.js +34 -0
- package/dist/esm/atoms/advanced-filter-dialog.atom.d.ts +28 -0
- package/dist/esm/atoms/advanced-filter-dialog.atom.d.ts.map +1 -0
- package/dist/esm/atoms/advanced-filter-dialog.atom.js +21 -0
- package/dist/esm/atoms/fill-options.atom.d.ts +36 -0
- package/dist/esm/atoms/fill-options.atom.d.ts.map +1 -0
- package/dist/esm/atoms/fill-options.atom.js +5 -0
- package/dist/esm/atoms/fill-series-dialog.atom.d.ts +26 -0
- package/dist/esm/atoms/fill-series-dialog.atom.d.ts.map +1 -0
- package/dist/esm/atoms/fill-series-dialog.atom.js +9 -0
- package/dist/esm/atoms/go-to-dialog.atom.d.ts +11 -1
- package/dist/esm/atoms/go-to-dialog.atom.d.ts.map +1 -1
- package/dist/esm/atoms/goal-seek-dialog.atom.d.ts +29 -0
- package/dist/esm/atoms/goal-seek-dialog.atom.d.ts.map +1 -0
- package/dist/esm/atoms/goal-seek-dialog.atom.js +21 -0
- package/dist/esm/atoms/index.d.ts +3 -0
- package/dist/esm/atoms/index.d.ts.map +1 -1
- package/dist/esm/atoms/index.js +3 -0
- package/dist/esm/atoms/subtotal-dialog.atom.d.ts +39 -0
- package/dist/esm/atoms/subtotal-dialog.atom.d.ts.map +1 -0
- package/dist/esm/atoms/subtotal-dialog.atom.js +21 -0
- package/dist/esm/atoms/text-to-columns-dialog.atom.d.ts +34 -0
- package/dist/esm/atoms/text-to-columns-dialog.atom.d.ts.map +1 -0
- package/dist/esm/atoms/text-to-columns-dialog.atom.js +25 -0
- package/dist/esm/atoms/watch-window.atom.d.ts +37 -0
- package/dist/esm/atoms/watch-window.atom.d.ts.map +1 -0
- package/dist/esm/atoms/watch-window.atom.js +37 -0
- package/dist/esm/components/advanced-filter-dialog/index.d.ts +28 -0
- package/dist/esm/components/advanced-filter-dialog/index.d.ts.map +1 -0
- package/dist/esm/components/advanced-filter-dialog/index.js +125 -0
- package/dist/esm/components/calculation-options-dialog/index.d.ts +33 -0
- package/dist/esm/components/calculation-options-dialog/index.d.ts.map +1 -0
- package/dist/esm/components/calculation-options-dialog/index.js +61 -0
- package/dist/esm/components/canvas-grid/index.d.ts.map +1 -1
- package/dist/esm/components/canvas-grid/index.js +266 -26
- package/dist/esm/components/canvas-grid/typings.d.ts +31 -5
- package/dist/esm/components/canvas-grid/typings.d.ts.map +1 -1
- package/dist/esm/components/cell/alignment.d.ts +30 -0
- package/dist/esm/components/cell/alignment.d.ts.map +1 -1
- package/dist/esm/components/cell/alignment.js +51 -0
- package/dist/esm/components/cell/index.d.ts.map +1 -1
- package/dist/esm/components/cell/index.js +16 -8
- package/dist/esm/components/cell-diff/index.d.ts +3 -2
- package/dist/esm/components/cell-diff/index.d.ts.map +1 -1
- package/dist/esm/components/cell-editor/helpers.d.ts +9 -0
- package/dist/esm/components/cell-editor/helpers.d.ts.map +1 -1
- package/dist/esm/components/cell-editor/helpers.js +6 -0
- package/dist/esm/components/cell-editor/helpers.spec.js +15 -1
- package/dist/esm/components/cell-editor/index.d.ts.map +1 -1
- package/dist/esm/components/cell-editor/index.js +8 -4
- package/dist/esm/components/context-menu/index.d.ts +6 -1
- package/dist/esm/components/context-menu/index.d.ts.map +1 -1
- package/dist/esm/components/context-menu/index.js +139 -4
- package/dist/esm/components/embeds/embed-component.d.ts.map +1 -1
- package/dist/esm/components/embeds/embed-component.js +17 -1
- package/dist/esm/components/fill-series-dialog/index.d.ts +29 -0
- package/dist/esm/components/fill-series-dialog/index.d.ts.map +1 -0
- package/dist/esm/components/fill-series-dialog/index.js +151 -0
- package/dist/esm/components/go-to-dialog/index.d.ts +11 -1
- package/dist/esm/components/go-to-dialog/index.d.ts.map +1 -1
- package/dist/esm/components/go-to-dialog/index.js +63 -23
- package/dist/esm/components/goal-seek-dialog/index.d.ts +32 -0
- package/dist/esm/components/goal-seek-dialog/index.d.ts.map +1 -0
- package/dist/esm/components/goal-seek-dialog/index.js +125 -0
- package/dist/esm/components/selection/fill-options-menu.d.ts +32 -0
- package/dist/esm/components/selection/fill-options-menu.d.ts.map +1 -0
- package/dist/esm/components/selection/fill-options-menu.js +63 -0
- package/dist/esm/components/selection/index.d.ts +1 -1
- package/dist/esm/components/selection/index.d.ts.map +1 -1
- package/dist/esm/components/selection/index.js +4 -2
- package/dist/esm/components/selection/types.d.ts +11 -1
- package/dist/esm/components/selection/types.d.ts.map +1 -1
- package/dist/esm/components/subtotal-dialog/index.d.ts +30 -0
- package/dist/esm/components/subtotal-dialog/index.d.ts.map +1 -0
- package/dist/esm/components/subtotal-dialog/index.js +115 -0
- package/dist/esm/components/text-to-columns-dialog/index.d.ts +37 -0
- package/dist/esm/components/text-to-columns-dialog/index.d.ts.map +1 -0
- package/dist/esm/components/text-to-columns-dialog/index.js +147 -0
- package/dist/esm/components/toolbar/background-color-selector.d.ts +13 -1
- package/dist/esm/components/toolbar/background-color-selector.d.ts.map +1 -1
- package/dist/esm/components/toolbar/background-color-selector.js +61 -11
- package/dist/esm/components/toolbar/cell-style-selector.d.ts +15 -2
- package/dist/esm/components/toolbar/cell-style-selector.d.ts.map +1 -1
- package/dist/esm/components/toolbar/cell-style-selector.js +46 -2
- package/dist/esm/components/toolbar/fill-selectors.d.ts +49 -0
- package/dist/esm/components/toolbar/fill-selectors.d.ts.map +1 -0
- package/dist/esm/components/toolbar/fill-selectors.js +162 -0
- package/dist/esm/components/toolbar/index.d.ts +1 -0
- package/dist/esm/components/toolbar/index.d.ts.map +1 -1
- package/dist/esm/components/toolbar/index.js +1 -0
- package/dist/esm/components/toolbar/text-format-selector.d.ts +9 -0
- package/dist/esm/components/toolbar/text-format-selector.d.ts.map +1 -1
- package/dist/esm/components/toolbar/text-format-selector.js +14 -2
- package/dist/esm/components/toolbar/text-horizontal-align-selector.d.ts +8 -0
- package/dist/esm/components/toolbar/text-horizontal-align-selector.d.ts.map +1 -1
- package/dist/esm/components/toolbar/text-horizontal-align-selector.js +21 -5
- package/dist/esm/components/watch-window/index.d.ts +25 -0
- package/dist/esm/components/watch-window/index.d.ts.map +1 -0
- package/dist/esm/components/watch-window/index.js +54 -0
- package/dist/esm/hooks/use-cell-renderer.d.ts.map +1 -1
- package/dist/esm/hooks/use-cell-renderer.js +17 -6
- package/dist/esm/hooks/use-editable.d.ts +11 -2
- package/dist/esm/hooks/use-editable.d.ts.map +1 -1
- package/dist/esm/hooks/use-editable.js +8 -0
- package/dist/esm/hooks/use-editor-submit.d.ts +32 -3
- package/dist/esm/hooks/use-editor-submit.d.ts.map +1 -1
- package/dist/esm/hooks/use-editor-submit.js +82 -3
- package/dist/esm/hooks/use-get-tooltip.d.ts.map +1 -1
- package/dist/esm/hooks/use-get-tooltip.js +7 -2
- package/dist/esm/hooks/use-keyboard-handler.d.ts.map +1 -1
- package/dist/esm/hooks/use-keyboard-handler.js +27 -14
- package/dist/esm/hooks/use-selection-renderer.d.ts +13 -2
- package/dist/esm/hooks/use-selection-renderer.d.ts.map +1 -1
- package/dist/esm/hooks/use-selection-renderer.js +22 -5
- package/dist/esm/hooks/use-selection.d.ts +54 -4
- package/dist/esm/hooks/use-selection.d.ts.map +1 -1
- package/dist/esm/hooks/use-selection.js +220 -36
- package/dist/esm/index.d.ts +12 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +11 -0
- package/dist/esm/release-date.js +1 -1
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/dist/esm/types.d.ts +156 -5
- package/dist/esm/types.d.ts.map +1 -1
- package/dist/esm/types.js +18 -0
- package/dist/spreadsheet.min.css +1 -1
- package/package.json +7 -7
|
@@ -62,6 +62,9 @@ export type ContextMenuProps = {
|
|
|
62
62
|
onSortTable: CanvasGridProps["onSortTable"];
|
|
63
63
|
onSplitTextToColumns: CanvasGridProps["onSplitTextToColumns"];
|
|
64
64
|
onRemoveDuplicates: CanvasGridProps["onRemoveDuplicates"];
|
|
65
|
+
onGoalSeek?: CanvasGridProps["onGoalSeek"];
|
|
66
|
+
onSubtotal?: CanvasGridProps["onSubtotal"];
|
|
67
|
+
onAdvancedFilter?: CanvasGridProps["onAdvancedFilter"];
|
|
65
68
|
/** Writes a table totals-row aggregation formula into the active cell. */
|
|
66
69
|
onChange?: CanvasGridProps["onChange"];
|
|
67
70
|
/** Reads the active cell's formula to highlight its totals-row function. */
|
|
@@ -84,10 +87,12 @@ export type ContextMenuProps = {
|
|
|
84
87
|
onRequestEvaluateFormula?(sheetId: number, cell: CellInterface): void;
|
|
85
88
|
/** Whether the active cell holds a formula (drives the Evaluate Formula item). */
|
|
86
89
|
isActiveCellFormula?: boolean;
|
|
90
|
+
/** Adds the active cell to the Watch Window (only while a host is mounted). */
|
|
91
|
+
onRequestAddWatch?(sheetId: number, cell: CellInterface): void;
|
|
87
92
|
onCut?(): void;
|
|
88
93
|
readonly?: boolean;
|
|
89
94
|
onAddQuickEdit(range: SheetRange): void;
|
|
90
95
|
enableMagicFill?: boolean;
|
|
91
96
|
};
|
|
92
|
-
export declare const ContextMenu: ({ isRowHeader, isColumnHeader, activeCell, selections, basicFilter, isTableHeader, onClearContents, onHideColumn, onHideRow, onGroupRows, onUngroupRows, onGroupColumns, onUngroupColumns, onDeleteRow, onDeleteColumn, onInsertColumn, onInsertRow, onInsertCellsShiftDown, onInsertCellsShiftRight, onDeleteCellsShiftLeft, onDeleteCellsShiftUp, onFreezeRow, onFreezeColumn, onCopy, onCut, onPaste, onRequestPasteSpecial, onRequestEvaluateFormula, isActiveCellFormula, onInsertNote, onProtectRange, onUnProtectRange, onSortRange, onSortColumn, onRequestDefineNamedRange, onRequestResize, onRequestEditTable, onRequestEditPivotTable, onRequestDeletePivotTable, onPivotDrillDown, onRequestFormatCells, onRequestConditionalFormat, onRequestDataValidation, onRemoveTable, onClearFormatting, onCreateTable, onCreateBasicFilter, onFilterTable, onSortTable, getFormattedValuesFromRange, focusSheet, isSheetFocused, getFormattedValue, onInsertTableColumn, onDeleteTableColumn, onInsertTableRow, onDeleteTableRow, onSplitTextToColumns, onRemoveDuplicates, onChange, getCellData, isHiddenColumn, isHiddenRow, onShowColumn, onShowRow, tables, pivotTables, protectedRanges, sheetId, frozenRows, frozenColumns, selectedRowHeadersIds, selectedColumnHeadersIds, readonly, onAddQuickEdit, enableMagicFill, }: ContextMenuProps) => React.JSX.Element;
|
|
97
|
+
export declare const ContextMenu: ({ isRowHeader, isColumnHeader, activeCell, selections, basicFilter, isTableHeader, onClearContents, onHideColumn, onHideRow, onGroupRows, onUngroupRows, onGroupColumns, onUngroupColumns, onDeleteRow, onDeleteColumn, onInsertColumn, onInsertRow, onInsertCellsShiftDown, onInsertCellsShiftRight, onDeleteCellsShiftLeft, onDeleteCellsShiftUp, onFreezeRow, onFreezeColumn, onCopy, onCut, onPaste, onRequestPasteSpecial, onRequestEvaluateFormula, onRequestAddWatch, isActiveCellFormula, onInsertNote, onProtectRange, onUnProtectRange, onSortRange, onSortColumn, onRequestDefineNamedRange, onRequestResize, onRequestEditTable, onRequestEditPivotTable, onRequestDeletePivotTable, onPivotDrillDown, onRequestFormatCells, onRequestConditionalFormat, onRequestDataValidation, onRemoveTable, onClearFormatting, onCreateTable, onCreateBasicFilter, onFilterTable, onSortTable, getFormattedValuesFromRange, focusSheet, isSheetFocused, getFormattedValue, onInsertTableColumn, onDeleteTableColumn, onInsertTableRow, onDeleteTableRow, onSplitTextToColumns, onRemoveDuplicates, onGoalSeek, onSubtotal, onAdvancedFilter, onChange, getCellData, isHiddenColumn, isHiddenRow, onShowColumn, onShowRow, tables, pivotTables, protectedRanges, sheetId, frozenRows, frozenColumns, selectedRowHeadersIds, selectedColumnHeadersIds, readonly, onAddQuickEdit, enableMagicFill, }: ContextMenuProps) => React.JSX.Element;
|
|
93
98
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/context-menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EAEb,aAAa,EACd,MAAM,oBAAoB,CAAC;AAiD5B,OAAO,KAAuC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/context-menu/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,13 +9,17 @@ var utils_1 = require("@rowsncolumns/utils");
|
|
|
9
9
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
10
10
|
var validation_1 = require("../../api/validation");
|
|
11
11
|
var atoms_1 = require("../../atoms");
|
|
12
|
+
var advanced_filter_dialog_atom_1 = require("../../atoms/advanced-filter-dialog.atom");
|
|
13
|
+
var goal_seek_dialog_atom_1 = require("../../atoms/goal-seek-dialog.atom");
|
|
12
14
|
var remove_duplicates_dialog_atom_1 = require("../../atoms/remove-duplicates-dialog.atom");
|
|
15
|
+
var subtotal_dialog_atom_1 = require("../../atoms/subtotal-dialog.atom");
|
|
16
|
+
var text_to_columns_dialog_atom_1 = require("../../atoms/text-to-columns-dialog.atom");
|
|
13
17
|
var config_1 = require("../../config");
|
|
14
18
|
var helpers_1 = require("../../helpers");
|
|
15
19
|
var total_row_functions_1 = require("./total-row-functions");
|
|
16
20
|
var ContextMenu = function (_a) {
|
|
17
21
|
var _b;
|
|
18
|
-
var isRowHeader = _a.isRowHeader, isColumnHeader = _a.isColumnHeader, activeCell = _a.activeCell, selections = _a.selections, basicFilter = _a.basicFilter, isTableHeader = _a.isTableHeader, onClearContents = _a.onClearContents, onHideColumn = _a.onHideColumn, onHideRow = _a.onHideRow, onGroupRows = _a.onGroupRows, onUngroupRows = _a.onUngroupRows, onGroupColumns = _a.onGroupColumns, onUngroupColumns = _a.onUngroupColumns, onDeleteRow = _a.onDeleteRow, onDeleteColumn = _a.onDeleteColumn, onInsertColumn = _a.onInsertColumn, onInsertRow = _a.onInsertRow, onInsertCellsShiftDown = _a.onInsertCellsShiftDown, onInsertCellsShiftRight = _a.onInsertCellsShiftRight, onDeleteCellsShiftLeft = _a.onDeleteCellsShiftLeft, onDeleteCellsShiftUp = _a.onDeleteCellsShiftUp, onFreezeRow = _a.onFreezeRow, onFreezeColumn = _a.onFreezeColumn, onCopy = _a.onCopy, onCut = _a.onCut, onPaste = _a.onPaste, onRequestPasteSpecial = _a.onRequestPasteSpecial, onRequestEvaluateFormula = _a.onRequestEvaluateFormula, isActiveCellFormula = _a.isActiveCellFormula, onInsertNote = _a.onInsertNote, onProtectRange = _a.onProtectRange, onUnProtectRange = _a.onUnProtectRange, onSortRange = _a.onSortRange, onSortColumn = _a.onSortColumn, onRequestDefineNamedRange = _a.onRequestDefineNamedRange, onRequestResize = _a.onRequestResize, onRequestEditTable = _a.onRequestEditTable, onRequestEditPivotTable = _a.onRequestEditPivotTable, onRequestDeletePivotTable = _a.onRequestDeletePivotTable, onPivotDrillDown = _a.onPivotDrillDown, onRequestFormatCells = _a.onRequestFormatCells, onRequestConditionalFormat = _a.onRequestConditionalFormat, onRequestDataValidation = _a.onRequestDataValidation, onRemoveTable = _a.onRemoveTable, onClearFormatting = _a.onClearFormatting, onCreateTable = _a.onCreateTable, onCreateBasicFilter = _a.onCreateBasicFilter, onFilterTable = _a.onFilterTable, onSortTable = _a.onSortTable, getFormattedValuesFromRange = _a.getFormattedValuesFromRange, focusSheet = _a.focusSheet, isSheetFocused = _a.isSheetFocused, getFormattedValue = _a.getFormattedValue, onInsertTableColumn = _a.onInsertTableColumn, onDeleteTableColumn = _a.onDeleteTableColumn, onInsertTableRow = _a.onInsertTableRow, onDeleteTableRow = _a.onDeleteTableRow, onSplitTextToColumns = _a.onSplitTextToColumns, onRemoveDuplicates = _a.onRemoveDuplicates, onChange = _a.onChange, getCellData = _a.getCellData, isHiddenColumn = _a.isHiddenColumn, isHiddenRow = _a.isHiddenRow, onShowColumn = _a.onShowColumn, onShowRow = _a.onShowRow, tables = _a.tables, pivotTables = _a.pivotTables, protectedRanges = _a.protectedRanges, sheetId = _a.sheetId, frozenRows = _a.frozenRows, frozenColumns = _a.frozenColumns, selectedRowHeadersIds = _a.selectedRowHeadersIds, selectedColumnHeadersIds = _a.selectedColumnHeadersIds, _c = _a.readonly, readonly = _c === void 0 ? false : _c, onAddQuickEdit = _a.onAddQuickEdit, enableMagicFill = _a.enableMagicFill;
|
|
22
|
+
var isRowHeader = _a.isRowHeader, isColumnHeader = _a.isColumnHeader, activeCell = _a.activeCell, selections = _a.selections, basicFilter = _a.basicFilter, isTableHeader = _a.isTableHeader, onClearContents = _a.onClearContents, onHideColumn = _a.onHideColumn, onHideRow = _a.onHideRow, onGroupRows = _a.onGroupRows, onUngroupRows = _a.onUngroupRows, onGroupColumns = _a.onGroupColumns, onUngroupColumns = _a.onUngroupColumns, onDeleteRow = _a.onDeleteRow, onDeleteColumn = _a.onDeleteColumn, onInsertColumn = _a.onInsertColumn, onInsertRow = _a.onInsertRow, onInsertCellsShiftDown = _a.onInsertCellsShiftDown, onInsertCellsShiftRight = _a.onInsertCellsShiftRight, onDeleteCellsShiftLeft = _a.onDeleteCellsShiftLeft, onDeleteCellsShiftUp = _a.onDeleteCellsShiftUp, onFreezeRow = _a.onFreezeRow, onFreezeColumn = _a.onFreezeColumn, onCopy = _a.onCopy, onCut = _a.onCut, onPaste = _a.onPaste, onRequestPasteSpecial = _a.onRequestPasteSpecial, onRequestEvaluateFormula = _a.onRequestEvaluateFormula, onRequestAddWatch = _a.onRequestAddWatch, isActiveCellFormula = _a.isActiveCellFormula, onInsertNote = _a.onInsertNote, onProtectRange = _a.onProtectRange, onUnProtectRange = _a.onUnProtectRange, onSortRange = _a.onSortRange, onSortColumn = _a.onSortColumn, onRequestDefineNamedRange = _a.onRequestDefineNamedRange, onRequestResize = _a.onRequestResize, onRequestEditTable = _a.onRequestEditTable, onRequestEditPivotTable = _a.onRequestEditPivotTable, onRequestDeletePivotTable = _a.onRequestDeletePivotTable, onPivotDrillDown = _a.onPivotDrillDown, onRequestFormatCells = _a.onRequestFormatCells, onRequestConditionalFormat = _a.onRequestConditionalFormat, onRequestDataValidation = _a.onRequestDataValidation, onRemoveTable = _a.onRemoveTable, onClearFormatting = _a.onClearFormatting, onCreateTable = _a.onCreateTable, onCreateBasicFilter = _a.onCreateBasicFilter, onFilterTable = _a.onFilterTable, onSortTable = _a.onSortTable, getFormattedValuesFromRange = _a.getFormattedValuesFromRange, focusSheet = _a.focusSheet, isSheetFocused = _a.isSheetFocused, getFormattedValue = _a.getFormattedValue, onInsertTableColumn = _a.onInsertTableColumn, onDeleteTableColumn = _a.onDeleteTableColumn, onInsertTableRow = _a.onInsertTableRow, onDeleteTableRow = _a.onDeleteTableRow, onSplitTextToColumns = _a.onSplitTextToColumns, onRemoveDuplicates = _a.onRemoveDuplicates, onGoalSeek = _a.onGoalSeek, onSubtotal = _a.onSubtotal, onAdvancedFilter = _a.onAdvancedFilter, onChange = _a.onChange, getCellData = _a.getCellData, isHiddenColumn = _a.isHiddenColumn, isHiddenRow = _a.isHiddenRow, onShowColumn = _a.onShowColumn, onShowRow = _a.onShowRow, tables = _a.tables, pivotTables = _a.pivotTables, protectedRanges = _a.protectedRanges, sheetId = _a.sheetId, frozenRows = _a.frozenRows, frozenColumns = _a.frozenColumns, selectedRowHeadersIds = _a.selectedRowHeadersIds, selectedColumnHeadersIds = _a.selectedColumnHeadersIds, _c = _a.readonly, readonly = _c === void 0 ? false : _c, onAddQuickEdit = _a.onAddQuickEdit, enableMagicFill = _a.enableMagicFill;
|
|
19
23
|
var isHeader = isColumnHeader || isRowHeader;
|
|
20
24
|
var shouldFocusSheetRef = (0, react_1.useRef)(true);
|
|
21
25
|
var multiColumnTitle = (0, helpers_1.generateMultiDimTitle)(selectedColumnHeadersIds, "y");
|
|
@@ -55,6 +59,122 @@ var ContextMenu = function (_a) {
|
|
|
55
59
|
var lastSelectedRowIndex = selectedRowHeadersIds.reduce(function (m, v) { return (v > m ? v : m); }, -Infinity);
|
|
56
60
|
// Get contentful range
|
|
57
61
|
var getContentfulRangeAroundCell = (0, atoms_1.useGetContentfulRangeAroundCell)();
|
|
62
|
+
// The data block the data tools act on: a table's own rows, the selection,
|
|
63
|
+
// or (from a lone cell) the contentful region around it — like Excel.
|
|
64
|
+
var dataRangeAroundSelection = (0, react_1.useCallback)(function () {
|
|
65
|
+
var _a;
|
|
66
|
+
if (activeTable) {
|
|
67
|
+
return tslib_1.__assign(tslib_1.__assign({}, activeTable.range), { endRowIndex: activeTable.range.endRowIndex - (activeTable.totalRow ? 1 : 0) });
|
|
68
|
+
}
|
|
69
|
+
if (selections.length) {
|
|
70
|
+
return selection.range;
|
|
71
|
+
}
|
|
72
|
+
return (_a = getContentfulRangeAroundCell === null || getContentfulRangeAroundCell === void 0 ? void 0 : getContentfulRangeAroundCell(sheetId, activeCell)) !== null && _a !== void 0 ? _a : selection.range;
|
|
73
|
+
}, [activeTable, selections.length, selection.range, getContentfulRangeAroundCell, sheetId, activeCell]);
|
|
74
|
+
// Excel pre-ticks "my data has headers" when the first row reads as labels:
|
|
75
|
+
// every cell filled and none of them a number.
|
|
76
|
+
var headerColumnsOf = (0, react_1.useCallback)(function (range) {
|
|
77
|
+
var _a, _b, _c, _d;
|
|
78
|
+
var columns = [];
|
|
79
|
+
for (var columnIndex = range.startColumnIndex; columnIndex <= range.endColumnIndex; columnIndex++) {
|
|
80
|
+
var header = (_c = (_b = (_a = activeTable === null || activeTable === void 0 ? void 0 : activeTable.columns) === null || _a === void 0 ? void 0 : _a[columnIndex - activeTable.range.startColumnIndex]) === null || _b === void 0 ? void 0 : _b.name) !== null && _c !== void 0 ? _c : getFormattedValue(sheetId, range.startRowIndex, columnIndex);
|
|
81
|
+
columns.push({
|
|
82
|
+
columnIndex: columnIndex,
|
|
83
|
+
label: "Column ".concat((0, utils_1.number2Alpha)(columnIndex - 1)),
|
|
84
|
+
header: header || undefined,
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
var hasHeader = activeTable
|
|
88
|
+
? ((_d = activeTable.headerRow) !== null && _d !== void 0 ? _d : true)
|
|
89
|
+
: range.endRowIndex > range.startRowIndex &&
|
|
90
|
+
columns.every(function (column) { return !!column.header && Number.isNaN(Number(column.header)); });
|
|
91
|
+
return { columns: columns, hasHeader: hasHeader };
|
|
92
|
+
}, [activeTable, getFormattedValue, sheetId]);
|
|
93
|
+
var rangeAddress = function (range) {
|
|
94
|
+
return "".concat((0, utils_1.cellToAddress)({ rowIndex: range.startRowIndex, columnIndex: range.startColumnIndex }), ":").concat((0, utils_1.cellToAddress)({ rowIndex: range.endRowIndex, columnIndex: range.endColumnIndex }));
|
|
95
|
+
};
|
|
96
|
+
// Text to Columns → Fixed width (dialog with a ruler over the selected column).
|
|
97
|
+
var isTextToColumnsDialogMounted = (0, text_to_columns_dialog_atom_1.useIsTextToColumnsDialogMounted)();
|
|
98
|
+
var openTextToColumnsDialog = (0, text_to_columns_dialog_atom_1.useOpenTextToColumnsDialog)();
|
|
99
|
+
var handleTextToColumnsDialog = (0, react_1.useCallback)(function () {
|
|
100
|
+
var _a;
|
|
101
|
+
var range = selections.length ? selection.range : dataRangeAroundSelection();
|
|
102
|
+
var columnIndex = selections.length ? range.startColumnIndex : activeCell.columnIndex;
|
|
103
|
+
var preview = [];
|
|
104
|
+
var firstRow = selections.length ? range.startRowIndex : activeCell.rowIndex;
|
|
105
|
+
var lastRow = selections.length ? range.endRowIndex : range.endRowIndex;
|
|
106
|
+
for (var rowIndex = firstRow; rowIndex <= lastRow && preview.length < 8; rowIndex++) {
|
|
107
|
+
preview.push((_a = getFormattedValue(sheetId, rowIndex, columnIndex)) !== null && _a !== void 0 ? _a : "");
|
|
108
|
+
}
|
|
109
|
+
var target = selections.length
|
|
110
|
+
? selections
|
|
111
|
+
: [
|
|
112
|
+
{
|
|
113
|
+
range: {
|
|
114
|
+
startRowIndex: activeCell.rowIndex,
|
|
115
|
+
endRowIndex: range.endRowIndex,
|
|
116
|
+
startColumnIndex: columnIndex,
|
|
117
|
+
endColumnIndex: columnIndex,
|
|
118
|
+
},
|
|
119
|
+
},
|
|
120
|
+
];
|
|
121
|
+
openTextToColumnsDialog({
|
|
122
|
+
preview: preview,
|
|
123
|
+
onApply: function (_a) {
|
|
124
|
+
var delimiter = _a.delimiter, columnBreaks = _a.columnBreaks;
|
|
125
|
+
return onSplitTextToColumns === null || onSplitTextToColumns === void 0 ? void 0 : onSplitTextToColumns(sheetId, activeCell, target, delimiter, { columnBreaks: columnBreaks });
|
|
126
|
+
},
|
|
127
|
+
});
|
|
128
|
+
}, [
|
|
129
|
+
selections,
|
|
130
|
+
selection.range,
|
|
131
|
+
dataRangeAroundSelection,
|
|
132
|
+
activeCell,
|
|
133
|
+
getFormattedValue,
|
|
134
|
+
sheetId,
|
|
135
|
+
openTextToColumnsDialog,
|
|
136
|
+
onSplitTextToColumns,
|
|
137
|
+
]);
|
|
138
|
+
// Data → Subtotal.
|
|
139
|
+
var isSubtotalDialogMounted = (0, subtotal_dialog_atom_1.useIsSubtotalDialogMounted)();
|
|
140
|
+
var openSubtotalDialog = (0, subtotal_dialog_atom_1.useOpenSubtotalDialog)();
|
|
141
|
+
var handleSubtotal = (0, react_1.useCallback)(function () {
|
|
142
|
+
var range = dataRangeAroundSelection();
|
|
143
|
+
var _a = headerColumnsOf(range), columns = _a.columns, hasHeader = _a.hasHeader;
|
|
144
|
+
openSubtotalDialog({
|
|
145
|
+
columns: columns,
|
|
146
|
+
hasHeader: hasHeader,
|
|
147
|
+
onApply: function (choices) { return onSubtotal === null || onSubtotal === void 0 ? void 0 : onSubtotal(sheetId, tslib_1.__assign({ range: range }, choices)); },
|
|
148
|
+
});
|
|
149
|
+
}, [dataRangeAroundSelection, headerColumnsOf, openSubtotalDialog, onSubtotal, sheetId]);
|
|
150
|
+
// Data → Advanced filter.
|
|
151
|
+
var isAdvancedFilterDialogMounted = (0, advanced_filter_dialog_atom_1.useIsAdvancedFilterDialogMounted)();
|
|
152
|
+
var openAdvancedFilterDialog = (0, advanced_filter_dialog_atom_1.useOpenAdvancedFilterDialog)();
|
|
153
|
+
var handleAdvancedFilter = (0, react_1.useCallback)(function () {
|
|
154
|
+
openAdvancedFilterDialog({
|
|
155
|
+
listRange: rangeAddress(dataRangeAroundSelection()),
|
|
156
|
+
onApply: function (options) { return onAdvancedFilter === null || onAdvancedFilter === void 0 ? void 0 : onAdvancedFilter(sheetId, options); },
|
|
157
|
+
});
|
|
158
|
+
}, [openAdvancedFilterDialog, dataRangeAroundSelection, onAdvancedFilter, sheetId]);
|
|
159
|
+
// Data → What-If Analysis → Goal Seek.
|
|
160
|
+
var isGoalSeekDialogMounted = (0, goal_seek_dialog_atom_1.useIsGoalSeekDialogMounted)();
|
|
161
|
+
var openGoalSeekDialog = (0, goal_seek_dialog_atom_1.useOpenGoalSeekDialog)();
|
|
162
|
+
var handleGoalSeek = (0, react_1.useCallback)(function () {
|
|
163
|
+
var _a;
|
|
164
|
+
openGoalSeekDialog({
|
|
165
|
+
setCell: (_a = (0, utils_1.cellToAddress)(activeCell)) !== null && _a !== void 0 ? _a : "",
|
|
166
|
+
onApply: function (setCellAddress, targetValue, changingCellAddress) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
|
|
167
|
+
var setCell, changingCell;
|
|
168
|
+
return tslib_1.__generator(this, function (_a) {
|
|
169
|
+
setCell = (0, utils_1.addressToCell)(setCellAddress);
|
|
170
|
+
changingCell = (0, utils_1.addressToCell)(changingCellAddress);
|
|
171
|
+
if (!setCell || !changingCell || !onGoalSeek)
|
|
172
|
+
return [2 /*return*/, undefined];
|
|
173
|
+
return [2 /*return*/, onGoalSeek(sheetId, setCell, targetValue, changingCell)];
|
|
174
|
+
});
|
|
175
|
+
}); },
|
|
176
|
+
});
|
|
177
|
+
}, [openGoalSeekDialog, activeCell, onGoalSeek, sheetId]);
|
|
58
178
|
// Remove duplicates — Excel's dialog (column checklist + "my data has
|
|
59
179
|
// headers") when a host mounts `RemoveDuplicatesDialogHost`, otherwise the
|
|
60
180
|
// one-click de-dupe over the selection.
|
|
@@ -714,7 +834,14 @@ var ContextMenu = function (_a) {
|
|
|
714
834
|
} },
|
|
715
835
|
react_1.default.createElement(ui_1.DropdownLeftSlot, null,
|
|
716
836
|
react_1.default.createElement(icons_1.CodeIcon, null)),
|
|
717
|
-
"Evaluate formula")) : null
|
|
837
|
+
"Evaluate formula")) : null,
|
|
838
|
+
onRequestAddWatch ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
|
|
839
|
+
shouldFocusSheetRef.current = false;
|
|
840
|
+
onRequestAddWatch(sheetId, activeCell);
|
|
841
|
+
} },
|
|
842
|
+
react_1.default.createElement(ui_1.DropdownLeftSlot, null,
|
|
843
|
+
react_1.default.createElement(icons_1.EyeOpenIcon, null)),
|
|
844
|
+
"Add to Watch Window")) : null)),
|
|
718
845
|
react_1.default.createElement(ui_1.DropdownMenuSeparator, null),
|
|
719
846
|
react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: handleRemoveDuplicates, disabled: readonly },
|
|
720
847
|
react_1.default.createElement(ui_1.DropdownLeftSlot, null,
|
|
@@ -742,7 +869,23 @@ var ContextMenu = function (_a) {
|
|
|
742
869
|
} }, "Space"),
|
|
743
870
|
react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () {
|
|
744
871
|
return onSplitTextToColumns === null || onSplitTextToColumns === void 0 ? void 0 : onSplitTextToColumns(sheetId, activeCell, selections, "|");
|
|
745
|
-
} }, "Pipe")
|
|
872
|
+
} }, "Pipe"),
|
|
873
|
+
isTextToColumnsDialogMounted ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
874
|
+
react_1.default.createElement(ui_1.DropdownMenuSeparator, null),
|
|
875
|
+
react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: handleTextToColumnsDialog }, "Fixed width\u2026"))) : null)),
|
|
876
|
+
(isSubtotalDialogMounted && onSubtotal) ||
|
|
877
|
+
(isAdvancedFilterDialogMounted && onAdvancedFilter) ||
|
|
878
|
+
(isGoalSeekDialogMounted && onGoalSeek) ? (react_1.default.createElement(ui_1.DropdownMenuSub, null,
|
|
879
|
+
react_1.default.createElement(ui_1.DropdownMenuSubTrigger, { disabled: readonly },
|
|
880
|
+
react_1.default.createElement(ui_1.DropdownLeftSlot, null,
|
|
881
|
+
react_1.default.createElement(icons_1.SpaceBetweenHorizontallyIcon, null)),
|
|
882
|
+
"Data tools",
|
|
883
|
+
react_1.default.createElement(ui_1.DropdownRightSlot, null,
|
|
884
|
+
react_1.default.createElement(icons_1.ChevronRightIcon, null))),
|
|
885
|
+
react_1.default.createElement(ui_1.DropdownMenuSubContent, { sideOffset: 2, alignOffset: -5 },
|
|
886
|
+
isSubtotalDialogMounted && onSubtotal ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: handleSubtotal }, "Subtotal\u2026")) : null,
|
|
887
|
+
isAdvancedFilterDialogMounted && onAdvancedFilter ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: handleAdvancedFilter }, "Advanced filter\u2026")) : null,
|
|
888
|
+
isGoalSeekDialogMounted && onGoalSeek ? (react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: handleGoalSeek }, "Goal seek\u2026")) : null))) : null,
|
|
746
889
|
react_1.default.createElement(ui_1.DropdownMenuSub, null,
|
|
747
890
|
react_1.default.createElement(ui_1.DropdownMenuSubTrigger, { disabled: readonly },
|
|
748
891
|
react_1.default.createElement(ui_1.DropdownLeftSlot, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"embed-component.d.ts","sourceRoot":"","sources":["../../../../components/embeds/embed-component.tsx"],"names":[],"mappings":"AASA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EACV,cAAc,
|
|
1
|
+
{"version":3,"file":"embed-component.d.ts","sourceRoot":"","sources":["../../../../components/embeds/embed-component.tsx"],"names":[],"mappings":"AASA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EACV,cAAc,EAKf,MAAM,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAKhF,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,cAAc,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAChD,kBAAkB,EAAE,eAAe,CAAC,oBAAoB,CAAC,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,cAAc,wHAUtB,mBAAmB,uBA4NvB,CAAC"}
|
|
@@ -6,8 +6,10 @@ var icons_1 = require("@rowsncolumns/icons");
|
|
|
6
6
|
var ui_1 = require("@rowsncolumns/ui");
|
|
7
7
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
8
8
|
var themes_1 = require("../../themes");
|
|
9
|
+
var alignment_1 = require("../cell/alignment");
|
|
9
10
|
var shape_svg_1 = require("./shape-svg");
|
|
10
11
|
exports.EmbedComponent = (0, react_1.memo)(function (_a) {
|
|
12
|
+
var _b, _c, _d;
|
|
11
13
|
var embed = _a.embed, width = _a.width, height = _a.height, readonly = _a.readonly, isSelected = _a.isSelected, onDeleteEmbed = _a.onDeleteEmbed, onRequestEditEmbed = _a.onRequestEditEmbed, theme = _a.theme;
|
|
12
14
|
var renderTextBox = function (spec) {
|
|
13
15
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
|
|
@@ -45,7 +47,9 @@ exports.EmbedComponent = (0, react_1.memo)(function (_a) {
|
|
|
45
47
|
height: "100%",
|
|
46
48
|
backgroundColor: backgroundColor,
|
|
47
49
|
padding: spec.padding ? "".concat(spec.padding, "px") : "4px",
|
|
48
|
-
textAlign: spec.horizontalAlignment
|
|
50
|
+
textAlign: spec.horizontalAlignment
|
|
51
|
+
? (0, alignment_1.resolveCanvasTextAlign)(spec.horizontalAlignment)
|
|
52
|
+
: undefined,
|
|
49
53
|
display: "flex",
|
|
50
54
|
flexDirection: "column",
|
|
51
55
|
justifyContent: spec.verticalAlignment === "top"
|
|
@@ -114,6 +118,17 @@ exports.EmbedComponent = (0, react_1.memo)(function (_a) {
|
|
|
114
118
|
(embed === null || embed === void 0 ? void 0 : embed.spec.type) === "shape" ? (react_1.default.createElement("div", { style: { position: "relative", width: "100%", height: "100%" } },
|
|
115
119
|
react_1.default.createElement(shape_svg_1.ShapeSvg, { spec: embed.spec, width: width, height: height, theme: theme }),
|
|
116
120
|
embed.spec.textBody ? (react_1.default.createElement("div", { style: { position: "absolute", inset: 0 } }, renderTextBox(tslib_1.__assign({ type: "textbox" }, embed.spec.textBody)))) : null)) : null,
|
|
121
|
+
(embed === null || embed === void 0 ? void 0 : embed.spec.type) === "formControl" ? (
|
|
122
|
+
// Excel form controls round-trip but are not interactive here: draw
|
|
123
|
+
// the caption in a control-shaped placeholder so the layout reads.
|
|
124
|
+
react_1.default.createElement("div", { className: "flex h-full w-full items-center gap-1 overflow-hidden whitespace-nowrap px-1 text-xs", title: (_b = embed.spec.name) !== null && _b !== void 0 ? _b : undefined },
|
|
125
|
+
embed.spec.objectType === "CheckBox" ||
|
|
126
|
+
embed.spec.objectType === "Radio" ? (react_1.default.createElement("span", { className: "inline-block h-3 w-3 shrink-0 border border-current", style: {
|
|
127
|
+
borderRadius: embed.spec.objectType === "Radio"
|
|
128
|
+
? "50%"
|
|
129
|
+
: 2,
|
|
130
|
+
} })) : null,
|
|
131
|
+
react_1.default.createElement("span", { className: "truncate" }, (_d = (_c = embed.spec.text) !== null && _c !== void 0 ? _c : embed.spec.name) !== null && _d !== void 0 ? _d : embed.spec.objectType))) : null,
|
|
117
132
|
readonly || !isSelected ? null : (react_1.default.createElement(ui_1.DropdownMenu, null,
|
|
118
133
|
react_1.default.createElement(ui_1.DropdownMenuTrigger, { asChild: true, className: "print:hidden" },
|
|
119
134
|
react_1.default.createElement(ui_1.IconButton, { className: "absolute right-1 top-1 z-10" },
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { FillSeriesSpec } from "../../types";
|
|
3
|
+
export type FillSeriesDialogProps = {
|
|
4
|
+
/** Controls visibility. */
|
|
5
|
+
open: boolean;
|
|
6
|
+
onOpenChange(open: boolean): void;
|
|
7
|
+
/** Pre-selected axis (a right-drag seeds it from its direction). */
|
|
8
|
+
initialIn?: FillSeriesSpec["in"];
|
|
9
|
+
onApply(spec: FillSeriesSpec): void;
|
|
10
|
+
};
|
|
11
|
+
/**
|
|
12
|
+
* Excel's Series dialog (Home > Fill > Series…). Series in Rows/Columns, Type
|
|
13
|
+
* Linear/Growth/Date/AutoFill, Date unit (Type = Date only), Trend
|
|
14
|
+
* (Linear/Growth only — disables Step/Stop), Step value (default 1, may be
|
|
15
|
+
* negative or fractional) and Stop value. UI-only: the opener turns the spec
|
|
16
|
+
* into a fill.
|
|
17
|
+
*/
|
|
18
|
+
export declare const FillSeriesDialog: React.MemoExoticComponent<({ open, onOpenChange, initialIn, onApply }: FillSeriesDialogProps) => React.JSX.Element>;
|
|
19
|
+
/**
|
|
20
|
+
* Host-mounted, atom-driven wrapper around {@link FillSeriesDialog}. Mount it
|
|
21
|
+
* once alongside the other editor dialogs; the grid opens it via
|
|
22
|
+
* `useOpenFillSeriesDialog` (right-drag menu "Series…", or
|
|
23
|
+
* `SpreadsheetApi.openFillSeriesDialog()` from a Fill toolbar/menu).
|
|
24
|
+
*/
|
|
25
|
+
export declare const FillSeriesDialogHost: {
|
|
26
|
+
(): React.JSX.Element;
|
|
27
|
+
displayName: string;
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/fill-series-dialog/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,MAAM,qBAAqB,GAAG;IAClC,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,oEAAoE;IACpE,SAAS,CAAC,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC;IACjC,OAAO,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,CAAC;CACrC,CAAC;AA0BF;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,yEACkB,qBAAqB,uBA4MnE,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB;;;CAahC,CAAC"}
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.FillSeriesDialogHost = exports.FillSeriesDialog = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var ui_1 = require("@rowsncolumns/ui");
|
|
6
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
|
+
var fill_series_dialog_atom_1 = require("../../atoms/fill-series-dialog.atom");
|
|
8
|
+
var SERIES_TYPES = [
|
|
9
|
+
{ value: "linear", label: "Linear" },
|
|
10
|
+
{ value: "growth", label: "Growth" },
|
|
11
|
+
{ value: "date", label: "Date" },
|
|
12
|
+
{ value: "autofill", label: "AutoFill" },
|
|
13
|
+
];
|
|
14
|
+
var DATE_UNITS = [
|
|
15
|
+
{ value: "day", label: "Day" },
|
|
16
|
+
{ value: "weekday", label: "Weekday" },
|
|
17
|
+
{ value: "month", label: "Month" },
|
|
18
|
+
{ value: "year", label: "Year" },
|
|
19
|
+
];
|
|
20
|
+
var parseNumber = function (text) {
|
|
21
|
+
var trimmed = text.trim();
|
|
22
|
+
if (!trimmed)
|
|
23
|
+
return undefined;
|
|
24
|
+
var n = Number(trimmed);
|
|
25
|
+
return Number.isFinite(n) ? n : undefined;
|
|
26
|
+
};
|
|
27
|
+
/**
|
|
28
|
+
* Excel's Series dialog (Home > Fill > Series…). Series in Rows/Columns, Type
|
|
29
|
+
* Linear/Growth/Date/AutoFill, Date unit (Type = Date only), Trend
|
|
30
|
+
* (Linear/Growth only — disables Step/Stop), Step value (default 1, may be
|
|
31
|
+
* negative or fractional) and Stop value. UI-only: the opener turns the spec
|
|
32
|
+
* into a fill.
|
|
33
|
+
*/
|
|
34
|
+
exports.FillSeriesDialog = (0, react_1.memo)(function (_a) {
|
|
35
|
+
var open = _a.open, onOpenChange = _a.onOpenChange, initialIn = _a.initialIn, onApply = _a.onApply;
|
|
36
|
+
var _b = tslib_1.__read((0, react_1.useState)(initialIn !== null && initialIn !== void 0 ? initialIn : "columns"), 2), axis = _b[0], setAxis = _b[1];
|
|
37
|
+
var _c = tslib_1.__read((0, react_1.useState)("linear"), 2), type = _c[0], setType = _c[1];
|
|
38
|
+
var _d = tslib_1.__read((0, react_1.useState)("day"), 2), dateUnit = _d[0], setDateUnit = _d[1];
|
|
39
|
+
var _e = tslib_1.__read((0, react_1.useState)(false), 2), trend = _e[0], setTrend = _e[1];
|
|
40
|
+
var _f = tslib_1.__read((0, react_1.useState)("1"), 2), step = _f[0], setStep = _f[1];
|
|
41
|
+
var _g = tslib_1.__read((0, react_1.useState)(""), 2), stop = _g[0], setStop = _g[1];
|
|
42
|
+
var _h = tslib_1.__read((0, react_1.useState)(undefined), 2), error = _h[0], setError = _h[1];
|
|
43
|
+
// Re-seed on every open (the request decides the default axis).
|
|
44
|
+
(0, react_1.useEffect)(function () {
|
|
45
|
+
if (open) {
|
|
46
|
+
setAxis(initialIn !== null && initialIn !== void 0 ? initialIn : "columns");
|
|
47
|
+
setType("linear");
|
|
48
|
+
setDateUnit("day");
|
|
49
|
+
setTrend(false);
|
|
50
|
+
setStep("1");
|
|
51
|
+
setStop("");
|
|
52
|
+
setError(undefined);
|
|
53
|
+
}
|
|
54
|
+
}, [open, initialIn]);
|
|
55
|
+
var trendAllowed = type === "linear" || type === "growth";
|
|
56
|
+
var stepStopDisabled = trendAllowed && trend;
|
|
57
|
+
var apply = (0, react_1.useCallback)(function () {
|
|
58
|
+
var stepValue = parseNumber(step);
|
|
59
|
+
if (!stepStopDisabled && step.trim() && stepValue === undefined) {
|
|
60
|
+
setError("Step value must be a number.");
|
|
61
|
+
return;
|
|
62
|
+
}
|
|
63
|
+
var stopValue = parseNumber(stop);
|
|
64
|
+
if (!stepStopDisabled && stop.trim() && stopValue === undefined) {
|
|
65
|
+
setError("Stop value must be a number.");
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
var spec = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ in: axis, type: type }, (type === "date" ? { dateUnit: dateUnit } : {})), (trendAllowed && trend ? { trend: true } : {})), (!stepStopDisabled && stepValue !== undefined
|
|
69
|
+
? { step: stepValue }
|
|
70
|
+
: {})), (!stepStopDisabled && stopValue !== undefined
|
|
71
|
+
? { stop: stopValue }
|
|
72
|
+
: {}));
|
|
73
|
+
onApply(spec);
|
|
74
|
+
onOpenChange(false);
|
|
75
|
+
}, [
|
|
76
|
+
axis,
|
|
77
|
+
type,
|
|
78
|
+
dateUnit,
|
|
79
|
+
trend,
|
|
80
|
+
trendAllowed,
|
|
81
|
+
step,
|
|
82
|
+
stop,
|
|
83
|
+
stepStopDisabled,
|
|
84
|
+
onApply,
|
|
85
|
+
onOpenChange,
|
|
86
|
+
]);
|
|
87
|
+
return (react_1.default.createElement(ui_1.Dialog, { open: open, onOpenChange: onOpenChange, modal: true },
|
|
88
|
+
react_1.default.createElement(ui_1.DialogContent, { className: "w-[420px] max-w-[92vw] pointer-events-auto" },
|
|
89
|
+
react_1.default.createElement(ui_1.DialogTitle, null, "Series"),
|
|
90
|
+
react_1.default.createElement(ui_1.DialogCloseButton, null),
|
|
91
|
+
react_1.default.createElement(ui_1.DialogBody, { className: "flex flex-col gap-3" },
|
|
92
|
+
react_1.default.createElement("form", { className: "flex flex-col gap-3", onSubmit: function (e) {
|
|
93
|
+
e.preventDefault();
|
|
94
|
+
apply();
|
|
95
|
+
} },
|
|
96
|
+
react_1.default.createElement("div", { className: "grid grid-cols-3 gap-3" },
|
|
97
|
+
react_1.default.createElement("fieldset", { className: "flex flex-col gap-1 border-0 p-0 m-0" },
|
|
98
|
+
react_1.default.createElement("legend", { className: "text-xs font-medium pb-1" }, "Series in"),
|
|
99
|
+
["rows", "columns"].map(function (value) { return (react_1.default.createElement("label", { key: value, className: "flex items-center gap-2 text-xs cursor-pointer" },
|
|
100
|
+
react_1.default.createElement("input", { type: "radio", name: "fillSeriesIn", value: value, checked: axis === value, onChange: function () { return setAxis(value); } }),
|
|
101
|
+
value === "rows" ? "Rows" : "Columns")); })),
|
|
102
|
+
react_1.default.createElement("fieldset", { className: "flex flex-col gap-1 border-0 p-0 m-0" },
|
|
103
|
+
react_1.default.createElement("legend", { className: "text-xs font-medium pb-1" }, "Type"),
|
|
104
|
+
SERIES_TYPES.map(function (_a) {
|
|
105
|
+
var value = _a.value, label = _a.label;
|
|
106
|
+
return (react_1.default.createElement("label", { key: value, className: "flex items-center gap-2 text-xs cursor-pointer" },
|
|
107
|
+
react_1.default.createElement("input", { type: "radio", name: "fillSeriesType", value: value, checked: type === value, onChange: function () { return setType(value); } }),
|
|
108
|
+
label));
|
|
109
|
+
})),
|
|
110
|
+
react_1.default.createElement("fieldset", { className: "flex flex-col gap-1 border-0 p-0 m-0", disabled: type !== "date" },
|
|
111
|
+
react_1.default.createElement("legend", { className: "text-xs font-medium pb-1" }, "Date unit"),
|
|
112
|
+
DATE_UNITS.map(function (_a) {
|
|
113
|
+
var value = _a.value, label = _a.label;
|
|
114
|
+
return (react_1.default.createElement("label", { key: value, className: "flex items-center gap-2 text-xs cursor-pointer disabled:opacity-50" },
|
|
115
|
+
react_1.default.createElement("input", { type: "radio", name: "fillSeriesDateUnit", value: value, checked: dateUnit === value, onChange: function () { return setDateUnit(value); }, disabled: type !== "date" }),
|
|
116
|
+
react_1.default.createElement("span", { className: type !== "date" ? "opacity-50" : "" }, label)));
|
|
117
|
+
}))),
|
|
118
|
+
react_1.default.createElement("label", { className: "flex items-center gap-2 text-xs cursor-pointer" },
|
|
119
|
+
react_1.default.createElement("input", { type: "checkbox", name: "fillSeriesTrend", checked: trendAllowed && trend, disabled: !trendAllowed, onChange: function (e) { return setTrend(e.target.checked); } }),
|
|
120
|
+
react_1.default.createElement("span", { className: !trendAllowed ? "opacity-50" : "" }, "Trend")),
|
|
121
|
+
react_1.default.createElement("div", { className: "grid grid-cols-2 gap-3" },
|
|
122
|
+
react_1.default.createElement("label", { className: "flex flex-col gap-1 text-xs" },
|
|
123
|
+
"Step value",
|
|
124
|
+
react_1.default.createElement(ui_1.Input, { name: "fillSeriesStep", value: step, disabled: stepStopDisabled, onChange: function (e) {
|
|
125
|
+
setStep(e.target.value);
|
|
126
|
+
setError(undefined);
|
|
127
|
+
}, inputMode: "decimal" })),
|
|
128
|
+
react_1.default.createElement("label", { className: "flex flex-col gap-1 text-xs" },
|
|
129
|
+
"Stop value",
|
|
130
|
+
react_1.default.createElement(ui_1.Input, { name: "fillSeriesStop", value: stop, disabled: stepStopDisabled, onChange: function (e) {
|
|
131
|
+
setStop(e.target.value);
|
|
132
|
+
setError(undefined);
|
|
133
|
+
}, inputMode: "decimal" }))),
|
|
134
|
+
error ? (react_1.default.createElement("div", { role: "alert", className: "text-xs text-rnc-destructive" }, error)) : null,
|
|
135
|
+
react_1.default.createElement(ui_1.Separator, null),
|
|
136
|
+
react_1.default.createElement("div", { className: "flex justify-end gap-2" },
|
|
137
|
+
react_1.default.createElement(ui_1.Button, { type: "button", variant: "ghost", size: "sm", onClick: function () { return onOpenChange(false); } }, "Cancel"),
|
|
138
|
+
react_1.default.createElement(ui_1.Button, { type: "submit", size: "sm" }, "OK")))))));
|
|
139
|
+
});
|
|
140
|
+
exports.FillSeriesDialog.displayName = "FillSeriesDialog";
|
|
141
|
+
/**
|
|
142
|
+
* Host-mounted, atom-driven wrapper around {@link FillSeriesDialog}. Mount it
|
|
143
|
+
* once alongside the other editor dialogs; the grid opens it via
|
|
144
|
+
* `useOpenFillSeriesDialog` (right-drag menu "Series…", or
|
|
145
|
+
* `SpreadsheetApi.openFillSeriesDialog()` from a Fill toolbar/menu).
|
|
146
|
+
*/
|
|
147
|
+
var FillSeriesDialogHost = function () {
|
|
148
|
+
var _a = tslib_1.__read((0, fill_series_dialog_atom_1.useFillSeriesDialogState)(), 2), request = _a[0], setRequest = _a[1];
|
|
149
|
+
var close = (0, react_1.useCallback)(function () { return setRequest(null); }, [setRequest]);
|
|
150
|
+
return (react_1.default.createElement(exports.FillSeriesDialog, { open: request != null, onOpenChange: function (open) {
|
|
151
|
+
if (!open)
|
|
152
|
+
close();
|
|
153
|
+
}, initialIn: request === null || request === void 0 ? void 0 : request.initialIn, onApply: function (spec) { return request === null || request === void 0 ? void 0 : request.onApply(spec); } }));
|
|
154
|
+
};
|
|
155
|
+
exports.FillSeriesDialogHost = FillSeriesDialogHost;
|
|
156
|
+
exports.FillSeriesDialogHost.displayName = "FillSeriesDialogHost";
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
import type { GridRange } from "@rowsncolumns/grid";
|
|
1
2
|
import React from "react";
|
|
3
|
+
import { type GoToSpecialKind } from "../../api/go-to-special";
|
|
2
4
|
import type { NamedRange, SheetRange } from "../../types";
|
|
3
5
|
export type GoToDialogProps = {
|
|
4
6
|
/** Controls visibility. */
|
|
@@ -15,6 +17,14 @@ export type GoToDialogProps = {
|
|
|
15
17
|
resolve(reference: string): SheetRange | undefined;
|
|
16
18
|
/** Receives the resolved range; the host selects and scrolls to it. */
|
|
17
19
|
onNavigate(range: SheetRange): void;
|
|
20
|
+
/**
|
|
21
|
+
* Go To Special. `resolve` returns the matching cell runs for a category;
|
|
22
|
+
* `onSelectRanges` receives them. Omit to hide the "Special…" panel.
|
|
23
|
+
*/
|
|
24
|
+
special?: {
|
|
25
|
+
resolve(kind: GoToSpecialKind): GridRange[];
|
|
26
|
+
onSelectRanges(ranges: GridRange[]): void;
|
|
27
|
+
};
|
|
18
28
|
};
|
|
19
29
|
/**
|
|
20
30
|
* Excel's Go To dialog (`Ctrl+G` / `F5`): type a cell or range reference,
|
|
@@ -22,7 +32,7 @@ export type GoToDialogProps = {
|
|
|
22
32
|
* jumps there. Resolution is delegated to `resolve` so the dialog stays
|
|
23
33
|
* UI-only.
|
|
24
34
|
*/
|
|
25
|
-
export declare const GoToDialog: React.MemoExoticComponent<({ open, onOpenChange, namedRanges, currentAddress, resolve, onNavigate, }: GoToDialogProps) => React.JSX.Element>;
|
|
35
|
+
export declare const GoToDialog: React.MemoExoticComponent<({ open, onOpenChange, namedRanges, currentAddress, resolve, onNavigate, special, }: GoToDialogProps) => React.JSX.Element>;
|
|
26
36
|
/**
|
|
27
37
|
* Host-mounted, atom-driven wrapper around {@link GoToDialog}. Mount it once
|
|
28
38
|
* in the host alongside the other editor dialogs; the grid opens it on
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/go-to-dialog/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/go-to-dialog/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,yBAAyB,CAAC;AAMjC,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG;IAC5B,2BAA2B;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAAC;IAClC,gFAAgF;IAChF,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAClC,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;IACnD,uEAAuE;IACvE,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,IAAI,EAAE,eAAe,GAAG,SAAS,EAAE,CAAC;QAC5C,cAAc,CAAC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;KAC3C,CAAC;CACH,CAAC;AAKF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,iHASlB,eAAe,uBA0MnB,CAAC;AAUF;;;;GAIG;AACH,eAAO,MAAM,cAAc;;;CA+B1B,CAAC"}
|