@dxos/react-ui-stack 0.8.4-main.a4bbb77 → 0.8.4-main.ae835ea
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/{chunk-K76XHALI.mjs → chunk-T4ZCIFCF.mjs} +84 -56
- package/dist/lib/browser/chunk-T4ZCIFCF.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +5 -1
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/playwright/index.mjs +10 -23
- package/dist/lib/browser/playwright/index.mjs.map +2 -2
- package/dist/lib/browser/testing/index.mjs +1 -1
- package/dist/lib/node-esm/{chunk-2UOARV5Q.mjs → chunk-G2QYUH52.mjs} +84 -56
- package/dist/lib/node-esm/chunk-G2QYUH52.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +5 -1
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/playwright/index.mjs +10 -23
- package/dist/lib/node-esm/playwright/index.mjs.map +2 -2
- package/dist/lib/node-esm/testing/index.mjs +1 -1
- package/dist/types/src/components/Image/Image.d.ts +5 -2
- package/dist/types/src/components/Image/Image.d.ts.map +1 -1
- package/dist/types/src/components/Image/Image.stories.d.ts +2 -0
- package/dist/types/src/components/Image/Image.stories.d.ts.map +1 -1
- package/dist/types/src/components/StackItem/StackItem.d.ts +3 -2
- package/dist/types/src/components/StackItem/StackItem.d.ts.map +1 -1
- package/dist/types/src/components/StackItem/StackItemContent.d.ts +20 -10
- package/dist/types/src/components/StackItem/StackItemContent.d.ts.map +1 -1
- package/dist/types/src/components/StackItem/StackItemHeading.d.ts.map +1 -1
- package/dist/types/src/exemplars/Card/Card.d.ts +15 -4
- package/dist/types/src/exemplars/Card/Card.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +22 -22
- package/src/components/Image/Image.stories.tsx +25 -3
- package/src/components/Image/Image.tsx +121 -66
- package/src/components/StackItem/StackItem.stories.tsx +1 -1
- package/src/components/StackItem/StackItemContent.tsx +19 -8
- package/src/components/StackItem/StackItemHeading.tsx +1 -5
- package/src/exemplars/Card/Card.tsx +20 -2
- package/dist/lib/browser/chunk-K76XHALI.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-2UOARV5Q.mjs.map +0 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"inputs":{"src/components/Image/Image.tsx":{"bytes":14300,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/Image/index.ts":{"bytes":463,"imports":[{"path":"src/components/Image/Image.tsx","kind":"import-statement","original":"./Image"}],"format":"esm"},"src/hooks/useStackDropForElements.ts":{"bytes":8238,"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"},"src/hooks/index.ts":{"bytes":608,"imports":[{"path":"src/hooks/useStackDropForElements.ts","kind":"import-statement","original":"./useStackDropForElements"}],"format":"esm"},"src/components/StackContext.tsx":{"bytes":3451,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/Stack/Stack.tsx":{"bytes":47250,"imports":[{"path":"@preact-signals/safe-react/tracking","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":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/Stack/index.ts":{"bytes":463,"imports":[{"path":"src/components/Stack/Stack.tsx","kind":"import-statement","original":"./Stack"}],"format":"esm"},"src/components/StackItem/StackItemContent.tsx":{"bytes":7832,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemDragHandle.tsx":{"bytes":2257,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemHeading.tsx":{"bytes":8042,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","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":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytes":3045,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/translations.ts":{"bytes":2149,"imports":[],"format":"esm"},"src/components/StackItem/MenuSignifier.tsx":{"bytes":3634,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/StackItem/StackItemSigil.tsx":{"bytes":18618,"imports":[{"path":"@preact-signals/safe-react/tracking","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":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/components/StackItem/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"}],"format":"esm"},"src/components/StackItem/StackItem.tsx":{"bytes":36047,"imports":[{"path":"@preact-signals/safe-react/tracking","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/set-custom-native-drag-preview","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":"react-dom","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":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItemContent.tsx","kind":"import-statement","original":"./StackItemContent"},{"path":"src/components/StackItem/StackItemDragHandle.tsx","kind":"import-statement","original":"./StackItemDragHandle"},{"path":"src/components/StackItem/StackItemHeading.tsx","kind":"import-statement","original":"./StackItemHeading"},{"path":"src/components/StackItem/StackItemResizeHandle.tsx","kind":"import-statement","original":"./StackItemResizeHandle"},{"path":"src/components/StackItem/StackItemSigil.tsx","kind":"import-statement","original":"./StackItemSigil"}],"format":"esm"},"src/components/StackItem/index.ts":{"bytes":479,"imports":[{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/components/index.ts":{"bytes":671,"imports":[{"path":"src/components/Image/index.ts","kind":"import-statement","original":"./Image"},{"path":"src/components/Stack/index.ts","kind":"import-statement","original":"./Stack"},{"path":"src/components/StackItem/index.ts","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/exemplars/Card/fragments.ts":{"bytes":4025,"imports":[],"format":"esm"},"src/exemplars/Card/Card.tsx":{"bytes":20548,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","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":"src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/Card/CardDragPreview.tsx":{"bytes":2606,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/Card/index.ts":{"bytes":656,"imports":[{"path":"src/exemplars/Card/Card.tsx","kind":"import-statement","original":"./Card"},{"path":"src/exemplars/Card/CardDragPreview.tsx","kind":"import-statement","original":"./CardDragPreview"},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/CardStack/CardStack.tsx":{"bytes":16234,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"src/exemplars/Card/index.ts","kind":"import-statement","original":"../Card"}],"format":"esm"},"src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytes":6307,"imports":[{"path":"@preact-signals/safe-react/tracking","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":"src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"src/exemplars/CardStack/index.ts":{"bytes":594,"imports":[{"path":"src/exemplars/CardStack/CardStack.tsx","kind":"import-statement","original":"./CardStack"},{"path":"src/exemplars/CardStack/CardStackDragPreview.tsx","kind":"import-statement","original":"./CardStackDragPreview"}],"format":"esm"},"src/exemplars/index.ts":{"bytes":544,"imports":[{"path":"src/exemplars/Card/index.ts","kind":"import-statement","original":"./Card"},{"path":"src/exemplars/CardStack/index.ts","kind":"import-statement","original":"./CardStack"}],"format":"esm"},"src/index.ts":{"bytes":834,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/exemplars/index.ts","kind":"import-statement","original":"./exemplars"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/playwright/stack-manager.ts":{"bytes":7684,"imports":[],"format":"esm"},"src/playwright/index.ts":{"bytes":481,"imports":[{"path":"src/playwright/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"},"src/testing/CardContainer.tsx":{"bytes":3553,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/storybook-utils","kind":"import-statement","external":true},{"path":"src/exemplars/index.ts","kind":"import-statement","original":"../exemplars"}],"format":"esm"},"src/testing/index.ts":{"bytes":478,"imports":[{"path":"src/testing/CardContainer.tsx","kind":"import-statement","original":"./CardContainer"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-K76XHALI.mjs","kind":"import-statement"}],"exports":["Card","CardDragPreview","CardStack","CardStackDragPreview","DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Image","Stack","StackContext","StackItem","StackItemDragPreview","autoScrollRootAttributes","cardChrome","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardNoSpacing","cardRoot","cardSpacing","cardStackContent","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","cardText","labelSpacing","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":1497},"dist/lib/browser/playwright/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3758},"dist/lib/browser/playwright/index.mjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"src/playwright/index.ts","inputs":{"src/playwright/stack-manager.ts":{"bytesInOutput":1948},"src/playwright/index.ts":{"bytesInOutput":0}},"bytes":2063},"dist/lib/browser/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1782},"dist/lib/browser/testing/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-K76XHALI.mjs","kind":"import-statement"},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/storybook-utils","kind":"import-statement","external":true}],"exports":["CardContainer"],"entryPoint":"src/testing/index.ts","inputs":{"src/testing/CardContainer.tsx":{"bytesInOutput":1006},"src/testing/index.ts":{"bytesInOutput":0}},"bytes":1151},"dist/lib/browser/chunk-K76XHALI.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":101922},"dist/lib/browser/chunk-K76XHALI.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","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":"@preact-signals/safe-react/tracking","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/set-custom-native-drag-preview","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":"react-dom","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":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@fluentui/react-tabster","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","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":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","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":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","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":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","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}],"exports":["Card","CardDragPreview","CardStack","CardStackDragPreview","DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Image","Stack","StackContext","StackItem","StackItemDragPreview","autoScrollRootAttributes","cardChrome","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardNoSpacing","cardRoot","cardSpacing","cardStackContent","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","cardText","labelSpacing","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"inputs":{"src/components/Image/Image.tsx":{"bytesInOutput":3360},"src/components/StackContext.tsx":{"bytesInOutput":479},"src/components/Stack/Stack.tsx":{"bytesInOutput":11388},"src/hooks/useStackDropForElements.ts":{"bytesInOutput":2000},"src/hooks/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":495},"src/components/StackItem/StackItem.tsx":{"bytesInOutput":8788},"src/components/StackItem/StackItemContent.tsx":{"bytesInOutput":1597},"src/components/StackItem/StackItemDragHandle.tsx":{"bytesInOutput":504},"src/components/StackItem/StackItemHeading.tsx":{"bytesInOutput":2177},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytesInOutput":698},"src/components/StackItem/StackItemSigil.tsx":{"bytesInOutput":4743},"src/components/StackItem/MenuSignifier.tsx":{"bytesInOutput":679},"src/components/Image/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/Stack/index.ts":{"bytesInOutput":0},"src/components/StackItem/index.ts":{"bytesInOutput":0},"src/exemplars/Card/fragments.ts":{"bytesInOutput":1097},"src/exemplars/Card/Card.tsx":{"bytesInOutput":5710},"src/exemplars/Card/CardDragPreview.tsx":{"bytesInOutput":757},"src/exemplars/CardStack/CardStack.tsx":{"bytesInOutput":4785},"src/exemplars/Card/index.ts":{"bytesInOutput":0},"src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytesInOutput":2018},"src/exemplars/index.ts":{"bytesInOutput":0},"src/exemplars/CardStack/index.ts":{"bytesInOutput":0}},"bytes":52905}}}
|
|
1
|
+
{"inputs":{"src/components/Image/Image.tsx":{"bytes":18897,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true}],"format":"esm"},"src/components/Image/index.ts":{"bytes":463,"imports":[{"path":"src/components/Image/Image.tsx","kind":"import-statement","original":"./Image"}],"format":"esm"},"src/hooks/useStackDropForElements.ts":{"bytes":8238,"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"},"src/hooks/index.ts":{"bytes":608,"imports":[{"path":"src/hooks/useStackDropForElements.ts","kind":"import-statement","original":"./useStackDropForElements"}],"format":"esm"},"src/components/StackContext.tsx":{"bytes":3451,"imports":[{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/Stack/Stack.tsx":{"bytes":47250,"imports":[{"path":"@preact-signals/safe-react/tracking","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":"src/hooks/index.ts","kind":"import-statement","original":"../../hooks"},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/Stack/index.ts":{"bytes":463,"imports":[{"path":"src/components/Stack/Stack.tsx","kind":"import-statement","original":"./Stack"}],"format":"esm"},"src/components/StackItem/StackItemContent.tsx":{"bytes":8451,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemDragHandle.tsx":{"bytes":2257,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemHeading.tsx":{"bytes":7239,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","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":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"}],"format":"esm"},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytes":3045,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/translations.ts":{"bytes":2149,"imports":[],"format":"esm"},"src/components/StackItem/MenuSignifier.tsx":{"bytes":3634,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true}],"format":"esm"},"src/components/StackItem/StackItemSigil.tsx":{"bytes":18618,"imports":[{"path":"@preact-signals/safe-react/tracking","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":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/components/StackItem/MenuSignifier.tsx","kind":"import-statement","original":"./MenuSignifier"}],"format":"esm"},"src/components/StackItem/StackItem.tsx":{"bytes":36047,"imports":[{"path":"@preact-signals/safe-react/tracking","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/set-custom-native-drag-preview","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":"react-dom","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":"src/components/StackContext.tsx","kind":"import-statement","original":"../StackContext"},{"path":"src/components/StackItem/StackItemContent.tsx","kind":"import-statement","original":"./StackItemContent"},{"path":"src/components/StackItem/StackItemDragHandle.tsx","kind":"import-statement","original":"./StackItemDragHandle"},{"path":"src/components/StackItem/StackItemHeading.tsx","kind":"import-statement","original":"./StackItemHeading"},{"path":"src/components/StackItem/StackItemResizeHandle.tsx","kind":"import-statement","original":"./StackItemResizeHandle"},{"path":"src/components/StackItem/StackItemSigil.tsx","kind":"import-statement","original":"./StackItemSigil"}],"format":"esm"},"src/components/StackItem/index.ts":{"bytes":479,"imports":[{"path":"src/components/StackItem/StackItem.tsx","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/components/index.ts":{"bytes":671,"imports":[{"path":"src/components/Image/index.ts","kind":"import-statement","original":"./Image"},{"path":"src/components/Stack/index.ts","kind":"import-statement","original":"./Stack"},{"path":"src/components/StackItem/index.ts","kind":"import-statement","original":"./StackItem"}],"format":"esm"},"src/exemplars/Card/fragments.ts":{"bytes":4025,"imports":[],"format":"esm"},"src/exemplars/Card/Card.tsx":{"bytes":21691,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","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":"src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"src/translations.ts","kind":"import-statement","original":"../../translations"},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/Card/CardDragPreview.tsx":{"bytes":2606,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/Card/index.ts":{"bytes":656,"imports":[{"path":"src/exemplars/Card/Card.tsx","kind":"import-statement","original":"./Card"},{"path":"src/exemplars/Card/CardDragPreview.tsx","kind":"import-statement","original":"./CardDragPreview"},{"path":"src/exemplars/Card/fragments.ts","kind":"import-statement","original":"./fragments"}],"format":"esm"},"src/exemplars/CardStack/CardStack.tsx":{"bytes":16234,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"src/components/index.ts","kind":"import-statement","original":"../../components"},{"path":"src/exemplars/Card/index.ts","kind":"import-statement","original":"../Card"}],"format":"esm"},"src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytes":6307,"imports":[{"path":"@preact-signals/safe-react/tracking","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":"src/translations.ts","kind":"import-statement","original":"../../translations"}],"format":"esm"},"src/exemplars/CardStack/index.ts":{"bytes":594,"imports":[{"path":"src/exemplars/CardStack/CardStack.tsx","kind":"import-statement","original":"./CardStack"},{"path":"src/exemplars/CardStack/CardStackDragPreview.tsx","kind":"import-statement","original":"./CardStackDragPreview"}],"format":"esm"},"src/exemplars/index.ts":{"bytes":544,"imports":[{"path":"src/exemplars/Card/index.ts","kind":"import-statement","original":"./Card"},{"path":"src/exemplars/CardStack/index.ts","kind":"import-statement","original":"./CardStack"}],"format":"esm"},"src/index.ts":{"bytes":834,"imports":[{"path":"src/components/index.ts","kind":"import-statement","original":"./components"},{"path":"src/exemplars/index.ts","kind":"import-statement","original":"./exemplars"},{"path":"src/translations.ts","kind":"import-statement","original":"./translations"}],"format":"esm"},"src/playwright/stack-manager.ts":{"bytes":7185,"imports":[],"format":"esm"},"src/playwright/index.ts":{"bytes":481,"imports":[{"path":"src/playwright/stack-manager.ts","kind":"import-statement","original":"./stack-manager"}],"format":"esm"},"src/testing/CardContainer.tsx":{"bytes":3553,"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/storybook-utils","kind":"import-statement","external":true},{"path":"src/exemplars/index.ts","kind":"import-statement","original":"../exemplars"}],"format":"esm"},"src/testing/index.ts":{"bytes":478,"imports":[{"path":"src/testing/CardContainer.tsx","kind":"import-statement","original":"./CardContainer"}],"format":"esm"}},"outputs":{"dist/lib/browser/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":93},"dist/lib/browser/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-T4ZCIFCF.mjs","kind":"import-statement"}],"exports":["Card","CardDragPreview","CardStack","CardStackDragPreview","DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Image","Stack","StackContext","StackItem","StackItemDragPreview","autoScrollRootAttributes","cardChrome","cardDefaultInlineSize","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardNoSpacing","cardRoot","cardSpacing","cardStackContent","cardStackDefaultInlineSizeRem","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","cardText","labelSpacing","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":1613},"dist/lib/browser/playwright/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":3701},"dist/lib/browser/playwright/index.mjs":{"imports":[],"exports":["SectionManager","StackManager"],"entryPoint":"src/playwright/index.ts","inputs":{"src/playwright/stack-manager.ts":{"bytesInOutput":1556},"src/playwright/index.ts":{"bytesInOutput":0}},"bytes":1671},"dist/lib/browser/testing/index.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":1782},"dist/lib/browser/testing/index.mjs":{"imports":[{"path":"dist/lib/browser/chunk-T4ZCIFCF.mjs","kind":"import-statement"},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/storybook-utils","kind":"import-statement","external":true}],"exports":["CardContainer"],"entryPoint":"src/testing/index.ts","inputs":{"src/testing/CardContainer.tsx":{"bytesInOutput":1006},"src/testing/index.ts":{"bytesInOutput":0}},"bytes":1151},"dist/lib/browser/chunk-T4ZCIFCF.mjs.map":{"imports":[],"exports":[],"inputs":{},"bytes":104796},"dist/lib/browser/chunk-T4ZCIFCF.mjs":{"imports":[{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","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":"@preact-signals/safe-react/tracking","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/set-custom-native-drag-preview","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":"react-dom","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":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","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":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-dnd","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","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":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-primitive","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","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":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","kind":"import-statement","external":true},{"path":"@radix-ui/react-slot","kind":"import-statement","external":true},{"path":"react","kind":"import-statement","external":true},{"path":"@dxos/react-ui-theme","kind":"import-statement","external":true},{"path":"@preact-signals/safe-react/tracking","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}],"exports":["Card","CardDragPreview","CardStack","CardStackDragPreview","DEFAULT_EXTRINSIC_SIZE","DEFAULT_HORIZONTAL_SIZE","DEFAULT_VERTICAL_SIZE","Image","Stack","StackContext","StackItem","StackItemDragPreview","autoScrollRootAttributes","cardChrome","cardDefaultInlineSize","cardDialogContent","cardDialogHeader","cardDialogOverflow","cardDialogPaddedOverflow","cardDialogSearchListRoot","cardHeading","cardNoSpacing","cardRoot","cardSpacing","cardStackContent","cardStackDefaultInlineSizeRem","cardStackFooter","cardStackHeading","cardStackItem","cardStackRoot","cardText","labelSpacing","railGridHorizontal","railGridHorizontalContainFitContent","railGridVertical","railGridVerticalContainFitContent","translationKey","translations"],"inputs":{"src/components/Image/Image.tsx":{"bytesInOutput":4179},"src/components/StackContext.tsx":{"bytesInOutput":479},"src/components/Stack/Stack.tsx":{"bytesInOutput":11388},"src/hooks/useStackDropForElements.ts":{"bytesInOutput":2000},"src/hooks/index.ts":{"bytesInOutput":0},"src/translations.ts":{"bytesInOutput":495},"src/components/StackItem/StackItem.tsx":{"bytesInOutput":8765},"src/components/StackItem/StackItemContent.tsx":{"bytesInOutput":1700},"src/components/StackItem/StackItemDragHandle.tsx":{"bytesInOutput":504},"src/components/StackItem/StackItemHeading.tsx":{"bytesInOutput":1940},"src/components/StackItem/StackItemResizeHandle.tsx":{"bytesInOutput":698},"src/components/StackItem/StackItemSigil.tsx":{"bytesInOutput":4743},"src/components/StackItem/MenuSignifier.tsx":{"bytesInOutput":679},"src/components/Image/index.ts":{"bytesInOutput":0},"src/components/index.ts":{"bytesInOutput":0},"src/components/Stack/index.ts":{"bytesInOutput":0},"src/components/StackItem/index.ts":{"bytesInOutput":0},"src/exemplars/Card/fragments.ts":{"bytesInOutput":1097},"src/exemplars/Card/Card.tsx":{"bytesInOutput":5799},"src/exemplars/Card/CardDragPreview.tsx":{"bytesInOutput":757},"src/exemplars/CardStack/CardStack.tsx":{"bytesInOutput":4785},"src/exemplars/Card/index.ts":{"bytesInOutput":0},"src/exemplars/CardStack/CardStackDragPreview.tsx":{"bytesInOutput":2018},"src/exemplars/index.ts":{"bytesInOutput":0},"src/exemplars/CardStack/index.ts":{"bytesInOutput":0}},"bytes":53714}}}
|
|
@@ -1,18 +1,11 @@
|
|
|
1
1
|
// src/playwright/stack-manager.ts
|
|
2
|
-
function _define_property(obj, key, value) {
|
|
3
|
-
if (key in obj) {
|
|
4
|
-
Object.defineProperty(obj, key, {
|
|
5
|
-
value,
|
|
6
|
-
enumerable: true,
|
|
7
|
-
configurable: true,
|
|
8
|
-
writable: true
|
|
9
|
-
});
|
|
10
|
-
} else {
|
|
11
|
-
obj[key] = value;
|
|
12
|
-
}
|
|
13
|
-
return obj;
|
|
14
|
-
}
|
|
15
2
|
var StackManager = class {
|
|
3
|
+
locator;
|
|
4
|
+
_page;
|
|
5
|
+
constructor(locator) {
|
|
6
|
+
this.locator = locator;
|
|
7
|
+
this._page = locator.page();
|
|
8
|
+
}
|
|
16
9
|
sections() {
|
|
17
10
|
return this.locator.locator("section");
|
|
18
11
|
}
|
|
@@ -22,14 +15,14 @@ var StackManager = class {
|
|
|
22
15
|
section(index) {
|
|
23
16
|
return new SectionManager(this.locator.locator("section").nth(index));
|
|
24
17
|
}
|
|
18
|
+
};
|
|
19
|
+
var SectionManager = class {
|
|
20
|
+
locator;
|
|
21
|
+
_page;
|
|
25
22
|
constructor(locator) {
|
|
26
|
-
_define_property(this, "locator", void 0);
|
|
27
|
-
_define_property(this, "_page", void 0);
|
|
28
23
|
this.locator = locator;
|
|
29
24
|
this._page = locator.page();
|
|
30
25
|
}
|
|
31
|
-
};
|
|
32
|
-
var SectionManager = class {
|
|
33
26
|
async id() {
|
|
34
27
|
return this.locator.getAttribute("id");
|
|
35
28
|
}
|
|
@@ -60,12 +53,6 @@ var SectionManager = class {
|
|
|
60
53
|
await this._page.mouse.up();
|
|
61
54
|
}
|
|
62
55
|
}
|
|
63
|
-
constructor(locator) {
|
|
64
|
-
_define_property(this, "locator", void 0);
|
|
65
|
-
_define_property(this, "_page", void 0);
|
|
66
|
-
this.locator = locator;
|
|
67
|
-
this._page = locator.page();
|
|
68
|
-
}
|
|
69
56
|
};
|
|
70
57
|
export {
|
|
71
58
|
SectionManager,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/playwright/stack-manager.ts"],
|
|
4
4
|
"sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport type { Locator, Page } from '@playwright/test';\n\nexport class StackManager {\n private readonly _page: Page;\n\n constructor(readonly locator: Locator) {\n this._page = locator.page();\n }\n\n sections(): Locator {\n return this.locator.locator('section');\n }\n\n order() {\n return this.locator.locator('section').evaluateAll((els) => els.map((el) => el.getAttribute('id')));\n }\n\n section(index: number): SectionManager {\n return new SectionManager(this.locator.locator('section').nth(index));\n }\n}\n\nexport class SectionManager {\n private readonly _page: Page;\n\n constructor(readonly locator: Locator) {\n this._page = locator.page();\n }\n\n async id(): Promise<string | null> {\n return this.locator.getAttribute('id');\n }\n\n async remove(): Promise<void> {\n await this.locator.getByTestId('section.drag-handle-menu-trigger').click();\n await this._page.getByTestId('section.remove').click();\n }\n\n async navigateTo(): Promise<void> {\n await this.locator.getByTestId('section.drag-handle-menu-trigger').click();\n await this._page.getByTestId('section.navigate-to').click();\n }\n\n async dragTo(target: Locator, offset: { x: number; y: number } = { x: 0, y: 0 }): Promise<void> {\n const active = this.locator.getByTestId('section.drag-handle-menu-trigger');\n const box = await target.boundingBox();\n if (box) {\n await active.hover();\n await this._page.mouse.down();\n // Timeouts are for input discretization in WebKit\n await this._page.waitForTimeout(100);\n await this._page.pause();\n await this._page.mouse.move(offset.x + box.x + box.width / 2, offset.y + box.y + box.height / 2, { steps: 4 });\n await this._page.pause();\n await this._page.waitForTimeout(100);\n await this._page.mouse.up();\n }\n }\n}\n"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": ["StackManager", "
|
|
5
|
+
"mappings": ";AAMO,IAAMA,eAAN,MAAMA;;EACMC;EAEjB,YAAqBC,SAAkB;SAAlBA,UAAAA;AACnB,SAAKD,QAAQC,QAAQC,KAAI;EAC3B;EAEAC,WAAoB;AAClB,WAAO,KAAKF,QAAQA,QAAQ,SAAA;EAC9B;EAEAG,QAAQ;AACN,WAAO,KAAKH,QAAQA,QAAQ,SAAA,EAAWI,YAAY,CAACC,QAAQA,IAAIC,IAAI,CAACC,OAAOA,GAAGC,aAAa,IAAA,CAAA,CAAA;EAC9F;EAEAC,QAAQC,OAA+B;AACrC,WAAO,IAAIC,eAAe,KAAKX,QAAQA,QAAQ,SAAA,EAAWY,IAAIF,KAAAA,CAAAA;EAChE;AACF;AAEO,IAAMC,iBAAN,MAAMA;;EACMZ;EAEjB,YAAqBC,SAAkB;SAAlBA,UAAAA;AACnB,SAAKD,QAAQC,QAAQC,KAAI;EAC3B;EAEA,MAAMY,KAA6B;AACjC,WAAO,KAAKb,QAAQQ,aAAa,IAAA;EACnC;EAEA,MAAMM,SAAwB;AAC5B,UAAM,KAAKd,QAAQe,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKjB,MAAMgB,YAAY,gBAAA,EAAkBC,MAAK;EACtD;EAEA,MAAMC,aAA4B;AAChC,UAAM,KAAKjB,QAAQe,YAAY,kCAAA,EAAoCC,MAAK;AACxE,UAAM,KAAKjB,MAAMgB,YAAY,qBAAA,EAAuBC,MAAK;EAC3D;EAEA,MAAME,OAAOC,QAAiBC,SAAmC;IAAEC,GAAG;IAAGC,GAAG;EAAE,GAAkB;AAC9F,UAAMC,SAAS,KAAKvB,QAAQe,YAAY,kCAAA;AACxC,UAAMS,MAAM,MAAML,OAAOM,YAAW;AACpC,QAAID,KAAK;AACP,YAAMD,OAAOG,MAAK;AAClB,YAAM,KAAK3B,MAAM4B,MAAMC,KAAI;AAE3B,YAAM,KAAK7B,MAAM8B,eAAe,GAAA;AAChC,YAAM,KAAK9B,MAAM+B,MAAK;AACtB,YAAM,KAAK/B,MAAM4B,MAAMI,KAAKX,OAAOC,IAAIG,IAAIH,IAAIG,IAAIQ,QAAQ,GAAGZ,OAAOE,IAAIE,IAAIF,IAAIE,IAAIS,SAAS,GAAG;QAAEC,OAAO;MAAE,CAAA;AAC5G,YAAM,KAAKnC,MAAM+B,MAAK;AACtB,YAAM,KAAK/B,MAAM8B,eAAe,GAAA;AAChC,YAAM,KAAK9B,MAAM4B,MAAMQ,GAAE;IAC3B;EACF;AACF;",
|
|
6
|
+
"names": ["StackManager", "_page", "locator", "page", "sections", "order", "evaluateAll", "els", "map", "el", "getAttribute", "section", "index", "SectionManager", "nth", "id", "remove", "getByTestId", "click", "navigateTo", "dragTo", "target", "offset", "x", "y", "active", "box", "boundingBox", "hover", "mouse", "down", "waitForTimeout", "pause", "move", "width", "height", "steps", "up"]
|
|
7
7
|
}
|
|
@@ -11,56 +11,25 @@ var Image = ({ classNames, src, alt = "", crossOrigin = "anonymous", sampleSize
|
|
|
11
11
|
const [dominantColor, setDominantColor] = useState(void 0);
|
|
12
12
|
const [imageLoaded, setImageLoaded] = useState(false);
|
|
13
13
|
const canvasRef = useRef(null);
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
const handleImageError = () => {
|
|
15
|
+
setCrossOriginState(void 0);
|
|
16
|
+
};
|
|
17
|
+
const handleImageLoad = ({ target }) => {
|
|
18
|
+
const img = target;
|
|
19
|
+
if (!canvasRef.current) {
|
|
18
20
|
return;
|
|
19
21
|
}
|
|
20
|
-
canvas.width = sampleSize;
|
|
21
|
-
canvas.height = sampleSize;
|
|
22
|
-
ctx.drawImage(img, 0, 0, sampleSize, sampleSize);
|
|
23
22
|
try {
|
|
24
|
-
const
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
for (let i = 0; i < pixels.length; i += 4) {
|
|
31
|
-
const red = pixels[i];
|
|
32
|
-
const green = pixels[i + 1];
|
|
33
|
-
const blue = pixels[i + 2];
|
|
34
|
-
const alpha = pixels[i + 3];
|
|
35
|
-
if (alpha === 0) continue;
|
|
36
|
-
const max = Math.max(red, green, blue);
|
|
37
|
-
const min = Math.min(red, green, blue);
|
|
38
|
-
const saturation = max === 0 ? 0 : (max - min) / max;
|
|
39
|
-
const weight = 1 + saturation * 2;
|
|
40
|
-
r += red * weight;
|
|
41
|
-
g += green * weight;
|
|
42
|
-
b += blue * weight;
|
|
43
|
-
totalWeight += weight;
|
|
44
|
-
}
|
|
45
|
-
if (totalWeight > 0) {
|
|
46
|
-
r = Math.round(r / totalWeight);
|
|
47
|
-
g = Math.round(g / totalWeight);
|
|
48
|
-
b = Math.round(b / totalWeight);
|
|
49
|
-
r = Math.round(r * contrast);
|
|
50
|
-
g = Math.round(g * contrast);
|
|
51
|
-
b = Math.round(b * contrast);
|
|
52
|
-
setDominantColor(`rgb(${r}, ${g}, ${b})`);
|
|
23
|
+
const color = extractDominantColor(canvasRef.current, img, {
|
|
24
|
+
sampleSize,
|
|
25
|
+
contrast
|
|
26
|
+
});
|
|
27
|
+
if (color) {
|
|
28
|
+
setDominantColor(`rgb(${color[0]}, ${color[1]}, ${color[2]})`);
|
|
53
29
|
}
|
|
54
30
|
} catch {
|
|
55
31
|
setCrossOriginState(void 0);
|
|
56
32
|
}
|
|
57
|
-
};
|
|
58
|
-
const handleImageError = () => {
|
|
59
|
-
setCrossOriginState(void 0);
|
|
60
|
-
};
|
|
61
|
-
const handleImageLoad = (ev) => {
|
|
62
|
-
const img = ev.target;
|
|
63
|
-
extractDominantColor(img);
|
|
64
33
|
setImageLoaded(true);
|
|
65
34
|
};
|
|
66
35
|
return /* @__PURE__ */ React.createElement("div", {
|
|
@@ -96,6 +65,67 @@ var Image = ({ classNames, src, alt = "", crossOrigin = "anonymous", sampleSize
|
|
|
96
65
|
_effect.f();
|
|
97
66
|
}
|
|
98
67
|
};
|
|
68
|
+
var extractDominantColor = (canvas, img, { sampleSize = 64, contrast = 0.95 }) => {
|
|
69
|
+
const ctx = canvas.getContext("2d");
|
|
70
|
+
if (!ctx) {
|
|
71
|
+
return null;
|
|
72
|
+
}
|
|
73
|
+
canvas.width = sampleSize;
|
|
74
|
+
canvas.height = sampleSize;
|
|
75
|
+
ctx.drawImage(img, 0, 0, sampleSize, sampleSize);
|
|
76
|
+
const imageData = ctx.getImageData(0, 0, sampleSize, sampleSize);
|
|
77
|
+
const pixels = imageData.data;
|
|
78
|
+
if (isTransparent(pixels, sampleSize)) {
|
|
79
|
+
return null;
|
|
80
|
+
}
|
|
81
|
+
let r = 0;
|
|
82
|
+
let g = 0;
|
|
83
|
+
let b = 0;
|
|
84
|
+
let totalWeight = 0;
|
|
85
|
+
for (let i = 0; i < pixels.length; i += 4) {
|
|
86
|
+
const red = pixels[i];
|
|
87
|
+
const green = pixels[i + 1];
|
|
88
|
+
const blue = pixels[i + 2];
|
|
89
|
+
const alpha = pixels[i + 3];
|
|
90
|
+
if (alpha === 0) continue;
|
|
91
|
+
const max = Math.max(red, green, blue);
|
|
92
|
+
const min = Math.min(red, green, blue);
|
|
93
|
+
const saturation = max === 0 ? 0 : (max - min) / max;
|
|
94
|
+
const weight = 1 + saturation * 2;
|
|
95
|
+
r += red * weight;
|
|
96
|
+
g += green * weight;
|
|
97
|
+
b += blue * weight;
|
|
98
|
+
totalWeight += weight;
|
|
99
|
+
}
|
|
100
|
+
if (totalWeight > 0) {
|
|
101
|
+
r = Math.round(Math.round(r / totalWeight) * contrast);
|
|
102
|
+
g = Math.round(Math.round(g / totalWeight) * contrast);
|
|
103
|
+
b = Math.round(Math.round(b / totalWeight) * contrast);
|
|
104
|
+
return [
|
|
105
|
+
r,
|
|
106
|
+
g,
|
|
107
|
+
b
|
|
108
|
+
];
|
|
109
|
+
}
|
|
110
|
+
return null;
|
|
111
|
+
};
|
|
112
|
+
var isTransparent = (pixels, sampleSize, threshold = 0.5) => {
|
|
113
|
+
let edgeTransparentPixels = 0;
|
|
114
|
+
const edgePixels = sampleSize * 4 - 4;
|
|
115
|
+
for (let x = 0; x < sampleSize; x++) {
|
|
116
|
+
const topIndex = x * 4;
|
|
117
|
+
if (pixels[topIndex + 3] === 0) edgeTransparentPixels++;
|
|
118
|
+
const bottomIndex = ((sampleSize - 1) * sampleSize + x) * 4;
|
|
119
|
+
if (pixels[bottomIndex + 3] === 0) edgeTransparentPixels++;
|
|
120
|
+
}
|
|
121
|
+
for (let y = 1; y < sampleSize - 1; y++) {
|
|
122
|
+
const leftIndex = y * sampleSize * 4;
|
|
123
|
+
if (pixels[leftIndex + 3] === 0) edgeTransparentPixels++;
|
|
124
|
+
const rightIndex = (y * sampleSize + sampleSize - 1) * 4;
|
|
125
|
+
if (pixels[rightIndex + 3] === 0) edgeTransparentPixels++;
|
|
126
|
+
}
|
|
127
|
+
return edgeTransparentPixels / edgePixels > threshold;
|
|
128
|
+
};
|
|
99
129
|
|
|
100
130
|
// src/components/StackContext.tsx
|
|
101
131
|
import { createContext, useContext } from "react";
|
|
@@ -438,7 +468,7 @@ import { draggable, dropTargetForElements as dropTargetForElements2 } from "@atl
|
|
|
438
468
|
import { preserveOffsetOnSource } from "@atlaskit/pragmatic-drag-and-drop/element/preserve-offset-on-source";
|
|
439
469
|
import { setCustomNativeDragPreview } from "@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview";
|
|
440
470
|
import { attachClosestEdge as attachClosestEdge2, extractClosestEdge as extractClosestEdge2 } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
|
|
441
|
-
import { useFocusableGroup
|
|
471
|
+
import { useFocusableGroup } from "@fluentui/react-tabster";
|
|
442
472
|
import { composeRefs as composeRefs2 } from "@radix-ui/react-compose-refs";
|
|
443
473
|
import React9, { forwardRef as forwardRef5, useCallback as useCallback2, useLayoutEffect as useLayoutEffect2, useMemo as useMemo3, useState as useState5 } from "react";
|
|
444
474
|
import { createPortal } from "react-dom";
|
|
@@ -450,7 +480,7 @@ import { mx as mx6 } from "@dxos/react-ui-theme";
|
|
|
450
480
|
import { useSignals as _useSignals3 } from "@preact-signals/safe-react/tracking";
|
|
451
481
|
import React3, { forwardRef as forwardRef2, useMemo as useMemo2 } from "react";
|
|
452
482
|
import { mx as mx3 } from "@dxos/react-ui-theme";
|
|
453
|
-
var StackItemContent = /* @__PURE__ */ forwardRef2(({ children, toolbar, statusbar, layoutManaged, classNames, size = "intrinsic", ...props }, forwardedRef) => {
|
|
483
|
+
var StackItemContent = /* @__PURE__ */ forwardRef2(({ children, toolbar, statusbar, layoutManaged, classNames, size = "intrinsic", scrollable, ...props }, forwardedRef) => {
|
|
454
484
|
var _effect = _useSignals3();
|
|
455
485
|
try {
|
|
456
486
|
const { size: stackItemSize } = useStack();
|
|
@@ -473,7 +503,7 @@ var StackItemContent = /* @__PURE__ */ forwardRef2(({ children, toolbar, statusb
|
|
|
473
503
|
return /* @__PURE__ */ React3.createElement("div", {
|
|
474
504
|
role: "none",
|
|
475
505
|
...props,
|
|
476
|
-
className: mx3("group grid grid-cols-[100%] density-coarse",
|
|
506
|
+
className: mx3("group grid grid-cols-[100%] density-coarse", size === "video" ? "aspect-video" : size === "square" && "aspect-square", stackItemSize === "contain" && "min-bs-0 overflow-hidden", scrollable ? "min-bs-0 overflow-y-auto scrollbar-thin contain-layout" : "overflow-hidden", role === "section" && toolbar && "[&_.dx-toolbar]:sticky [&_.dx-toolbar]:z-[1] [&_.dx-toolbar]:block-start-0 [&_.dx-toolbar]:-mbe-px [&_.dx-toolbar]:min-is-0", toolbar && "[&>.dx-toolbar]:relative [&>.dx-toolbar]:border-be [&>.dx-toolbar]:border-subduedSeparator", classNames),
|
|
477
507
|
style,
|
|
478
508
|
"data-popover-collision-boundary": true,
|
|
479
509
|
ref: forwardedRef
|
|
@@ -503,7 +533,6 @@ var StackItemDragHandle = ({ asChild, children }) => {
|
|
|
503
533
|
|
|
504
534
|
// src/components/StackItem/StackItemHeading.tsx
|
|
505
535
|
import { useSignals as _useSignals5 } from "@preact-signals/safe-react/tracking";
|
|
506
|
-
import { useFocusableGroup } from "@fluentui/react-tabster";
|
|
507
536
|
import { Slot as Slot2 } from "@radix-ui/react-slot";
|
|
508
537
|
import React5, { forwardRef as forwardRef3 } from "react";
|
|
509
538
|
import { useAttention } from "@dxos/react-ui-attention";
|
|
@@ -512,16 +541,11 @@ var StackItemHeading = ({ children, classNames, asChild, separateOnScroll, ...pr
|
|
|
512
541
|
var _effect = _useSignals5();
|
|
513
542
|
try {
|
|
514
543
|
const { orientation } = useStack();
|
|
515
|
-
const focusableGroupAttrs = useFocusableGroup({
|
|
516
|
-
tabBehavior: "limited"
|
|
517
|
-
});
|
|
518
544
|
const Root = asChild ? Slot2 : "div";
|
|
519
545
|
return /* @__PURE__ */ React5.createElement(Root, {
|
|
520
546
|
role: "heading",
|
|
521
547
|
...props,
|
|
522
|
-
|
|
523
|
-
...focusableGroupAttrs,
|
|
524
|
-
className: mx4("flex items-center dx-focus-ring-inset-over-all relative !border-is-0 bg-headerSurface", separateOnScroll ? 'border-transparent [[data-scroll-separator="true"]_&]:border-subduedSeparator' : "border-subduedSeparator", orientation === "horizontal" ? "bs-[--rail-size]" : "is-[--rail-size] flex-col", orientation === "horizontal" ? "border-be" : "border-ie", classNames)
|
|
548
|
+
className: mx4("flex items-center !border-is-0 bg-headerSurface", separateOnScroll ? 'border-transparent [[data-scroll-separator="true"]_&]:border-subduedSeparator' : "border-subduedSeparator", orientation === "horizontal" ? "bs-[--rail-size]" : "is-[--rail-size] flex-col", orientation === "horizontal" ? "border-be" : "border-ie", classNames)
|
|
525
549
|
}, children);
|
|
526
550
|
} finally {
|
|
527
551
|
_effect.f();
|
|
@@ -831,7 +855,7 @@ var StackItemRoot = /* @__PURE__ */ forwardRef5(({ item, children, classNames, s
|
|
|
831
855
|
selfDragHandleElement,
|
|
832
856
|
itemElement
|
|
833
857
|
]);
|
|
834
|
-
const focusableGroupAttrs =
|
|
858
|
+
const focusableGroupAttrs = useFocusableGroup({
|
|
835
859
|
tabBehavior: "limited"
|
|
836
860
|
});
|
|
837
861
|
const shouldShowDropIndicator = () => {
|
|
@@ -933,6 +957,8 @@ import { Slot as Slot3 } from "@radix-ui/react-slot";
|
|
|
933
957
|
import React10, { forwardRef as forwardRef6 } from "react";
|
|
934
958
|
import { Icon as Icon2, IconButton, Toolbar, useTranslation as useTranslation2 } from "@dxos/react-ui";
|
|
935
959
|
import { hoverableControls, mx as mx7 } from "@dxos/react-ui-theme";
|
|
960
|
+
var cardDefaultInlineSize = 18;
|
|
961
|
+
var cardStackDefaultInlineSizeRem = cardDefaultInlineSize + 2.125;
|
|
936
962
|
var CardStaticRoot = /* @__PURE__ */ forwardRef6(({ children, classNames, asChild, role = "group", ...props }, forwardedRef) => {
|
|
937
963
|
var _effect = _useSignals10();
|
|
938
964
|
try {
|
|
@@ -1048,7 +1074,7 @@ var CardPoster = (props) => {
|
|
|
1048
1074
|
if (props.image) {
|
|
1049
1075
|
return /* @__PURE__ */ React10.createElement(Image, {
|
|
1050
1076
|
classNames: [
|
|
1051
|
-
`dx-card__poster is-full
|
|
1077
|
+
`dx-card__poster is-full`,
|
|
1052
1078
|
aspect
|
|
1053
1079
|
],
|
|
1054
1080
|
src: props.image,
|
|
@@ -1409,6 +1435,8 @@ export {
|
|
|
1409
1435
|
cardText,
|
|
1410
1436
|
cardHeading,
|
|
1411
1437
|
cardChrome,
|
|
1438
|
+
cardDefaultInlineSize,
|
|
1439
|
+
cardStackDefaultInlineSizeRem,
|
|
1412
1440
|
Card,
|
|
1413
1441
|
CardDragPreview2 as CardDragPreview,
|
|
1414
1442
|
cardStackHeading,
|
|
@@ -1419,4 +1447,4 @@ export {
|
|
|
1419
1447
|
CardStack,
|
|
1420
1448
|
CardStackDragPreview
|
|
1421
1449
|
};
|
|
1422
|
-
//# sourceMappingURL=chunk-
|
|
1450
|
+
//# sourceMappingURL=chunk-G2QYUH52.mjs.map
|