@dxos/react-ui-stack 0.8.2-main.f11618f → 0.8.2-main.fbd8ed0
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 +31 -101
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/node/index.cjs +21 -93
- package/dist/lib/node/index.cjs.map +4 -4
- package/dist/lib/node/meta.json +1 -1
- package/dist/lib/node-esm/index.mjs +31 -101
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/types/src/components/{Stack.d.ts → Stack/Stack.d.ts} +2 -1
- package/dist/types/src/components/Stack/Stack.d.ts.map +1 -0
- package/dist/types/src/components/Stack/Stack.stories.d.ts +9 -0
- package/dist/types/src/components/Stack/Stack.stories.d.ts.map +1 -0
- package/dist/types/src/components/Stack/index.d.ts +2 -0
- package/dist/types/src/components/Stack/index.d.ts.map +1 -0
- package/dist/types/src/components/StackContext.d.ts +1 -10
- package/dist/types/src/components/StackContext.d.ts.map +1 -1
- package/dist/types/src/components/StackItem/MenuSignifier.d.ts.map +1 -0
- package/dist/types/src/components/{StackItem.d.ts → StackItem/StackItem.d.ts} +3 -3
- package/dist/types/src/components/StackItem/StackItem.d.ts.map +1 -0
- package/dist/types/src/components/StackItem/StackItem.stories.d.ts +8 -0
- package/dist/types/src/components/StackItem/StackItem.stories.d.ts.map +1 -0
- package/dist/types/src/components/StackItem/StackItemContent.d.ts.map +1 -0
- package/dist/types/src/components/StackItem/StackItemDragHandle.d.ts.map +1 -0
- package/dist/types/src/components/StackItem/StackItemHeading.d.ts.map +1 -0
- package/dist/types/src/components/StackItem/StackItemResizeHandle.d.ts.map +1 -0
- package/dist/types/src/components/StackItem/StackItemSigil.d.ts.map +1 -0
- package/dist/types/src/components/StackItem/index.d.ts +2 -0
- package/dist/types/src/components/StackItem/index.d.ts.map +1 -0
- package/dist/types/src/components/defs.d.ts +18 -0
- package/dist/types/src/components/defs.d.ts.map +1 -0
- package/dist/types/src/components/deprecated/LayoutControls.d.ts.map +1 -0
- package/dist/types/src/components/index.d.ts +1 -2
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/hooks/useStackDropForElements.d.ts +3 -4
- 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/{Stack.stories.tsx → Stack/Stack.stories.tsx} +15 -13
- package/src/components/{Stack.tsx → Stack/Stack.tsx} +3 -2
- package/src/components/Stack/index.ts +5 -0
- package/src/components/StackContext.tsx +1 -13
- package/src/components/StackItem/StackItem.stories.tsx +49 -0
- package/src/components/{StackItem.tsx → StackItem/StackItem.tsx} +4 -2
- package/src/components/{StackItemContent.tsx → StackItem/StackItemContent.tsx} +1 -1
- package/src/components/{StackItemDragHandle.tsx → StackItem/StackItemDragHandle.tsx} +1 -1
- package/src/components/{StackItemHeading.tsx → StackItem/StackItemHeading.tsx} +2 -2
- package/src/components/{StackItemResizeHandle.tsx → StackItem/StackItemResizeHandle.tsx} +1 -1
- package/src/components/{StackItemSigil.tsx → StackItem/StackItemSigil.tsx} +1 -1
- package/src/components/StackItem/index.ts +5 -0
- package/src/components/defs.ts +26 -0
- package/src/components/{LayoutControls.tsx → deprecated/LayoutControls.tsx} +3 -23
- package/src/components/index.ts +2 -2
- package/src/hooks/useStackDropForElements.ts +3 -4
- package/dist/types/src/components/LayoutControls.d.ts.map +0 -1
- package/dist/types/src/components/MenuSignifier.d.ts.map +0 -1
- package/dist/types/src/components/Stack.d.ts.map +0 -1
- package/dist/types/src/components/Stack.stories.d.ts +0 -8
- package/dist/types/src/components/Stack.stories.d.ts.map +0 -1
- package/dist/types/src/components/StackItem.d.ts.map +0 -1
- package/dist/types/src/components/StackItemContent.d.ts.map +0 -1
- package/dist/types/src/components/StackItemDragHandle.d.ts.map +0 -1
- package/dist/types/src/components/StackItemHeading.d.ts.map +0 -1
- package/dist/types/src/components/StackItemResizeHandle.d.ts.map +0 -1
- package/dist/types/src/components/StackItemSigil.d.ts.map +0 -1
- /package/dist/types/src/components/{MenuSignifier.d.ts → StackItem/MenuSignifier.d.ts} +0 -0
- /package/dist/types/src/components/{StackItemContent.d.ts → StackItem/StackItemContent.d.ts} +0 -0
- /package/dist/types/src/components/{StackItemDragHandle.d.ts → StackItem/StackItemDragHandle.d.ts} +0 -0
- /package/dist/types/src/components/{StackItemHeading.d.ts → StackItem/StackItemHeading.d.ts} +0 -0
- /package/dist/types/src/components/{StackItemResizeHandle.d.ts → StackItem/StackItemResizeHandle.d.ts} +0 -0
- /package/dist/types/src/components/{StackItemSigil.d.ts → StackItem/StackItemSigil.d.ts} +0 -0
- /package/dist/types/src/components/{LayoutControls.d.ts → deprecated/LayoutControls.d.ts} +0 -0
- /package/src/components/{MenuSignifier.tsx → StackItem/MenuSignifier.tsx} +0 -0
package/dist/lib/node/meta.json
CHANGED
|
@@ -1 +1 @@
|
|
|
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":5709,"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":52697},"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":895},"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":23980},"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/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,36 +1,19 @@
|
|
|
1
1
|
import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
|
|
2
2
|
|
|
3
|
-
// packages/ui/react-ui-stack/src/components/Stack.tsx
|
|
3
|
+
// packages/ui/react-ui-stack/src/components/Stack/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
|
-
|
|
27
10
|
// packages/ui/react-ui-stack/src/hooks/useStackDropForElements.ts
|
|
28
11
|
import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
|
|
29
12
|
import { dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
|
|
30
13
|
import { autoScrollForElements } from "@atlaskit/pragmatic-drag-and-drop-auto-scroll/element";
|
|
31
14
|
import { attachClosestEdge, extractClosestEdge } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
|
|
32
15
|
import { useLayoutEffect, useState } from "react";
|
|
33
|
-
var useStackDropForElements = ({ element, selfDroppable, orientation,
|
|
16
|
+
var useStackDropForElements = ({ id, element, selfDroppable, orientation, onRearrange }) => {
|
|
34
17
|
const [dropping, setDropping] = useState(false);
|
|
35
18
|
useLayoutEffect(() => {
|
|
36
19
|
if (!element || !selfDroppable) {
|
|
@@ -86,7 +69,24 @@ var useStackDropForElements = ({ element, selfDroppable, orientation, id, onRear
|
|
|
86
69
|
};
|
|
87
70
|
};
|
|
88
71
|
|
|
89
|
-
// packages/ui/react-ui-stack/src/components/
|
|
72
|
+
// packages/ui/react-ui-stack/src/components/StackContext.tsx
|
|
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
|
|
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.tsx
|
|
152
|
+
// packages/ui/react-ui-stack/src/components/StackItem/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/StackItemContent.tsx
|
|
165
|
+
// packages/ui/react-ui-stack/src/components/StackItem/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) => {
|
|
@@ -187,7 +187,7 @@ var StackItemContent = /* @__PURE__ */ forwardRef2(({ children, toolbar, statusb
|
|
|
187
187
|
}, children);
|
|
188
188
|
});
|
|
189
189
|
|
|
190
|
-
// packages/ui/react-ui-stack/src/components/StackItemDragHandle.tsx
|
|
190
|
+
// packages/ui/react-ui-stack/src/components/StackItem/StackItemDragHandle.tsx
|
|
191
191
|
import { Slot } from "@radix-ui/react-slot";
|
|
192
192
|
import React3 from "react";
|
|
193
193
|
var StackItemDragHandle = ({ asChild, children }) => {
|
|
@@ -199,7 +199,7 @@ var StackItemDragHandle = ({ asChild, children }) => {
|
|
|
199
199
|
}, children);
|
|
200
200
|
};
|
|
201
201
|
|
|
202
|
-
// packages/ui/react-ui-stack/src/components/StackItemHeading.tsx
|
|
202
|
+
// packages/ui/react-ui-stack/src/components/StackItem/StackItemHeading.tsx
|
|
203
203
|
import { useFocusableGroup } from "@fluentui/react-tabster";
|
|
204
204
|
import React4, { forwardRef as forwardRef3 } from "react";
|
|
205
205
|
import { useAttention } from "@dxos/react-ui-attention";
|
|
@@ -214,7 +214,7 @@ var StackItemHeading = ({ children, classNames, ...props }) => {
|
|
|
214
214
|
...props,
|
|
215
215
|
tabIndex: 0,
|
|
216
216
|
...focusableGroupAttrs,
|
|
217
|
-
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)
|
|
217
|
+
className: mx3("flex items-center dx-focus-ring-inset-over-all relative !border-is-0 bg-headerSurface", orientation === "horizontal" ? "bs-[--rail-size]" : "is-[--rail-size] flex-col", classNames)
|
|
218
218
|
}, children);
|
|
219
219
|
};
|
|
220
220
|
var StackItemHeadingLabel = /* @__PURE__ */ forwardRef3(({ attendableId, related, classNames, ...props }, forwardedRef) => {
|
|
@@ -227,7 +227,7 @@ var StackItemHeadingLabel = /* @__PURE__ */ forwardRef3(({ attendableId, related
|
|
|
227
227
|
});
|
|
228
228
|
});
|
|
229
229
|
|
|
230
|
-
// packages/ui/react-ui-stack/src/components/StackItemResizeHandle.tsx
|
|
230
|
+
// packages/ui/react-ui-stack/src/components/StackItem/StackItemResizeHandle.tsx
|
|
231
231
|
import React5 from "react";
|
|
232
232
|
import { ResizeHandle } from "@dxos/react-ui-dnd";
|
|
233
233
|
var MIN_WIDTH = 20;
|
|
@@ -244,7 +244,7 @@ var StackItemResizeHandle = () => {
|
|
|
244
244
|
});
|
|
245
245
|
};
|
|
246
246
|
|
|
247
|
-
// packages/ui/react-ui-stack/src/components/StackItemSigil.tsx
|
|
247
|
+
// packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx
|
|
248
248
|
import React7, { Fragment, forwardRef as forwardRef4, useRef, useState as useState3 } from "react";
|
|
249
249
|
import { keySymbols } from "@dxos/keyboard";
|
|
250
250
|
import { Button, DropdownMenu, Icon, toLocalizedString, useTranslation } from "@dxos/react-ui";
|
|
@@ -252,7 +252,7 @@ import { useAttention as useAttention2 } from "@dxos/react-ui-attention";
|
|
|
252
252
|
import { descriptionText, mx as mx4 } from "@dxos/react-ui-theme";
|
|
253
253
|
import { getHostPlatform } from "@dxos/util";
|
|
254
254
|
|
|
255
|
-
// packages/ui/react-ui-stack/src/components/MenuSignifier.tsx
|
|
255
|
+
// packages/ui/react-ui-stack/src/components/StackItem/MenuSignifier.tsx
|
|
256
256
|
import React6 from "react";
|
|
257
257
|
var MenuSignifierHorizontal = () => /* @__PURE__ */ React6.createElement("svg", {
|
|
258
258
|
className: "absolute block-end-[7px]",
|
|
@@ -290,7 +290,7 @@ var translations_default = [
|
|
|
290
290
|
}
|
|
291
291
|
];
|
|
292
292
|
|
|
293
|
-
// packages/ui/react-ui-stack/src/components/StackItemSigil.tsx
|
|
293
|
+
// packages/ui/react-ui-stack/src/components/StackItem/StackItemSigil.tsx
|
|
294
294
|
var StackItemSigilButton = /* @__PURE__ */ forwardRef4(({ attendableId, classNames, related, isMenu = true, children, ...props }, forwardedRef) => {
|
|
295
295
|
const { hasAttention, isAncestor, isRelated } = useAttention2(attendableId);
|
|
296
296
|
const variant = related && isRelated || hasAttention || isAncestor ? "primary" : "ghost";
|
|
@@ -380,7 +380,7 @@ var StackItemSigil = /* @__PURE__ */ forwardRef4(({ actions: actionGroups, onAct
|
|
|
380
380
|
}), children), /* @__PURE__ */ React7.createElement(DropdownMenu.Arrow, null))));
|
|
381
381
|
});
|
|
382
382
|
|
|
383
|
-
// packages/ui/react-ui-stack/src/components/StackItem.tsx
|
|
383
|
+
// packages/ui/react-ui-stack/src/components/StackItem/StackItem.tsx
|
|
384
384
|
var DEFAULT_HORIZONTAL_SIZE = 48;
|
|
385
385
|
var DEFAULT_VERTICAL_SIZE = "min-content";
|
|
386
386
|
var DEFAULT_EXTRINSIC_SIZE = DEFAULT_HORIZONTAL_SIZE;
|
|
@@ -517,88 +517,18 @@ var StackItem = {
|
|
|
517
517
|
Sigil: StackItemSigil,
|
|
518
518
|
SigilButton: StackItemSigilButton
|
|
519
519
|
};
|
|
520
|
-
|
|
521
|
-
// packages/ui/react-ui-stack/src/components/LayoutControls.tsx
|
|
522
|
-
import React9, { forwardRef as forwardRef6 } from "react";
|
|
523
|
-
import { Button as Button2, ButtonGroup, Icon as Icon2, Tooltip, useTranslation as useTranslation2 } from "@dxos/react-ui";
|
|
524
|
-
var LayoutControl = ({ icon, label, ...props }) => {
|
|
525
|
-
return /* @__PURE__ */ React9.createElement(Tooltip.Root, null, /* @__PURE__ */ React9.createElement(Tooltip.Trigger, {
|
|
526
|
-
asChild: true
|
|
527
|
-
}, /* @__PURE__ */ React9.createElement(Button2, {
|
|
528
|
-
variant: "ghost",
|
|
529
|
-
...props
|
|
530
|
-
}, /* @__PURE__ */ React9.createElement("span", {
|
|
531
|
-
className: "sr-only"
|
|
532
|
-
}, label), /* @__PURE__ */ React9.createElement(Icon2, {
|
|
533
|
-
icon
|
|
534
|
-
}))), /* @__PURE__ */ React9.createElement(Tooltip.Portal, null, /* @__PURE__ */ React9.createElement(Tooltip.Content, {
|
|
535
|
-
side: "bottom"
|
|
536
|
-
}, label)));
|
|
537
|
-
};
|
|
538
|
-
var LayoutControls = /* @__PURE__ */ forwardRef6(({ onClick, variant = "default", capabilities: can, isSolo, pin, close = false, children, ...props }, forwardedRef) => {
|
|
539
|
-
const { t } = useTranslation2(translationKey);
|
|
540
|
-
const buttonClassNames = variant === "hide-disabled" ? "disabled:hidden !p-1" : "!p-1";
|
|
541
|
-
return /* @__PURE__ */ React9.createElement(ButtonGroup, {
|
|
542
|
-
...props,
|
|
543
|
-
ref: forwardedRef
|
|
544
|
-
}, pin && !isSolo && [
|
|
545
|
-
"both",
|
|
546
|
-
"start"
|
|
547
|
-
].includes(pin) && /* @__PURE__ */ React9.createElement(LayoutControl, {
|
|
548
|
-
label: t("pin start label"),
|
|
549
|
-
variant: "ghost",
|
|
550
|
-
classNames: buttonClassNames,
|
|
551
|
-
onClick: () => onClick?.("pin-start"),
|
|
552
|
-
icon: "ph--caret-line-left--regular"
|
|
553
|
-
}), can.solo && /* @__PURE__ */ React9.createElement(LayoutControl, {
|
|
554
|
-
label: t("solo layout label"),
|
|
555
|
-
classNames: buttonClassNames,
|
|
556
|
-
onClick: () => onClick?.("solo"),
|
|
557
|
-
icon: isSolo ? "ph--arrows-in--regular" : "ph--arrows-out--regular"
|
|
558
|
-
}), !isSolo && can.solo && /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(LayoutControl, {
|
|
559
|
-
label: t("increment start label"),
|
|
560
|
-
disabled: !can.incrementStart,
|
|
561
|
-
classNames: buttonClassNames,
|
|
562
|
-
onClick: () => onClick?.("increment-start"),
|
|
563
|
-
icon: "ph--caret-left--regular"
|
|
564
|
-
}), /* @__PURE__ */ React9.createElement(LayoutControl, {
|
|
565
|
-
label: t("increment end label"),
|
|
566
|
-
disabled: !can.incrementEnd,
|
|
567
|
-
classNames: buttonClassNames,
|
|
568
|
-
onClick: () => onClick?.("increment-end"),
|
|
569
|
-
icon: "ph--caret-right--regular"
|
|
570
|
-
})), pin && !isSolo && [
|
|
571
|
-
"both",
|
|
572
|
-
"end"
|
|
573
|
-
].includes(pin) && /* @__PURE__ */ React9.createElement(LayoutControl, {
|
|
574
|
-
label: t("pin end label"),
|
|
575
|
-
classNames: buttonClassNames,
|
|
576
|
-
onClick: () => onClick?.("pin-end"),
|
|
577
|
-
icon: "ph--caret-line-right--regular"
|
|
578
|
-
}), close && !isSolo && /* @__PURE__ */ React9.createElement(LayoutControl, {
|
|
579
|
-
label: t(`${typeof close === "string" ? "minify" : "close"} label`),
|
|
580
|
-
classNames: buttonClassNames,
|
|
581
|
-
onClick: () => onClick?.("close"),
|
|
582
|
-
"data-testid": "layoutHeading.close",
|
|
583
|
-
icon: close === "minify-start" ? "ph--caret-line-left--regular" : close === "minify-end" ? "ph--caret-line-right--regular" : "ph--x--regular"
|
|
584
|
-
}), children);
|
|
585
|
-
});
|
|
586
520
|
export {
|
|
587
521
|
DEFAULT_EXTRINSIC_SIZE,
|
|
588
522
|
DEFAULT_HORIZONTAL_SIZE,
|
|
589
523
|
DEFAULT_VERTICAL_SIZE,
|
|
590
|
-
LayoutControls,
|
|
591
524
|
Stack,
|
|
592
525
|
StackContext,
|
|
593
526
|
StackItem,
|
|
594
|
-
StackItemContext,
|
|
595
527
|
autoScrollRootAttributes,
|
|
596
528
|
railGridHorizontal,
|
|
597
529
|
railGridHorizontalContainFitContent,
|
|
598
530
|
railGridVertical,
|
|
599
531
|
railGridVerticalContainFitContent,
|
|
600
|
-
translations_default as translations
|
|
601
|
-
useStack,
|
|
602
|
-
useStackItem
|
|
532
|
+
translations_default as translations
|
|
603
533
|
};
|
|
604
534
|
//# sourceMappingURL=index.mjs.map
|