@bioturing/components 0.39.1 → 0.40.1
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/base.d.ts +35 -1
- package/dist/base.d.ts.map +1 -1
- package/dist/base.js +47 -1
- package/dist/base.js.map +1 -1
- package/dist/components/base-menu/component.d.ts +1 -1
- package/dist/components/base-menu/index.d.ts +1 -1
- package/dist/components/base-menu/index.d.ts.map +1 -1
- package/dist/components/base-menu/item.d.ts +1 -1
- package/dist/components/base-menu/item.d.ts.map +1 -1
- package/dist/components/base-menu/item.js +1 -1
- package/dist/components/base-menu/item.js.map +1 -1
- package/dist/components/button/component.d.ts +1 -1
- package/dist/components/button/component.d.ts.map +1 -1
- package/dist/components/button/component.js +18 -17
- package/dist/components/button/component.js.map +1 -1
- package/dist/components/checkbox/component.d.ts.map +1 -1
- package/dist/components/choice-list/component.d.ts +8 -4
- package/dist/components/choice-list/component.d.ts.map +1 -1
- package/dist/components/choice-list/component.js +89 -94
- package/dist/components/choice-list/component.js.map +1 -1
- package/dist/components/color-select/component.js +6 -6
- package/dist/components/combobox/component.js +1 -1
- package/dist/components/combobox/component.js.map +1 -1
- package/dist/components/command-palette/component.d.ts +6 -0
- package/dist/components/command-palette/component.d.ts.map +1 -1
- package/dist/components/command-palette/component.js +182 -63
- package/dist/components/command-palette/component.js.map +1 -1
- package/dist/components/command-palette/index.d.ts +3 -1
- package/dist/components/command-palette/index.d.ts.map +1 -1
- package/dist/components/command-palette/style.css +1 -1
- package/dist/components/drag-drop/draggable.js +1 -1
- package/dist/components/drag-drop/draggable.js.map +1 -1
- package/dist/components/drag-drop/droppable.js +1 -1
- package/dist/components/drag-drop/droppable.js.map +1 -1
- package/dist/components/drag-drop/types.d.ts +1 -1
- package/dist/components/drag-drop/types.d.ts.map +1 -1
- package/dist/components/drag-drop/value.js +13 -13
- package/dist/components/dropdown-menu/component.d.ts +1 -1
- package/dist/components/dropdown-menu/component.d.ts.map +1 -1
- package/dist/components/dropdown-menu/component.js +162 -135
- package/dist/components/dropdown-menu/component.js.map +1 -1
- package/dist/components/dropdown-menu/divider.js +2 -2
- package/dist/components/dropdown-menu/divider.js.map +1 -1
- package/dist/components/dropdown-menu/item.js +2 -2
- package/dist/components/dropdown-menu/item.js.map +1 -1
- package/dist/components/dropdown-menu/style.css +1 -1
- package/dist/components/dropdown-menu/useDropdownMenu.js +1 -1
- package/dist/components/dropdown-menu/useDropdownMenu.js.map +1 -1
- package/dist/components/hooks/antd.d.ts.map +1 -1
- package/dist/components/hooks/index.d.ts +1 -0
- package/dist/components/hooks/index.d.ts.map +1 -1
- package/dist/components/hooks/useBaseUIPlacement.d.ts +64 -0
- package/dist/components/hooks/useBaseUIPlacement.d.ts.map +1 -0
- package/dist/components/hooks/useBaseUIPlacement.js +61 -0
- package/dist/components/hooks/useBaseUIPlacement.js.map +1 -0
- package/dist/components/hooks/useControlledState.d.ts +1 -0
- package/dist/components/hooks/useControlledState.d.ts.map +1 -1
- package/dist/components/hooks/useControlledState.js +16 -16
- package/dist/components/hooks/useControlledState.js.map +1 -1
- package/dist/components/hooks/useTransitionStatus.js +2 -2
- package/dist/components/hooks/useTransitionStatus.js.map +1 -1
- package/dist/components/icon-button/style.css +1 -1
- package/dist/components/nav/index.d.ts.map +1 -1
- package/dist/components/nav/item.d.ts +1 -1
- package/dist/components/nav/item.d.ts.map +1 -1
- package/dist/components/nav/item.js +1 -1
- package/dist/components/nav/item.js.map +1 -1
- package/dist/components/popup-panel/component.d.ts +4 -4
- package/dist/components/popup-panel/component.d.ts.map +1 -1
- package/dist/components/popup-panel/component.js +142 -152
- package/dist/components/popup-panel/component.js.map +1 -1
- package/dist/components/resizable/component.js +1 -1
- package/dist/components/resizable/component.js.map +1 -1
- package/dist/components/scroll-area/component.d.ts +1 -1
- package/dist/components/scroll-area/component.d.ts.map +1 -1
- package/dist/components/scroll-area/component.js +1 -1
- package/dist/components/scroll-area/component.js.map +1 -1
- package/dist/components/select/component.d.ts.map +1 -1
- package/dist/components/select/component.js +153 -138
- package/dist/components/select/component.js.map +1 -1
- package/dist/components/select/item.js +13 -13
- package/dist/components/select-trigger/component.js +19 -19
- package/dist/components/splitter/splitter.d.ts.map +1 -1
- package/dist/components/splitter/splitter.js +53 -51
- package/dist/components/splitter/splitter.js.map +1 -1
- package/dist/components/stack/StackChild.js +2 -2
- package/dist/components/stack/StackChild.js.map +1 -1
- package/dist/components/toast/component.d.ts +1 -1
- package/dist/components/toast/component.d.ts.map +1 -1
- package/dist/components/toast/component.js +1 -1
- package/dist/components/toast/component.js.map +1 -1
- package/dist/components/toast/function.d.ts +2 -2
- package/dist/components/toast/function.d.ts.map +1 -1
- package/dist/components/toast/function.js +1 -1
- package/dist/components/toast/function.js.map +1 -1
- package/dist/components/transition/component.d.ts +1 -1
- package/dist/components/transition/component.d.ts.map +1 -1
- package/dist/components/transition/component.js +2 -2
- package/dist/components/transition/component.js.map +1 -1
- package/dist/components/tree/useTreeCommon.d.ts.map +1 -1
- package/dist/components/utils/WithRenderProp.d.ts +1 -1
- package/dist/components/utils/WithRenderProp.d.ts.map +1 -1
- package/dist/components/utils/WithRenderProp.js +1 -1
- package/dist/components/utils/WithRenderProp.js.map +1 -1
- package/dist/components/utils/index.d.ts +1 -0
- package/dist/components/utils/index.d.ts.map +1 -1
- package/dist/components/utils/renderProp.d.ts +24 -0
- package/dist/components/utils/renderProp.d.ts.map +1 -0
- package/dist/components/utils/renderProp.js +19 -0
- package/dist/components/utils/renderProp.js.map +1 -0
- package/dist/components/vertical-collapsible-panel/component.js +1 -1
- package/dist/components/vertical-collapsible-panel/component.js.map +1 -1
- package/dist/index.js +162 -158
- package/dist/index.js.map +1 -1
- package/dist/metadata.d.ts.map +1 -1
- package/dist/metadata.js +14 -14
- package/dist/metadata.js.map +1 -1
- package/dist/stats.html +1 -1
- package/dist/tailwind.css +125 -1
- package/package.json +3 -3
- package/dist/components/cmdk/command-score.d.ts +0 -2
- package/dist/components/cmdk/command-score.d.ts.map +0 -1
- package/dist/components/cmdk/command-score.js +0 -48
- package/dist/components/cmdk/command-score.js.map +0 -1
- package/dist/components/cmdk/index.d.ts +0 -440
- package/dist/components/cmdk/index.d.ts.map +0 -1
- package/dist/components/cmdk/index.js +0 -595
- package/dist/components/cmdk/index.js.map +0 -1
|
@@ -21,13 +21,13 @@ const b = X(
|
|
|
21
21
|
disabled: o = !1,
|
|
22
22
|
open: e = !1,
|
|
23
23
|
status: t,
|
|
24
|
-
placeholder:
|
|
24
|
+
placeholder: g = "Select...",
|
|
25
25
|
displayValue: s,
|
|
26
26
|
allowClear: m = !1,
|
|
27
27
|
suffixIcon: l,
|
|
28
28
|
clearIcon: c,
|
|
29
29
|
onClear: u,
|
|
30
|
-
onOpenChange:
|
|
30
|
+
onOpenChange: i,
|
|
31
31
|
classNames: a,
|
|
32
32
|
as: f,
|
|
33
33
|
children: E,
|
|
@@ -42,24 +42,24 @@ const b = X(
|
|
|
42
42
|
size: r,
|
|
43
43
|
status: t,
|
|
44
44
|
value: s,
|
|
45
|
-
placeholder:
|
|
45
|
+
placeholder: g,
|
|
46
46
|
allowClear: m,
|
|
47
47
|
suffixIcon: l,
|
|
48
48
|
clearIcon: c,
|
|
49
49
|
onClear: u,
|
|
50
|
-
onOpenChange:
|
|
50
|
+
onOpenChange: i,
|
|
51
51
|
classNames: a
|
|
52
52
|
}, x = V(null);
|
|
53
53
|
return W(() => {
|
|
54
54
|
const S = x.current;
|
|
55
55
|
if (!S) return;
|
|
56
56
|
const N = (R) => {
|
|
57
|
-
R.key === "ArrowDown" && !o && !e && (R.preventDefault(),
|
|
57
|
+
R.key === "ArrowDown" && !o && !e && (R.preventDefault(), i?.(!0));
|
|
58
58
|
};
|
|
59
59
|
return S.addEventListener("keydown", N), () => {
|
|
60
60
|
S.removeEventListener("keydown", N);
|
|
61
61
|
};
|
|
62
|
-
}, [o, e,
|
|
62
|
+
}, [o, e, i]), /* @__PURE__ */ n(b.Provider, { value: P, children: /* @__PURE__ */ n(
|
|
63
63
|
h,
|
|
64
64
|
{
|
|
65
65
|
as: f || "button",
|
|
@@ -86,10 +86,10 @@ const b = X(
|
|
|
86
86
|
as: o,
|
|
87
87
|
contentRender: e,
|
|
88
88
|
prefix: t,
|
|
89
|
-
suffix:
|
|
89
|
+
suffix: g,
|
|
90
90
|
...s
|
|
91
91
|
}, m) => {
|
|
92
|
-
const { hasValue: l, value: c, placeholder: u, classNames:
|
|
92
|
+
const { hasValue: l, value: c, placeholder: u, classNames: i } = T(), a = C(), f = l ? c : u;
|
|
93
93
|
return /* @__PURE__ */ L(
|
|
94
94
|
h,
|
|
95
95
|
{
|
|
@@ -97,11 +97,11 @@ const b = X(
|
|
|
97
97
|
ref: m,
|
|
98
98
|
state: {
|
|
99
99
|
prefix: t,
|
|
100
|
-
suffix:
|
|
100
|
+
suffix: g
|
|
101
101
|
},
|
|
102
102
|
className: w(
|
|
103
103
|
a("select-trigger-content"),
|
|
104
|
-
|
|
104
|
+
i?.content,
|
|
105
105
|
r
|
|
106
106
|
),
|
|
107
107
|
...s,
|
|
@@ -115,18 +115,18 @@ const b = X(
|
|
|
115
115
|
className: w(
|
|
116
116
|
a("select-trigger-text"),
|
|
117
117
|
!l && a("select-trigger-placeholder"),
|
|
118
|
-
!l &&
|
|
119
|
-
l &&
|
|
118
|
+
!l && i?.placeholder,
|
|
119
|
+
l && i?.value
|
|
120
120
|
),
|
|
121
121
|
children: f
|
|
122
122
|
}
|
|
123
123
|
),
|
|
124
|
-
|
|
124
|
+
g && /* @__PURE__ */ n("span", { className: a("select-trigger-suffix"), children: g })
|
|
125
125
|
]
|
|
126
126
|
}
|
|
127
127
|
);
|
|
128
|
-
}, H = p(G), J = ({ className: r, as: o, onClick: e, ...t },
|
|
129
|
-
const { hasValue: s, allowClear: m, clearIcon: l, onClear: c } = T(), u = C(),
|
|
128
|
+
}, H = p(G), J = ({ className: r, as: o, onClick: e, ...t }, g) => {
|
|
129
|
+
const { hasValue: s, allowClear: m, clearIcon: l, onClear: c } = T(), u = C(), i = q(
|
|
130
130
|
(f) => {
|
|
131
131
|
f.stopPropagation(), c?.(), e?.(f);
|
|
132
132
|
},
|
|
@@ -139,20 +139,20 @@ const b = X(
|
|
|
139
139
|
h,
|
|
140
140
|
{
|
|
141
141
|
as: o || "button",
|
|
142
|
-
ref:
|
|
142
|
+
ref: g,
|
|
143
143
|
className: w(u("select-trigger-clear"), r),
|
|
144
|
-
onClick:
|
|
144
|
+
onClick: i,
|
|
145
145
|
...t,
|
|
146
146
|
children: a
|
|
147
147
|
}
|
|
148
148
|
);
|
|
149
|
-
}, M = p(J), Q = ({ className: r, as: o, render: e, ...t },
|
|
149
|
+
}, M = p(J), Q = ({ className: r, as: o, render: e, ...t }, g) => {
|
|
150
150
|
const { open: s, suffixIcon: m, classNames: l } = T(), c = C(), u = m || /* @__PURE__ */ n("span", { className: c("select-trigger-arrow-icon"), children: /* @__PURE__ */ n($, { weight: "bold" }) });
|
|
151
151
|
return /* @__PURE__ */ n(
|
|
152
152
|
h,
|
|
153
153
|
{
|
|
154
154
|
as: o || "span",
|
|
155
|
-
ref:
|
|
155
|
+
ref: g,
|
|
156
156
|
className: w(
|
|
157
157
|
c("select-trigger-arrow"),
|
|
158
158
|
l?.arrow,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"splitter.d.ts","sourceRoot":"","sources":["../../../src/components/splitter/splitter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAUpD,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAGrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,iBAAiB,CAAC;IACzE;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;
|
|
1
|
+
{"version":3,"file":"splitter.d.ts","sourceRoot":"","sources":["../../../src/components/splitter/splitter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAUpD,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAGrF,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,MAAM,WAAW,aAAc,SAAQ,iBAAiB,CAAC,iBAAiB,CAAC;IACzE;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAgQD,eAAO,MAAM,QAAQ,sFAA4B,CAAC"}
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import { jsx as l, jsxs as
|
|
1
|
+
import { jsx as l, jsxs as y } from "react/jsx-runtime";
|
|
2
2
|
import ue from "rc-resize-observer";
|
|
3
3
|
import { useEvent as p } from "rc-util";
|
|
4
|
-
import
|
|
4
|
+
import S, { forwardRef as de, useState as Ce } from "react";
|
|
5
5
|
import { devUseWarning as he } from "antd/es/_util/warning";
|
|
6
6
|
import { useComponentConfig as Re } from "antd/es/config-provider/context";
|
|
7
7
|
import ge from "antd/es/config-provider/hooks/useCSSVarCls";
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import { SplitterContext as
|
|
14
|
-
import { SplitterPanel as
|
|
8
|
+
import be from "antd/es/splitter/hooks/useItems";
|
|
9
|
+
import ve from "antd/es/splitter/hooks/useResizable";
|
|
10
|
+
import Ie from "antd/es/splitter/hooks/useResize";
|
|
11
|
+
import Me from "antd/es/splitter/SplitBar";
|
|
12
|
+
import Ee from "antd/es/splitter/style";
|
|
13
|
+
import { SplitterContext as Ne } from "./context.js";
|
|
14
|
+
import { SplitterPanel as ye } from "./splitter-panel.js";
|
|
15
15
|
import xe from "./useSizes.js";
|
|
16
16
|
import { clsx as x } from "../utils/cn.js";
|
|
17
17
|
const Pe = (P, O) => {
|
|
@@ -23,7 +23,7 @@ const Pe = (P, O) => {
|
|
|
23
23
|
children: V,
|
|
24
24
|
rootClassName: k,
|
|
25
25
|
onResizeStart: B,
|
|
26
|
-
onResize:
|
|
26
|
+
onResize: z,
|
|
27
27
|
onResizeEnd: u,
|
|
28
28
|
lazy: W,
|
|
29
29
|
showSplitBar: _ = !0
|
|
@@ -32,31 +32,31 @@ const Pe = (P, O) => {
|
|
|
32
32
|
direction: q,
|
|
33
33
|
className: D,
|
|
34
34
|
style: F
|
|
35
|
-
} = Re("splitter"),
|
|
35
|
+
} = Re("splitter"), n = j("splitter", $), g = ge(n), [H, L, T] = Ee(n, g), c = i === "vertical", f = q === "rtl", A = !c && f, r = be(V), b = S.useMemo(() => r.map(() => S.createRef()), [r.length]);
|
|
36
36
|
if (process.env.NODE_ENV !== "production") {
|
|
37
37
|
const t = he("Splitter");
|
|
38
38
|
let e = !1, s = !1;
|
|
39
|
-
r.forEach((
|
|
40
|
-
|
|
41
|
-
}), e && s && !
|
|
39
|
+
r.forEach((o) => {
|
|
40
|
+
o.size !== void 0 ? e = !0 : s = !0;
|
|
41
|
+
}), e && s && !z && t(
|
|
42
42
|
!1,
|
|
43
43
|
"usage",
|
|
44
44
|
"When part of `Splitter.Panel` has `size`, `onResize` is required or change `size` to `defaultSize`."
|
|
45
45
|
);
|
|
46
46
|
}
|
|
47
47
|
const [d, G] = Ce(), J = (t) => {
|
|
48
|
-
const { offsetWidth: e, offsetHeight: s } = t,
|
|
49
|
-
|
|
48
|
+
const { offsetWidth: e, offsetHeight: s } = t, o = c ? s : e;
|
|
49
|
+
o !== 0 && G(o);
|
|
50
50
|
}, [
|
|
51
51
|
K,
|
|
52
52
|
C,
|
|
53
53
|
h,
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
v,
|
|
55
|
+
I,
|
|
56
56
|
Q
|
|
57
|
-
] = xe(r, d, i,
|
|
57
|
+
] = xe(r, d, i, b), M = ve(r, C, f), [X, Y, Z, ee, E] = Ie(
|
|
58
58
|
r,
|
|
59
|
-
|
|
59
|
+
M,
|
|
60
60
|
h,
|
|
61
61
|
d,
|
|
62
62
|
Q,
|
|
@@ -65,30 +65,30 @@ const Pe = (P, O) => {
|
|
|
65
65
|
X(t), B?.(C);
|
|
66
66
|
}), se = p(
|
|
67
67
|
(t, e, s) => {
|
|
68
|
-
const
|
|
69
|
-
s ? u?.(
|
|
68
|
+
const o = Y(t, e);
|
|
69
|
+
s ? u?.(o) : z?.(o);
|
|
70
70
|
}
|
|
71
|
-
),
|
|
71
|
+
), oe = p((t) => {
|
|
72
72
|
Z(), t || u?.(C);
|
|
73
|
-
}),
|
|
73
|
+
}), ne = p(
|
|
74
74
|
(t, e) => {
|
|
75
75
|
const s = ee(t, e);
|
|
76
|
-
|
|
76
|
+
z?.(s), u?.(s);
|
|
77
77
|
}
|
|
78
78
|
), re = x(
|
|
79
|
-
|
|
79
|
+
n,
|
|
80
80
|
w,
|
|
81
|
-
`${
|
|
81
|
+
`${n}-${i}`,
|
|
82
82
|
{
|
|
83
|
-
[`${
|
|
84
|
-
[`${
|
|
83
|
+
[`${n}-rtl`]: f,
|
|
84
|
+
[`${n}-hide-bars`]: !_
|
|
85
85
|
},
|
|
86
86
|
k,
|
|
87
87
|
D,
|
|
88
88
|
T,
|
|
89
89
|
g,
|
|
90
90
|
L
|
|
91
|
-
),
|
|
91
|
+
), N = `${n}-mask`, a = S.useMemo(() => {
|
|
92
92
|
const t = [];
|
|
93
93
|
let e = 0;
|
|
94
94
|
for (let s = 0; s < r.length; s += 1)
|
|
@@ -96,28 +96,28 @@ const Pe = (P, O) => {
|
|
|
96
96
|
return t;
|
|
97
97
|
}, [h]), ie = { ...F, ...U };
|
|
98
98
|
return H(
|
|
99
|
-
/* @__PURE__ */ l(
|
|
99
|
+
/* @__PURE__ */ l(Ne.Provider, { value: { layout: i }, children: /* @__PURE__ */ l(ue, { onResize: J, children: /* @__PURE__ */ y("div", { style: ie, className: re, ref: O, children: [
|
|
100
100
|
r.map((t, e) => {
|
|
101
101
|
const s = /* @__PURE__ */ l(
|
|
102
|
-
|
|
102
|
+
ye,
|
|
103
103
|
{
|
|
104
104
|
...t,
|
|
105
|
-
prefixCls:
|
|
105
|
+
prefixCls: n,
|
|
106
106
|
size: K[e],
|
|
107
|
-
ref:
|
|
107
|
+
ref: b[e]
|
|
108
108
|
}
|
|
109
109
|
);
|
|
110
|
-
let
|
|
111
|
-
const m =
|
|
110
|
+
let o = null;
|
|
111
|
+
const m = M[e];
|
|
112
112
|
if (m) {
|
|
113
|
-
const ae = (a[e - 1] || 0) +
|
|
114
|
-
|
|
115
|
-
|
|
113
|
+
const ae = (a[e - 1] || 0) + v[e], le = (a[e + 1] || 100) - I[e + 1], ce = (a[e - 1] || 0) + I[e], fe = (a[e + 1] || 100) - v[e + 1];
|
|
114
|
+
o = /* @__PURE__ */ l(
|
|
115
|
+
Me,
|
|
116
116
|
{
|
|
117
117
|
lazy: W,
|
|
118
118
|
index: e,
|
|
119
|
-
active:
|
|
120
|
-
prefixCls:
|
|
119
|
+
active: E === e,
|
|
120
|
+
prefixCls: n,
|
|
121
121
|
vertical: c,
|
|
122
122
|
resizable: m.resizable,
|
|
123
123
|
ariaNow: a[e] * 100,
|
|
@@ -126,26 +126,28 @@ const Pe = (P, O) => {
|
|
|
126
126
|
startCollapsible: m.startCollapsible,
|
|
127
127
|
endCollapsible: m.endCollapsible,
|
|
128
128
|
onOffsetStart: te,
|
|
129
|
-
onOffsetUpdate: (me, pe,
|
|
130
|
-
let R = c ?
|
|
131
|
-
A && (R = -R), se(me, R,
|
|
129
|
+
onOffsetUpdate: (me, pe, Se, ze) => {
|
|
130
|
+
let R = c ? Se : pe;
|
|
131
|
+
A && (R = -R), se(me, R, ze);
|
|
132
132
|
},
|
|
133
|
-
onOffsetEnd:
|
|
134
|
-
onCollapse:
|
|
135
|
-
containerSize: d || 0
|
|
133
|
+
onOffsetEnd: oe,
|
|
134
|
+
onCollapse: ne,
|
|
135
|
+
containerSize: d || 0,
|
|
136
|
+
showStartCollapsibleIcon: "auto",
|
|
137
|
+
showEndCollapsibleIcon: "auto"
|
|
136
138
|
}
|
|
137
139
|
);
|
|
138
140
|
}
|
|
139
|
-
return /* @__PURE__ */
|
|
141
|
+
return /* @__PURE__ */ y(S.Fragment, { children: [
|
|
140
142
|
s,
|
|
141
|
-
|
|
143
|
+
o
|
|
142
144
|
] }, `split-panel-${e}`);
|
|
143
145
|
}),
|
|
144
|
-
typeof
|
|
146
|
+
typeof E == "number" && /* @__PURE__ */ l(
|
|
145
147
|
"div",
|
|
146
148
|
{
|
|
147
149
|
"aria-hidden": !0,
|
|
148
|
-
className: x(
|
|
150
|
+
className: x(N, `${N}-${i}`)
|
|
149
151
|
}
|
|
150
152
|
)
|
|
151
153
|
] }) }) })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"splitter.js","sources":["../../../src/components/splitter/splitter.tsx"],"sourcesContent":["import ResizeObserver from \"rc-resize-observer\";\nimport { useEvent } from \"rc-util\";\nimport React, { forwardRef, useState } from \"react\";\nimport { clsx } from \"../utils\";\n\nimport type { GetProp } from \"antd/es/_util/type\";\nimport { devUseWarning } from \"antd/es/_util/warning\";\nimport { useComponentConfig } from \"antd/es/config-provider/context\";\nimport useCSSVarCls from \"antd/es/config-provider/hooks/useCSSVarCls\";\nimport useItems from \"antd/es/splitter/hooks/useItems\";\nimport useResizable from \"antd/es/splitter/hooks/useResizable\";\nimport useResize from \"antd/es/splitter/hooks/useResize\";\nimport type { SplitterProps as AntdSplitterProps } from \"antd/es/splitter/interface\";\nimport SplitBar from \"antd/es/splitter/SplitBar\";\nimport useStyle from \"antd/es/splitter/style\";\nimport { PropsWithChildren } from \"react\";\nimport { SplitterContext } from \"./context\";\nimport { SplitterPanel } from \"./splitter-panel\";\nimport useSizes from \"./useSizes\";\n\nexport interface SplitterProps extends PropsWithChildren<AntdSplitterProps> {\n /**\n * Whether to show the split bars between panels\n * @default true\n */\n showSplitBar?: boolean;\n}\n\nconst SplitterInner = (\n props: SplitterProps,\n ref: React.Ref<HTMLDivElement>,\n) => {\n const {\n prefixCls: customizePrefixCls,\n className,\n style,\n layout = \"horizontal\",\n children,\n rootClassName,\n onResizeStart,\n onResize,\n onResizeEnd,\n lazy,\n showSplitBar = true,\n } = props;\n\n const {\n getPrefixCls,\n direction,\n className: contextClassName,\n style: contextStyle,\n } = useComponentConfig(\"splitter\");\n const prefixCls = getPrefixCls(\"splitter\", customizePrefixCls);\n const rootCls = useCSSVarCls(prefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n\n // ======================== Direct ========================\n const isVertical = layout === \"vertical\";\n const isRTL = direction === \"rtl\";\n const reverse = !isVertical && isRTL;\n\n // ====================== Items Data ======================\n const items = useItems(children);\n\n // Create refs for intrinsic panels to pass to useSizes\n const elementRefs = React.useMemo(() => {\n return items.map(() => React.createRef<HTMLElement>());\n }, [items.length]);\n\n // >>> Warning for uncontrolled\n if (process.env.NODE_ENV !== \"production\") {\n const warning = devUseWarning(\"Splitter\");\n\n let existSize = false;\n let existUndefinedSize = false;\n\n items.forEach((item) => {\n if (item.size !== undefined) {\n existSize = true;\n } else {\n existUndefinedSize = true;\n }\n });\n\n if (existSize && existUndefinedSize && !onResize) {\n warning(\n false,\n \"usage\",\n \"When part of `Splitter.Panel` has `size`, `onResize` is required or change `size` to `defaultSize`.\",\n );\n }\n }\n\n // ====================== Container =======================\n const [containerSize, setContainerSize] = useState<number | undefined>();\n\n const onContainerResize: GetProp<typeof ResizeObserver, \"onResize\"> = (\n size,\n ) => {\n const { offsetWidth, offsetHeight } = size;\n const containerSize = isVertical ? offsetHeight : offsetWidth;\n // Skip when container has no size, Such as nested in a hidden tab panel\n // to fix: https://github.com/ant-design/ant-design/issues/51106\n if (containerSize === 0) {\n return;\n }\n setContainerSize(containerSize);\n };\n\n // ========================= Size =========================\n const [\n panelSizes,\n itemPxSizes,\n itemPtgSizes,\n itemPtgMinSizes,\n itemPtgMaxSizes,\n updateSizes,\n ] = useSizes(items, containerSize, layout, elementRefs);\n\n // ====================== Resizable =======================\n const resizableInfos = useResizable(items, itemPxSizes, isRTL);\n\n const [onOffsetStart, onOffsetUpdate, onOffsetEnd, onCollapse, movingIndex] =\n useResize(\n items,\n resizableInfos,\n itemPtgSizes,\n containerSize,\n updateSizes,\n isRTL,\n );\n\n // ======================== Events ========================\n const onInternalResizeStart = useEvent((index: number) => {\n onOffsetStart(index);\n onResizeStart?.(itemPxSizes);\n });\n\n const onInternalResizeUpdate = useEvent(\n (index: number, offset: number, lazyEnd?: boolean) => {\n const nextSizes = onOffsetUpdate(index, offset);\n\n if (lazyEnd) {\n onResizeEnd?.(nextSizes);\n } else {\n onResize?.(nextSizes);\n }\n },\n );\n\n const onInternalResizeEnd = useEvent((lazyEnd?: boolean) => {\n onOffsetEnd();\n\n if (!lazyEnd) {\n onResizeEnd?.(itemPxSizes);\n }\n });\n\n const onInternalCollapse = useEvent(\n (index: number, type: \"start\" | \"end\") => {\n const nextSizes = onCollapse(index, type);\n onResize?.(nextSizes);\n onResizeEnd?.(nextSizes);\n },\n );\n\n // ======================== Styles ========================\n const containerClassName = clsx(\n prefixCls,\n className,\n `${prefixCls}-${layout}`,\n {\n [`${prefixCls}-rtl`]: isRTL,\n [`${prefixCls}-hide-bars`]: !showSplitBar,\n },\n rootClassName,\n contextClassName,\n cssVarCls,\n rootCls,\n hashId,\n );\n\n // ======================== Render ========================\n const maskCls = `${prefixCls}-mask`;\n\n const stackSizes = React.useMemo(() => {\n const mergedSizes: number[] = [];\n\n let stack = 0;\n for (let i = 0; i < items.length; i += 1) {\n stack += itemPtgSizes[i];\n mergedSizes.push(stack);\n }\n\n return mergedSizes;\n // note: do not change this dependency array\n // @eslint-disable-next-line react-hooks/exhaustive-deps\n }, [itemPtgSizes]);\n\n const mergedStyle: React.CSSProperties = { ...contextStyle, ...style };\n\n return wrapCSSVar(\n <SplitterContext.Provider value={{ layout }}>\n <ResizeObserver onResize={onContainerResize}>\n <div style={mergedStyle} className={containerClassName} ref={ref}>\n {items.map((item, idx) => {\n // Panel\n const panel = (\n <SplitterPanel\n {...item}\n prefixCls={prefixCls}\n size={panelSizes[idx]}\n ref={elementRefs[idx]}\n />\n );\n\n // Split Bar\n let splitBar: React.ReactElement | null = null;\n\n const resizableInfo = resizableInfos[idx];\n if (resizableInfo) {\n const ariaMinStart =\n (stackSizes[idx - 1] || 0) + itemPtgMinSizes[idx];\n const ariaMinEnd =\n (stackSizes[idx + 1] || 100) - itemPtgMaxSizes[idx + 1];\n\n const ariaMaxStart =\n (stackSizes[idx - 1] || 0) + itemPtgMaxSizes[idx];\n const ariaMaxEnd =\n (stackSizes[idx + 1] || 100) - itemPtgMinSizes[idx + 1];\n\n splitBar = (\n <SplitBar\n lazy={lazy}\n index={idx}\n active={movingIndex === idx}\n prefixCls={prefixCls}\n vertical={isVertical}\n resizable={resizableInfo.resizable}\n ariaNow={stackSizes[idx] * 100}\n ariaMin={Math.max(ariaMinStart, ariaMinEnd) * 100}\n ariaMax={Math.min(ariaMaxStart, ariaMaxEnd) * 100}\n startCollapsible={resizableInfo.startCollapsible}\n endCollapsible={resizableInfo.endCollapsible}\n onOffsetStart={onInternalResizeStart}\n onOffsetUpdate={(index, offsetX, offsetY, lazyEnd) => {\n let offset = isVertical ? offsetY : offsetX;\n if (reverse) {\n offset = -offset;\n }\n onInternalResizeUpdate(index, offset, lazyEnd);\n }}\n onOffsetEnd={onInternalResizeEnd}\n onCollapse={onInternalCollapse}\n containerSize={containerSize || 0}\n />\n );\n }\n\n return (\n <React.Fragment key={`split-panel-${idx}`}>\n {panel}\n {splitBar}\n </React.Fragment>\n );\n })}\n\n {/* Fake mask for cursor */}\n {typeof movingIndex === \"number\" && (\n <div\n aria-hidden\n className={clsx(maskCls, `${maskCls}-${layout}`)}\n />\n )}\n </div>\n </ResizeObserver>\n </SplitterContext.Provider>,\n );\n};\n\nexport const Splitter = forwardRef(SplitterInner);\n\nSplitter.displayName = \"Splitter\";\n"],"names":["SplitterInner","props","ref","customizePrefixCls","className","style","layout","children","rootClassName","onResizeStart","onResize","onResizeEnd","lazy","showSplitBar","getPrefixCls","direction","contextClassName","contextStyle","useComponentConfig","prefixCls","rootCls","useCSSVarCls","wrapCSSVar","hashId","cssVarCls","useStyle","isVertical","isRTL","reverse","items","useItems","elementRefs","React","warning","devUseWarning","existSize","existUndefinedSize","item","containerSize","setContainerSize","useState","onContainerResize","size","offsetWidth","offsetHeight","panelSizes","itemPxSizes","itemPtgSizes","itemPtgMinSizes","itemPtgMaxSizes","updateSizes","useSizes","resizableInfos","useResizable","onOffsetStart","onOffsetUpdate","onOffsetEnd","onCollapse","movingIndex","useResize","onInternalResizeStart","useEvent","index","onInternalResizeUpdate","offset","lazyEnd","nextSizes","onInternalResizeEnd","onInternalCollapse","type","containerClassName","clsx","maskCls","stackSizes","mergedSizes","stack","i","mergedStyle","SplitterContext","jsx","ResizeObserver","jsxs","idx","panel","SplitterPanel","splitBar","resizableInfo","ariaMinStart","ariaMinEnd","ariaMaxStart","ariaMaxEnd","SplitBar","offsetX","offsetY","Splitter","forwardRef"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"splitter.js","sources":["../../../src/components/splitter/splitter.tsx"],"sourcesContent":["import ResizeObserver from \"rc-resize-observer\";\nimport { useEvent } from \"rc-util\";\nimport React, { forwardRef, useState } from \"react\";\nimport { clsx } from \"../utils\";\n\nimport type { GetProp } from \"antd/es/_util/type\";\nimport { devUseWarning } from \"antd/es/_util/warning\";\nimport { useComponentConfig } from \"antd/es/config-provider/context\";\nimport useCSSVarCls from \"antd/es/config-provider/hooks/useCSSVarCls\";\nimport useItems from \"antd/es/splitter/hooks/useItems\";\nimport useResizable from \"antd/es/splitter/hooks/useResizable\";\nimport useResize from \"antd/es/splitter/hooks/useResize\";\nimport type { SplitterProps as AntdSplitterProps } from \"antd/es/splitter/interface\";\nimport SplitBar from \"antd/es/splitter/SplitBar\";\nimport useStyle from \"antd/es/splitter/style\";\nimport { PropsWithChildren } from \"react\";\nimport { SplitterContext } from \"./context\";\nimport { SplitterPanel } from \"./splitter-panel\";\nimport useSizes from \"./useSizes\";\n\nexport interface SplitterProps extends PropsWithChildren<AntdSplitterProps> {\n /**\n * Whether to show the split bars between panels\n * @default true\n */\n showSplitBar?: boolean;\n}\n\nconst SplitterInner = (\n props: SplitterProps,\n ref: React.Ref<HTMLDivElement>\n) => {\n const {\n prefixCls: customizePrefixCls,\n className,\n style,\n layout = \"horizontal\",\n children,\n rootClassName,\n onResizeStart,\n onResize,\n onResizeEnd,\n lazy,\n showSplitBar = true,\n } = props;\n\n const {\n getPrefixCls,\n direction,\n className: contextClassName,\n style: contextStyle,\n } = useComponentConfig(\"splitter\");\n const prefixCls = getPrefixCls(\"splitter\", customizePrefixCls);\n const rootCls = useCSSVarCls(prefixCls);\n const [wrapCSSVar, hashId, cssVarCls] = useStyle(prefixCls, rootCls);\n\n // ======================== Direct ========================\n const isVertical = layout === \"vertical\";\n const isRTL = direction === \"rtl\";\n const reverse = !isVertical && isRTL;\n\n // ====================== Items Data ======================\n const items = useItems(children);\n\n // Create refs for intrinsic panels to pass to useSizes\n const elementRefs = React.useMemo(() => {\n return items.map(() => React.createRef<HTMLElement>());\n }, [items.length]);\n\n // >>> Warning for uncontrolled\n if (process.env.NODE_ENV !== \"production\") {\n const warning = devUseWarning(\"Splitter\");\n\n let existSize = false;\n let existUndefinedSize = false;\n\n items.forEach((item) => {\n if (item.size !== undefined) {\n existSize = true;\n } else {\n existUndefinedSize = true;\n }\n });\n\n if (existSize && existUndefinedSize && !onResize) {\n warning(\n false,\n \"usage\",\n \"When part of `Splitter.Panel` has `size`, `onResize` is required or change `size` to `defaultSize`.\"\n );\n }\n }\n\n // ====================== Container =======================\n const [containerSize, setContainerSize] = useState<number | undefined>();\n\n const onContainerResize: GetProp<typeof ResizeObserver, \"onResize\"> = (\n size\n ) => {\n const { offsetWidth, offsetHeight } = size;\n const containerSize = isVertical ? offsetHeight : offsetWidth;\n // Skip when container has no size, Such as nested in a hidden tab panel\n // to fix: https://github.com/ant-design/ant-design/issues/51106\n if (containerSize === 0) {\n return;\n }\n setContainerSize(containerSize);\n };\n\n // ========================= Size =========================\n const [\n panelSizes,\n itemPxSizes,\n itemPtgSizes,\n itemPtgMinSizes,\n itemPtgMaxSizes,\n updateSizes,\n ] = useSizes(items, containerSize, layout, elementRefs);\n\n // ====================== Resizable =======================\n const resizableInfos = useResizable(items, itemPxSizes, isRTL);\n\n const [onOffsetStart, onOffsetUpdate, onOffsetEnd, onCollapse, movingIndex] =\n useResize(\n items,\n resizableInfos,\n itemPtgSizes,\n containerSize,\n updateSizes,\n isRTL\n );\n\n // ======================== Events ========================\n const onInternalResizeStart = useEvent((index: number) => {\n onOffsetStart(index);\n onResizeStart?.(itemPxSizes);\n });\n\n const onInternalResizeUpdate = useEvent(\n (index: number, offset: number, lazyEnd?: boolean) => {\n const nextSizes = onOffsetUpdate(index, offset);\n\n if (lazyEnd) {\n onResizeEnd?.(nextSizes);\n } else {\n onResize?.(nextSizes);\n }\n }\n );\n\n const onInternalResizeEnd = useEvent((lazyEnd?: boolean) => {\n onOffsetEnd();\n\n if (!lazyEnd) {\n onResizeEnd?.(itemPxSizes);\n }\n });\n\n const onInternalCollapse = useEvent(\n (index: number, type: \"start\" | \"end\") => {\n const nextSizes = onCollapse(index, type);\n onResize?.(nextSizes);\n onResizeEnd?.(nextSizes);\n }\n );\n\n // ======================== Styles ========================\n const containerClassName = clsx(\n prefixCls,\n className,\n `${prefixCls}-${layout}`,\n {\n [`${prefixCls}-rtl`]: isRTL,\n [`${prefixCls}-hide-bars`]: !showSplitBar,\n },\n rootClassName,\n contextClassName,\n cssVarCls,\n rootCls,\n hashId\n );\n\n // ======================== Render ========================\n const maskCls = `${prefixCls}-mask`;\n\n const stackSizes = React.useMemo(() => {\n const mergedSizes: number[] = [];\n\n let stack = 0;\n for (let i = 0; i < items.length; i += 1) {\n stack += itemPtgSizes[i];\n mergedSizes.push(stack);\n }\n\n return mergedSizes;\n // note: do not change this dependency array\n // @eslint-disable-next-line react-hooks/exhaustive-deps\n }, [itemPtgSizes]);\n\n const mergedStyle: React.CSSProperties = { ...contextStyle, ...style };\n\n return wrapCSSVar(\n <SplitterContext.Provider value={{ layout }}>\n <ResizeObserver onResize={onContainerResize}>\n <div style={mergedStyle} className={containerClassName} ref={ref}>\n {items.map((item, idx) => {\n // Panel\n const panel = (\n <SplitterPanel\n {...item}\n prefixCls={prefixCls}\n size={panelSizes[idx]}\n ref={elementRefs[idx]}\n />\n );\n\n // Split Bar\n let splitBar: React.ReactElement | null = null;\n\n const resizableInfo = resizableInfos[idx];\n if (resizableInfo) {\n const ariaMinStart =\n (stackSizes[idx - 1] || 0) + itemPtgMinSizes[idx];\n const ariaMinEnd =\n (stackSizes[idx + 1] || 100) - itemPtgMaxSizes[idx + 1];\n\n const ariaMaxStart =\n (stackSizes[idx - 1] || 0) + itemPtgMaxSizes[idx];\n const ariaMaxEnd =\n (stackSizes[idx + 1] || 100) - itemPtgMinSizes[idx + 1];\n\n splitBar = (\n <SplitBar\n lazy={lazy}\n index={idx}\n active={movingIndex === idx}\n prefixCls={prefixCls}\n vertical={isVertical}\n resizable={resizableInfo.resizable}\n ariaNow={stackSizes[idx] * 100}\n ariaMin={Math.max(ariaMinStart, ariaMinEnd) * 100}\n ariaMax={Math.min(ariaMaxStart, ariaMaxEnd) * 100}\n startCollapsible={resizableInfo.startCollapsible}\n endCollapsible={resizableInfo.endCollapsible}\n onOffsetStart={onInternalResizeStart}\n onOffsetUpdate={(index, offsetX, offsetY, lazyEnd) => {\n let offset = isVertical ? offsetY : offsetX;\n if (reverse) {\n offset = -offset;\n }\n onInternalResizeUpdate(index, offset, lazyEnd);\n }}\n onOffsetEnd={onInternalResizeEnd}\n onCollapse={onInternalCollapse}\n containerSize={containerSize || 0}\n showStartCollapsibleIcon={\"auto\"}\n showEndCollapsibleIcon={\"auto\"}\n />\n );\n }\n\n return (\n <React.Fragment key={`split-panel-${idx}`}>\n {panel}\n {splitBar}\n </React.Fragment>\n );\n })}\n\n {/* Fake mask for cursor */}\n {typeof movingIndex === \"number\" && (\n <div\n aria-hidden\n className={clsx(maskCls, `${maskCls}-${layout}`)}\n />\n )}\n </div>\n </ResizeObserver>\n </SplitterContext.Provider>\n );\n};\n\nexport const Splitter = forwardRef(SplitterInner);\n\nSplitter.displayName = \"Splitter\";\n"],"names":["SplitterInner","props","ref","customizePrefixCls","className","style","layout","children","rootClassName","onResizeStart","onResize","onResizeEnd","lazy","showSplitBar","getPrefixCls","direction","contextClassName","contextStyle","useComponentConfig","prefixCls","rootCls","useCSSVarCls","wrapCSSVar","hashId","cssVarCls","useStyle","isVertical","isRTL","reverse","items","useItems","elementRefs","React","warning","devUseWarning","existSize","existUndefinedSize","item","containerSize","setContainerSize","useState","onContainerResize","size","offsetWidth","offsetHeight","panelSizes","itemPxSizes","itemPtgSizes","itemPtgMinSizes","itemPtgMaxSizes","updateSizes","useSizes","resizableInfos","useResizable","onOffsetStart","onOffsetUpdate","onOffsetEnd","onCollapse","movingIndex","useResize","onInternalResizeStart","useEvent","index","onInternalResizeUpdate","offset","lazyEnd","nextSizes","onInternalResizeEnd","onInternalCollapse","type","containerClassName","clsx","maskCls","stackSizes","mergedSizes","stack","i","mergedStyle","SplitterContext","jsx","ResizeObserver","jsxs","idx","panel","SplitterPanel","splitBar","resizableInfo","ariaMinStart","ariaMinEnd","ariaMaxStart","ariaMaxEnd","SplitBar","offsetX","offsetY","Splitter","forwardRef"],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as l } from "react/jsx-runtime";
|
|
3
3
|
import S, { forwardRef as g, useMemo as v } from "react";
|
|
4
|
-
import { useRender as w } from "@base-ui
|
|
5
|
-
import { mergeProps as E } from "@base-ui
|
|
4
|
+
import { useRender as w } from "@base-ui/react/use-render";
|
|
5
|
+
import { mergeProps as E } from "@base-ui/react/merge-props";
|
|
6
6
|
import { Stack as P } from "./Stack.js";
|
|
7
7
|
import { useCls as V } from "../utils/antdUtils.js";
|
|
8
8
|
import { cn as _ } from "../utils/cn.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackChild.js","sources":["../../../src/components/stack/StackChild.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef, useMemo } from \"react\";\nimport { cn, useCls } from \"../utils\";\nimport { useRender } from \"@base-ui
|
|
1
|
+
{"version":3,"file":"StackChild.js","sources":["../../../src/components/stack/StackChild.tsx"],"sourcesContent":["\"use client\";\nimport React, { forwardRef, useMemo } from \"react\";\nimport { cn, useCls } from \"../utils\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { Stack, StackProps } from \"./Stack\";\n\nexport interface StackChildProps extends StackProps {\n /**\n * CSS flex property value (e.g. \"1\", \"1 0 auto\", \"0 1 auto\")\n * When boolean: true = 1, false = 0\n * @default undefined\n */\n flex?: string | number | boolean;\n\n /**\n * Whether this child should grow to fill available space\n * @default false\n */\n grow?: boolean;\n\n /**\n * Whether this child should shrink if necessary\n * @default false\n */\n shrink?: boolean;\n\n /**\n * Children of the stack child\n */\n children?: React.ReactNode;\n /**\n * Whether to render the child with a stack wrapper\n * @default false\n */\n stack?: boolean;\n}\n\nexport const StackChild = forwardRef<HTMLDivElement, StackChildProps>(\n (\n {\n flex,\n grow = false,\n shrink = false,\n children,\n style,\n stack = false,\n // stack props\n hug = false,\n align = \"flex-start\",\n justify = \"flex-start\",\n vertical = false,\n gap = 0,\n wrap = false,\n className,\n ...rest\n },\n ref\n ) => {\n const cls = useCls();\n const stackProps = {\n hug,\n align,\n justify,\n vertical,\n gap,\n wrap,\n };\n\n // Determine flex class based on flex prop type\n const flexClass = useMemo(() => {\n if (typeof flex === \"boolean\" || flex === 0 || flex === 1) {\n return flex === true || flex === 1\n ? cls(\"stack-child-flex-1\")\n : cls(\"stack-child-flex-0\");\n }\n return \"\";\n }, [flex, cls]);\n\n // Calculate the combined className\n const combinedClassName = cn(\n cls(\"stack-child\"),\n grow && cls(\"stack-child-grow\"),\n shrink && cls(\"stack-child-shrink\"),\n flexClass,\n className\n );\n\n // Calculate the flex style value\n const flexValue =\n flex && typeof flex !== \"boolean\" && !flexClass ? flex : undefined;\n\n // Use useRender to apply props directly to the child without creating a wrapper\n const renderedElement = useRender({\n render: React.isValidElement(children) ? children : <div>{children}</div>,\n ref,\n props: mergeProps<\"div\">(\n {\n className: combinedClassName,\n style: {\n ...style,\n flex: flexValue,\n },\n ...rest,\n },\n {}\n ),\n });\n\n return stack ? (\n <Stack {...stackProps} ref={ref} className={combinedClassName} {...rest}>\n {children}\n </Stack>\n ) : (\n renderedElement\n );\n }\n);\n\nStackChild.displayName = \"StackChild\";\n"],"names":["StackChild","forwardRef","flex","grow","shrink","children","style","stack","hug","align","justify","vertical","gap","wrap","className","rest","ref","cls","useCls","stackProps","flexClass","useMemo","combinedClassName","cn","flexValue","renderedElement","useRender","React","jsx","mergeProps","Stack"],"mappings":";;;;;;;;AAsCO,MAAMA,IAAaC;AAAA,EACxB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA;AAAA,IAER,KAAAC,IAAM;AAAA,IACN,OAAAC,IAAQ;AAAA,IACR,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,KAAAC,IAAM;AAAA,IACN,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAMC,EAAA,GACNC,IAAa;AAAA,MACjB,KAAAX;AAAA,MACA,OAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAAC;AAAA,MACA,KAAAC;AAAA,MACA,MAAAC;AAAA,IAAA,GAIIO,IAAYC,EAAQ,MACpB,OAAOnB,KAAS,aAAaA,MAAS,KAAKA,MAAS,IAElDe,EADGf,MAAS,MAAQA,MAAS,IACzB,uBACA,oBADoB,IAGvB,IACN,CAACA,GAAMe,CAAG,CAAC,GAGRK,IAAoBC;AAAA,MACxBN,EAAI,aAAa;AAAA,MACjBd,KAAQc,EAAI,kBAAkB;AAAA,MAC9Bb,KAAUa,EAAI,oBAAoB;AAAA,MAClCG;AAAA,MACAN;AAAA,IAAA,GAIIU,IACJtB,KAAQ,OAAOA,KAAS,aAAa,CAACkB,IAAYlB,IAAO,QAGrDuB,IAAkBC,EAAU;AAAA,MAChC,QAAQC,EAAM,eAAetB,CAAQ,IAAIA,IAAW,gBAAAuB,EAAC,SAAK,UAAAvB,GAAS;AAAA,MACnE,KAAAW;AAAA,MACA,OAAOa;AAAA,QACL;AAAA,UACE,WAAWP;AAAA,UACX,OAAO;AAAA,YACL,GAAGhB;AAAA,YACH,MAAMkB;AAAA,UAAA;AAAA,UAER,GAAGT;AAAA,QAAA;AAAA,QAEL,CAAA;AAAA,MAAC;AAAA,IACH,CACD;AAED,WAAOR,IACL,gBAAAqB,EAACE,GAAA,EAAO,GAAGX,GAAY,KAAAH,GAAU,WAAWM,GAAoB,GAAGP,GAChE,UAAAV,EAAA,CACH,IAEAoB;AAAA,EAEJ;AACF;AAEAzB,EAAW,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/toast/component.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/toast/component.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AASpC,OAAO,aAAa,CAAC;AAErB,iBAAS,UAAU,CAAC,EAClB,KAAK,GACN,EAAE;IACD,KAAK,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;CAC9C,2CAsFA;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,2CAavD;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,2CAErD;AAED,eAAO,MAAM,KAAK;;;CAGhB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as c, jsx as r } from "react/jsx-runtime";
|
|
3
3
|
import { XIcon as N, CircleNotchIcon as g, CheckCircleIcon as w, XCircleIcon as C, WarningCircleIcon as I, InfoIcon as T } from "@bioturing/assets";
|
|
4
|
-
import { Toast as t } from "@base-ui
|
|
4
|
+
import { Toast as t } from "@base-ui/react";
|
|
5
5
|
import { toastManager as a } from "./function.js";
|
|
6
6
|
import { useEffect as k, useCallback as b } from "react";
|
|
7
7
|
import { Button as v } from "../button/component.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sources":["../../../src/components/toast/component.tsx"],"sourcesContent":["\"use client\";\nimport { useCls, clsx } from \"../utils\";\nimport {\n CheckCircleIcon,\n CircleNotchIcon,\n InfoIcon,\n WarningCircleIcon,\n XIcon,\n XCircleIcon,\n} from \"@bioturing/assets\";\nimport { Toast as BaseToast } from \"@base-ui
|
|
1
|
+
{"version":3,"file":"component.js","sources":["../../../src/components/toast/component.tsx"],"sourcesContent":["\"use client\";\nimport { useCls, clsx } from \"../utils\";\nimport {\n CheckCircleIcon,\n CircleNotchIcon,\n InfoIcon,\n WarningCircleIcon,\n XIcon,\n XCircleIcon,\n} from \"@bioturing/assets\";\nimport { Toast as BaseToast } from \"@base-ui/react\";\nimport { IconButton } from \"../icon-button\";\nimport { ToastData } from \"./types\";\nimport { toastManager } from \"./function\";\nimport { isTracebackError, type GenericHTMLProps } from \"../utils\";\nimport { useCallback, useEffect } from \"react\";\nimport { Button } from \"../button/component\";\nimport { Modal } from \"../modal\";\nimport { CodeBlock } from \"../code-block\";\n\n// Import component-specific styles\nimport \"./style.css\";\n\nfunction InnerToast({\n toast,\n}: {\n toast: BaseToast.Root.ToastObject<ToastData>;\n}) {\n const cls = useCls();\n const toastIconMap = {\n info: <InfoIcon weight=\"fill\" />,\n warning: <WarningCircleIcon weight=\"fill\" />,\n error: <XCircleIcon weight=\"fill\" />,\n success: <CheckCircleIcon weight=\"fill\" />,\n progress: <CircleNotchIcon />,\n };\n const type = toast.data?.type || \"info\";\n const isTraceback = isTracebackError(toast?.description);\n\n // Update manager timeout for traceback to disable auto-dismiss\n useEffect(() => {\n if (isTraceback) {\n toastManager.update(toast.id, { timeout: 0 });\n }\n }, [isTraceback, toast.id]);\n // console.log(toast);\n const renderDescription: BaseToast.Description.Props[\"render\"] = useCallback(\n (props: GenericHTMLProps) => {\n const { children, className, ...rest } = props;\n if (isTraceback) {\n return (\n <div\n {...rest}\n className={cls(\n \"toast-description\",\n isTraceback ? \"toast-description-traceback\" : \"\",\n className\n )}\n >\n <p>\n An unexpected error occurred.\n <br />\n Please contact us with error details for support.\n </p>\n <p>\n <Button\n size=\"small\"\n onClick={() => {\n Modal.open({\n title: \"Error details\",\n content: <CodeBlock>{children}</CodeBlock>,\n hideOkButton: true,\n });\n toastManager.close(toast.id);\n }}\n >\n View error details\n </Button>\n </p>\n </div>\n );\n }\n return (\n <p {...rest} className={cls(\"toast-description\", className)}>\n {children}\n </p>\n );\n },\n [isTraceback, cls, toast.id]\n );\n return (\n <BaseToast.Root toast={toast} className={cls(\"toast\")}>\n <span className={cls(\"toast-icon-wrap\")}>\n <span className={cls(\"toast-icon\", `toast-icon-${type}`)}>\n {toastIconMap[type]}\n </span>\n </span>\n <div className={cls(\"toast-content\")}>\n <BaseToast.Title className={cls(\"toast-title\")} />\n <BaseToast.Description render={renderDescription} />\n </div>\n <BaseToast.Close\n className={cls(\"toast-close\")}\n render={\n <span>\n <IconButton size=\"small\">\n <XIcon />\n </IconButton>\n </span>\n }\n ></BaseToast.Close>\n </BaseToast.Root>\n );\n}\n\nfunction ToastList({ className }: { className?: string }) {\n const { toasts } = BaseToast.useToastManager();\n const cls = useCls();\n\n return (\n <BaseToast.Portal>\n <BaseToast.Viewport className={clsx(cls(\"toast-viewport\"), className)}>\n {toasts.map((toast) => (\n <InnerToast key={toast.id} toast={toast} />\n ))}\n </BaseToast.Viewport>\n </BaseToast.Portal>\n );\n}\n\nfunction ToastProvider(props: BaseToast.Provider.Props) {\n return <BaseToast.Provider toastManager={toastManager} {...props} />;\n}\n\nexport const Toast = Object.assign(InnerToast, {\n List: ToastList,\n Provider: ToastProvider,\n});\n"],"names":["InnerToast","toast","cls","useCls","toastIconMap","jsx","InfoIcon","WarningCircleIcon","XCircleIcon","CheckCircleIcon","CircleNotchIcon","type","isTraceback","isTracebackError","useEffect","toastManager","renderDescription","useCallback","props","children","className","rest","jsxs","Button","Modal","CodeBlock","BaseToast","IconButton","XIcon","ToastList","toasts","clsx","ToastProvider","Toast"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { ToastManagerAddOptions } from '@base-ui
|
|
1
|
+
import { ToastManagerAddOptions } from '@base-ui/react';
|
|
2
2
|
import { ToastData } from './types';
|
|
3
|
-
export declare const toastManager: import('@base-ui
|
|
3
|
+
export declare const toastManager: import('@base-ui/react').ToastManager;
|
|
4
4
|
export declare const toast: ((message: string, options?: Omit<ToastManagerAddOptions<ToastData>, "data" | "description">) => string) & {
|
|
5
5
|
info: (message: string, options?: Omit<ToastManagerAddOptions<ToastData>, "data" | "description">) => string;
|
|
6
6
|
success: (message: string, options?: Omit<ToastManagerAddOptions<ToastData>, "data" | "description">) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"function.d.ts","sourceRoot":"","sources":["../../../src/components/toast/function.ts"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"function.d.ts","sourceRoot":"","sources":["../../../src/components/toast/function.ts"],"names":[],"mappings":"AACA,OAAO,EAAsB,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,YAAY,uCAAiC,CAAC;AAoB3D,eAAO,MAAM,KAAK,aAhBL,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;oBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;uBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;qBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;uBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;wBADhE,MAAM,YACL,IAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;CAqB3E,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"function.js","sources":["../../../src/components/toast/function.ts"],"sourcesContent":["\"use client\";\nimport {
|
|
1
|
+
{"version":3,"file":"function.js","sources":["../../../src/components/toast/function.ts"],"sourcesContent":["\"use client\";\nimport { Toast as BaseToast, ToastManagerAddOptions } from \"@base-ui/react\";\nimport type { ToastData } from \"./types\";\n\nexport const toastManager = BaseToast.createToastManager();\n\nfunction createToastTypeFunction(type: ToastData[\"type\"]) {\n return (\n message: string,\n options?: Omit<ToastManagerAddOptions<ToastData>, \"data\" | \"description\">\n ) => {\n const toastId = toastManager.add<ToastData>({\n description: message,\n data: {\n type: type,\n },\n // progress and error toasts should not auto close\n ...(type === \"progress\" ? { timeout: 0 } : {}),\n ...options,\n });\n return toastId;\n };\n}\n\nexport const toast = Object.assign(createToastTypeFunction(\"info\"), {\n info: createToastTypeFunction(\"info\"),\n success: createToastTypeFunction(\"success\"),\n error: createToastTypeFunction(\"error\"),\n warning: createToastTypeFunction(\"warning\"),\n progress: createToastTypeFunction(\"progress\"),\n});\n"],"names":["toastManager","BaseToast","createToastTypeFunction","type","message","options","toast"],"mappings":";;AAIO,MAAMA,IAAeC,EAAU,mBAAA;AAEtC,SAASC,EAAwBC,GAAyB;AACxD,SAAO,CACLC,GACAC,MAEgBL,EAAa,IAAe;AAAA,IAC1C,aAAaI;AAAA,IACb,MAAM;AAAA,MACJ,MAAAD;AAAA,IAAA;AAAA;AAAA,IAGF,GAAIA,MAAS,aAAa,EAAE,SAAS,EAAA,IAAM,CAAA;AAAA,IAC3C,GAAGE;AAAA,EAAA,CACJ;AAGL;AAEO,MAAMC,IAAQ,OAAO,OAAOJ,EAAwB,MAAM,GAAG;AAAA,EAClE,MAAMA,EAAwB,MAAM;AAAA,EACpC,SAASA,EAAwB,SAAS;AAAA,EAC1C,OAAOA,EAAwB,OAAO;AAAA,EACtC,SAASA,EAAwB,SAAS;AAAA,EAC1C,UAAUA,EAAwB,UAAU;AAC9C,CAAC;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
-
import { useRender } from '@base-ui
|
|
2
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
3
3
|
export type TransitionProps = Omit<useRender.ComponentProps<"div">, "render" | "children"> & {
|
|
4
4
|
/** Whether the component should be shown */
|
|
5
5
|
show?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/transition/component.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EAMd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../src/components/transition/component.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EAMd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAMtD,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,EAC/B,QAAQ,GAAG,UAAU,CACtB,GAAG;IACF,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IAClC,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IAChC,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC;CACxE,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,QAAkB,EAClB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,IAAW,EACX,WAAmB,EACnB,oBAAoB,EACpB,uBAA+B,EAC/B,OAAc,EACd,GAAG,UAAU,EACd,EAAE,eAAe,QAyEjB"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as y } from "react/jsx-runtime";
|
|
3
3
|
import { useMemo as j, useRef as F, useCallback as A, isValidElement as E, useEffect as N } from "react";
|
|
4
|
-
import { useRender as S } from "@base-ui
|
|
5
|
-
import { mergeProps as T } from "@base-ui
|
|
4
|
+
import { useRender as S } from "@base-ui/react/use-render";
|
|
5
|
+
import { mergeProps as T } from "@base-ui/react/merge-props";
|
|
6
6
|
import { useTransitionStatus as C } from "../hooks/useTransitionStatus.js";
|
|
7
7
|
import './style.css';/* empty css */
|
|
8
8
|
import { useLatestRef as L, useAnimationsFinished as O } from "../hooks/base-ui.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sources":["../../../src/components/transition/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n CSSProperties,\n isValidElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport { useRender } from \"@base-ui
|
|
1
|
+
{"version":3,"file":"component.js","sources":["../../../src/components/transition/component.tsx"],"sourcesContent":["\"use client\";\nimport {\n CSSProperties,\n isValidElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n} from \"react\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useTransitionStatus } from \"../hooks/useTransitionStatus\";\nimport { clsx, useCls } from \"../utils\";\nimport { useAnimationsFinished, useLatestRef } from \"../hooks\";\n\nimport \"./style.css\";\n\nexport type TransitionProps = Omit<\n useRender.ComponentProps<\"div\">,\n \"render\" | \"children\"\n> & {\n /** Whether the component should be shown */\n show?: boolean;\n /** CSS classes to apply when the component is opened */\n starting?: string | CSSProperties;\n /** CSS classes to apply when the component is closed */\n ending?: string | CSSProperties;\n /** CSS classes to apply to the component */\n className?: string;\n /** Keep mounted */\n keepMounted?: boolean;\n /**\n * Callback function to be called when the transition ends\n */\n onTransitionComplete?: (show?: boolean) => void;\n /**\n * Whether to listen for animations in child elements\n */\n listenToChildAnimations?: boolean;\n /**\n * Whether to render the child as a child element\n * @default true\n */\n asChild?: boolean;\n children?: React.ReactNode | useRender.ComponentProps<\"div\">[\"render\"];\n};\n\nexport function Transition({\n children = <div />,\n className,\n starting,\n ending,\n show = true,\n keepMounted = false,\n onTransitionComplete,\n listenToChildAnimations = false,\n asChild = true,\n ...otherProps\n}: TransitionProps) {\n const { mounted, setMounted, transitionStatus } = useTransitionStatus(show);\n const showRef = useLatestRef(show);\n\n const cls = useCls();\n\n const combinedClassName = useMemo(\n () =>\n clsx(\n className,\n transitionStatus === \"starting\" &&\n typeof starting == \"string\" &&\n starting,\n transitionStatus === \"ending\" && typeof ending == \"string\" && ending,\n // hide by display: none when not mounted and keepMounted is true\n mounted == false && keepMounted ? cls(\"transition-hidden\") : undefined\n ),\n [className, starting, ending, transitionStatus, mounted, keepMounted, cls]\n );\n\n const ref = useRef<HTMLDivElement>(null);\n const runOnceAnimationsFinish = useAnimationsFinished(ref, {\n waitForNextTick: show,\n subtree: listenToChildAnimations,\n });\n\n const getRender = useCallback(() => {\n if (typeof children === \"function\") {\n return children;\n }\n if (asChild && isValidElement(children)) {\n return children;\n }\n return <div>{children}</div>;\n }, [children, asChild]);\n\n const rendered = useRender({\n render: getRender(),\n props: mergeProps<\"div\">(otherProps, {\n ref,\n className: combinedClassName,\n ...{\n \"data-starting\": transitionStatus === \"starting\" ? \"true\" : undefined,\n \"data-ending\": transitionStatus === \"ending\" ? \"true\" : undefined,\n },\n style: {\n ...(transitionStatus === \"starting\" && typeof starting === \"object\"\n ? starting\n : {}),\n ...(transitionStatus === \"ending\" && typeof ending === \"object\"\n ? ending\n : {}),\n },\n }),\n });\n\n useEffect(() => {\n runOnceAnimationsFinish(() => {\n if (show === showRef.current) {\n setMounted(show);\n onTransitionComplete?.(show);\n }\n });\n }, [\n show,\n keepMounted,\n runOnceAnimationsFinish,\n setMounted,\n showRef,\n onTransitionComplete,\n ]);\n\n return mounted || keepMounted ? rendered : null;\n}\n"],"names":["Transition","children","className","starting","ending","show","keepMounted","onTransitionComplete","listenToChildAnimations","asChild","otherProps","mounted","setMounted","transitionStatus","useTransitionStatus","showRef","useLatestRef","cls","useCls","combinedClassName","useMemo","clsx","ref","useRef","runOnceAnimationsFinish","useAnimationsFinished","getRender","useCallback","isValidElement","jsx","rendered","useRender","mergeProps","useEffect"],"mappings":";;;;;;;;;;AA+CO,SAASA,EAAW;AAAA,EACzB,UAAAC,sBAAY,OAAA,EAAI;AAAA,EAChB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,sBAAAC;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAAoB;AAClB,QAAM,EAAE,SAAAC,GAAS,YAAAC,GAAY,kBAAAC,EAAA,IAAqBC,EAAoBT,CAAI,GACpEU,IAAUC,EAAaX,CAAI,GAE3BY,IAAMC,EAAA,GAENC,IAAoBC;AAAA,IACxB,MACEC;AAAA,MACEnB;AAAA,MACAW,MAAqB,cACnB,OAAOV,KAAY,YACnBA;AAAA,MACFU,MAAqB,YAAY,OAAOT,KAAU,YAAYA;AAAA;AAAA,MAE9DO,KAAW,MAASL,IAAcW,EAAI,mBAAmB,IAAI;AAAA,IAAA;AAAA,IAEjE,CAACf,GAAWC,GAAUC,GAAQS,GAAkBF,GAASL,GAAaW,CAAG;AAAA,EAAA,GAGrEK,IAAMC,EAAuB,IAAI,GACjCC,IAA0BC,EAAsBH,GAAK;AAAA,IACzD,iBAAiBjB;AAAA,IACjB,SAASG;AAAA,EAAA,CACV,GAEKkB,IAAYC,EAAY,MACxB,OAAO1B,KAAa,cAGpBQ,KAAWmB,EAAe3B,CAAQ,IAC7BA,IAEF,gBAAA4B,EAAC,SAAK,UAAA5B,GAAS,GACrB,CAACA,GAAUQ,CAAO,CAAC,GAEhBqB,IAAWC,EAAU;AAAA,IACzB,QAAQL,EAAA;AAAA,IACR,OAAOM,EAAkBtB,GAAY;AAAA,MACnC,KAAAY;AAAA,MACA,WAAWH;AAAA,MAET,iBAAiBN,MAAqB,aAAa,SAAS;AAAA,MAC5D,eAAeA,MAAqB,WAAW,SAAS;AAAA,MAE1D,OAAO;AAAA,QACL,GAAIA,MAAqB,cAAc,OAAOV,KAAa,WACvDA,IACA,CAAA;AAAA,QACJ,GAAIU,MAAqB,YAAY,OAAOT,KAAW,WACnDA,IACA,CAAA;AAAA,MAAC;AAAA,IACP,CACD;AAAA,EAAA,CACF;AAED,SAAA6B,EAAU,MAAM;AACd,IAAAT,EAAwB,MAAM;AAC5B,MAAInB,MAASU,EAAQ,YACnBH,EAAWP,CAAI,GACfE,IAAuBF,CAAI;AAAA,IAE/B,CAAC;AAAA,EACH,GAAG;AAAA,IACDA;AAAA,IACAC;AAAA,IACAkB;AAAA,IACAZ;AAAA,IACAG;AAAA,IACAR;AAAA,EAAA,CACD,GAEMI,KAAWL,IAAcwB,IAAW;AAC7C;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTreeCommon.d.ts","sourceRoot":"","sources":["../../../src/components/tree/useTreeCommon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,EAAW,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAgB,SAAS,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG3E,wBAAgB,aAAa,CAAC,CAAC,SAAS,eAAe,EACrD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC
|
|
1
|
+
{"version":3,"file":"useTreeCommon.d.ts","sourceRoot":"","sources":["../../../src/components/tree/useTreeCommon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,QAAQ,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,EAAW,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAgB,SAAS,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG3E,wBAAgB,aAAa,CAAC,CAAC,SAAS,eAAe,EACrD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsG5C"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { useRender } from '@base-ui
|
|
2
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
3
3
|
import { ElementTypeToDOMType } from './types';
|
|
4
4
|
export type WithRenderPropProps<T extends React.ElementType = "div", State extends Record<string | number | symbol, unknown> = Record<string, unknown>> = React.ComponentPropsWithoutRef<T> & {
|
|
5
5
|
render?: useRender.RenderProp<State>;
|