@dxos/plugin-sheet 0.6.13-main.548ca8d → 0.6.13-staging.1e988a3
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/lib/browser/SheetContainer-U4H5D34A.mjs +1772 -0
- package/dist/lib/browser/SheetContainer-U4H5D34A.mjs.map +7 -0
- package/dist/lib/browser/chunk-APHOLYUB.mjs +175 -0
- package/dist/lib/browser/chunk-APHOLYUB.mjs.map +7 -0
- package/dist/lib/{node-esm/chunk-5WPZCXNS.mjs → browser/chunk-D5AGLXJP.mjs} +678 -411
- package/dist/lib/browser/chunk-D5AGLXJP.mjs.map +7 -0
- package/dist/lib/browser/chunk-FUAGSXA4.mjs +82 -0
- package/dist/lib/browser/chunk-FUAGSXA4.mjs.map +7 -0
- package/dist/lib/browser/chunk-JRL5LGCE.mjs +18 -0
- package/dist/lib/browser/chunk-JRL5LGCE.mjs.map +7 -0
- package/dist/lib/browser/chunk-NU4PBN33.mjs +8 -0
- package/dist/lib/browser/chunk-NU4PBN33.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +62 -93
- package/dist/lib/browser/index.mjs.map +3 -3
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/meta.mjs +1 -1
- package/dist/lib/browser/testing.mjs +92 -0
- package/dist/lib/browser/testing.mjs.map +7 -0
- package/dist/lib/browser/types.mjs +10 -4
- package/dist/lib/node/SheetContainer-AXQV3ZT5.cjs +1765 -0
- package/dist/lib/node/SheetContainer-AXQV3ZT5.cjs.map +7 -0
- package/dist/lib/node/{chunk-5XPK2V4A.cjs → chunk-5KKJ4NPP.cjs} +678 -418
- package/dist/lib/node/chunk-5KKJ4NPP.cjs.map +7 -0
- package/dist/lib/node/chunk-BJ6ZD7MN.cjs +51 -0
- package/dist/lib/node/chunk-BJ6ZD7MN.cjs.map +7 -0
- package/dist/lib/node/chunk-CN3RPESU.cjs +202 -0
- package/dist/lib/node/chunk-CN3RPESU.cjs.map +7 -0
- package/dist/lib/node/{chunk-ER3PM7GD.cjs → chunk-DSYKOI4E.cjs} +45 -29
- package/dist/lib/node/chunk-DSYKOI4E.cjs.map +7 -0
- package/dist/lib/node/chunk-PYXHNAAK.cjs +40 -0
- package/dist/lib/node/chunk-PYXHNAAK.cjs.map +7 -0
- package/dist/lib/node/index.cjs +69 -105
- package/dist/lib/node/index.cjs.map +3 -3
- package/dist/lib/node/meta.cjs +3 -3
- package/dist/lib/node/meta.cjs.map +1 -1
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node/testing.cjs +111 -0
- package/dist/lib/node/testing.cjs.map +7 -0
- package/dist/lib/node/types.cjs +14 -8
- package/dist/lib/node/types.cjs.map +2 -2
- package/dist/types/src/SheetPlugin.d.ts.map +1 -1
- package/dist/types/src/components/CellEditor/CellEditor.d.ts +14 -0
- package/dist/types/src/components/CellEditor/CellEditor.d.ts.map +1 -0
- package/dist/types/src/components/{GridSheet/SheetCellEditor.stories.d.ts → CellEditor/CellEditor.stories.d.ts} +4 -4
- package/dist/types/src/components/CellEditor/CellEditor.stories.d.ts.map +1 -0
- package/dist/types/src/{extensions/editor → components/CellEditor}/extension.d.ts +1 -1
- package/dist/types/src/components/CellEditor/extension.d.ts.map +1 -0
- package/dist/types/src/components/CellEditor/extension.test.d.ts.map +1 -0
- package/dist/types/src/components/CellEditor/index.d.ts +3 -0
- package/dist/types/src/components/CellEditor/index.d.ts.map +1 -0
- package/dist/types/src/{graph/functions → components/ComputeGraph}/async-function.d.ts +5 -14
- package/dist/types/src/components/ComputeGraph/async-function.d.ts.map +1 -0
- package/dist/types/src/components/ComputeGraph/custom.d.ts +21 -0
- package/dist/types/src/components/ComputeGraph/custom.d.ts.map +1 -0
- package/dist/types/src/components/ComputeGraph/edge-function.d.ts +20 -0
- package/dist/types/src/components/ComputeGraph/edge-function.d.ts.map +1 -0
- package/dist/types/src/components/ComputeGraph/graph-context.d.ts +12 -0
- package/dist/types/src/components/ComputeGraph/graph-context.d.ts.map +1 -0
- package/dist/types/src/components/ComputeGraph/graph.browser.test.d.ts +2 -0
- package/dist/types/src/components/ComputeGraph/graph.browser.test.d.ts.map +1 -0
- package/dist/types/src/components/ComputeGraph/graph.d.ts +26 -0
- package/dist/types/src/components/ComputeGraph/graph.d.ts.map +1 -0
- package/dist/types/src/components/ComputeGraph/index.d.ts +3 -1
- package/dist/types/src/components/ComputeGraph/index.d.ts.map +1 -1
- package/dist/types/src/components/Sheet/Sheet.d.ts +55 -0
- package/dist/types/src/components/Sheet/Sheet.d.ts.map +1 -0
- package/dist/types/src/components/Sheet/Sheet.stories.d.ts +54 -0
- package/dist/types/src/components/Sheet/Sheet.stories.d.ts.map +1 -0
- package/dist/types/src/components/Sheet/formatting.d.ts +14 -0
- package/dist/types/src/components/Sheet/formatting.d.ts.map +1 -0
- package/dist/types/src/components/Sheet/grid.d.ts +52 -0
- package/dist/types/src/components/Sheet/grid.d.ts.map +1 -0
- package/dist/types/src/components/Sheet/index.d.ts +2 -0
- package/dist/types/src/components/Sheet/index.d.ts.map +1 -0
- package/dist/types/src/components/Sheet/nav.d.ts +29 -0
- package/dist/types/src/components/Sheet/nav.d.ts.map +1 -0
- package/dist/types/src/components/Sheet/sheet-context.d.ts +25 -0
- package/dist/types/src/components/Sheet/sheet-context.d.ts.map +1 -0
- package/dist/types/src/components/Sheet/util.d.ts +18 -0
- package/dist/types/src/components/Sheet/util.d.ts.map +1 -0
- package/dist/types/src/components/SheetContainer.d.ts +9 -0
- package/dist/types/src/components/SheetContainer.d.ts.map +1 -0
- package/dist/types/src/components/Toolbar/Toolbar.d.ts +6 -36
- package/dist/types/src/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts +14 -19
- package/dist/types/src/components/Toolbar/Toolbar.stories.d.ts.map +1 -1
- package/dist/types/src/components/Toolbar/common.d.ts +20 -0
- package/dist/types/src/components/Toolbar/common.d.ts.map +1 -0
- package/dist/types/src/components/index.d.ts +2 -3
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/meta.d.ts +9 -3
- package/dist/types/src/meta.d.ts.map +1 -1
- package/dist/types/src/{graph/functions/function-defs.d.ts → model/functions.d.ts} +1 -1
- package/dist/types/src/model/functions.d.ts.map +1 -0
- package/dist/types/src/model/index.d.ts +3 -3
- package/dist/types/src/model/index.d.ts.map +1 -1
- package/dist/types/src/model/model.browser.test.d.ts +2 -0
- package/dist/types/src/model/model.browser.test.d.ts.map +1 -0
- package/dist/types/src/model/{sheet-model.d.ts → model.d.ts} +67 -13
- package/dist/types/src/model/model.d.ts.map +1 -0
- package/dist/types/src/{defs → model}/types.d.ts +3 -8
- package/dist/types/src/model/types.d.ts.map +1 -0
- package/dist/types/src/model/types.test.d.ts.map +1 -0
- package/dist/types/src/model/util.d.ts +15 -0
- package/dist/types/src/model/util.d.ts.map +1 -0
- package/dist/types/src/testing.d.ts +9 -0
- package/dist/types/src/testing.d.ts.map +1 -0
- package/dist/types/src/translations.d.ts +12 -17
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/src/types.d.ts +32 -98
- package/dist/types/src/types.d.ts.map +1 -1
- package/package.json +52 -57
- package/src/SheetPlugin.tsx +74 -52
- package/src/components/{GridSheet/SheetCellEditor.stories.tsx → CellEditor/CellEditor.stories.tsx} +8 -8
- package/src/components/CellEditor/CellEditor.tsx +113 -0
- package/src/{extensions/editor → components/CellEditor}/extension.test.ts +6 -4
- package/src/{extensions/editor → components/CellEditor}/extension.ts +6 -5
- package/src/{extensions/editor → components/CellEditor}/index.ts +1 -0
- package/src/{graph/functions → components/ComputeGraph}/async-function.ts +15 -25
- package/src/{graph/testing/test-plugin.ts → components/ComputeGraph/custom.ts} +14 -44
- package/src/{graph/functions → components/ComputeGraph}/edge-function.ts +14 -16
- package/src/components/ComputeGraph/graph-context.tsx +50 -0
- package/src/components/ComputeGraph/graph.browser.test.ts +50 -0
- package/src/components/ComputeGraph/graph.ts +62 -0
- package/src/components/ComputeGraph/index.ts +3 -1
- package/src/components/Sheet/Sheet.stories.tsx +287 -0
- package/src/components/Sheet/Sheet.tsx +1160 -0
- package/src/{model/formatting-model.ts → components/Sheet/formatting.ts} +20 -30
- package/src/components/Sheet/grid.ts +191 -0
- package/src/{testing → components/Sheet}/index.ts +1 -1
- package/src/components/Sheet/nav.ts +157 -0
- package/src/components/Sheet/sheet-context.tsx +150 -0
- package/src/components/Sheet/util.ts +56 -0
- package/src/components/SheetContainer.tsx +34 -0
- package/src/components/Toolbar/Toolbar.tsx +85 -167
- package/src/components/Toolbar/common.tsx +72 -0
- package/src/components/index.ts +0 -2
- package/src/meta.tsx +18 -0
- package/src/model/index.ts +3 -3
- package/src/model/model.browser.test.ts +100 -0
- package/src/model/model.ts +550 -0
- package/src/{defs → model}/types.test.ts +9 -8
- package/src/{defs → model}/types.ts +14 -24
- package/src/model/util.ts +36 -0
- package/src/testing.ts +50 -0
- package/src/translations.ts +1 -6
- package/src/types.ts +41 -40
- package/dist/lib/browser/SheetContainer-NDNIS44E.mjs +0 -265
- package/dist/lib/browser/SheetContainer-NDNIS44E.mjs.map +0 -7
- package/dist/lib/browser/chunk-AQSGDA4X.mjs +0 -1614
- package/dist/lib/browser/chunk-AQSGDA4X.mjs.map +0 -7
- package/dist/lib/browser/chunk-D3QTX46O.mjs +0 -14
- package/dist/lib/browser/chunk-D3QTX46O.mjs.map +0 -7
- package/dist/lib/browser/chunk-GKI67SEF.mjs +0 -69
- package/dist/lib/browser/chunk-GKI67SEF.mjs.map +0 -7
- package/dist/lib/browser/chunk-GSV5QNLD.mjs +0 -2966
- package/dist/lib/browser/chunk-GSV5QNLD.mjs.map +0 -7
- package/dist/lib/browser/graph-M4IQ76QX.mjs +0 -33
- package/dist/lib/browser/graph-M4IQ76QX.mjs.map +0 -7
- package/dist/lib/node/SheetContainer-YSQGJD7K.cjs +0 -276
- package/dist/lib/node/SheetContainer-YSQGJD7K.cjs.map +0 -7
- package/dist/lib/node/chunk-5XPK2V4A.cjs.map +0 -7
- package/dist/lib/node/chunk-6F43RV45.cjs +0 -1610
- package/dist/lib/node/chunk-6F43RV45.cjs.map +0 -7
- package/dist/lib/node/chunk-ER3PM7GD.cjs.map +0 -7
- package/dist/lib/node/chunk-QIFIGEKV.cjs +0 -37
- package/dist/lib/node/chunk-QIFIGEKV.cjs.map +0 -7
- package/dist/lib/node/graph-Q3N2X26H.cjs +0 -55
- package/dist/lib/node/graph-Q3N2X26H.cjs.map +0 -7
- package/dist/lib/node-esm/SheetContainer-M7WRMZDU.mjs +0 -266
- package/dist/lib/node-esm/SheetContainer-M7WRMZDU.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-5WPZCXNS.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-ELTFPX5B.mjs +0 -1615
- package/dist/lib/node-esm/chunk-ELTFPX5B.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-VCYJWE3O.mjs +0 -16
- package/dist/lib/node-esm/chunk-VCYJWE3O.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-ZVLLQ2PJ.mjs +0 -70
- package/dist/lib/node-esm/chunk-ZVLLQ2PJ.mjs.map +0 -7
- package/dist/lib/node-esm/graph-SMPUMOV2.mjs +0 -34
- package/dist/lib/node-esm/graph-SMPUMOV2.mjs.map +0 -7
- package/dist/lib/node-esm/index.mjs +0 -280
- package/dist/lib/node-esm/index.mjs.map +0 -7
- package/dist/lib/node-esm/meta.json +0 -1
- package/dist/lib/node-esm/meta.mjs +0 -10
- package/dist/lib/node-esm/meta.mjs.map +0 -7
- package/dist/lib/node-esm/types.mjs +0 -17
- package/dist/lib/node-esm/types.mjs.map +0 -7
- package/dist/types/src/components/ComputeGraph/ComputeGraphContextProvider.d.ts +0 -11
- package/dist/types/src/components/ComputeGraph/ComputeGraphContextProvider.d.ts.map +0 -1
- package/dist/types/src/components/FunctionEditor/FunctionEditor.d.ts +0 -3
- package/dist/types/src/components/FunctionEditor/FunctionEditor.d.ts.map +0 -1
- package/dist/types/src/components/FunctionEditor/index.d.ts +0 -2
- package/dist/types/src/components/FunctionEditor/index.d.ts.map +0 -1
- package/dist/types/src/components/GridSheet/GridSheet.d.ts +0 -3
- package/dist/types/src/components/GridSheet/GridSheet.d.ts.map +0 -1
- package/dist/types/src/components/GridSheet/GridSheet.stories.d.ts +0 -9
- package/dist/types/src/components/GridSheet/GridSheet.stories.d.ts.map +0 -1
- package/dist/types/src/components/GridSheet/SheetCellEditor.stories.d.ts.map +0 -1
- package/dist/types/src/components/GridSheet/index.d.ts +0 -2
- package/dist/types/src/components/GridSheet/index.d.ts.map +0 -1
- package/dist/types/src/components/GridSheet/util.d.ts +0 -16
- package/dist/types/src/components/GridSheet/util.d.ts.map +0 -1
- package/dist/types/src/components/SheetContainer/SheetContainer.d.ts +0 -6
- package/dist/types/src/components/SheetContainer/SheetContainer.d.ts.map +0 -1
- package/dist/types/src/components/SheetContainer/SheetContainer.stories.d.ts +0 -11
- package/dist/types/src/components/SheetContainer/SheetContainer.stories.d.ts.map +0 -1
- package/dist/types/src/components/SheetContainer/index.d.ts +0 -3
- package/dist/types/src/components/SheetContainer/index.d.ts.map +0 -1
- package/dist/types/src/components/SheetContext/SheetContext.d.ts +0 -27
- package/dist/types/src/components/SheetContext/SheetContext.d.ts.map +0 -1
- package/dist/types/src/components/SheetContext/index.d.ts +0 -2
- package/dist/types/src/components/SheetContext/index.d.ts.map +0 -1
- package/dist/types/src/defs/index.d.ts +0 -3
- package/dist/types/src/defs/index.d.ts.map +0 -1
- package/dist/types/src/defs/types.d.ts.map +0 -1
- package/dist/types/src/defs/types.test.d.ts.map +0 -1
- package/dist/types/src/defs/util.d.ts +0 -43
- package/dist/types/src/defs/util.d.ts.map +0 -1
- package/dist/types/src/extensions/compute.d.ts +0 -6
- package/dist/types/src/extensions/compute.d.ts.map +0 -1
- package/dist/types/src/extensions/compute.stories.d.ts +0 -26
- package/dist/types/src/extensions/compute.stories.d.ts.map +0 -1
- package/dist/types/src/extensions/editor/extension.d.ts.map +0 -1
- package/dist/types/src/extensions/editor/extension.test.d.ts.map +0 -1
- package/dist/types/src/extensions/editor/index.d.ts +0 -2
- package/dist/types/src/extensions/editor/index.d.ts.map +0 -1
- package/dist/types/src/extensions/index.d.ts +0 -3
- package/dist/types/src/extensions/index.d.ts.map +0 -1
- package/dist/types/src/graph/compute-graph-registry.d.ts +0 -34
- package/dist/types/src/graph/compute-graph-registry.d.ts.map +0 -1
- package/dist/types/src/graph/compute-graph.d.ts +0 -64
- package/dist/types/src/graph/compute-graph.d.ts.map +0 -1
- package/dist/types/src/graph/compute-graph.stories.d.ts +0 -10
- package/dist/types/src/graph/compute-graph.stories.d.ts.map +0 -1
- package/dist/types/src/graph/compute-graph.test.d.ts +0 -2
- package/dist/types/src/graph/compute-graph.test.d.ts.map +0 -1
- package/dist/types/src/graph/compute-node.d.ts +0 -26
- package/dist/types/src/graph/compute-node.d.ts.map +0 -1
- package/dist/types/src/graph/functions/async-function.d.ts.map +0 -1
- package/dist/types/src/graph/functions/edge-function.d.ts +0 -21
- package/dist/types/src/graph/functions/edge-function.d.ts.map +0 -1
- package/dist/types/src/graph/functions/function-defs.d.ts.map +0 -1
- package/dist/types/src/graph/functions/index.d.ts +0 -4
- package/dist/types/src/graph/functions/index.d.ts.map +0 -1
- package/dist/types/src/graph/hyperformula.test.d.ts +0 -2
- package/dist/types/src/graph/hyperformula.test.d.ts.map +0 -1
- package/dist/types/src/graph/index.d.ts +0 -5
- package/dist/types/src/graph/index.d.ts.map +0 -1
- package/dist/types/src/graph/testing/index.d.ts +0 -3
- package/dist/types/src/graph/testing/index.d.ts.map +0 -1
- package/dist/types/src/graph/testing/test-builder.d.ts +0 -15
- package/dist/types/src/graph/testing/test-builder.d.ts.map +0 -1
- package/dist/types/src/graph/testing/test-plugin.d.ts +0 -36
- package/dist/types/src/graph/testing/test-plugin.d.ts.map +0 -1
- package/dist/types/src/graph/util.d.ts +0 -2
- package/dist/types/src/graph/util.d.ts.map +0 -1
- package/dist/types/src/hooks/hooks.stories.d.ts +0 -11
- package/dist/types/src/hooks/hooks.stories.d.ts.map +0 -1
- package/dist/types/src/hooks/index.d.ts +0 -5
- package/dist/types/src/hooks/index.d.ts.map +0 -1
- package/dist/types/src/hooks/threads.d.ts +0 -8
- package/dist/types/src/hooks/threads.d.ts.map +0 -1
- package/dist/types/src/hooks/useComputeGraph.d.ts +0 -7
- package/dist/types/src/hooks/useComputeGraph.d.ts.map +0 -1
- package/dist/types/src/hooks/useFormattingModel.d.ts +0 -3
- package/dist/types/src/hooks/useFormattingModel.d.ts.map +0 -1
- package/dist/types/src/hooks/useSheetModel.d.ts +0 -8
- package/dist/types/src/hooks/useSheetModel.d.ts.map +0 -1
- package/dist/types/src/model/decorations.d.ts +0 -25
- package/dist/types/src/model/decorations.d.ts.map +0 -1
- package/dist/types/src/model/formatting-model.d.ts +0 -19
- package/dist/types/src/model/formatting-model.d.ts.map +0 -1
- package/dist/types/src/model/sheet-model.d.ts.map +0 -1
- package/dist/types/src/model/sheet-model.test.d.ts +0 -2
- package/dist/types/src/model/sheet-model.test.d.ts.map +0 -1
- package/dist/types/src/sanity.test.d.ts +0 -2
- package/dist/types/src/sanity.test.d.ts.map +0 -1
- package/dist/types/src/testing/index.d.ts +0 -2
- package/dist/types/src/testing/index.d.ts.map +0 -1
- package/dist/types/src/testing/testing.d.ts +0 -8
- package/dist/types/src/testing/testing.d.ts.map +0 -1
- package/dist/vendor/hyperformula.mjs +0 -37145
- package/src/components/ComputeGraph/ComputeGraphContextProvider.tsx +0 -20
- package/src/components/FunctionEditor/FunctionEditor.tsx +0 -45
- package/src/components/FunctionEditor/index.ts +0 -5
- package/src/components/GridSheet/GridSheet.stories.tsx +0 -41
- package/src/components/GridSheet/GridSheet.tsx +0 -161
- package/src/components/GridSheet/index.ts +0 -5
- package/src/components/GridSheet/util.ts +0 -144
- package/src/components/SheetContainer/SheetContainer.stories.tsx +0 -40
- package/src/components/SheetContainer/SheetContainer.tsx +0 -52
- package/src/components/SheetContainer/index.ts +0 -7
- package/src/components/SheetContext/SheetContext.tsx +0 -108
- package/src/components/SheetContext/index.ts +0 -5
- package/src/defs/index.ts +0 -6
- package/src/defs/util.ts +0 -151
- package/src/extensions/compute.stories.tsx +0 -151
- package/src/extensions/compute.ts +0 -147
- package/src/extensions/index.ts +0 -6
- package/src/graph/compute-graph-registry.ts +0 -90
- package/src/graph/compute-graph.stories.tsx +0 -93
- package/src/graph/compute-graph.test.ts +0 -87
- package/src/graph/compute-graph.ts +0 -242
- package/src/graph/compute-node.ts +0 -63
- package/src/graph/functions/index.ts +0 -7
- package/src/graph/hyperformula.test.ts +0 -14
- package/src/graph/index.ts +0 -8
- package/src/graph/testing/index.ts +0 -6
- package/src/graph/testing/test-builder.ts +0 -54
- package/src/graph/util.ts +0 -8
- package/src/hooks/hooks.stories.tsx +0 -50
- package/src/hooks/index.ts +0 -8
- package/src/hooks/threads.ts +0 -147
- package/src/hooks/useComputeGraph.ts +0 -28
- package/src/hooks/useFormattingModel.ts +0 -11
- package/src/hooks/useSheetModel.ts +0 -40
- package/src/meta.ts +0 -14
- package/src/model/decorations.ts +0 -64
- package/src/model/sheet-model.test.ts +0 -57
- package/src/model/sheet-model.ts +0 -418
- package/src/sanity.test.ts +0 -40
- package/src/testing/testing.tsx +0 -68
- /package/dist/types/src/{extensions/editor → components/CellEditor}/extension.test.d.ts +0 -0
- /package/dist/types/src/{defs → model}/types.test.d.ts +0 -0
- /package/src/{graph/functions/function-defs.ts → model/functions.ts} +0 -0
|
@@ -1,266 +0,0 @@
|
|
|
1
|
-
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
|
-
import {
|
|
3
|
-
GridSheet,
|
|
4
|
-
SheetProvider,
|
|
5
|
-
addressToA1Notation,
|
|
6
|
-
addressToIndex,
|
|
7
|
-
rangeToA1Notation,
|
|
8
|
-
useSheetContext
|
|
9
|
-
} from "./chunk-ELTFPX5B.mjs";
|
|
10
|
-
import "./chunk-ZVLLQ2PJ.mjs";
|
|
11
|
-
import {
|
|
12
|
-
SHEET_PLUGIN
|
|
13
|
-
} from "./chunk-VCYJWE3O.mjs";
|
|
14
|
-
import "./chunk-5WPZCXNS.mjs";
|
|
15
|
-
|
|
16
|
-
// packages/plugins/plugin-sheet/src/components/SheetContainer/SheetContainer.tsx
|
|
17
|
-
import React3, { useCallback } from "react";
|
|
18
|
-
import { useIntentDispatcher } from "@dxos/app-framework";
|
|
19
|
-
|
|
20
|
-
// packages/plugins/plugin-sheet/src/components/FunctionEditor/FunctionEditor.tsx
|
|
21
|
-
import React from "react";
|
|
22
|
-
import { Icon } from "@dxos/react-ui";
|
|
23
|
-
import { mx } from "@dxos/react-ui-theme";
|
|
24
|
-
var FunctionEditor = () => {
|
|
25
|
-
const { model, cursor, range } = useSheetContext();
|
|
26
|
-
let value;
|
|
27
|
-
let isFormula = false;
|
|
28
|
-
if (cursor) {
|
|
29
|
-
value = model.getCellValue(cursor);
|
|
30
|
-
if (typeof value === "string" && value.charAt(0) === "=") {
|
|
31
|
-
value = model.graph.mapFunctionBindingFromId(model.mapFormulaIndicesToRefs(value));
|
|
32
|
-
isFormula = true;
|
|
33
|
-
} else if (value != null) {
|
|
34
|
-
value = String(value);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
return /* @__PURE__ */ React.createElement("div", {
|
|
38
|
-
className: mx("flex shrink-0 justify-between items-center px-4 py-1 text-sm border-bs !border-separator attention-surface")
|
|
39
|
-
}, /* @__PURE__ */ React.createElement("div", {
|
|
40
|
-
className: "flex gap-4 items-center"
|
|
41
|
-
}, /* @__PURE__ */ React.createElement("div", {
|
|
42
|
-
className: "flex w-16 items-center font-mono"
|
|
43
|
-
}, range && rangeToA1Notation(range) || cursor && addressToA1Notation(cursor)), /* @__PURE__ */ React.createElement("div", {
|
|
44
|
-
className: "flex gap-2 items-center"
|
|
45
|
-
}, /* @__PURE__ */ React.createElement(Icon, {
|
|
46
|
-
icon: "ph--function--regular",
|
|
47
|
-
classNames: [
|
|
48
|
-
"text-greenText",
|
|
49
|
-
isFormula ? "visible" : "invisible"
|
|
50
|
-
]
|
|
51
|
-
}), /* @__PURE__ */ React.createElement("span", {
|
|
52
|
-
className: "font-mono"
|
|
53
|
-
}, value))));
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
// packages/plugins/plugin-sheet/src/components/Toolbar/Toolbar.tsx
|
|
57
|
-
import { createContext } from "@radix-ui/react-context";
|
|
58
|
-
import React2 from "react";
|
|
59
|
-
import { Icon as Icon2, Toolbar as NaturalToolbar, useTranslation, Tooltip } from "@dxos/react-ui";
|
|
60
|
-
import { useAttention } from "@dxos/react-ui-attention";
|
|
61
|
-
import { nonNullable } from "@dxos/util";
|
|
62
|
-
var buttonStyles = "min-bs-0 p-2";
|
|
63
|
-
var tooltipProps = {
|
|
64
|
-
side: "bottom",
|
|
65
|
-
classNames: "z-10"
|
|
66
|
-
};
|
|
67
|
-
var ToolbarSeparator = () => /* @__PURE__ */ React2.createElement("div", {
|
|
68
|
-
role: "separator",
|
|
69
|
-
className: "grow"
|
|
70
|
-
});
|
|
71
|
-
var ToolbarItem = ({ itemType, icon, children, ...props }) => {
|
|
72
|
-
const Invoker = itemType === "toggleGroupItem" ? NaturalToolbar.ToggleGroupItem : itemType === "toggle" ? NaturalToolbar.Toggle : NaturalToolbar.Button;
|
|
73
|
-
return /* @__PURE__ */ React2.createElement(Tooltip.Root, null, /* @__PURE__ */ React2.createElement(Tooltip.Trigger, {
|
|
74
|
-
asChild: true
|
|
75
|
-
}, /* @__PURE__ */ React2.createElement(Invoker, {
|
|
76
|
-
variant: "ghost",
|
|
77
|
-
...props,
|
|
78
|
-
classNames: buttonStyles
|
|
79
|
-
}, /* @__PURE__ */ React2.createElement(Icon2, {
|
|
80
|
-
icon,
|
|
81
|
-
size: 5
|
|
82
|
-
}), /* @__PURE__ */ React2.createElement("span", {
|
|
83
|
-
className: "sr-only"
|
|
84
|
-
}, children))), /* @__PURE__ */ React2.createElement(Tooltip.Portal, null, /* @__PURE__ */ React2.createElement(Tooltip.Content, tooltipProps, children, /* @__PURE__ */ React2.createElement(Tooltip.Arrow, null))));
|
|
85
|
-
};
|
|
86
|
-
var [ToolbarContextProvider, useToolbarContext] = createContext("Toolbar");
|
|
87
|
-
var sectionToolbarLayout = "bs-[--rail-action] bg-[--sticky-bg] sticky block-start-0 __-block-start-px transition-opacity";
|
|
88
|
-
var ToolbarRoot = ({ children, onAction, role, classNames }) => {
|
|
89
|
-
const { id } = useSheetContext();
|
|
90
|
-
const { hasAttention } = useAttention(id);
|
|
91
|
-
return /* @__PURE__ */ React2.createElement(ToolbarContextProvider, {
|
|
92
|
-
onAction
|
|
93
|
-
}, /* @__PURE__ */ React2.createElement(NaturalToolbar.Root, {
|
|
94
|
-
classNames: [
|
|
95
|
-
...role === "section" ? [
|
|
96
|
-
"z-[2] group-focus-within/section:visible",
|
|
97
|
-
!hasAttention && "invisible",
|
|
98
|
-
sectionToolbarLayout
|
|
99
|
-
] : [
|
|
100
|
-
"attention-surface"
|
|
101
|
-
],
|
|
102
|
-
classNames
|
|
103
|
-
]
|
|
104
|
-
}, children));
|
|
105
|
-
};
|
|
106
|
-
var formatOptions = [
|
|
107
|
-
{
|
|
108
|
-
value: "date",
|
|
109
|
-
icon: "ph--calendar--regular",
|
|
110
|
-
getState: (state) => false
|
|
111
|
-
},
|
|
112
|
-
{
|
|
113
|
-
value: "currency",
|
|
114
|
-
icon: "ph--currency-dollar--regular",
|
|
115
|
-
getState: (state) => false
|
|
116
|
-
}
|
|
117
|
-
];
|
|
118
|
-
var Format = () => {
|
|
119
|
-
const { onAction } = useToolbarContext("Format");
|
|
120
|
-
const { t } = useTranslation(SHEET_PLUGIN);
|
|
121
|
-
return /* @__PURE__ */ React2.createElement(NaturalToolbar.ToggleGroup, {
|
|
122
|
-
type: "single"
|
|
123
|
-
}, formatOptions.map(({ value, getState, icon }) => /* @__PURE__ */ React2.createElement(ToolbarItem, {
|
|
124
|
-
itemType: "toggleGroupItem",
|
|
125
|
-
key: value,
|
|
126
|
-
value,
|
|
127
|
-
icon,
|
|
128
|
-
onClick: () => onAction?.({
|
|
129
|
-
type: "format",
|
|
130
|
-
value
|
|
131
|
-
})
|
|
132
|
-
}, t(`toolbar ${value} label`))));
|
|
133
|
-
};
|
|
134
|
-
var alignmentOptions = [
|
|
135
|
-
{
|
|
136
|
-
value: "left",
|
|
137
|
-
icon: "ph--text-align-left--regular",
|
|
138
|
-
getState: (state) => false
|
|
139
|
-
},
|
|
140
|
-
{
|
|
141
|
-
value: "center",
|
|
142
|
-
icon: "ph--text-align-center--regular",
|
|
143
|
-
getState: (state) => false
|
|
144
|
-
},
|
|
145
|
-
{
|
|
146
|
-
value: "right",
|
|
147
|
-
icon: "ph--text-align-right--regular",
|
|
148
|
-
getState: (state) => false
|
|
149
|
-
}
|
|
150
|
-
];
|
|
151
|
-
var Alignment = () => {
|
|
152
|
-
const { onAction } = useToolbarContext("Alignment");
|
|
153
|
-
const { t } = useTranslation(SHEET_PLUGIN);
|
|
154
|
-
return /* @__PURE__ */ React2.createElement(NaturalToolbar.ToggleGroup, {
|
|
155
|
-
type: "single",
|
|
156
|
-
// value={cellStyles.filter(({ getState }) => state && getState(state)).map(({ type }) => type)}
|
|
157
|
-
// disabled={state?.blockType === 'codeblock'}
|
|
158
|
-
onValueChange: (value) => onAction?.({
|
|
159
|
-
type: "align",
|
|
160
|
-
value
|
|
161
|
-
})
|
|
162
|
-
}, alignmentOptions.map(({ value, getState, icon }) => /* @__PURE__ */ React2.createElement(ToolbarItem, {
|
|
163
|
-
itemType: "toggleGroupItem",
|
|
164
|
-
key: value,
|
|
165
|
-
value,
|
|
166
|
-
icon
|
|
167
|
-
}, t(`toolbar ${value} label`))));
|
|
168
|
-
};
|
|
169
|
-
var styleOptions = [
|
|
170
|
-
{
|
|
171
|
-
value: "highlight",
|
|
172
|
-
icon: "ph--highlighter--regular",
|
|
173
|
-
getState: (state) => false
|
|
174
|
-
}
|
|
175
|
-
];
|
|
176
|
-
var Styles = () => {
|
|
177
|
-
const { onAction } = useToolbarContext("Styles");
|
|
178
|
-
const { t } = useTranslation(SHEET_PLUGIN);
|
|
179
|
-
return /* @__PURE__ */ React2.createElement(React2.Fragment, null, styleOptions.map(({ value, getState, icon }) => /* @__PURE__ */ React2.createElement(ToolbarItem, {
|
|
180
|
-
itemType: "toggle",
|
|
181
|
-
key: value,
|
|
182
|
-
onPressedChange: (nextPressed) => onAction?.({
|
|
183
|
-
type: "style",
|
|
184
|
-
value: nextPressed ? "highlight" : "unset"
|
|
185
|
-
}),
|
|
186
|
-
icon
|
|
187
|
-
}, t(`toolbar ${value} label`))));
|
|
188
|
-
};
|
|
189
|
-
var Actions = () => {
|
|
190
|
-
const { onAction } = useToolbarContext("Actions");
|
|
191
|
-
const { cursor, range, model } = useSheetContext();
|
|
192
|
-
const { t } = useTranslation(SHEET_PLUGIN);
|
|
193
|
-
const overlapsCommentAnchor = (model.sheet.threads ?? []).filter(nonNullable).filter((thread) => thread.status !== "resolved").some((thread) => {
|
|
194
|
-
if (!cursor) {
|
|
195
|
-
return false;
|
|
196
|
-
}
|
|
197
|
-
return addressToIndex(model.sheet, cursor) === thread.anchor;
|
|
198
|
-
});
|
|
199
|
-
const hasCursor = !!cursor;
|
|
200
|
-
const cursorOnly = hasCursor && !range && !overlapsCommentAnchor;
|
|
201
|
-
const tooltipLabelKey = !hasCursor ? "no cursor label" : overlapsCommentAnchor ? "selection overlaps existing comment label" : range ? "comment ranges not supported label" : "comment label";
|
|
202
|
-
return /* @__PURE__ */ React2.createElement(ToolbarItem, {
|
|
203
|
-
itemType: "button",
|
|
204
|
-
value: "comment",
|
|
205
|
-
icon: "ph--chat-text--regular",
|
|
206
|
-
"data-testid": "editor.toolbar.comment",
|
|
207
|
-
onClick: () => {
|
|
208
|
-
if (!cursor) {
|
|
209
|
-
return;
|
|
210
|
-
}
|
|
211
|
-
return onAction?.({
|
|
212
|
-
type: "comment",
|
|
213
|
-
anchor: addressToIndex(model.sheet, cursor),
|
|
214
|
-
cellContent: model.getCellText(cursor)
|
|
215
|
-
});
|
|
216
|
-
},
|
|
217
|
-
disabled: !cursorOnly || overlapsCommentAnchor
|
|
218
|
-
}, t(tooltipLabelKey));
|
|
219
|
-
};
|
|
220
|
-
var Toolbar = {
|
|
221
|
-
Root: ToolbarRoot,
|
|
222
|
-
Separator: ToolbarSeparator,
|
|
223
|
-
Alignment,
|
|
224
|
-
Format,
|
|
225
|
-
Styles,
|
|
226
|
-
Actions
|
|
227
|
-
};
|
|
228
|
-
|
|
229
|
-
// packages/plugins/plugin-sheet/src/components/SheetContainer/SheetContainer.tsx
|
|
230
|
-
var SheetContainer = ({ graph, sheet, role }) => {
|
|
231
|
-
const dispatch = useIntentDispatcher();
|
|
232
|
-
const handleAction = useCallback((action) => {
|
|
233
|
-
switch (action.type) {
|
|
234
|
-
case "comment": {
|
|
235
|
-
void dispatch({
|
|
236
|
-
action: "dxos.org/plugin/thread/action/create",
|
|
237
|
-
data: {
|
|
238
|
-
cursor: action.anchor,
|
|
239
|
-
name: action.cellContent,
|
|
240
|
-
subject: sheet
|
|
241
|
-
}
|
|
242
|
-
});
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
}, [
|
|
246
|
-
sheet,
|
|
247
|
-
dispatch
|
|
248
|
-
]);
|
|
249
|
-
return /* @__PURE__ */ React3.createElement(SheetProvider, {
|
|
250
|
-
sheet,
|
|
251
|
-
graph
|
|
252
|
-
}, /* @__PURE__ */ React3.createElement(Toolbar.Root, {
|
|
253
|
-
onAction: handleAction,
|
|
254
|
-
role
|
|
255
|
-
}, /* @__PURE__ */ React3.createElement(Toolbar.Styles, null), /* @__PURE__ */ React3.createElement(Toolbar.Format, null), /* @__PURE__ */ React3.createElement(Toolbar.Alignment, null), /* @__PURE__ */ React3.createElement(Toolbar.Separator, null), /* @__PURE__ */ React3.createElement(Toolbar.Actions, null)), /* @__PURE__ */ React3.createElement("div", {
|
|
256
|
-
role: "none",
|
|
257
|
-
className: "border-bs border-separator grid cols-1 rows-[1fr_min-content] min-bs-0"
|
|
258
|
-
}, /* @__PURE__ */ React3.createElement(GridSheet, null), /* @__PURE__ */ React3.createElement(FunctionEditor, null)));
|
|
259
|
-
};
|
|
260
|
-
|
|
261
|
-
// packages/plugins/plugin-sheet/src/components/SheetContainer/index.ts
|
|
262
|
-
var SheetContainer_default = SheetContainer;
|
|
263
|
-
export {
|
|
264
|
-
SheetContainer_default as default
|
|
265
|
-
};
|
|
266
|
-
//# sourceMappingURL=SheetContainer-M7WRMZDU.mjs.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/components/SheetContainer/SheetContainer.tsx", "../../../src/components/FunctionEditor/FunctionEditor.tsx", "../../../src/components/Toolbar/Toolbar.tsx", "../../../src/components/SheetContainer/index.ts"],
|
|
4
|
-
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { useIntentDispatcher } from '@dxos/app-framework';\n\nimport { FunctionEditor } from '../FunctionEditor';\nimport { GridSheet } from '../GridSheet';\nimport { SheetProvider, type SheetProviderProps } from '../SheetContext';\nimport { Toolbar, type ToolbarAction } from '../Toolbar';\n\nexport const SheetContainer = ({ graph, sheet, role }: SheetProviderProps & { role?: string }) => {\n const dispatch = useIntentDispatcher();\n\n // TODO(Zan): Centralise the toolbar action handler. Current implementation in stories.\n const handleAction = useCallback(\n (action: ToolbarAction) => {\n switch (action.type) {\n case 'comment': {\n // TODO(Zan): We shouldn't hardcode the action ID.\n void dispatch({\n action: 'dxos.org/plugin/thread/action/create',\n data: {\n cursor: action.anchor,\n name: action.cellContent,\n subject: sheet,\n },\n });\n }\n }\n },\n [sheet, dispatch],\n );\n\n return (\n <SheetProvider sheet={sheet} graph={graph}>\n <Toolbar.Root onAction={handleAction} role={role}>\n <Toolbar.Styles />\n <Toolbar.Format />\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, rangeToA1Notation } from '../../defs';\nimport { useSheetContext } from '../SheetContext';\n\nexport const FunctionEditor = () => {\n const { model, cursor, range } = useSheetContext();\n\n let value;\n let isFormula = false;\n if (cursor) {\n value = model.getCellValue(cursor);\n if (typeof value === 'string' && value.charAt(0) === '=') {\n value = model.graph.mapFunctionBindingFromId(model.mapFormulaIndicesToRefs(value));\n isFormula = 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', isFormula ? '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 } from 'react';\n\nimport {\n Icon,\n Toolbar as NaturalToolbar,\n useTranslation,\n Tooltip,\n type ToolbarToggleGroupItemProps as NaturalToolbarToggleGroupItemProps,\n type ToolbarButtonProps as NaturalToolbarButtonProps,\n type ToolbarToggleProps as NaturalToolbarToggleProps,\n type ThemedClassName,\n} from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport { nonNullable } from '@dxos/util';\n\nimport { addressToIndex } from '../../defs';\nimport { SHEET_PLUGIN } from '../../meta';\nimport { type Formatting } 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 AlignValue = 'left' | 'center' | 'right' | 'unset';\ntype AlignAction = { type: 'align'; value: AlignValue };\n\ntype CommentAction = { type: 'comment'; anchor: string; cellContent?: string };\n\ntype FormatValue = 'date' | 'currency' | 'unset';\ntype FormatAction = { type: 'format'; value: FormatValue };\n\ntype StyleValue = 'highlight' | 'unset';\ntype StyleAction = { type: 'style'; value: StyleValue };\n\nexport type ToolbarAction = StyleAction | AlignAction | FormatAction | CommentAction;\n\nexport type ToolbarActionType = ToolbarAction['type'];\n\nexport type ToolbarActionHandler = (action: ToolbarAction) => void;\n\nexport type ToolbarProps = ThemedClassName<\n PropsWithChildren<{\n onAction?: ToolbarActionHandler;\n role?: string;\n }>\n>;\n\nconst [ToolbarContextProvider, useToolbarContext] = createContext<ToolbarProps>('Toolbar');\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\nconst ToolbarRoot = ({ children, onAction, role, classNames }: ToolbarProps) => {\n const { id } = useSheetContext();\n const { hasAttention } = useAttention(id);\n\n return (\n <ToolbarContextProvider onAction={onAction}>\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 getState: (state: Formatting) => boolean;\n disabled?: (state: Formatting) => boolean;\n};\n\n//\n// Alignment\n//\n\nconst formatOptions: ButtonProps<FormatValue>[] = [\n { value: 'date', icon: 'ph--calendar--regular', getState: (state) => false },\n { value: 'currency', icon: 'ph--currency-dollar--regular', getState: (state) => false },\n];\n\nconst Format = () => {\n const { onAction } = useToolbarContext('Format');\n const { t } = useTranslation(SHEET_PLUGIN);\n\n return (\n <NaturalToolbar.ToggleGroup\n type='single'\n // value={cellStyles.filter(({ getState }) => state && getState(state)).map(({ type }) => type)}\n >\n {formatOptions.map(({ value, getState, icon }) => (\n <ToolbarItem\n itemType='toggleGroupItem'\n key={value}\n value={value}\n icon={icon}\n onClick={() => onAction?.({ type: 'format', value })}\n >\n {t(`toolbar ${value} label`)}\n </ToolbarItem>\n ))}\n </NaturalToolbar.ToggleGroup>\n );\n};\n\nconst alignmentOptions: ButtonProps<AlignValue>[] = [\n { value: 'left', icon: 'ph--text-align-left--regular', getState: (state) => false },\n { value: 'center', icon: 'ph--text-align-center--regular', getState: (state) => false },\n { value: 'right', icon: 'ph--text-align-right--regular', getState: (state) => false },\n];\n\nconst Alignment = () => {\n const { onAction } = useToolbarContext('Alignment');\n const { t } = useTranslation(SHEET_PLUGIN);\n\n return (\n <NaturalToolbar.ToggleGroup\n type='single'\n // value={cellStyles.filter(({ getState }) => state && getState(state)).map(({ type }) => type)}\n // disabled={state?.blockType === 'codeblock'}\n onValueChange={(value: AlignValue) => onAction?.({ type: 'align', value })}\n >\n {alignmentOptions.map(({ value, getState, 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>[] = [\n { value: 'highlight', icon: 'ph--highlighter--regular', getState: (state) => false },\n];\n\nconst Styles = () => {\n const { onAction } = useToolbarContext('Styles');\n const { t } = useTranslation(SHEET_PLUGIN);\n\n return (\n <>\n {styleOptions.map(({ value, getState, icon }) => (\n <ToolbarItem\n itemType='toggle'\n key={value}\n onPressedChange={(nextPressed: boolean) =>\n onAction?.({ type: 'style', value: nextPressed ? 'highlight' : 'unset' })\n }\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 { cursor, range, 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 (!cursor) {\n return false;\n }\n return addressToIndex(model.sheet, cursor) === thread.anchor;\n });\n\n const hasCursor = !!cursor;\n const cursorOnly = hasCursor && !range && !overlapsCommentAnchor;\n\n const tooltipLabelKey = !hasCursor\n ? 'no cursor label'\n : overlapsCommentAnchor\n ? 'selection overlaps existing comment label'\n : range\n ? 'comment ranges not supported 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 (!cursor) {\n return;\n }\n return onAction?.({\n type: 'comment',\n anchor: addressToIndex(model.sheet, cursor),\n cellContent: model.getCellText(cursor),\n });\n }}\n disabled={!cursorOnly || overlapsCommentAnchor}\n >\n {t(tooltipLabelKey)}\n </ToolbarItem>\n );\n};\n\nexport const Toolbar = {\n Root: ToolbarRoot,\n Separator: ToolbarSeparator,\n Alignment,\n Format,\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"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React", "useCallback", "useIntentDispatcher", "React", "Icon", "mx", "FunctionEditor", "model", "cursor", "range", "useSheetContext", "value", "isFormula", "getCellValue", "charAt", "graph", "mapFunctionBindingFromId", "mapFormulaIndicesToRefs", "String", "div", "className", "mx", "rangeToA1Notation", "addressToA1Notation", "Icon", "icon", "classNames", "span", "createContext", "React", "Icon", "Toolbar", "NaturalToolbar", "useTranslation", "Tooltip", "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", "onAction", "id", "useSheetContext", "hasAttention", "useAttention", "formatOptions", "value", "getState", "state", "Format", "t", "useTranslation", "SHEET_PLUGIN", "ToggleGroup", "type", "map", "key", "onClick", "alignmentOptions", "Alignment", "onValueChange", "styleOptions", "Styles", "onPressedChange", "nextPressed", "Actions", "cursor", "range", "model", "overlapsCommentAnchor", "sheet", "threads", "filter", "nonNullable", "thread", "status", "some", "addressToIndex", "anchor", "hasCursor", "cursorOnly", "tooltipLabelKey", "data-testid", "cellContent", "getCellText", "disabled", "Toolbar", "Separator", "SheetContainer", "graph", "sheet", "role", "dispatch", "useIntentDispatcher", "handleAction", "useCallback", "action", "type", "data", "cursor", "anchor", "name", "cellContent", "subject", "React", "SheetProvider", "Toolbar", "Root", "onAction", "Styles", "Format", "Alignment", "Separator", "Actions", "div", "className", "GridSheet", "FunctionEditor", "SheetContainer"]
|
|
7
|
-
}
|