@duro-app/ui 5.22.0 → 5.24.0
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/components/AppShell/AppShell.d.ts +10 -1
- package/dist/components/AppShell/AppShell.d.ts.map +1 -1
- package/dist/components/AppShell/AppShell.stories.d.ts +8 -0
- package/dist/components/AppShell/AppShell.stories.d.ts.map +1 -1
- package/dist/components/AppShell/styles.css.d.ts +7 -0
- package/dist/components/AppShell/styles.css.d.ts.map +1 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.stories.d.ts +1 -0
- package/dist/components/Select/Select.stories.d.ts.map +1 -1
- package/dist/components/Select/styles.css.d.ts +3 -0
- package/dist/components/Select/styles.css.d.ts.map +1 -1
- package/dist/components/SplitPane/SplitPane.d.ts +7 -1
- package/dist/components/SplitPane/SplitPane.d.ts.map +1 -1
- package/dist/components/SplitPane/SplitPane.stories.d.ts +2 -0
- package/dist/components/SplitPane/SplitPane.stories.d.ts.map +1 -1
- package/dist/components/VirtualList/VirtualList.d.ts.map +1 -1
- package/dist/components/VirtualList/styles.css.d.ts +4 -0
- package/dist/components/VirtualList/styles.css.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2434 -2382
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/AppShell/AppShell.meta.ts +1 -1
- package/src/components/AppShell/AppShell.native.tsx +3 -0
- package/src/components/AppShell/AppShell.stories.tsx +68 -0
- package/src/components/AppShell/AppShell.tsx +16 -5
- package/src/components/AppShell/styles.css.ts +10 -0
- package/src/components/Select/Select.meta.ts +1 -1
- package/src/components/Select/Select.stories.tsx +37 -1
- package/src/components/Select/Select.tsx +26 -10
- package/src/components/Select/styles.css.ts +4 -0
- package/src/components/SplitPane/SplitPane.meta.ts +1 -1
- package/src/components/SplitPane/SplitPane.native.tsx +2 -0
- package/src/components/SplitPane/SplitPane.stories.tsx +47 -5
- package/src/components/SplitPane/SplitPane.tsx +32 -3
- package/src/components/VirtualList/VirtualList.meta.ts +1 -1
- package/src/components/VirtualList/VirtualList.tsx +2 -0
- package/src/components/VirtualList/styles.css.ts +7 -0
- package/src/index.native.ts +1 -0
- package/src/index.ts +1 -0
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { ReactNode, Ref } from 'react';
|
|
2
2
|
export type AppShellCollapse = 'sm' | 'md' | 'lg';
|
|
3
|
+
/** `page`: the document scrolls (a docs site). `main`: the shell is the viewport, Main scrolls (an app). */
|
|
4
|
+
export type AppShellScroll = 'page' | 'main';
|
|
3
5
|
interface RootProps {
|
|
4
6
|
/** The narrow-width button that opens the navigation ("Menu"), from your text catalog. */
|
|
5
7
|
menuLabel: string;
|
|
@@ -17,13 +19,20 @@ interface RootProps {
|
|
|
17
19
|
* becomes a Drawer behind the Menu button. Default `sm`.
|
|
18
20
|
*/
|
|
19
21
|
collapseBelow?: AppShellCollapse;
|
|
22
|
+
/**
|
|
23
|
+
* What scrolls. `page` (default): the document, a page that grows with its
|
|
24
|
+
* content. `main`: the shell is exactly the viewport's height and Main
|
|
25
|
+
* scrolls on its own, so a SplitPane or VirtualList inside it can fill Main
|
|
26
|
+
* and scroll its own panes (an app such as a chat or a mail client).
|
|
27
|
+
*/
|
|
28
|
+
scroll?: AppShellScroll;
|
|
20
29
|
/**
|
|
21
30
|
* `AppShell.Rail`, `AppShell.Main` and an optional `AppShell.Header`, as
|
|
22
31
|
* direct children (Root places the Header's content in its bar).
|
|
23
32
|
*/
|
|
24
33
|
children: ReactNode;
|
|
25
34
|
}
|
|
26
|
-
declare function Root({ menuLabel, closeLabel, skipLabel, brand, collapseBelow, children, }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
declare function Root({ menuLabel, closeLabel, skipLabel, brand, collapseBelow, scroll, children, }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
27
36
|
export interface AppShellRailState {
|
|
28
37
|
/**
|
|
29
38
|
* Closes the drawer. Call it after any selection in the navigation — the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,SAAS,EACd,KAAK,GAAG,EAET,MAAM,OAAO,CAAA;AA0Bd,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"AppShell.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAWL,KAAK,SAAS,EACd,KAAK,GAAG,EAET,MAAM,OAAO,CAAA;AA0Bd,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AACjD,4GAA4G;AAC5G,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,CAAA;AAuD5C,UAAU,SAAS;IACjB,0FAA0F;IAC1F,SAAS,EAAE,MAAM,CAAA;IACjB,6EAA6E;IAC7E,UAAU,EAAE,MAAM,CAAA;IAClB,4FAA4F;IAC5F,SAAS,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;;OAGG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAA;IAChC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EACZ,SAAS,EACT,UAAU,EACV,SAAS,EACT,KAAK,EACL,aAAoB,EACpB,MAAe,EACf,QAAQ,GACT,EAAE,SAAS,2CAqFX;AAID,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,KAAK,EAAE,MAAM,IAAI,CAAA;CAClB;AAED,KAAK,WAAW,GAAG,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC,CAAA;AAExE,UAAU,SAAS;IACjB,6EAA6E;IAC7E,YAAY,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,EAAE,WAAW,CAAA;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAA;CACrB;AAID,iBAAS,IAAI,CAAC,EAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAC,EAAE,SAAS,2CA6CnE;AAID,UAAU,WAAW;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,iBAAS,MAAM,CAAC,EAAC,QAAQ,EAAC,EAAE,WAAW,2CAQtC;AAID,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,+EAA+E;IAC/E,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,qEAAqE;IACrE,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;CACvB;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAC,EAAE,SAAS,2CAoB3C;AAED,eAAO,MAAM,QAAQ;;;;;CAKpB,CAAA"}
|
|
@@ -194,4 +194,12 @@ export declare const NoLayoutShift: Story;
|
|
|
194
194
|
* as a test and stays out of the dev sidebar (there is no Vitest there).
|
|
195
195
|
*/
|
|
196
196
|
export declare const MenuButtonTouchTarget: Story;
|
|
197
|
+
/**
|
|
198
|
+
* `scroll="main"`: an app, not a document. The shell is the viewport's height and Main scrolls on
|
|
199
|
+
* its own, so a SplitPane inside it fills Main and each pane scrolls by itself — here a 500-row
|
|
200
|
+
* VirtualList that mounts only the rows in view.
|
|
201
|
+
*/
|
|
202
|
+
export declare const ScrollMain: Story;
|
|
203
|
+
/** ScrollMain's checks: Main stays within the viewport and the list windows its rows. */
|
|
204
|
+
export declare const ScrollMainBoundsMain: Story;
|
|
197
205
|
//# sourceMappingURL=AppShell.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAO,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AASpD,OAAO,EAAW,KAAK,gBAAgB,EAAC,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"AppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/AppShell.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,9 @@ export declare const styles: Readonly<{
|
|
|
12
12
|
readonly backgroundColor: css.StyleXClassNameFor<"backgroundColor", string>;
|
|
13
13
|
readonly gridTemplateRows: css.StyleXClassNameFor<"gridTemplateRows", "auto 1fr">;
|
|
14
14
|
}>;
|
|
15
|
+
readonly gridViewport: Readonly<{
|
|
16
|
+
readonly height: css.StyleXClassNameFor<"height", "100dvh">;
|
|
17
|
+
}>;
|
|
15
18
|
readonly gridSm: Readonly<{
|
|
16
19
|
readonly gridTemplateColumns: css.StyleXClassNameFor<"gridTemplateColumns", string>;
|
|
17
20
|
readonly gridTemplateAreas: css.StyleXClassNameFor<"gridTemplateAreas", "\"bar\" \"main\"" | "\"rail bar\" \"rail main\"">;
|
|
@@ -171,6 +174,10 @@ export declare const styles: Readonly<{
|
|
|
171
174
|
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
172
175
|
readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none">;
|
|
173
176
|
}>;
|
|
177
|
+
readonly mainScrolls: Readonly<{
|
|
178
|
+
readonly minHeight: css.StyleXClassNameFor<"minHeight", 0>;
|
|
179
|
+
readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
|
|
180
|
+
}>;
|
|
174
181
|
readonly mainSm: Readonly<{
|
|
175
182
|
readonly paddingLeft: css.StyleXClassNameFor<"paddingLeft", string>;
|
|
176
183
|
readonly paddingRight: css.StyleXClassNameFor<"paddingRight", string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAkCpC,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/AppShell/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAkCpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkMjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAAsD,MAAM,OAAO,CAAA;AAcnG,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAA;AAGnD,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAW3F;AAGD,iBAAS,OAAO,CAAC,EACf,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,IAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,8EAA8E;IAC9E,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,2CAsCA;AAGD,iBAAS,KAAK,CAAC,EAAC,WAAW,EAAC,EAAE;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAC,2CASnD;AAGD,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAC,2CAoB/C;AAQD,UAAU,UAAU;IAClB,QAAQ,EAAE,SAAS,CAAA;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8FAA8F;IAC9F,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,iBAAS,KAAK,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAC,EAAE,UAAU,2CA0ElD;AAGD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,iBAAS,IAAI,CAAC,EAAC,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAC,EAAE,SAAS,2CAmDpD;AAGD,iBAAS,QAAQ,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CAElD;AAED,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAA"}
|
|
@@ -20,4 +20,5 @@ interface LabelledArgs {
|
|
|
20
20
|
* the list when there are no items. Set itemCount to 0 for the empty state.
|
|
21
21
|
*/
|
|
22
22
|
export declare const LabelledAndEmpty: StoryObj<LabelledArgs>;
|
|
23
|
+
export declare const OpensAboveNearTheBottomEdge: Story;
|
|
23
24
|
//# sourceMappingURL=Select.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAMpD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAErB,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAoC3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAyBhC,CAAA;AAMD,eAAO,MAAM,YAAY,EAAE,KA0C1B,CAAA;AAED,uFAAuF;AACvF,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAID,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,QAAQ,CAAC,YAAY,CAiCnD,CAAA;AAQD,eAAO,MAAM,2BAA2B,EAAE,KA2BzC,CAAA"}
|
|
@@ -101,6 +101,9 @@ export declare const styles: Readonly<{
|
|
|
101
101
|
readonly hidden: Readonly<{
|
|
102
102
|
readonly display: css.StyleXClassNameFor<"display", "none">;
|
|
103
103
|
}>;
|
|
104
|
+
readonly measuring: Readonly<{
|
|
105
|
+
readonly visibility: css.StyleXClassNameFor<"visibility", "hidden">;
|
|
106
|
+
}>;
|
|
104
107
|
readonly empty: Readonly<{
|
|
105
108
|
readonly paddingTop: css.StyleXClassNameFor<"paddingTop", string>;
|
|
106
109
|
readonly paddingBottom: css.StyleXClassNameFor<"paddingBottom", string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Select/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAUpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmIjB,CAAA"}
|
|
@@ -9,6 +9,12 @@ interface RootProps {
|
|
|
9
9
|
size?: number;
|
|
10
10
|
/** Called with the primary pane's new width while the handle moves */
|
|
11
11
|
onSizeChange?: (px: number) => void;
|
|
12
|
+
/**
|
|
13
|
+
* Called once a resize ends, with the width it ended at: when a drag is
|
|
14
|
+
* released (or cancelled) and after each keyboard step. Persist the width
|
|
15
|
+
* here rather than on every `onSizeChange`.
|
|
16
|
+
*/
|
|
17
|
+
onSizeCommit?: (px: number) => void;
|
|
12
18
|
/** The primary pane's narrowest width, a size token. Default: `sidebarW` */
|
|
13
19
|
minSize?: SizeToken;
|
|
14
20
|
/** The primary pane's widest width, a size token. Default: `panelLg` */
|
|
@@ -33,7 +39,7 @@ interface RootProps {
|
|
|
33
39
|
* handle (pointer drag, arrow keys, Home and End); the second takes the rest.
|
|
34
40
|
* Below `collapseBelow` the panes stack in one column and the handle goes.
|
|
35
41
|
*/
|
|
36
|
-
declare function Root({ children, defaultSize, size: controlledSize, onSizeChange, minSize, maxSize, collapseBelow, collapsed, collapsedContent, 'aria-label': label, }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
declare function Root({ children, defaultSize, size: controlledSize, onSizeChange, onSizeCommit, minSize, maxSize, collapseBelow, collapsed, collapsedContent, 'aria-label': label, }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
37
43
|
declare function Pane({ children }: {
|
|
38
44
|
children: ReactNode;
|
|
39
45
|
}): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitPane.d.ts","sourceRoot":"","sources":["../../../src/components/SplitPane/SplitPane.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAuB,KAAK,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAC1E,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAA;
|
|
1
|
+
{"version":3,"file":"SplitPane.d.ts","sourceRoot":"","sources":["../../../src/components/SplitPane/SplitPane.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EAOf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAuB,KAAK,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAC1E,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAA;AAkCvE,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,mFAAmF;IACnF,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,wEAAwE;IACxE,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,4EAA4E;IAC5E,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,wEAAwE;IACxE,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,+FAA+F;IAC/F,aAAa,CAAC,EAAE,UAAU,CAAA;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,oDAAoD;IACpD,YAAY,EAAE,MAAM,CAAA;CACrB;AAED;;;;;GAKG;AACH,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,WAAwB,EACxB,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,YAAY,EACZ,OAAoB,EACpB,OAAmB,EACnB,aAAoB,EACpB,SAAiB,EACjB,gBAAgB,EAChB,YAAY,EAAE,KAAK,GACpB,EAAE,SAAS,2CAkDX;AAED,iBAAS,IAAI,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAC,2CA0C9C;AAED,iBAAS,MAAM,mDAwFd;AAED,eAAO,MAAM,SAAS;;;;CAIrB,CAAA"}
|
|
@@ -11,11 +11,13 @@ interface SplitArgs {
|
|
|
11
11
|
maxSize: SizeToken;
|
|
12
12
|
collapseBelow: Breakpoint;
|
|
13
13
|
onSizeChange?: (px: number) => void;
|
|
14
|
+
onSizeCommit?: (px: number) => void;
|
|
14
15
|
collapsed?: boolean;
|
|
15
16
|
collapsedContent?: ReactNode;
|
|
16
17
|
}
|
|
17
18
|
export declare const Default: StoryObj<SplitArgs>;
|
|
18
19
|
export declare const KeyboardMovesTheSeparator: Story;
|
|
20
|
+
export declare const ResizeCommitsOnceWhenItEnds: StoryObj<SplitArgs>;
|
|
19
21
|
export declare const NarrowStacksInOneColumn: Story;
|
|
20
22
|
/**
|
|
21
23
|
* `collapsed`: the first pane shrinks to a strip holding `collapsedContent`, the
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitPane.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SplitPane/SplitPane.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAE9C,OAAO,EAAuB,KAAK,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAC1E,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAA;AAYvE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAOrB,UAAU,SAAS;IACjB,WAAW,EAAE,SAAS,CAAA;IACtB,OAAO,EAAE,SAAS,CAAA;IAClB,OAAO,EAAE,SAAS,CAAA;IAClB,aAAa,EAAE,UAAU,CAAA;IACzB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B;
|
|
1
|
+
{"version":3,"file":"SplitPane.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SplitPane/SplitPane.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAEpD,OAAO,EAAW,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAE9C,OAAO,EAAuB,KAAK,SAAS,EAAC,MAAM,uBAAuB,CAAA;AAC1E,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAA;AAYvE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AAOrB,UAAU,SAAS;IACjB,WAAW,EAAE,SAAS,CAAA;IACtB,OAAO,EAAE,SAAS,CAAA;IAClB,OAAO,EAAE,SAAS,CAAA;IAClB,aAAa,EAAE,UAAU,CAAA;IACzB,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,SAAS,CAAA;CAC7B;AAkED,eAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,SAAS,CAkBvC,CAAA;AAID,eAAO,MAAM,yBAAyB,EAAE,KA4BvC,CAAA;AAID,eAAO,MAAM,2BAA2B,EAAE,QAAQ,CAAC,SAAS,CA4B3D,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KAcrC,CAAA;AA2BD;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KA8DpC,CAAA;AAgCD,eAAO,MAAM,uBAAuB,EAAE,KAoBrC,CAAA;AA0BD,eAAO,MAAM,0BAA0B,EAAE,KAiBxC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualList/VirtualList.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAE7C,YAAY,EAAC,gBAAgB,EAAC,CAAA;AAW9B;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,KAAK,EACL,YAAY,EACZ,UAAU,EACV,MAAM,EACN,QAAY,EACZ,MAAgB,EAChB,cAAc,EACd,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,gBAAgB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualList/VirtualList.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAA;AAE7C,YAAY,EAAC,gBAAgB,EAAC,CAAA;AAW9B;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,KAAK,EACL,YAAY,EACZ,UAAU,EACV,MAAM,EACN,QAAY,EACZ,MAAgB,EAChB,cAAc,EACd,SAAS,EACT,YAAY,EAAE,SAAS,GACxB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CA4JrB"}
|
|
@@ -7,6 +7,10 @@ export declare const styles: Readonly<{
|
|
|
7
7
|
readonly minHeight: css.StyleXClassNameFor<"minHeight", 0>;
|
|
8
8
|
readonly overflowY: css.StyleXClassNameFor<"overflowY", "auto">;
|
|
9
9
|
readonly overscrollBehavior: css.StyleXClassNameFor<"overscrollBehavior", "contain">;
|
|
10
|
+
readonly outlineWidth: css.StyleXClassNameFor<"outlineWidth", string | 0>;
|
|
11
|
+
readonly outlineStyle: css.StyleXClassNameFor<"outlineStyle", "none" | "solid">;
|
|
12
|
+
readonly outlineColor: css.StyleXClassNameFor<"outlineColor", string>;
|
|
13
|
+
readonly outlineOffset: css.StyleXClassNameFor<"outlineOffset", 0 | `calc(-1 * ${css.StyleXVar<string>})`>;
|
|
10
14
|
}>;
|
|
11
15
|
readonly scrollMax: (maxHeight: string | number) => readonly [Readonly<{
|
|
12
16
|
height: css.StyleXClassNameFor<"height", string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualList/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/VirtualList/styles.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,kBAAkB,CAAA;AAIpC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCjB,CAAA"}
|