@dxos/react-ui-stack 0.8.4-main.406dc2a → 0.8.4-main.548089c
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-7XXX5HQM.mjs → chunk-GP6VLEP6.mjs} +129 -65
- package/dist/lib/browser/chunk-GP6VLEP6.mjs.map +7 -0
- package/dist/lib/browser/index.mjs +1 -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-UL67ZHMJ.mjs → chunk-SZV4Q5DL.mjs} +129 -65
- package/dist/lib/node-esm/chunk-SZV4Q5DL.mjs.map +7 -0
- package/dist/lib/node-esm/index.mjs +1 -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 +3 -0
- package/dist/types/src/components/Image/Image.stories.d.ts.map +1 -1
- package/dist/types/src/components/Stack/Stack.d.ts +6 -6
- package/dist/types/src/components/Stack/Stack.d.ts.map +1 -1
- package/dist/types/src/exemplars/Card/Card.d.ts +9 -6
- package/dist/types/src/exemplars/Card/Card.d.ts.map +1 -1
- package/dist/types/src/hooks/useStackDropForElements.d.ts +2 -2
- package/dist/types/src/hooks/useStackDropForElements.d.ts.map +1 -1
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +21 -21
- package/src/components/Image/Image.stories.tsx +31 -3
- package/src/components/Image/Image.tsx +158 -73
- package/src/components/Stack/Stack.tsx +13 -13
- package/src/exemplars/Card/Card.tsx +25 -19
- package/src/hooks/useStackDropForElements.ts +42 -35
- package/dist/lib/browser/chunk-7XXX5HQM.mjs.map +0 -7
- package/dist/lib/node-esm/chunk-UL67ZHMJ.mjs.map +0 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,
|
|
1
|
+
{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAkB,MAAM,OAAO,CAAC;AAWvC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAYoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,GAAG,EAAE,KAKjB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAiBlB,CAAC"}
|
|
@@ -11,12 +11,6 @@ export type Orientation = 'horizontal' | 'vertical';
|
|
|
11
11
|
* - `split` divides the Stack’s available space among the StackItems
|
|
12
12
|
*/
|
|
13
13
|
export type Size = 'intrinsic' | 'contain' | 'split';
|
|
14
|
-
export type StackProps = Omit<ThemedClassName<ComponentPropsWithRef<'div'>>, 'aria-orientation'> & Partial<StackContextValue> & {
|
|
15
|
-
itemsCount?: number;
|
|
16
|
-
getDropElement?: (stackElement: HTMLDivElement) => HTMLDivElement;
|
|
17
|
-
separatorOnScroll?: number;
|
|
18
|
-
circularFocus?: boolean;
|
|
19
|
-
};
|
|
20
14
|
export declare const railGridHorizontal = "grid-rows-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]";
|
|
21
15
|
export declare const railGridVertical = "grid-cols-[[rail-start]_var(--rail-size)_[content-start]_1fr_[content-end]]";
|
|
22
16
|
export declare const railGridHorizontalContainFitContent = "grid-rows-[[rail-start]_var(--rail-size)_[content-start]_fit-content(calc(100%-var(--rail-size)*2+2px))_[content-end]]";
|
|
@@ -24,6 +18,12 @@ export declare const railGridVerticalContainFitContent = "grid-cols-[[rail-start
|
|
|
24
18
|
export declare const autoScrollRootAttributes: {
|
|
25
19
|
'data-drag-autoscroll': string;
|
|
26
20
|
};
|
|
21
|
+
export type StackProps = Omit<ThemedClassName<ComponentPropsWithRef<'div'>>, 'aria-orientation'> & Partial<StackContextValue> & {
|
|
22
|
+
itemsCount?: number;
|
|
23
|
+
getDropElement?: (stackElement: HTMLDivElement) => HTMLDivElement;
|
|
24
|
+
separatorOnScroll?: number;
|
|
25
|
+
circularFocus?: boolean;
|
|
26
|
+
};
|
|
27
27
|
export declare const Stack: React.ForwardRefExoticComponent<Omit<StackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
28
28
|
export { StackContext };
|
|
29
29
|
export type { StackContextValue };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAGZ,KAAK,qBAAqB,EAO3B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAY,KAAK,eAAe,EAAS,MAAM,gBAAgB,CAAC;AAIvE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../src/components/Stack/Stack.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAGZ,KAAK,qBAAqB,EAO3B,MAAM,OAAO,CAAC;AAEf,OAAO,EAAY,KAAK,eAAe,EAAS,MAAM,gBAAgB,CAAC;AAIvE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpD;;;;;;GAMG;AACH,MAAM,MAAM,IAAI,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAErD,eAAO,MAAM,kBAAkB,gFAAgF,CAAC;AAChH,eAAO,MAAM,gBAAgB,gFAAgF,CAAC;AAG9G,eAAO,MAAM,mCAAmC,2HAC0E,CAAC;AAC3H,eAAO,MAAM,iCAAiC,2HAC4E,CAAC;AAE3H,eAAO,MAAM,wBAAwB;;CAAqC,CAAC;AAY3E,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,CAAC,qBAAqB,CAAC,KAAK,CAAC,CAAC,EAAE,kBAAkB,CAAC,GAC9F,OAAO,CAAC,iBAAiB,CAAC,GAAG;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,KAAK,cAAc,CAAC;IAClE,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEJ,eAAO,MAAM,KAAK,gGAoSjB,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC;AAExB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -6,24 +6,26 @@ import { cardChrome, cardHeading, cardRoot, cardSpacing, cardText } from './frag
|
|
|
6
6
|
*/
|
|
7
7
|
declare const cardDefaultInlineSize = 18;
|
|
8
8
|
/**
|
|
9
|
-
* This is `cardDefaultInlineSize` plus 2 times the sum of the inner and outer spacing applied by CardStack on the
|
|
10
|
-
* inline axis.
|
|
9
|
+
* This is `cardDefaultInlineSize` plus 2 times the sum of the inner and outer spacing applied by CardStack on the inline axis.
|
|
11
10
|
*/
|
|
12
11
|
declare const cardStackDefaultInlineSizeRem: number;
|
|
13
|
-
type CardPosterProps = {
|
|
12
|
+
type CardPosterProps = ThemedClassName<{
|
|
14
13
|
alt: string;
|
|
15
14
|
aspect?: 'video' | 'auto';
|
|
16
15
|
} & Partial<{
|
|
17
16
|
image: string;
|
|
18
17
|
icon: string;
|
|
19
|
-
}
|
|
18
|
+
}>>;
|
|
20
19
|
export declare const Card: {
|
|
21
20
|
StaticRoot: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
|
|
22
21
|
classNames?: import("@dxos/react-ui-types").ClassNameValue;
|
|
23
22
|
} & {
|
|
24
23
|
asChild?: boolean;
|
|
24
|
+
} & {
|
|
25
|
+
id?: string;
|
|
25
26
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
-
SurfaceRoot: ({ role, children, classNames, }: ThemedClassName<PropsWithChildren<{
|
|
27
|
+
SurfaceRoot: ({ id, role, children, classNames, }: ThemedClassName<PropsWithChildren<{
|
|
28
|
+
id?: string;
|
|
27
29
|
role?: string;
|
|
28
30
|
}>>) => React.JSX.Element;
|
|
29
31
|
Heading: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "className"> & {
|
|
@@ -32,8 +34,9 @@ export declare const Card: {
|
|
|
32
34
|
asChild?: boolean;
|
|
33
35
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
34
36
|
Toolbar: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-toolbar").ToolbarProps & {
|
|
35
|
-
layoutManaged?: boolean;
|
|
36
37
|
textBlockWidth?: boolean;
|
|
38
|
+
layoutManaged?: boolean;
|
|
39
|
+
disabled?: boolean;
|
|
37
40
|
}, "className"> & {
|
|
38
41
|
classNames?: import("@dxos/react-ui-types").ClassNameValue;
|
|
39
42
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/exemplars/Card/Card.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAIZ,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAoB,KAAK,eAAe,EAAkD,MAAM,gBAAgB,CAAC;AAMxH,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/exemplars/Card/Card.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAIZ,KAAK,iBAAiB,EAEvB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAoB,KAAK,eAAe,EAAkD,MAAM,gBAAgB,CAAC;AAMxH,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvF;;GAEG;AACH,QAAA,MAAM,qBAAqB,KAAoB,CAAC;AAEhD;;GAEG;AACH,QAAA,MAAM,6BAA6B,QAAgC,CAAC;AAsGpE,KAAK,eAAe,GAAG,eAAe,CACpC;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC3B,GAAG,OAAO,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAC7C,CAAC;AAiDF,eAAO,MAAM,IAAI;;;;kBA1JqE,OAAO;;aAElB,MAAM;;uDAqB9E,eAAe,CAAC,iBAAiB,CAAC;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;;;;kBAvBiB,OAAO;;;;;;;;;;;;;;;;;;sBAiFxB,OAAO;;;;oBA0BjD,eAAe;;;;kBA3G4C,OAAO;;;;;kBAAP,OAAO;;CAuK5F,CAAC;AAEF,OAAO,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,UAAU,EACV,WAAW,EACX,6BAA6B,EAC7B,qBAAqB,GACtB,CAAC"}
|
|
@@ -2,12 +2,12 @@ import { type Orientation, type StackItemRearrangeHandler } from '../components'
|
|
|
2
2
|
/**
|
|
3
3
|
* Hook to handle drag and drop functionality for Stack components.
|
|
4
4
|
*/
|
|
5
|
-
export declare const useStackDropForElements: ({ id, element, scrollElement,
|
|
5
|
+
export declare const useStackDropForElements: ({ id, element, scrollElement, orientation, selfDroppable, onRearrange, }: {
|
|
6
6
|
id?: string;
|
|
7
7
|
element: HTMLDivElement | null;
|
|
8
8
|
scrollElement?: HTMLDivElement | null;
|
|
9
|
-
selfDroppable: boolean;
|
|
10
9
|
orientation: Orientation;
|
|
10
|
+
selfDroppable: boolean;
|
|
11
11
|
onRearrange?: StackItemRearrangeHandler;
|
|
12
12
|
}) => {
|
|
13
13
|
dropping: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useStackDropForElements.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useStackDropForElements.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,WAAW,EAAsB,KAAK,yBAAyB,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"useStackDropForElements.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useStackDropForElements.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,WAAW,EAAsB,KAAK,yBAAyB,EAAE,MAAM,eAAe,CAAC;AAIrG;;GAEG;AACH,eAAO,MAAM,uBAAuB,GAAI,0EAOrC;IACD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,aAAa,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACtC,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,yBAAyB,CAAC;CACzC;;CAoDA,CAAC"}
|