@dxos/react-ui-stack 0.8.2-main.fbd8ed0 → 0.8.2-staging.7ac8446
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/index.mjs +101 -32
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node/index.cjs +93 -22
- package/dist/lib/node/index.cjs.map +4 -4
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +101 -32
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/LayoutControls.d.ts.map +1 -0
- package/dist/types/src/components/MenuSignifier.d.ts.map +1 -0
- package/dist/types/src/components/{Stack/Stack.d.ts → Stack.d.ts} +1 -2
- package/dist/types/src/components/Stack.d.ts.map +1 -0
- package/dist/types/src/components/Stack.stories.d.ts +8 -0
- package/dist/types/src/components/Stack.stories.d.ts.map +1 -0
- package/dist/types/src/components/StackContext.d.ts +10 -1
- package/dist/types/src/components/StackContext.d.ts.map +1 -1
- package/dist/types/src/components/{StackItem/StackItem.d.ts → StackItem.d.ts} +3 -3
- package/dist/types/src/components/StackItem.d.ts.map +1 -0
- package/dist/types/src/components/StackItemContent.d.ts.map +1 -0
- package/dist/types/src/components/StackItemDragHandle.d.ts.map +1 -0
- package/dist/types/src/components/StackItemHeading.d.ts.map +1 -0
- package/dist/types/src/components/StackItemResizeHandle.d.ts.map +1 -0
- package/dist/types/src/components/StackItemSigil.d.ts.map +1 -0
- package/dist/types/src/components/index.d.ts +2 -1
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/hooks/useStackDropForElements.d.ts +4 -3
- package/dist/types/src/hooks/useStackDropForElements.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +20 -20
- package/src/components/{deprecated/LayoutControls.tsx → LayoutControls.tsx} +23 -3
- package/src/components/{Stack/Stack.stories.tsx → Stack.stories.tsx} +13 -15
- package/src/components/{Stack/Stack.tsx → Stack.tsx} +2 -3
- package/src/components/StackContext.tsx +13 -1
- package/src/components/{StackItem/StackItem.tsx → StackItem.tsx} +2 -4
- package/src/components/{StackItem/StackItemContent.tsx → StackItemContent.tsx} +1 -2
- package/src/components/{StackItem/StackItemDragHandle.tsx → StackItemDragHandle.tsx} +1 -1
- package/src/components/{StackItem/StackItemHeading.tsx → StackItemHeading.tsx} +2 -2
- package/src/components/{StackItem/StackItemResizeHandle.tsx → StackItemResizeHandle.tsx} +1 -1
- package/src/components/{StackItem/StackItemSigil.tsx → StackItemSigil.tsx} +1 -1
- package/src/components/index.ts +2 -2
- package/src/hooks/useStackDropForElements.ts +4 -3
- package/dist/types/src/components/Stack/Stack.d.ts.map +0 -1
- package/dist/types/src/components/Stack/Stack.stories.d.ts +0 -9
- package/dist/types/src/components/Stack/Stack.stories.d.ts.map +0 -1
- package/dist/types/src/components/Stack/index.d.ts +0 -2
- package/dist/types/src/components/Stack/index.d.ts.map +0 -1
- package/dist/types/src/components/StackItem/MenuSignifier.d.ts.map +0 -1
- package/dist/types/src/components/StackItem/StackItem.d.ts.map +0 -1
- package/dist/types/src/components/StackItem/StackItem.stories.d.ts +0 -8
- package/dist/types/src/components/StackItem/StackItem.stories.d.ts.map +0 -1
- package/dist/types/src/components/StackItem/StackItemContent.d.ts.map +0 -1
- package/dist/types/src/components/StackItem/StackItemDragHandle.d.ts.map +0 -1
- package/dist/types/src/components/StackItem/StackItemHeading.d.ts.map +0 -1
- package/dist/types/src/components/StackItem/StackItemResizeHandle.d.ts.map +0 -1
- package/dist/types/src/components/StackItem/StackItemSigil.d.ts.map +0 -1
- package/dist/types/src/components/StackItem/index.d.ts +0 -2
- package/dist/types/src/components/StackItem/index.d.ts.map +0 -1
- package/dist/types/src/components/defs.d.ts +0 -18
- package/dist/types/src/components/defs.d.ts.map +0 -1
- package/dist/types/src/components/deprecated/LayoutControls.d.ts.map +0 -1
- package/src/components/Stack/index.ts +0 -5
- package/src/components/StackItem/StackItem.stories.tsx +0 -49
- package/src/components/StackItem/index.ts +0 -5
- package/src/components/defs.ts +0 -26
- /package/dist/types/src/components/{deprecated/LayoutControls.d.ts → LayoutControls.d.ts} +0 -0
- /package/dist/types/src/components/{StackItem/MenuSignifier.d.ts → MenuSignifier.d.ts} +0 -0
- /package/dist/types/src/components/{StackItem/StackItemContent.d.ts → StackItemContent.d.ts} +0 -0
- /package/dist/types/src/components/{StackItem/StackItemDragHandle.d.ts → StackItemDragHandle.d.ts} +0 -0
- /package/dist/types/src/components/{StackItem/StackItemHeading.d.ts → StackItemHeading.d.ts} +0 -0
- /package/dist/types/src/components/{StackItem/StackItemResizeHandle.d.ts → StackItemResizeHandle.d.ts} +0 -0
- /package/dist/types/src/components/{StackItem/StackItemSigil.d.ts → StackItemSigil.d.ts} +0 -0
- /package/src/components/{StackItem/MenuSignifier.tsx → MenuSignifier.tsx} +0 -0
package/dist/lib/node/meta.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"packages/ui/react-ui-stack/src/components/defs.ts":{"bytes":1284,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts":{"bytes":8052,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/hooks/index.ts":{"bytes":653,"imports":[{"path":"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts","kind":"import-statement","original":"./useStackDropForElements"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytes":2731,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack/Stack.tsx":{"bytes":12642,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack/index.ts":{"bytes":508,"imports":[{"path":"packages/ui/react-ui-stack/src/components/Stack/Stack.tsx","kind":"import-statement","original":"./Stack"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemContent.tsx":{"bytes":5720,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemDragHandle.tsx":{"bytes":2112,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemHeading.tsx":{"bytes":5818,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemResizeHandle.tsx":{"bytes":2900,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/MenuSignifier.tsx":{"bytes":3292,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/translations.ts":{"bytes":1870,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx":{"bytes":19188,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackItem/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx":{"bytes":24865,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/scroll-just-enough-into-view","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemContent.tsx","kind":"import-statement","original":"./StackItemContent"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemDragHandle.tsx","kind":"import-statement","original":"./StackItemDragHandle"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemHeading.tsx","kind":"import-statement","original":"./StackItemHeading"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemResizeHandle.tsx","kind":"import-statement","original":"./StackItemResizeHandle"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx","kind":"import-statement","original":"./StackItemSigil"},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem/index.ts":{"bytes":520,"imports":[{"path":"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/index.ts":{"bytes":675,"imports":[{"path":"packages/ui/react-ui-stack/src/components/defs.ts","kind":"import-statement","original":"./defs"},{"path":"packages/ui/react-ui-stack/src/components/Stack/index.ts","kind":"import-statement","original":"./Stack"},{"path":"packages/ui/react-ui-stack/src/components/StackItem/index.ts","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"packages/ui/react-ui-stack/src/index.ts":{"bytes":718,"imports":[{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytes":7183,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytes":519,"imports":[{"path":"packages/ui/react-ui-stack/src/testing/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-stack/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":46083},"packages/ui/react-ui-stack/dist/lib/node/index.cjs":{"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/scroll-just-enough-into-view","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"exports":["DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Stack","StackContext","StackItem","autoScrollRootAttributes","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translations"],"entryPoint":"packages/ui/react-ui-stack/src/index.ts","inputs":{"packages/ui/react-ui-stack/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/Stack/Stack.tsx":{"bytesInOutput":2995},"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts":{"bytesInOutput":1927},"packages/ui/react-ui-stack/src/hooks/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytesInOutput":408},"packages/ui/react-ui-stack/src/components/Stack/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx":{"bytesInOutput":5772},"packages/ui/react-ui-stack/src/components/StackItem/StackItemContent.tsx":{"bytesInOutput":895},"packages/ui/react-ui-stack/src/components/StackItem/StackItemDragHandle.tsx":{"bytesInOutput":335},"packages/ui/react-ui-stack/src/components/StackItem/StackItemHeading.tsx":{"bytesInOutput":1303},"packages/ui/react-ui-stack/src/components/StackItem/StackItemResizeHandle.tsx":{"bytesInOutput":523},"packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx":{"bytesInOutput":4577},"packages/ui/react-ui-stack/src/components/StackItem/MenuSignifier.tsx":{"bytesInOutput":442},"packages/ui/react-ui-stack/src/translations.ts":{"bytesInOutput":444},"packages/ui/react-ui-stack/src/components/StackItem/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/index.ts":{"bytesInOutput":0}},"bytes":20954},"packages/ui/react-ui-stack/dist/lib/node/testing/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3597},"packages/ui/react-ui-stack/dist/lib/node/testing/index.cjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"packages/ui/react-ui-stack/src/testing/index.ts","inputs":{"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytesInOutput":1516},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytesInOutput":0}},"bytes":1655}}}
|
|
1
|
+
{"inputs":{"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytes":3191,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts":{"bytes":8124,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/hooks/index.ts":{"bytes":653,"imports":[{"path":"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts","kind":"import-statement","original":"./useStackDropForElements"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytes":12592,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/ui/react-ui-stack/src/hooks/index.ts","kind":"import-statement","original":"../hooks"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItemContent.tsx":{"bytes":5532,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItemDragHandle.tsx":{"bytes":2101,"imports":[{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItemHeading.tsx":{"bytes":5766,"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItemResizeHandle.tsx":{"bytes":2885,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/ui/react-ui-stack/src/components/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/MenuSignifier.tsx":{"bytes":3282,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"packages/ui/react-ui-stack/src/translations.ts":{"bytes":1870,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItemSigil.tsx":{"bytes":19171,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/StackItem.tsx":{"bytes":24798,"imports":[{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/scroll-just-enough-into-view","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"},{"path":"packages/ui/react-ui-stack/src/components/StackItemContent.tsx","kind":"import-statement","original":"./StackItemContent"},{"path":"packages/ui/react-ui-stack/src/components/StackItemDragHandle.tsx","kind":"import-statement","original":"./StackItemDragHandle"},{"path":"packages/ui/react-ui-stack/src/components/StackItemHeading.tsx","kind":"import-statement","original":"./StackItemHeading"},{"path":"packages/ui/react-ui-stack/src/components/StackItemResizeHandle.tsx","kind":"import-statement","original":"./StackItemResizeHandle"},{"path":"packages/ui/react-ui-stack/src/components/StackItemSigil.tsx","kind":"import-statement","original":"./StackItemSigil"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/LayoutControls.tsx":{"bytes":11653,"imports":[{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"../translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/components/index.ts":{"bytes":801,"imports":[{"path":"packages/ui/react-ui-stack/src/components/Stack.tsx","kind":"import-statement","original":"./Stack"},{"path":"packages/ui/react-ui-stack/src/components/StackItem.tsx","kind":"import-statement","original":"./StackItem"},{"path":"packages/ui/react-ui-stack/src/components/LayoutControls.tsx","kind":"import-statement","original":"./LayoutControls"},{"path":"packages/ui/react-ui-stack/src/components/StackContext.tsx","kind":"import-statement","original":"./StackContext"}],"format":"esm"},"packages/ui/react-ui-stack/src/index.ts":{"bytes":718,"imports":[{"path":"packages/ui/react-ui-stack/src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"packages/ui/react-ui-stack/src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytes":7183,"imports":[],"format":"esm"},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytes":519,"imports":[{"path":"packages/ui/react-ui-stack/src/testing/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"}},"outputs":{"packages/ui/react-ui-stack/dist/lib/node/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":52600},"packages/ui/react-ui-stack/dist/lib/node/index.cjs":{"imports":[{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-auto-scroll/element","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/combine","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/adapter","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop/element/scroll-just-enough-into-view","kind":"import-statement","external":true},{"path":"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-compose-refs","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/keyboard","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true},{"path":"@dxos/react-ui-attention","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@dxos/util","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui","kind":"import-statement","external":true}],"exports":["DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","LayoutControls","Stack","StackContext","StackItem","StackItemContext","autoScrollRootAttributes","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translations","useStack","useStackItem"],"entryPoint":"packages/ui/react-ui-stack/src/index.ts","inputs":{"packages/ui/react-ui-stack/src/components/Stack.tsx":{"bytesInOutput":2995},"packages/ui/react-ui-stack/src/components/StackContext.tsx":{"bytesInOutput":408},"packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts":{"bytesInOutput":1927},"packages/ui/react-ui-stack/src/hooks/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/index.ts":{"bytesInOutput":0},"packages/ui/react-ui-stack/src/components/StackItem.tsx":{"bytesInOutput":5772},"packages/ui/react-ui-stack/src/components/StackItemContent.tsx":{"bytesInOutput":850},"packages/ui/react-ui-stack/src/components/StackItemDragHandle.tsx":{"bytesInOutput":335},"packages/ui/react-ui-stack/src/components/StackItemHeading.tsx":{"bytesInOutput":1286},"packages/ui/react-ui-stack/src/components/StackItemResizeHandle.tsx":{"bytesInOutput":523},"packages/ui/react-ui-stack/src/components/StackItemSigil.tsx":{"bytesInOutput":4577},"packages/ui/react-ui-stack/src/components/MenuSignifier.tsx":{"bytesInOutput":442},"packages/ui/react-ui-stack/src/translations.ts":{"bytesInOutput":444},"packages/ui/react-ui-stack/src/components/LayoutControls.tsx":{"bytesInOutput":3014},"packages/ui/react-ui-stack/src/index.ts":{"bytesInOutput":0}},"bytes":23935},"packages/ui/react-ui-stack/dist/lib/node/testing/index.cjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3597},"packages/ui/react-ui-stack/dist/lib/node/testing/index.cjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"packages/ui/react-ui-stack/src/testing/index.ts","inputs":{"packages/ui/react-ui-stack/src/testing/stack-manager.ts":{"bytesInOutput":1516},"packages/ui/react-ui-stack/src/testing/index.ts":{"bytesInOutput":0}},"bytes":1655}}}
|
|
@@ -1,19 +1,36 @@
|
|
|
1
1
|
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
2
|
|
|
3
|
-
// packages/ui/react-ui-stack/src/components/Stack
|
|
3
|
+
// packages/ui/react-ui-stack/src/components/Stack.tsx
|
|
4
4
|
import { useArrowNavigationGroup } from "@fluentui/react-tabster";
|
|
5
5
|
import { composeRefs } from "@radix-ui/react-compose-refs";
|
|
6
6
|
import React, { Children, forwardRef, useState as useState2, useMemo } from "react";
|
|
7
7
|
import { ListItem } from "@dxos/react-ui";
|
|
8
8
|
import { mx } from "@dxos/react-ui-theme";
|
|
9
9
|
|
|
10
|
+
// packages/ui/react-ui-stack/src/components/StackContext.tsx
|
|
11
|
+
import { createContext, useContext } from "react";
|
|
12
|
+
var StackContext = /* @__PURE__ */ createContext({
|
|
13
|
+
orientation: "vertical",
|
|
14
|
+
rail: true,
|
|
15
|
+
size: "intrinsic"
|
|
16
|
+
});
|
|
17
|
+
var useStack = () => useContext(StackContext);
|
|
18
|
+
var StackItemContext = /* @__PURE__ */ createContext({
|
|
19
|
+
selfDragHandleRef: () => {
|
|
20
|
+
},
|
|
21
|
+
size: "min-content",
|
|
22
|
+
setSize: () => {
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
var useStackItem = () => useContext(StackItemContext);
|
|
26
|
+
|
|
10
27
|
// packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts
|
|
11
28
|
import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
|
|
12
29
|
import { dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
|
|
13
30
|
import { autoScrollForElements } from "@atlaskit/pragmatic-drag-and-drop-auto-scroll/element";
|
|
14
31
|
import { attachClosestEdge, extractClosestEdge } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
|
|
15
32
|
import { useLayoutEffect, useState } from "react";
|
|
16
|
-
var useStackDropForElements = ({
|
|
33
|
+
var useStackDropForElements = ({ element, selfDroppable, orientation, id, onRearrange }) => {
|
|
17
34
|
const [dropping, setDropping] = useState(false);
|
|
18
35
|
useLayoutEffect(() => {
|
|
19
36
|
if (!element || !selfDroppable) {
|
|
@@ -69,24 +86,7 @@ var useStackDropForElements = ({ id, element, selfDroppable, orientation, onRear
|
|
|
69
86
|
};
|
|
70
87
|
};
|
|
71
88
|
|
|
72
|
-
// packages/ui/react-ui-stack/src/components/
|
|
73
|
-
import { createContext, useContext } from "react";
|
|
74
|
-
var StackContext = /* @__PURE__ */ createContext({
|
|
75
|
-
orientation: "vertical",
|
|
76
|
-
rail: true,
|
|
77
|
-
size: "intrinsic"
|
|
78
|
-
});
|
|
79
|
-
var useStack = () => useContext(StackContext);
|
|
80
|
-
var StackItemContext = /* @__PURE__ */ createContext({
|
|
81
|
-
selfDragHandleRef: () => {
|
|
82
|
-
},
|
|
83
|
-
size: "min-content",
|
|
84
|
-
setSize: () => {
|
|
85
|
-
}
|
|
86
|
-
});
|
|
87
|
-
var useStackItem = () => useContext(StackItemContext);
|
|
88
|
-
|
|
89
|
-
// packages/ui/react-ui-stack/src/components/Stack/Stack.tsx
|
|
89
|
+
// packages/ui/react-ui-stack/src/components/Stack.tsx
|
|
90
90
|
var railGridHorizontal = "grid-rows-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]";
|
|
91
91
|
var railGridVertical = "grid-cols-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]";
|
|
92
92
|
var railGridHorizontalContainFitContent = "grid-rows-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]";
|
|
@@ -149,7 +149,7 @@ var Stack = /* @__PURE__ */ forwardRef(({ children, classNames, style, orientati
|
|
|
149
149
|
})));
|
|
150
150
|
});
|
|
151
151
|
|
|
152
|
-
// packages/ui/react-ui-stack/src/components/StackItem
|
|
152
|
+
// packages/ui/react-ui-stack/src/components/StackItem.tsx
|
|
153
153
|
import { combine as combine2 } from "@atlaskit/pragmatic-drag-and-drop/combine";
|
|
154
154
|
import { draggable, dropTargetForElements as dropTargetForElements2 } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
|
|
155
155
|
import { preserveOffsetOnSource } from "@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source";
|
|
@@ -162,7 +162,7 @@ import { ListItem as ListItem2 } from "@dxos/react-ui";
|
|
|
162
162
|
import { resizeAttributes, sizeStyle } from "@dxos/react-ui-dnd";
|
|
163
163
|
import { mx as mx5 } from "@dxos/react-ui-theme";
|
|
164
164
|
|
|
165
|
-
// packages/ui/react-ui-stack/src/components/
|
|
165
|
+
// packages/ui/react-ui-stack/src/components/StackItemContent.tsx
|
|
166
166
|
import React2, { forwardRef as forwardRef2 } from "react";
|
|
167
167
|
import { mx as mx2 } from "@dxos/react-ui-theme";
|
|
168
168
|
var StackItemContent = /* @__PURE__ */ forwardRef2(({ children, toolbar, statusbar, classNames, size = "intrinsic", ...props }, forwardedRef) => {
|
|
@@ -182,12 +182,11 @@ var StackItemContent = /* @__PURE__ */ forwardRef2(({ children, toolbar, statusb
|
|
|
182
182
|
] : []
|
|
183
183
|
].join(" ")
|
|
184
184
|
},
|
|
185
|
-
"data-popover-collision-boundary": true,
|
|
186
185
|
ref: forwardedRef
|
|
187
186
|
}, children);
|
|
188
187
|
});
|
|
189
188
|
|
|
190
|
-
// packages/ui/react-ui-stack/src/components/
|
|
189
|
+
// packages/ui/react-ui-stack/src/components/StackItemDragHandle.tsx
|
|
191
190
|
import { Slot } from "@radix-ui/react-slot";
|
|
192
191
|
import React3 from "react";
|
|
193
192
|
var StackItemDragHandle = ({ asChild, children }) => {
|
|
@@ -199,7 +198,7 @@ var StackItemDragHandle = ({ asChild, children }) => {
|
|
|
199
198
|
}, children);
|
|
200
199
|
};
|
|
201
200
|
|
|
202
|
-
// packages/ui/react-ui-stack/src/components/
|
|
201
|
+
// packages/ui/react-ui-stack/src/components/StackItemHeading.tsx
|
|
203
202
|
import { useFocusableGroup } from "@fluentui/react-tabster";
|
|
204
203
|
import React4, { forwardRef as forwardRef3 } from "react";
|
|
205
204
|
import { useAttention } from "@dxos/react-ui-attention";
|
|
@@ -214,7 +213,7 @@ var StackItemHeading = ({ children, classNames, ...props }) => {
|
|
|
214
213
|
...props,
|
|
215
214
|
tabIndex: 0,
|
|
216
215
|
...focusableGroupAttrs,
|
|
217
|
-
className: mx3("flex items-center dx-focus-ring-inset-over-all relative !border-is-0
|
|
216
|
+
className: mx3("flex items-center dx-focus-ring-inset-over-all relative !border-is-0", orientation === "horizontal" ? "bs-[--rail-size]" : "is-[--rail-size] flex-col", classNames)
|
|
218
217
|
}, children);
|
|
219
218
|
};
|
|
220
219
|
var StackItemHeadingLabel = /* @__PURE__ */ forwardRef3(({ attendableId, related, classNames, ...props }, forwardedRef) => {
|
|
@@ -227,7 +226,7 @@ var StackItemHeadingLabel = /* @__PURE__ */ forwardRef3(({ attendableId, related
|
|
|
227
226
|
});
|
|
228
227
|
});
|
|
229
228
|
|
|
230
|
-
// packages/ui/react-ui-stack/src/components/
|
|
229
|
+
// packages/ui/react-ui-stack/src/components/StackItemResizeHandle.tsx
|
|
231
230
|
import React5 from "react";
|
|
232
231
|
import { ResizeHandle } from "@dxos/react-ui-dnd";
|
|
233
232
|
var MIN_WIDTH = 20;
|
|
@@ -244,7 +243,7 @@ var StackItemResizeHandle = () => {
|
|
|
244
243
|
});
|
|
245
244
|
};
|
|
246
245
|
|
|
247
|
-
// packages/ui/react-ui-stack/src/components/
|
|
246
|
+
// packages/ui/react-ui-stack/src/components/StackItemSigil.tsx
|
|
248
247
|
import React7, { Fragment, forwardRef as forwardRef4, useRef, useState as useState3 } from "react";
|
|
249
248
|
import { keySymbols } from "@dxos/keyboard";
|
|
250
249
|
import { Button, DropdownMenu, Icon, toLocalizedString, useTranslation } from "@dxos/react-ui";
|
|
@@ -252,7 +251,7 @@ import { useAttention as useAttention2 } from "@dxos/react-ui-attention";
|
|
|
252
251
|
import { descriptionText, mx as mx4 } from "@dxos/react-ui-theme";
|
|
253
252
|
import { getHostPlatform } from "@dxos/util";
|
|
254
253
|
|
|
255
|
-
// packages/ui/react-ui-stack/src/components/
|
|
254
|
+
// packages/ui/react-ui-stack/src/components/MenuSignifier.tsx
|
|
256
255
|
import React6 from "react";
|
|
257
256
|
var MenuSignifierHorizontal = () => /* @__PURE__ */ React6.createElement("svg", {
|
|
258
257
|
className: "absolute block-end-[7px]",
|
|
@@ -290,7 +289,7 @@ var translations_default = [
|
|
|
290
289
|
}
|
|
291
290
|
];
|
|
292
291
|
|
|
293
|
-
// packages/ui/react-ui-stack/src/components/
|
|
292
|
+
// packages/ui/react-ui-stack/src/components/StackItemSigil.tsx
|
|
294
293
|
var StackItemSigilButton = /* @__PURE__ */ forwardRef4(({ attendableId, classNames, related, isMenu = true, children, ...props }, forwardedRef) => {
|
|
295
294
|
const { hasAttention, isAncestor, isRelated } = useAttention2(attendableId);
|
|
296
295
|
const variant = related && isRelated || hasAttention || isAncestor ? "primary" : "ghost";
|
|
@@ -380,7 +379,7 @@ var StackItemSigil = /* @__PURE__ */ forwardRef4(({ actions: actionGroups, onAct
|
|
|
380
379
|
}), children), /* @__PURE__ */ React7.createElement(DropdownMenu.Arrow, null))));
|
|
381
380
|
});
|
|
382
381
|
|
|
383
|
-
// packages/ui/react-ui-stack/src/components/StackItem
|
|
382
|
+
// packages/ui/react-ui-stack/src/components/StackItem.tsx
|
|
384
383
|
var DEFAULT_HORIZONTAL_SIZE = 48;
|
|
385
384
|
var DEFAULT_VERTICAL_SIZE = "min-content";
|
|
386
385
|
var DEFAULT_EXTRINSIC_SIZE = DEFAULT_HORIZONTAL_SIZE;
|
|
@@ -517,18 +516,88 @@ var StackItem = {
|
|
|
517
516
|
Sigil: StackItemSigil,
|
|
518
517
|
SigilButton: StackItemSigilButton
|
|
519
518
|
};
|
|
519
|
+
|
|
520
|
+
// packages/ui/react-ui-stack/src/components/LayoutControls.tsx
|
|
521
|
+
import React9, { forwardRef as forwardRef6 } from "react";
|
|
522
|
+
import { Button as Button2, ButtonGroup, Icon as Icon2, Tooltip, useTranslation as useTranslation2 } from "@dxos/react-ui";
|
|
523
|
+
var LayoutControl = ({ icon, label, ...props }) => {
|
|
524
|
+
return /* @__PURE__ */ React9.createElement(Tooltip.Root, null, /* @__PURE__ */ React9.createElement(Tooltip.Trigger, {
|
|
525
|
+
asChild: true
|
|
526
|
+
}, /* @__PURE__ */ React9.createElement(Button2, {
|
|
527
|
+
variant: "ghost",
|
|
528
|
+
...props
|
|
529
|
+
}, /* @__PURE__ */ React9.createElement("span", {
|
|
530
|
+
className: "sr-only"
|
|
531
|
+
}, label), /* @__PURE__ */ React9.createElement(Icon2, {
|
|
532
|
+
icon
|
|
533
|
+
}))), /* @__PURE__ */ React9.createElement(Tooltip.Portal, null, /* @__PURE__ */ React9.createElement(Tooltip.Content, {
|
|
534
|
+
side: "bottom"
|
|
535
|
+
}, label)));
|
|
536
|
+
};
|
|
537
|
+
var LayoutControls = /* @__PURE__ */ forwardRef6(({ onClick, variant = "default", capabilities: can, isSolo, pin, close = false, children, ...props }, forwardedRef) => {
|
|
538
|
+
const { t } = useTranslation2(translationKey);
|
|
539
|
+
const buttonClassNames = variant === "hide-disabled" ? "disabled:hidden !p-1" : "!p-1";
|
|
540
|
+
return /* @__PURE__ */ React9.createElement(ButtonGroup, {
|
|
541
|
+
...props,
|
|
542
|
+
ref: forwardedRef
|
|
543
|
+
}, pin && !isSolo && [
|
|
544
|
+
"both",
|
|
545
|
+
"start"
|
|
546
|
+
].includes(pin) && /* @__PURE__ */ React9.createElement(LayoutControl, {
|
|
547
|
+
label: t("pin start label"),
|
|
548
|
+
variant: "ghost",
|
|
549
|
+
classNames: buttonClassNames,
|
|
550
|
+
onClick: () => onClick?.("pin-start"),
|
|
551
|
+
icon: "ph--caret-line-left--regular"
|
|
552
|
+
}), can.solo && /* @__PURE__ */ React9.createElement(LayoutControl, {
|
|
553
|
+
label: t("solo layout label"),
|
|
554
|
+
classNames: buttonClassNames,
|
|
555
|
+
onClick: () => onClick?.("solo"),
|
|
556
|
+
icon: isSolo ? "ph--arrows-in--regular" : "ph--arrows-out--regular"
|
|
557
|
+
}), !isSolo && can.solo && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(LayoutControl, {
|
|
558
|
+
label: t("increment start label"),
|
|
559
|
+
disabled: !can.incrementStart,
|
|
560
|
+
classNames: buttonClassNames,
|
|
561
|
+
onClick: () => onClick?.("increment-start"),
|
|
562
|
+
icon: "ph--caret-left--regular"
|
|
563
|
+
}), /* @__PURE__ */ React9.createElement(LayoutControl, {
|
|
564
|
+
label: t("increment end label"),
|
|
565
|
+
disabled: !can.incrementEnd,
|
|
566
|
+
classNames: buttonClassNames,
|
|
567
|
+
onClick: () => onClick?.("increment-end"),
|
|
568
|
+
icon: "ph--caret-right--regular"
|
|
569
|
+
})), pin && !isSolo && [
|
|
570
|
+
"both",
|
|
571
|
+
"end"
|
|
572
|
+
].includes(pin) && /* @__PURE__ */ React9.createElement(LayoutControl, {
|
|
573
|
+
label: t("pin end label"),
|
|
574
|
+
classNames: buttonClassNames,
|
|
575
|
+
onClick: () => onClick?.("pin-end"),
|
|
576
|
+
icon: "ph--caret-line-right--regular"
|
|
577
|
+
}), close && !isSolo && /* @__PURE__ */ React9.createElement(LayoutControl, {
|
|
578
|
+
label: t(`${typeof close === "string" ? "minify" : "close"} label`),
|
|
579
|
+
classNames: buttonClassNames,
|
|
580
|
+
onClick: () => onClick?.("close"),
|
|
581
|
+
"data-testid": "layoutHeading.close",
|
|
582
|
+
icon: close === "minify-start" ? "ph--caret-line-left--regular" : close === "minify-end" ? "ph--caret-line-right--regular" : "ph--x--regular"
|
|
583
|
+
}), children);
|
|
584
|
+
});
|
|
520
585
|
export {
|
|
521
586
|
DEFAULT_EXTRINSIC_SIZE,
|
|
522
587
|
DEFAULT_HORIZONTAL_SIZE,
|
|
523
588
|
DEFAULT_VERTICAL_SIZE,
|
|
589
|
+
LayoutControls,
|
|
524
590
|
Stack,
|
|
525
591
|
StackContext,
|
|
526
592
|
StackItem,
|
|
593
|
+
StackItemContext,
|
|
527
594
|
autoScrollRootAttributes,
|
|
528
595
|
railGridHorizontal,
|
|
529
596
|
railGridHorizontalContainFitContent,
|
|
530
597
|
railGridVertical,
|
|
531
598
|
railGridVerticalContainFitContent,
|
|
532
|
-
translations_default as translations
|
|
599
|
+
translations_default as translations,
|
|
600
|
+
useStack,
|
|
601
|
+
useStackItem
|
|
533
602
|
};
|
|
534
603
|
//# sourceMappingURL=index.mjs.map
|