@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.
@@ -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,EAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAC,EAAE,aAAa,2CAmBvF;AAED,eAAO,MAAM,IAAI;;;CAGhB,CAAA"}
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,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,SAAS,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,CAkCf"}
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
- } = x.props, w = Rt.count(h) > 0;
12464
- w && sn(h) !== no(h, t).length && (s = !1);
12465
- const T = w && e(f);
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: w,
12475
- open: T,
12475
+ hasChildren: T,
12476
+ open: C,
12476
12477
  parent: d,
12477
12478
  setSize: u.length,
12478
12479
  posInSet: p + 1
12479
- }), w && r(h, a + 1, f, c && T);
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: d
12754
- } = zn(), c = ot(nn), u = Rt.count(s) > 0;
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[3] !== u || t[4] !== d || t[5] !== e ? (p = u && d(e), t[3] = u, t[4] = d, t[5] = e, t[6] = p) : p = t[6];
12759
- const f = c + 1;
12760
- let k;
12761
- t[7] !== s || t[8] !== f ? (k = /* @__PURE__ */ S(nn.Provider, { value: f, children: s }), t[7] = s, t[8] = f, t[9] = k) : k = t[9];
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
- return t[10] !== u || t[11] !== l || t[12] !== n || t[13] !== c || t[14] !== r || t[15] !== a || t[16] !== x || t[17] !== p || t[18] !== k || t[19] !== e ? (g = /* @__PURE__ */ S(Bi, { value: e, level: c, label: n, meta: r, text: x, href: l, onNavigate: a, hasChildren: u, open: p, branch: k }), t[10] = u, t[11] = l, t[12] = n, t[13] = c, t[14] = r, t[15] = a, t[16] = x, t[17] = p, t[18] = k, t[19] = e, t[20] = g) : g = t[20], g;
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,