@dxos/react-ui-mosaic 0.8.4-main.bc674ce → 0.8.4-main.c85a9c8dae

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.
Files changed (186) hide show
  1. package/dist/lib/browser/chunk-7S4PIFKU.mjs +953 -0
  2. package/dist/lib/browser/chunk-7S4PIFKU.mjs.map +7 -0
  3. package/dist/lib/browser/index.mjs +596 -70
  4. package/dist/lib/browser/index.mjs.map +4 -4
  5. package/dist/lib/browser/meta.json +1 -1
  6. package/dist/lib/browser/playwright/index.mjs +138 -0
  7. package/dist/lib/browser/playwright/index.mjs.map +7 -0
  8. package/dist/lib/browser/testing/index.mjs +61 -232
  9. package/dist/lib/browser/testing/index.mjs.map +4 -4
  10. package/dist/lib/node-esm/chunk-MK6KU66S.mjs +955 -0
  11. package/dist/lib/node-esm/chunk-MK6KU66S.mjs.map +7 -0
  12. package/dist/lib/node-esm/index.mjs +596 -70
  13. package/dist/lib/node-esm/index.mjs.map +4 -4
  14. package/dist/lib/node-esm/meta.json +1 -1
  15. package/dist/lib/node-esm/playwright/index.mjs +140 -0
  16. package/dist/lib/node-esm/playwright/index.mjs.map +7 -0
  17. package/dist/lib/node-esm/testing/index.mjs +61 -232
  18. package/dist/lib/node-esm/testing/index.mjs.map +4 -4
  19. package/dist/types/src/components/Board/Board.d.ts +81 -0
  20. package/dist/types/src/components/Board/Board.d.ts.map +1 -0
  21. package/dist/types/src/components/{Mosaic/Mosaic.stories.d.ts → Board/Board.stories.d.ts} +15 -1
  22. package/dist/types/src/components/Board/Board.stories.d.ts.map +1 -0
  23. package/dist/types/src/components/Board/Column.d.ts +40 -0
  24. package/dist/types/src/components/Board/Column.d.ts.map +1 -0
  25. package/dist/types/src/components/Board/Item.d.ts +9 -0
  26. package/dist/types/src/components/Board/Item.d.ts.map +1 -0
  27. package/dist/types/src/components/Board/index.d.ts +2 -0
  28. package/dist/types/src/components/Board/index.d.ts.map +1 -0
  29. package/dist/types/src/components/Focus/Focus.d.ts +5 -4
  30. package/dist/types/src/components/Focus/Focus.d.ts.map +1 -1
  31. package/dist/types/src/components/Focus/index.d.ts +0 -1
  32. package/dist/types/src/components/Focus/index.d.ts.map +1 -1
  33. package/dist/types/src/components/Mosaic/Container.d.ts +42 -0
  34. package/dist/types/src/components/Mosaic/Container.d.ts.map +1 -0
  35. package/dist/types/src/components/Mosaic/Mosaic.d.ts +35 -118
  36. package/dist/types/src/components/Mosaic/Mosaic.d.ts.map +1 -1
  37. package/dist/types/src/components/Mosaic/Placeholder.d.ts +21 -0
  38. package/dist/types/src/components/Mosaic/Placeholder.d.ts.map +1 -0
  39. package/dist/types/src/components/Mosaic/Root.d.ts +36 -0
  40. package/dist/types/src/components/Mosaic/Root.d.ts.map +1 -0
  41. package/dist/types/src/components/Mosaic/Stack.d.ts +23 -0
  42. package/dist/types/src/components/Mosaic/Stack.d.ts.map +1 -0
  43. package/dist/types/src/components/{Stack → Mosaic}/Stack.stories.d.ts +2 -2
  44. package/dist/types/src/components/Mosaic/Stack.stories.d.ts.map +1 -0
  45. package/dist/types/src/components/Mosaic/Tile.d.ts +48 -0
  46. package/dist/types/src/components/Mosaic/Tile.d.ts.map +1 -0
  47. package/dist/types/src/components/Mosaic/styles.d.ts.map +1 -1
  48. package/dist/types/src/components/Mosaic/types.d.ts +9 -2
  49. package/dist/types/src/components/Mosaic/types.d.ts.map +1 -1
  50. package/dist/types/src/components/index.d.ts +1 -4
  51. package/dist/types/src/components/index.d.ts.map +1 -1
  52. package/dist/types/src/hooks/index.d.ts +1 -0
  53. package/dist/types/src/hooks/index.d.ts.map +1 -1
  54. package/dist/types/src/hooks/useDefaultColumnEventHandler.d.ts +15 -0
  55. package/dist/types/src/hooks/useDefaultColumnEventHandler.d.ts.map +1 -0
  56. package/dist/types/src/hooks/useEventHandlerAdapter.d.ts +1 -1
  57. package/dist/types/src/hooks/useEventHandlerAdapter.d.ts.map +1 -1
  58. package/dist/types/src/hooks/useVisibleItems.d.ts +2 -2
  59. package/dist/types/src/hooks/useVisibleItems.d.ts.map +1 -1
  60. package/dist/types/src/playwright/board-manager.d.ts +45 -0
  61. package/dist/types/src/playwright/board-manager.d.ts.map +1 -0
  62. package/dist/types/src/playwright/index.d.ts +9 -0
  63. package/dist/types/src/playwright/index.d.ts.map +1 -0
  64. package/dist/types/src/playwright/playwright.config.d.ts +3 -0
  65. package/dist/types/src/playwright/playwright.config.d.ts.map +1 -0
  66. package/dist/types/src/playwright/smoke.spec.d.ts +2 -0
  67. package/dist/types/src/playwright/smoke.spec.d.ts.map +1 -0
  68. package/dist/types/src/testing/CardContainer.d.ts +5 -4
  69. package/dist/types/src/testing/CardContainer.d.ts.map +1 -1
  70. package/dist/types/src/testing/DefaultStackTile.d.ts +2 -2
  71. package/dist/types/src/testing/DefaultStackTile.d.ts.map +1 -1
  72. package/dist/types/src/testing/index.d.ts +1 -1
  73. package/dist/types/src/testing/index.d.ts.map +1 -1
  74. package/dist/types/src/testing/types.d.ts +21 -0
  75. package/dist/types/src/testing/types.d.ts.map +1 -0
  76. package/dist/types/src/translations.d.ts +5 -1
  77. package/dist/types/src/translations.d.ts.map +1 -1
  78. package/dist/types/tsconfig.tsbuildinfo +1 -1
  79. package/package.json +43 -28
  80. package/src/components/Board/Board.stories.tsx +273 -0
  81. package/src/components/Board/Board.tsx +191 -0
  82. package/src/components/Board/Column.tsx +300 -0
  83. package/src/components/Board/Item.tsx +116 -0
  84. package/src/components/{Layout → Board}/index.ts +1 -1
  85. package/src/components/Focus/Focus.tsx +26 -17
  86. package/src/components/Focus/index.ts +0 -2
  87. package/src/components/Mosaic/Container.tsx +289 -0
  88. package/src/components/Mosaic/Mosaic.tsx +35 -913
  89. package/src/components/Mosaic/Placeholder.tsx +133 -0
  90. package/src/components/Mosaic/Root.tsx +292 -0
  91. package/src/components/{Stack → Mosaic}/Stack.stories.tsx +30 -26
  92. package/src/components/Mosaic/Stack.tsx +246 -0
  93. package/src/components/Mosaic/Tile.tsx +242 -0
  94. package/src/components/Mosaic/extension.ts +1 -1
  95. package/src/components/Mosaic/styles.ts +9 -8
  96. package/src/components/Mosaic/types.ts +15 -3
  97. package/src/components/index.ts +1 -4
  98. package/src/hooks/index.ts +1 -0
  99. package/src/hooks/useContainerDebug.tsx +4 -2
  100. package/src/hooks/useDefaultColumnEventHandler.ts +35 -0
  101. package/src/hooks/useEventHandlerAdapter.ts +15 -6
  102. package/src/hooks/useVisibleItems.ts +7 -2
  103. package/src/playwright/board-manager.ts +154 -0
  104. package/src/playwright/index.ts +13 -0
  105. package/src/playwright/playwright.config.ts +17 -0
  106. package/src/playwright/smoke.spec.ts +138 -0
  107. package/src/testing/CardContainer.tsx +30 -18
  108. package/src/testing/DefaultStackTile.tsx +27 -16
  109. package/src/testing/index.ts +1 -1
  110. package/src/testing/types.ts +38 -0
  111. package/src/translations.ts +5 -1
  112. package/dist/lib/browser/chunk-UMBPEG4F.mjs +0 -1637
  113. package/dist/lib/browser/chunk-UMBPEG4F.mjs.map +0 -7
  114. package/dist/lib/browser/index.css +0 -13
  115. package/dist/lib/browser/index.css.map +0 -7
  116. package/dist/lib/browser/testing/index.css +0 -13
  117. package/dist/lib/browser/testing/index.css.map +0 -7
  118. package/dist/lib/node-esm/chunk-X6GV7SMK.mjs +0 -1639
  119. package/dist/lib/node-esm/chunk-X6GV7SMK.mjs.map +0 -7
  120. package/dist/lib/node-esm/index.css +0 -13
  121. package/dist/lib/node-esm/index.css.map +0 -7
  122. package/dist/lib/node-esm/testing/index.css +0 -13
  123. package/dist/lib/node-esm/testing/index.css.map +0 -7
  124. package/dist/types/src/components/Card/Card.d.ts +0 -121
  125. package/dist/types/src/components/Card/Card.d.ts.map +0 -1
  126. package/dist/types/src/components/Card/Card.stories.d.ts +0 -21
  127. package/dist/types/src/components/Card/Card.stories.d.ts.map +0 -1
  128. package/dist/types/src/components/Card/CardDragPreview.d.ts +0 -6
  129. package/dist/types/src/components/Card/CardDragPreview.d.ts.map +0 -1
  130. package/dist/types/src/components/Card/index.d.ts +0 -4
  131. package/dist/types/src/components/Card/index.d.ts.map +0 -1
  132. package/dist/types/src/components/Card/styles.d.ts +0 -13
  133. package/dist/types/src/components/Card/styles.d.ts.map +0 -1
  134. package/dist/types/src/components/Focus/styles.d.ts +0 -6
  135. package/dist/types/src/components/Focus/styles.d.ts.map +0 -1
  136. package/dist/types/src/components/Image/Image.d.ts +0 -14
  137. package/dist/types/src/components/Image/Image.d.ts.map +0 -1
  138. package/dist/types/src/components/Image/Image.stories.d.ts +0 -33
  139. package/dist/types/src/components/Image/Image.stories.d.ts.map +0 -1
  140. package/dist/types/src/components/Image/index.d.ts +0 -2
  141. package/dist/types/src/components/Image/index.d.ts.map +0 -1
  142. package/dist/types/src/components/Layout/Layout.d.ts +0 -33
  143. package/dist/types/src/components/Layout/Layout.d.ts.map +0 -1
  144. package/dist/types/src/components/Layout/Layout.stories.d.ts +0 -10
  145. package/dist/types/src/components/Layout/Layout.stories.d.ts.map +0 -1
  146. package/dist/types/src/components/Layout/index.d.ts +0 -2
  147. package/dist/types/src/components/Layout/index.d.ts.map +0 -1
  148. package/dist/types/src/components/Mosaic/Mosaic.stories.d.ts.map +0 -1
  149. package/dist/types/src/components/Scrollable/Scrollable.d.ts +0 -24
  150. package/dist/types/src/components/Scrollable/Scrollable.d.ts.map +0 -1
  151. package/dist/types/src/components/Scrollable/Scrollable.stories.d.ts +0 -10
  152. package/dist/types/src/components/Scrollable/Scrollable.stories.d.ts.map +0 -1
  153. package/dist/types/src/components/Scrollable/index.d.ts +0 -2
  154. package/dist/types/src/components/Scrollable/index.d.ts.map +0 -1
  155. package/dist/types/src/components/Stack/Stack.d.ts +0 -22
  156. package/dist/types/src/components/Stack/Stack.d.ts.map +0 -1
  157. package/dist/types/src/components/Stack/Stack.stories.d.ts.map +0 -1
  158. package/dist/types/src/components/Stack/index.d.ts +0 -2
  159. package/dist/types/src/components/Stack/index.d.ts.map +0 -1
  160. package/dist/types/src/testing/Board.d.ts +0 -45
  161. package/dist/types/src/testing/Board.d.ts.map +0 -1
  162. package/dist/types/src/testing/Slot.stories.d.ts +0 -14
  163. package/dist/types/src/testing/Slot.stories.d.ts.map +0 -1
  164. package/dist/types/src/testing/Virtualizer.stories.d.ts +0 -12
  165. package/dist/types/src/testing/Virtualizer.stories.d.ts.map +0 -1
  166. package/src/components/Card/Card.stories.tsx +0 -148
  167. package/src/components/Card/Card.tsx +0 -458
  168. package/src/components/Card/CardDragPreview.tsx +0 -23
  169. package/src/components/Card/index.ts +0 -8
  170. package/src/components/Card/styles.ts +0 -23
  171. package/src/components/Focus/styles.ts +0 -24
  172. package/src/components/Image/Image.stories.tsx +0 -86
  173. package/src/components/Image/Image.tsx +0 -223
  174. package/src/components/Image/index.ts +0 -5
  175. package/src/components/Layout/Layout.stories.tsx +0 -59
  176. package/src/components/Layout/Layout.tsx +0 -108
  177. package/src/components/Mosaic/Mosaic.stories.tsx +0 -113
  178. package/src/components/Scrollable/Scrollable.stories.tsx +0 -59
  179. package/src/components/Scrollable/Scrollable.tsx +0 -88
  180. package/src/components/Scrollable/index.ts +0 -5
  181. package/src/components/Scrollable/scrollable.css +0 -20
  182. package/src/components/Stack/Stack.tsx +0 -210
  183. package/src/components/Stack/index.ts +0 -5
  184. package/src/testing/Board.tsx +0 -278
  185. package/src/testing/Slot.stories.tsx +0 -101
  186. package/src/testing/Virtualizer.stories.tsx +0 -133
