@duro-app/ui 5.24.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/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 +19 -17
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
- 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
|
@@ -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"}
|
package/dist/index.js
CHANGED
|
@@ -12459,10 +12459,11 @@ function Bd(o, t, e) {
|
|
|
12459
12459
|
children: h,
|
|
12460
12460
|
meta: m,
|
|
12461
12461
|
href: y,
|
|
12462
|
-
onNavigate: b
|
|
12463
|
-
|
|
12464
|
-
|
|
12465
|
-
|
|
12462
|
+
onNavigate: b,
|
|
12463
|
+
expandable: w
|
|
12464
|
+
} = x.props, T = Rt.count(h) > 0 || w === !0;
|
|
12465
|
+
T && sn(h) !== no(h, t).length && (s = !1);
|
|
12466
|
+
const C = T && e(f);
|
|
12466
12467
|
i += 1, c && n.push({
|
|
12467
12468
|
value: f,
|
|
12468
12469
|
level: a,
|
|
@@ -12471,12 +12472,12 @@ function Bd(o, t, e) {
|
|
|
12471
12472
|
meta: m,
|
|
12472
12473
|
href: y,
|
|
12473
12474
|
onNavigate: b,
|
|
12474
|
-
hasChildren:
|
|
12475
|
-
open:
|
|
12475
|
+
hasChildren: T,
|
|
12476
|
+
open: C,
|
|
12476
12477
|
parent: d,
|
|
12477
12478
|
setSize: u.length,
|
|
12478
12479
|
posInSet: p + 1
|
|
12479
|
-
}),
|
|
12480
|
+
}), T && r(h, a + 1, f, c && C);
|
|
12480
12481
|
});
|
|
12481
12482
|
};
|
|
12482
12483
|
return r(o, 1, null, !0), sn(o) !== no(o, t).length && (s = !1), {
|
|
@@ -12748,19 +12749,20 @@ function Pi(o) {
|
|
|
12748
12749
|
children: s,
|
|
12749
12750
|
meta: r,
|
|
12750
12751
|
href: l,
|
|
12751
|
-
onNavigate: a
|
|
12752
|
+
onNavigate: a,
|
|
12753
|
+
expandable: d
|
|
12752
12754
|
} = o, {
|
|
12753
|
-
isExpanded:
|
|
12754
|
-
} = zn(),
|
|
12755
|
-
let x;
|
|
12756
|
-
t[0] !== n || t[1] !== i ? (x = qi(n, i), t[0] = n, t[1] = i, t[2] = x) : x = t[2];
|
|
12755
|
+
isExpanded: c
|
|
12756
|
+
} = zn(), u = ot(nn), x = Rt.count(s) > 0 || d === !0;
|
|
12757
12757
|
let p;
|
|
12758
|
-
t[
|
|
12759
|
-
|
|
12760
|
-
|
|
12761
|
-
|
|
12758
|
+
t[0] !== n || t[1] !== i ? (p = qi(n, i), t[0] = n, t[1] = i, t[2] = p) : p = t[2];
|
|
12759
|
+
let f;
|
|
12760
|
+
t[3] !== x || t[4] !== c || t[5] !== e ? (f = x && c(e), t[3] = x, t[4] = c, t[5] = e, t[6] = f) : f = t[6];
|
|
12761
|
+
const k = u + 1;
|
|
12762
12762
|
let g;
|
|
12763
|
-
|
|
12763
|
+
t[7] !== s || t[8] !== k ? (g = /* @__PURE__ */ S(nn.Provider, { value: k, children: s }), t[7] = s, t[8] = k, t[9] = g) : g = t[9];
|
|
12764
|
+
let h;
|
|
12765
|
+
return t[10] !== x || t[11] !== l || t[12] !== n || t[13] !== u || t[14] !== r || t[15] !== a || t[16] !== p || t[17] !== f || t[18] !== g || t[19] !== e ? (h = /* @__PURE__ */ S(Bi, { value: e, level: u, label: n, meta: r, text: p, href: l, onNavigate: a, hasChildren: x, open: f, branch: g }), t[10] = x, t[11] = l, t[12] = n, t[13] = u, t[14] = r, t[15] = a, t[16] = p, t[17] = f, t[18] = g, t[19] = e, t[20] = h) : h = t[20], h;
|
|
12764
12766
|
}
|
|
12765
12767
|
const sp = {
|
|
12766
12768
|
Root: Xd,
|