@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.
- package/dist/lib/browser/chunk-7S4PIFKU.mjs +953 -0
- package/dist/lib/browser/chunk-7S4PIFKU.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +596 -70
- package/dist/lib/browser/index.mjs.map +4 -4
- package/dist/lib/browser/meta.json +1 -1
- package/dist/lib/browser/playwright/index.mjs +138 -0
- package/dist/lib/browser/playwright/index.mjs.map +7 -0
- package/dist/lib/browser/testing/index.mjs +61 -232
- package/dist/lib/browser/testing/index.mjs.map +4 -4
- package/dist/lib/node-esm/chunk-MK6KU66S.mjs +955 -0
- package/dist/lib/node-esm/chunk-MK6KU66S.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +596 -70
- package/dist/lib/node-esm/index.mjs.map +4 -4
- package/dist/lib/node-esm/meta.json +1 -1
- package/dist/lib/node-esm/playwright/index.mjs +140 -0
- package/dist/lib/node-esm/playwright/index.mjs.map +7 -0
- package/dist/lib/node-esm/testing/index.mjs +61 -232
- package/dist/lib/node-esm/testing/index.mjs.map +4 -4
- package/dist/types/src/components/Board/Board.d.ts +81 -0
- package/dist/types/src/components/Board/Board.d.ts.map +1 -0
- package/dist/types/src/components/{Mosaic/Mosaic.stories.d.ts → Board/Board.stories.d.ts} +15 -1
- package/dist/types/src/components/Board/Board.stories.d.ts.map +1 -0
- package/dist/types/src/components/Board/Column.d.ts +40 -0
- package/dist/types/src/components/Board/Column.d.ts.map +1 -0
- package/dist/types/src/components/Board/Item.d.ts +9 -0
- package/dist/types/src/components/Board/Item.d.ts.map +1 -0
- package/dist/types/src/components/Board/index.d.ts +2 -0
- package/dist/types/src/components/Board/index.d.ts.map +1 -0
- package/dist/types/src/components/Focus/Focus.d.ts +5 -4
- package/dist/types/src/components/Focus/Focus.d.ts.map +1 -1
- package/dist/types/src/components/Focus/index.d.ts +0 -1
- package/dist/types/src/components/Focus/index.d.ts.map +1 -1
- package/dist/types/src/components/Mosaic/Container.d.ts +42 -0
- package/dist/types/src/components/Mosaic/Container.d.ts.map +1 -0
- package/dist/types/src/components/Mosaic/Mosaic.d.ts +35 -118
- package/dist/types/src/components/Mosaic/Mosaic.d.ts.map +1 -1
- package/dist/types/src/components/Mosaic/Placeholder.d.ts +21 -0
- package/dist/types/src/components/Mosaic/Placeholder.d.ts.map +1 -0
- package/dist/types/src/components/Mosaic/Root.d.ts +36 -0
- package/dist/types/src/components/Mosaic/Root.d.ts.map +1 -0
- package/dist/types/src/components/Mosaic/Stack.d.ts +23 -0
- package/dist/types/src/components/Mosaic/Stack.d.ts.map +1 -0
- package/dist/types/src/components/{Stack → Mosaic}/Stack.stories.d.ts +2 -2
- package/dist/types/src/components/Mosaic/Stack.stories.d.ts.map +1 -0
- package/dist/types/src/components/Mosaic/Tile.d.ts +48 -0
- package/dist/types/src/components/Mosaic/Tile.d.ts.map +1 -0
- package/dist/types/src/components/Mosaic/styles.d.ts.map +1 -1
- package/dist/types/src/components/Mosaic/types.d.ts +9 -2
- package/dist/types/src/components/Mosaic/types.d.ts.map +1 -1
- package/dist/types/src/components/index.d.ts +1 -4
- package/dist/types/src/components/index.d.ts.map +1 -1
- package/dist/types/src/hooks/index.d.ts +1 -0
- package/dist/types/src/hooks/index.d.ts.map +1 -1
- package/dist/types/src/hooks/useDefaultColumnEventHandler.d.ts +15 -0
- package/dist/types/src/hooks/useDefaultColumnEventHandler.d.ts.map +1 -0
- package/dist/types/src/hooks/useEventHandlerAdapter.d.ts +1 -1
- package/dist/types/src/hooks/useEventHandlerAdapter.d.ts.map +1 -1
- package/dist/types/src/hooks/useVisibleItems.d.ts +2 -2
- package/dist/types/src/hooks/useVisibleItems.d.ts.map +1 -1
- package/dist/types/src/playwright/board-manager.d.ts +45 -0
- package/dist/types/src/playwright/board-manager.d.ts.map +1 -0
- package/dist/types/src/playwright/index.d.ts +9 -0
- package/dist/types/src/playwright/index.d.ts.map +1 -0
- package/dist/types/src/playwright/playwright.config.d.ts +3 -0
- package/dist/types/src/playwright/playwright.config.d.ts.map +1 -0
- package/dist/types/src/playwright/smoke.spec.d.ts +2 -0
- package/dist/types/src/playwright/smoke.spec.d.ts.map +1 -0
- package/dist/types/src/testing/CardContainer.d.ts +5 -4
- package/dist/types/src/testing/CardContainer.d.ts.map +1 -1
- package/dist/types/src/testing/DefaultStackTile.d.ts +2 -2
- package/dist/types/src/testing/DefaultStackTile.d.ts.map +1 -1
- package/dist/types/src/testing/index.d.ts +1 -1
- package/dist/types/src/testing/index.d.ts.map +1 -1
- package/dist/types/src/testing/types.d.ts +21 -0
- package/dist/types/src/testing/types.d.ts.map +1 -0
- package/dist/types/src/translations.d.ts +5 -1
- package/dist/types/src/translations.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +43 -28
- package/src/components/Board/Board.stories.tsx +273 -0
- package/src/components/Board/Board.tsx +191 -0
- package/src/components/Board/Column.tsx +300 -0
- package/src/components/Board/Item.tsx +116 -0
- package/src/components/{Layout → Board}/index.ts +1 -1
- package/src/components/Focus/Focus.tsx +26 -17
- package/src/components/Focus/index.ts +0 -2
- package/src/components/Mosaic/Container.tsx +289 -0
- package/src/components/Mosaic/Mosaic.tsx +35 -913
- package/src/components/Mosaic/Placeholder.tsx +133 -0
- package/src/components/Mosaic/Root.tsx +292 -0
- package/src/components/{Stack → Mosaic}/Stack.stories.tsx +30 -26
- package/src/components/Mosaic/Stack.tsx +246 -0
- package/src/components/Mosaic/Tile.tsx +242 -0
- package/src/components/Mosaic/extension.ts +1 -1
- package/src/components/Mosaic/styles.ts +9 -8
- package/src/components/Mosaic/types.ts +15 -3
- package/src/components/index.ts +1 -4
- package/src/hooks/index.ts +1 -0
- package/src/hooks/useContainerDebug.tsx +4 -2
- package/src/hooks/useDefaultColumnEventHandler.ts +35 -0
- package/src/hooks/useEventHandlerAdapter.ts +15 -6
- package/src/hooks/useVisibleItems.ts +7 -2
- package/src/playwright/board-manager.ts +154 -0
- package/src/playwright/index.ts +13 -0
- package/src/playwright/playwright.config.ts +17 -0
- package/src/playwright/smoke.spec.ts +138 -0
- package/src/testing/CardContainer.tsx +30 -18
- package/src/testing/DefaultStackTile.tsx +27 -16
- package/src/testing/index.ts +1 -1
- package/src/testing/types.ts +38 -0
- package/src/translations.ts +5 -1
- package/dist/lib/browser/chunk-UMBPEG4F.mjs +0 -1637
- package/dist/lib/browser/chunk-UMBPEG4F.mjs.map +0 -7
- package/dist/lib/browser/index.css +0 -13
- package/dist/lib/browser/index.css.map +0 -7
- package/dist/lib/browser/testing/index.css +0 -13
- package/dist/lib/browser/testing/index.css.map +0 -7
- package/dist/lib/node-esm/chunk-X6GV7SMK.mjs +0 -1639
- package/dist/lib/node-esm/chunk-X6GV7SMK.mjs.map +0 -7
- package/dist/lib/node-esm/index.css +0 -13
- package/dist/lib/node-esm/index.css.map +0 -7
- package/dist/lib/node-esm/testing/index.css +0 -13
- package/dist/lib/node-esm/testing/index.css.map +0 -7
- package/dist/types/src/components/Card/Card.d.ts +0 -121
- package/dist/types/src/components/Card/Card.d.ts.map +0 -1
- package/dist/types/src/components/Card/Card.stories.d.ts +0 -21
- package/dist/types/src/components/Card/Card.stories.d.ts.map +0 -1
- package/dist/types/src/components/Card/CardDragPreview.d.ts +0 -6
- package/dist/types/src/components/Card/CardDragPreview.d.ts.map +0 -1
- package/dist/types/src/components/Card/index.d.ts +0 -4
- package/dist/types/src/components/Card/index.d.ts.map +0 -1
- package/dist/types/src/components/Card/styles.d.ts +0 -13
- package/dist/types/src/components/Card/styles.d.ts.map +0 -1
- package/dist/types/src/components/Focus/styles.d.ts +0 -6
- package/dist/types/src/components/Focus/styles.d.ts.map +0 -1
- package/dist/types/src/components/Image/Image.d.ts +0 -14
- package/dist/types/src/components/Image/Image.d.ts.map +0 -1
- package/dist/types/src/components/Image/Image.stories.d.ts +0 -33
- package/dist/types/src/components/Image/Image.stories.d.ts.map +0 -1
- package/dist/types/src/components/Image/index.d.ts +0 -2
- package/dist/types/src/components/Image/index.d.ts.map +0 -1
- package/dist/types/src/components/Layout/Layout.d.ts +0 -33
- package/dist/types/src/components/Layout/Layout.d.ts.map +0 -1
- package/dist/types/src/components/Layout/Layout.stories.d.ts +0 -10
- package/dist/types/src/components/Layout/Layout.stories.d.ts.map +0 -1
- package/dist/types/src/components/Layout/index.d.ts +0 -2
- package/dist/types/src/components/Layout/index.d.ts.map +0 -1
- package/dist/types/src/components/Mosaic/Mosaic.stories.d.ts.map +0 -1
- package/dist/types/src/components/Scrollable/Scrollable.d.ts +0 -24
- package/dist/types/src/components/Scrollable/Scrollable.d.ts.map +0 -1
- package/dist/types/src/components/Scrollable/Scrollable.stories.d.ts +0 -10
- package/dist/types/src/components/Scrollable/Scrollable.stories.d.ts.map +0 -1
- package/dist/types/src/components/Scrollable/index.d.ts +0 -2
- package/dist/types/src/components/Scrollable/index.d.ts.map +0 -1
- package/dist/types/src/components/Stack/Stack.d.ts +0 -22
- package/dist/types/src/components/Stack/Stack.d.ts.map +0 -1
- package/dist/types/src/components/Stack/Stack.stories.d.ts.map +0 -1
- package/dist/types/src/components/Stack/index.d.ts +0 -2
- package/dist/types/src/components/Stack/index.d.ts.map +0 -1
- package/dist/types/src/testing/Board.d.ts +0 -45
- package/dist/types/src/testing/Board.d.ts.map +0 -1
- package/dist/types/src/testing/Slot.stories.d.ts +0 -14
- package/dist/types/src/testing/Slot.stories.d.ts.map +0 -1
- package/dist/types/src/testing/Virtualizer.stories.d.ts +0 -12
- package/dist/types/src/testing/Virtualizer.stories.d.ts.map +0 -1
- package/src/components/Card/Card.stories.tsx +0 -148
- package/src/components/Card/Card.tsx +0 -458
- package/src/components/Card/CardDragPreview.tsx +0 -23
- package/src/components/Card/index.ts +0 -8
- package/src/components/Card/styles.ts +0 -23
- package/src/components/Focus/styles.ts +0 -24
- package/src/components/Image/Image.stories.tsx +0 -86
- package/src/components/Image/Image.tsx +0 -223
- package/src/components/Image/index.ts +0 -5
- package/src/components/Layout/Layout.stories.tsx +0 -59
- package/src/components/Layout/Layout.tsx +0 -108
- package/src/components/Mosaic/Mosaic.stories.tsx +0 -113
- package/src/components/Scrollable/Scrollable.stories.tsx +0 -59
- package/src/components/Scrollable/Scrollable.tsx +0 -88
- package/src/components/Scrollable/index.ts +0 -5
- package/src/components/Scrollable/scrollable.css +0 -20
- package/src/components/Stack/Stack.tsx +0 -210
- package/src/components/Stack/index.ts +0 -5
- package/src/testing/Board.tsx +0 -278
- package/src/testing/Slot.stories.tsx +0 -101
- package/src/testing/Virtualizer.stories.tsx +0 -133
|
@@ -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 +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 +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 +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
|
-
);
|