@duro-app/ui 5.23.0 → 5.25.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/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/Tree/Tree.d.ts +1 -1
- package/dist/components/Tree/Tree.d.ts.map +1 -1
- package/dist/components/Tree/Tree.stories.d.ts +1 -0
- package/dist/components/Tree/Tree.stories.d.ts.map +1 -1
- package/dist/components/Tree/TreeRows.d.ts +7 -1
- package/dist/components/Tree/TreeRows.d.ts.map +1 -1
- package/dist/index.js +1544 -1517
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- 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/Tree/Tree.meta.ts +1 -1
- package/src/components/Tree/Tree.stories.tsx +39 -0
- package/src/components/Tree/Tree.tsx +11 -2
- package/src/components/Tree/TreeRows.ts +18 -3
|
@@ -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"}
|
|
@@ -28,7 +28,7 @@ interface RootProps {
|
|
|
28
28
|
maxHeight?: Length;
|
|
29
29
|
}
|
|
30
30
|
declare function Root({ children, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, value, defaultValue, onValueChange, expanded, defaultExpanded, onExpandedChange, expandLabel, virtualizeThreshold, maxHeight, }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
-
declare function Item({ value, label, textValue, children, meta, href, onNavigate }: TreeItemProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
declare function Item({ value, label, textValue, children, meta, href, onNavigate, expandable, }: TreeItemProps): import("react/jsx-runtime").JSX.Element;
|
|
32
32
|
export declare const Tree: {
|
|
33
33
|
Root: typeof Root;
|
|
34
34
|
Item: typeof Item;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAA;AAOzF,OAAO,EAAwB,KAAK,aAAa,EAAoB,MAAM,YAAY,CAAA;AAGvF,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAoB/C,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,eAAe,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACvC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC/C;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAKD,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,KAAK,EACL,YAAmB,EACnB,aAAa,EACb,QAAQ,EACR,eAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,mBAAyB,EACzB,SAAS,GACV,EAAE,SAAS,2CAyFX;AAID,iBAAS,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,SAAS,EAA4C,MAAM,OAAO,CAAA;AAOzF,OAAO,EAAwB,KAAK,aAAa,EAAoB,MAAM,YAAY,CAAA;AAGvF,OAAO,KAAK,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAA;AAoB/C,UAAU,SAAS;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAChC,eAAe,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IACvC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IAC/C;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,yFAAyF;IACzF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAKD,iBAAS,IAAI,CAAC,EACZ,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,KAAK,EACL,YAAmB,EACnB,aAAa,EACb,QAAQ,EACR,eAAoB,EACpB,gBAAgB,EAChB,WAAW,EACX,mBAAyB,EACzB,SAAS,GACV,EAAE,SAAS,2CAyFX;AAID,iBAAS,IAAI,CAAC,EACZ,KAAK,EACL,KAAK,EACL,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,UAAU,GACX,EAAE,aAAa,2CAmBf;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA"}
|
|
@@ -48,4 +48,5 @@ export declare const Windowed: Story;
|
|
|
48
48
|
export declare const WindowedFallback: Story;
|
|
49
49
|
/** A branch with no link toggles on a click of its row (a folder); Enter too. */
|
|
50
50
|
export declare const BranchRowToggles: Story;
|
|
51
|
+
export declare const ExpandableBranchLoadsOnOpen: Story;
|
|
51
52
|
//# sourceMappingURL=Tree.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAQpD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAErD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA8BrB,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAwChC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAcD,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAA;AAiCD;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC;IAAC,UAAU,EAAE,UAAU,CAAA;CAAC,CAuDxD,CAAA;AASD,UAAU,QAAQ;IAChB,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;IACzC,MAAM,EAAE,MAAM,OAAO,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAC,CAAC,CAAA;CAClE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,UAAU,CAAC,EAAE,QAAQ,CAAA;KACtB;CACF;AAsKD;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAgCD,gFAAgF;AAChF,eAAO,MAAM,QAAQ,EAAE,KAuEtB,CAAA;AASD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAA;AAED,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,EAAE,KAkB9B,CAAA"}
|
|
1
|
+
{"version":3,"file":"Tree.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,IAAI,EAAE,QAAQ,EAAC,MAAM,kBAAkB,CAAA;AAQpD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAErD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA8BrB,eAAO,MAAM,OAAO,EAAE,KAyBrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAwChC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAA;AAcD,eAAO,MAAM,UAAU,EAAE,KAUxB,CAAA;AAiCD;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,QAAQ,CAAC;IAAC,UAAU,EAAE,UAAU,CAAA;CAAC,CAuDxD,CAAA;AASD,UAAU,QAAQ;IAChB,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,QAAQ,EAAE,MAAM,EAAE,CAAA;IAClB,YAAY,EAAE,MAAM,EAAE,CAAA;IACtB,OAAO,EAAE,MAAM,CAAA;IACf,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAAA;IACzC,MAAM,EAAE,MAAM,OAAO,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAC,CAAC,CAAA;CAClE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,UAAU,CAAC,EAAE,QAAQ,CAAA;KACtB;CACF;AAsKD;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAgCD,gFAAgF;AAChF,eAAO,MAAM,QAAQ,EAAE,KAuEtB,CAAA;AASD;;;GAGG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAoB9B,CAAA;AAED,iFAAiF;AACjF,eAAO,MAAM,gBAAgB,EAAE,KAkB9B,CAAA;AAwBD,eAAO,MAAM,2BAA2B,EAAE,KAezC,CAAA"}
|
|
@@ -8,8 +8,14 @@ export interface TreeItemProps {
|
|
|
8
8
|
label: ReactNode;
|
|
9
9
|
/** plain text for typeahead when `label` isn't a string */
|
|
10
10
|
textValue?: string;
|
|
11
|
-
/** nested items: the branch's children (none = a leaf) */
|
|
11
|
+
/** nested items: the branch's children (none = a leaf, unless `expandable`) */
|
|
12
12
|
children?: ReactNode;
|
|
13
|
+
/**
|
|
14
|
+
* A branch before its children exist (a directory not listed yet): it shows the
|
|
15
|
+
* chevron and opens like any branch, and `onExpandedChange` tells the app to load
|
|
16
|
+
* them. Pass the children once they are there (or a loading row meanwhile).
|
|
17
|
+
*/
|
|
18
|
+
expandable?: boolean;
|
|
13
19
|
/** trailing content on the row (a count, a status) */
|
|
14
20
|
meta?: ReactNode;
|
|
15
21
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TreeRows.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/TreeRows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,YAAY,EAAE,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAC3F,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAErD,kCAAkC;AAClC,MAAM,WAAW,aAAa;IAC5B,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAA;IAChB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB
|
|
1
|
+
{"version":3,"file":"TreeRows.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/TreeRows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqC,KAAK,YAAY,EAAE,KAAK,SAAS,EAAC,MAAM,OAAO,CAAA;AAC3F,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAA;AAErD,kCAAkC;AAClC,MAAM,WAAW,aAAa;IAC5B,6BAA6B;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAA;IAChB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB;AAED,+EAA+E;AAC/E,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,SAAS,CAAA;IAChB,IAAI,EAAE,SAAS,CAAA;IACf,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,UAAU,EAAE,UAAU,GAAG,SAAS,CAAA;IAClC,WAAW,EAAE,OAAO,CAAA;IACpB,IAAI,EAAE,OAAO,CAAA;IACb,yDAAyD;IACzD,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,yEAAyE;IACzE,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,sDAAsD;AACtD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAEhF;AAeD;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CACzB,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,CAAC,EAAE,EAAE,YAAY,KAAK,OAAO,EACrC,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GACjC,aAAa,CA2Cf"}
|