@@ -1,2 +0,0 @@
1
- export * from './Image';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}
@@ -1,33 +0,0 @@
1
- import React, { type HTMLAttributes, type PropsWithChildren } from 'react';
2
- import { type ThemedClassName } from '@dxos/react-ui';
3
- type MainProps = ThemedClassName<PropsWithChildren<{
4
- role?: string;
5
- toolbar?: boolean;
6
- statusbar?: boolean;
7
- }>>;
8
- type ContainerProps = ThemedClassName<PropsWithChildren<{
9
- role?: string;
10
- scrollable?: boolean;
11
- }>>;
12
- type FlexProps = ThemedClassName<HTMLAttributes<HTMLDivElement> & {
13
- column?: boolean;
14
- grow?: boolean;
15
- }>;
16
- export declare const Layout: {
17
- Main: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<{
18
- role?: string;
19
- toolbar?: boolean;
20
- statusbar?: boolean;
21
- }>, "className"> & {
22
- classNames?: import("@dxos/ui-types").ClassNameValue;
23
- } & React.RefAttributes<HTMLDivElement>>;
24
- Container: React.ForwardRefExoticComponent<Omit<React.PropsWithChildren<{
25
- role?: string;
26
- scrollable?: boolean;
27
- }>, "className"> & {
28
- classNames?: import("@dxos/ui-types").ClassNameValue;
29
- } & React.RefAttributes<HTMLDivElement>>;
30
- Flex: ({ children, classNames, role, column, grow }: FlexProps) => React.JSX.Element;
31
- };
32
- export type { MainProps as LayoutMainProps, ContainerProps as LayoutContainerProps, FlexProps as LayoutFlexProps };
33
- //# sourceMappingURL=Layout.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/Layout.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAEhG,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAOtD,KAAK,SAAS,GAAG,eAAe,CAC9B,iBAAiB,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC,CACH,CAAC;AAmCF,KAAK,cAAc,GAAG,eAAe,CACnC,iBAAiB,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC,CACH,CAAC;AAoBF,KAAK,SAAS,GAAG,eAAe,CAC9B,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CACF,CAAC;AAiBF,eAAO,MAAM,MAAM;;eAtFR,MAAM;kBACH,OAAO;oBACL,OAAO;;;;;eAuCZ,MAAM;qBACA,OAAO;;;;yDA6BoC,SAAS;CAmBpE,CAAC;AAEF,YAAY,EAAE,SAAS,IAAI,eAAe,EAAE,cAAc,IAAI,oBAAoB,EAAE,SAAS,IAAI,eAAe,EAAE,CAAC"}
@@ -1,10 +0,0 @@
1
- import { type Meta, type StoryObj } from '@storybook/react-vite';
2
- import React from 'react';
3
- declare const DefaultStory: ({ count }: {
4
- count: number;
5
- }) => React.JSX.Element;
6
- declare const meta: Meta<typeof DefaultStory>;
7
- export default meta;
8
- type Story = StoryObj<typeof meta>;
9
- export declare const Default: Story;
10
- //# sourceMappingURL=Layout.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Layout.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/Layout.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,QAAA,MAAM,YAAY,GAAI,WAAW;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,sBAyBjD,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAOnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './Layout';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Layout/index.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Mosaic.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Mosaic/Mosaic.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,MAAM,OAAO,CAAC;AAoC1B,KAAK,UAAU,GAAG;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAwBF,QAAA,MAAM,IAAI;;wBAtB+B,UAAU;;;;;;;;;;;;;CAiDd,CAAC;AAEtC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC"}
@@ -1,24 +0,0 @@
1
- import { type OverlayScrollbarsComponentProps } from 'overlayscrollbars-react';
2
- import React, { type RefCallback } from 'react';
3
- import { type ThemedClassName } from '@dxos/react-ui';
4
- import { type Axis } from '../Mosaic';
5
- import 'overlayscrollbars/styles/overlayscrollbars.css';
6
- import './scrollable.css';
7
- export type ScrollableProps = ThemedClassName<Omit<OverlayScrollbarsComponentProps, 'ref'>> & {
8
- axis?: Axis;
9
- padding?: boolean;
10
- onScroll?: (event: Event) => void;
11
- viewportRef?: RefCallback<HTMLElement | null>;
12
- };
13
- /**
14
- * https://www.npmjs.com/package/overlayscrollbars-react
15
- */
16
- export declare const Scrollable: React.ForwardRefExoticComponent<Omit<Omit<OverlayScrollbarsComponentProps, "ref">, "className"> & {
17
- classNames?: import("@dxos/ui-types").ClassNameValue;
18
- } & {
19
- axis?: Axis;
20
- padding?: boolean;
21
- onScroll?: (event: Event) => void;
22
- viewportRef?: RefCallback<HTMLElement | null>;
23
- } & React.RefAttributes<HTMLDivElement>>;
24
- //# sourceMappingURL=Scrollable.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Scrollable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Scrollable/Scrollable.tsx"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,+BAA+B,EAErC,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,EAAE,KAAK,WAAW,EAA+D,MAAM,OAAO,CAAC;AAE7G,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAGtD,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,WAAW,CAAC;AAEtC,OAAO,gDAAgD,CAAC;AACxD,OAAO,kBAAkB,CAAC;AAU1B,MAAM,MAAM,eAAe,GAAG,eAAe,CAAC,IAAI,CAAC,+BAA+B,EAAE,KAAK,CAAC,CAAC,GAAG;IAC5F,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAC/C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU;;;WATd,IAAI;cACD,OAAO;eACN,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI;kBACnB,WAAW,CAAC,WAAW,GAAG,IAAI,CAAC;wCAuD9C,CAAC"}
@@ -1,10 +0,0 @@
1
- import { type Meta, type StoryObj } from '@storybook/react-vite';
2
- import { Scrollable } from './Scrollable';
3
- declare const meta: Meta<typeof Scrollable>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Vertical: Story;
7
- export declare const Horizontal: Story;
8
- export declare const VerticalPadding: Story;
9
- export declare const HorizontalPadding: Story;
10
- //# sourceMappingURL=Scrollable.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Scrollable.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Scrollable/Scrollable.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAMjE,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAC;AAUhE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAQjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAIxB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAK/B,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './Scrollable';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Scrollable/index.ts"],"names":[],"mappings":"AAIA,cAAc,cAAc,CAAC"}
@@ -1,22 +0,0 @@
1
- import { type ReactVirtualizerOptions } from '@tanstack/react-virtual';
2
- import { type FC, type ReactElement, type Ref } from 'react';
3
- import { type SlottableClassName } from '@dxos/react-ui';
4
- import { type Axis, type GetId, type MosaicTileProps } from '../Mosaic';
5
- type StackTileComponent<TData = any> = FC<MosaicTileProps<TData>>;
6
- type StackProps<TData = any> = SlottableClassName<{
7
- Tile: StackTileComponent<TData>;
8
- getId: GetId<TData>;
9
- role?: string;
10
- axis?: Axis;
11
- items?: TData[];
12
- } & Pick<MosaicTileProps<TData>, 'draggable' | 'debug'>>;
13
- declare const Stack: <TData = any>(props: StackProps<TData> & {
14
- ref?: Ref<HTMLDivElement>;
15
- }) => ReactElement;
16
- type VirtualStackProps<TData = any> = StackProps<TData> & Pick<ReactVirtualizerOptions<HTMLElement, HTMLDivElement>, 'estimateSize' | 'getScrollElement' | 'overscan' | 'onChange'>;
17
- declare const VirtualStack: <TData = any>(props: VirtualStackProps<TData> & {
18
- ref?: Ref<HTMLDivElement>;
19
- }) => ReactElement;
20
- export { Stack, VirtualStack };
21
- export type { StackTileComponent, StackProps, VirtualStackProps };
22
- //# sourceMappingURL=Stack.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,uBAAuB,EAAkB,MAAM,yBAAyB,CAAC;AACvF,OAAc,EAAE,KAAK,EAAE,EAAY,KAAK,YAAY,EAAE,KAAK,GAAG,EAAc,MAAM,OAAO,CAAC;AAG1F,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIzD,OAAO,EACL,KAAK,IAAI,EACT,KAAK,KAAK,EAEV,KAAK,eAAe,EAGrB,MAAM,WAAW,CAAC;AAGnB,KAAK,kBAAkB,CAAC,KAAK,GAAG,GAAG,IAAI,EAAE,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC;AAElE,KAAK,UAAU,CAAC,KAAK,GAAG,GAAG,IAAI,kBAAkB,CAC/C;IACE,IAAI,EAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAChC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;CACjB,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,CACxD,CAAC;AA0CF,QAAA,MAAM,KAAK,EAAiB,CAAC,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KAAK,YAAY,CAAC;AAMpH,KAAK,iBAAiB,CAAC,KAAK,GAAG,GAAG,IAAI,UAAU,CAAC,KAAK,CAAC,GACrD,IAAI,CACF,uBAAuB,CAAC,WAAW,EAAE,cAAc,CAAC,EACpD,cAAc,GAAG,kBAAkB,GAAG,UAAU,GAAG,UAAU,CAC9D,CAAC;AAgGJ,QAAA,MAAM,YAAY,EAAwB,CAAC,KAAK,GAAG,GAAG,EACpD,KAAK,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KAC5D,YAAY,CAAC;AAyBlB,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AAE/B,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,iBAAiB,EAAE,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Stack.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Stack/Stack.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAIjE,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AASjC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAehC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAarC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAmCrB,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from './Stack';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Stack/index.ts"],"names":[],"mappings":"AAIA,cAAc,SAAS,CAAC"}
@@ -1,45 +0,0 @@
1
- import * as Schema from 'effect/Schema';
2
- import React from 'react';
3
- import { Ref, Type } from '@dxos/echo';
4
- import { type MosaicTileProps, type MosiacPlaceholderProps } from '../components';
5
- export declare const TestItem: Type.Obj<{
6
- readonly label?: string | undefined;
7
- readonly name: string;
8
- readonly description?: string | undefined;
9
- }, Schema.Struct.Fields>;
10
- export interface TestItem extends Schema.Schema.Type<typeof TestItem> {
11
- }
12
- export declare const TestColumn: Type.Obj<{
13
- readonly id: string;
14
- readonly items: import("@dxos/echo/internal").Ref<import("@dxos/echo/Entity").OfKind<import("@dxos/echo/internal").EntityKind.Object> & {
15
- readonly label?: string | undefined;
16
- readonly name: string;
17
- readonly description?: string | undefined;
18
- }>[];
19
- }, Schema.Struct.Fields>;
20
- export interface TestColumn extends Schema.Schema.Type<typeof TestColumn> {
21
- }
22
- type RootProps = {
23
- id: string;
24
- columns: TestColumn[];
25
- debug?: boolean;
26
- };
27
- type ColumnProps = Pick<MosaicTileProps<TestColumn>, 'classNames' | 'location' | 'data' | 'debug'>;
28
- type ItemProps = Pick<MosaicTileProps<Ref.Ref<TestItem>>, 'classNames' | 'location' | 'data' | 'debug'>;
29
- export declare const Debug: React.ForwardRefExoticComponent<Omit<{}, "className"> & {
30
- classNames?: import("@dxos/ui-types").ClassNameValue;
31
- } & React.RefAttributes<HTMLDivElement>>;
32
- export declare const Board: {
33
- Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLDivElement>>;
34
- Column: React.ForwardRefExoticComponent<ColumnProps & React.RefAttributes<HTMLDivElement>>;
35
- Item: React.ForwardRefExoticComponent<ItemProps & React.RefAttributes<HTMLDivElement>>;
36
- Placeholder: {
37
- (props: MosiacPlaceholderProps<number>): React.JSX.Element;
38
- displayName: string;
39
- };
40
- Debug: React.ForwardRefExoticComponent<Omit<{}, "className"> & {
41
- classNames?: import("@dxos/ui-types").ClassNameValue;
42
- } & React.RefAttributes<HTMLDivElement>>;
43
- };
44
- export type { RootProps, ColumnProps, ItemProps };
45
- //# sourceMappingURL=Board.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Board.d.ts","sourceRoot":"","sources":["../../../../src/testing/Board.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,MAAM,eAAe,CAAC;AACxC,OAAO,KAAgD,MAAM,OAAO,CAAC;AAErE,OAAO,EAAO,GAAG,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAO5C,OAAO,EAKL,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAG5B,MAAM,eAAe,CAAC;AAOvB,eAAO,MAAM,QAAQ;;;;wBASpB,CAAC;AAEF,MAAM,WAAW,QAAS,SAAQ,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,QAAQ,CAAC;CAAG;AAExE,eAAO,MAAM,UAAU;;;;;;;wBAQtB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,UAAU,CAAC;CAAG;AAM5E,KAAK,SAAS,GAAG;IACf,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AA4CF,KAAK,WAAW,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAiFnG,KAAK,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAoExG,eAAO,MAAM,KAAK;;wCAUhB,CAAC;AAQH,eAAO,MAAM,KAAK;;;;;gBArCU,sBAAsB,CAAC,MAAM,CAAC;;;;;;CAqCK,CAAC;AAEhE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}
@@ -1,14 +0,0 @@
1
- import { type StoryObj } from '@storybook/react-vite';
2
- declare const meta: {
3
- title: string;
4
- decorators: import("@storybook/react").Decorator[];
5
- parameters: {
6
- layout: string;
7
- };
8
- };
9
- export default meta;
10
- type Story = StoryObj<typeof meta>;
11
- export declare const Single: Story;
12
- export declare const Nested: Story;
13
- export declare const Inner: Story;
14
- //# sourceMappingURL=Slot.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Slot.stories.d.ts","sourceRoot":"","sources":["../../../../src/testing/Slot.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAyEjE,QAAA,MAAM,IAAI;;;;;;CAMM,CAAC;AAEjB,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC"}
@@ -1,12 +0,0 @@
1
- import { type Meta } from '@storybook/react-vite';
2
- import React from 'react';
3
- import { type Stack } from '../components';
4
- declare const meta: Meta<typeof Stack>;
5
- export default meta;
6
- /**
7
- * https://tanstack.com/virtual/latest/docs/introduction
8
- */
9
- export declare const Default: {
10
- render: () => React.JSX.Element;
11
- };
12
- //# sourceMappingURL=Virtualizer.stories.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Virtualizer.stories.d.ts","sourceRoot":"","sources":["../../../../src/testing/Virtualizer.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAElD,OAAO,KAA+C,MAAM,OAAO,CAAC;AAOpE,OAAO,EAAU,KAAK,KAAK,EAAE,MAAM,eAAe,CAAC;AAMnD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAM5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB;;GAEG;AACH,eAAO,MAAM,OAAO;;CAgEnB,CAAC"}
@@ -1,148 +0,0 @@
1
- //
2
- // Copyright 2025 DXOS.org
3
- //
4
-
5
- import { type Meta, type StoryObj } from '@storybook/react-vite';
6
- import React, { useRef } from 'react';
7
-
8
- import { faker } from '@dxos/random';
9
- import { Icon } from '@dxos/react-ui';
10
- import { withLayout, withTheme } from '@dxos/react-ui/testing';
11
-
12
- import { Card } from './Card';
13
-
14
- faker.seed(0);
15
-
16
- type CardStoryProps = {
17
- title: string;
18
- description?: string;
19
- image?: string;
20
- fullWidth?: boolean;
21
- };
22
-
23
- const DefaultStory = ({ title, description, image, fullWidth }: CardStoryProps) => {
24
- const handleRef = useRef<HTMLButtonElement>(null);
25
- return (
26
- <Card.Root fullWidth={fullWidth}>
27
- <Card.Toolbar>
28
- <Card.DragHandle ref={handleRef} />
29
- <Card.Title>{title}</Card.Title>
30
- <Card.Close onClick={() => console.log('close')} />
31
- </Card.Toolbar>
32
- <Card.Content>
33
- <Card.Poster alt='Card.Poster' image={image} />
34
- <Card.Row icon='ph--dot-outline--regular'>
35
- <Card.Heading>Card.Heading</Card.Heading>
36
- </Card.Row>
37
- <Card.Row icon='ph--dot-outline--regular'>
38
- <Card.Text>Card.Text (default)</Card.Text>
39
- </Card.Row>
40
- <Card.Row icon='ph--dot-outline--regular'>
41
- <Card.Text variant='description'>
42
- Card.Text (description)
43
- <br />
44
- {description}
45
- </Card.Text>
46
- </Card.Row>
47
- <Card.Row icon='ph--dot-outline--regular'>
48
- <Card.Heading variant='subtitle'>Card.Heading (subtitle)</Card.Heading>
49
- </Card.Row>
50
- <Card.Action label='Card.Action' onClick={() => console.log('action')} />
51
- <Card.Link label='Card.Link' href='https://dxos.org' />
52
- </Card.Content>
53
- </Card.Root>
54
- );
55
- };
56
-
57
- const meta = {
58
- title: 'ui/react-ui-mosaic/Card',
59
- render: DefaultStory,
60
- decorators: [withTheme, withLayout({ layout: 'column', classNames: 'grid is-[30rem] place-items-center' })],
61
- } satisfies Meta<typeof DefaultStory>;
62
-
63
- export default meta;
64
-
65
- type Story = StoryObj<typeof meta>;
66
-
67
- const image = faker.image.url();
68
-
69
- export const Default: Story = {
70
- args: {
71
- title: faker.commerce.productName(),
72
- description: faker.lorem.paragraph(3),
73
- image,
74
- },
75
- };
76
-
77
- export const FullWidth: Story = {
78
- args: {
79
- title: faker.commerce.productName(),
80
- description: faker.lorem.paragraph(3),
81
- image,
82
- fullWidth: true,
83
- },
84
- };
85
-
86
- export const Simple: Story = {
87
- args: {
88
- title: faker.commerce.productName(),
89
- },
90
- render: ({ title }) => {
91
- const handleRef = useRef<HTMLButtonElement>(null);
92
- return (
93
- <Card.Root>
94
- <Card.Toolbar>
95
- <Card.DragHandle ref={handleRef} />
96
- <Card.Title>{title}</Card.Title>
97
- <Card.Close onClick={() => console.log('close')} />
98
- </Card.Toolbar>
99
- </Card.Root>
100
- );
101
- },
102
- };
103
-
104
- export const Description: Story = {
105
- args: {
106
- title: faker.commerce.productName(),
107
- description: faker.lorem.paragraph(3),
108
- },
109
- render: ({ title, description }) => {
110
- const handleRef = useRef<HTMLButtonElement>(null);
111
- return (
112
- <Card.Root>
113
- <Card.Toolbar>
114
- <Card.DragHandle ref={handleRef} />
115
- <Card.Title>{title}</Card.Title>
116
- <Card.Close onClick={() => console.log('close')} />
117
- </Card.Toolbar>
118
- <Card.Content>
119
- <Card.Row>
120
- <Card.Text variant='description'>{description}</Card.Text>
121
- </Card.Row>
122
- </Card.Content>
123
- </Card.Root>
124
- );
125
- },
126
- };
127
-
128
- export const Mock = () => (
129
- <div className='grid grid-cols-[2rem_1fr_2rem] is-full card-min-width card-max-width border border-separator rounded-sm'>
130
- <div className='grid grid-cols-subgrid col-span-full'>
131
- <div role='none' className='grid bs-[var(--rail-item)] is-[var(--rail-item)] place-items-center'>
132
- <Icon icon='ph--dots-six-vertical--regular' />
133
- </div>
134
- <div className='p-1 truncate text-description items-center'>This line is very very long and it should wrap.</div>
135
- <div role='none' className='grid bs-[var(--rail-item)] is-[var(--rail-item)] place-items-center'>
136
- <Icon icon='ph--x--regular' />
137
- </div>
138
- </div>
139
- <div className='grid grid-cols-subgrid col-span-3'>
140
- <div role='none' className='grid bs-[var(--rail-item)] is-[var(--rail-item)] place-items-center'>
141
- <Icon icon='ph--dots-six-vertical--regular' />
142
- </div>
143
- <div className='p-1 text-description items-center col-span-2'>
144
- This line is very very long and it should wrap.
145
- </div>
146
- </div>
147
- </div>
148
- );