@selectwin/kit 0.1.211 → 0.1.213
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/SelectFlowCanvas.d.ts +9 -1
- package/dist/SelectFlowCanvas.js +138 -95
- package/dist/SelectSection.d.ts +5 -0
- package/dist/SelectSection.js +24 -18
- package/dist/SelectTable.d.ts +39 -2
- package/dist/SelectTable.js +145 -103
- package/dist/internal/frame.d.ts +11 -2
- package/dist/internal/frame.js +6 -3
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/SelectTable.js
CHANGED
|
@@ -1,61 +1,83 @@
|
|
|
1
1
|
import { ChevronDownIcon as e, ChevronRightIcon as t } from "./icons.js";
|
|
2
2
|
import { useSelectReveal as n } from "./internal/useSelectReveal.js";
|
|
3
|
-
import { FrameBody as r,
|
|
3
|
+
import { FrameBody as r, useFrameKind as i } from "./internal/frame.js";
|
|
4
4
|
import { SelectAvatar as a } from "./SelectAvatar.js";
|
|
5
5
|
import { SelectListChrome as o, listChromeShape as s } from "./internal/listChrome.js";
|
|
6
|
-
import { Children as c,
|
|
7
|
-
import { Fragment as
|
|
6
|
+
import { Children as c, createContext as l, forwardRef as u, useCallback as d, useContext as f, useId as p, useLayoutEffect as ee, useRef as m, useState as h } from "react";
|
|
7
|
+
import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
|
|
8
8
|
//#region src/SelectTable.tsx
|
|
9
|
-
var
|
|
10
|
-
function
|
|
9
|
+
var y = 40, b = 1200, x = 8;
|
|
10
|
+
function S(e) {
|
|
11
11
|
let t = parseFloat(getComputedStyle(document.documentElement).fontSize) || 16;
|
|
12
12
|
return `${Math.round(e / t * 1e3) / 1e3}rem`;
|
|
13
13
|
}
|
|
14
|
-
var
|
|
15
|
-
let [
|
|
16
|
-
open:
|
|
17
|
-
onToggle: () =>
|
|
18
|
-
controls:
|
|
19
|
-
} : void 0,
|
|
20
|
-
title:
|
|
21
|
-
description:
|
|
14
|
+
var C = l(0), w = u(function({ columns: t, children: a, empty: l, footer: u, title: f, help: g, description: w, action: E, filters: D, tools: O, onColumnResize: k, onColumnResizeReset: A, collapsible: j = !1, defaultOpen: M = !0, flush: N = !1, label: P, minWidth: F, sizing: I = "even", className: L, ...te }, R) {
|
|
15
|
+
let ne = P ?? (typeof f == "string" ? f : void 0), [z, B] = h(M), V = p(), H = j && f != null ? {
|
|
16
|
+
open: z,
|
|
17
|
+
onToggle: () => B((e) => !e),
|
|
18
|
+
controls: V
|
|
19
|
+
} : void 0, U = c.count(a) === 0, W = U && !!l, { hasFilters: G, hasTitleRow: K } = s({
|
|
20
|
+
title: f,
|
|
21
|
+
description: w,
|
|
22
22
|
action: E,
|
|
23
23
|
filters: D,
|
|
24
24
|
tools: O
|
|
25
|
-
}),
|
|
25
|
+
}), q = W && !K && !G, J = i(), Y = J === "body", X = J === "list", re = n({
|
|
26
26
|
selector: ".select-table__row",
|
|
27
27
|
y: 8,
|
|
28
28
|
duration: .45,
|
|
29
29
|
stagger: .05,
|
|
30
30
|
scroll: !0
|
|
31
|
-
}),
|
|
32
|
-
|
|
33
|
-
}, [
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
(e
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
31
|
+
}), Z = t.length ? t.map((e) => e.width ?? `minmax(${e.minWidth ?? "var(--select-table-col-min, 6.5rem)"}, ${e.grow ?? 1}fr)`).join(" ") : "1fr", Q = m(null), ie = d((e) => {
|
|
32
|
+
Q.current = e, typeof R == "function" ? R(e) : R && (R.current = e);
|
|
33
|
+
}, [R]);
|
|
34
|
+
ee(() => {
|
|
35
|
+
let e = Q.current;
|
|
36
|
+
if (!e) return;
|
|
37
|
+
if (I !== "content" || !t.some((e) => e.width == null)) {
|
|
38
|
+
e.style.setProperty("--select-table-cols", Z);
|
|
39
|
+
return;
|
|
40
|
+
}
|
|
41
|
+
e.style.setProperty("--select-table-cols", t.map((e) => e.width ?? "max-content").join(" "));
|
|
42
|
+
let n = t.map(() => 0);
|
|
43
|
+
for (let r of e.querySelectorAll(".select-table__head, .select-table__row")) {
|
|
44
|
+
if (r.closest(".select-table") !== e) continue;
|
|
45
|
+
let i = [...r.children];
|
|
46
|
+
i.length !== t.length || i.some((e) => e.style.gridColumn) || i.forEach((e, t) => {
|
|
47
|
+
n[t] = Math.max(n[t], e.getBoundingClientRect().width);
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
if (n.every((e) => e === 0)) {
|
|
51
|
+
e.style.setProperty("--select-table-cols", Z);
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
e.style.setProperty("--select-table-cols", t.map((e, t) => {
|
|
55
|
+
if (e.width) return e.width;
|
|
56
|
+
let r = Math.max(1, Math.ceil(n[t]));
|
|
57
|
+
return `minmax(${e.minWidth ?? `min(${r}px, var(--select-table-col-cap, 20rem))`}, ${Math.max(1, Math.round(r * (e.grow ?? 1)))}fr)`;
|
|
58
|
+
}).join(" "));
|
|
59
|
+
});
|
|
60
|
+
let $ = (e, n) => {
|
|
61
|
+
let r = Q.current;
|
|
40
62
|
if (!r) return;
|
|
41
63
|
let i = t.map((t, r) => r === e ? `${n}px` : t.width ?? `minmax(${t.minWidth ?? "var(--select-table-col-min, 6.5rem)"}, ${t.grow ?? 1}fr)`);
|
|
42
64
|
r.style.setProperty("--select-table-cols", i.join(" "));
|
|
43
|
-
},
|
|
65
|
+
}, ae = (e) => (t) => {
|
|
44
66
|
var n;
|
|
45
67
|
if (!k || t.button !== 0) return;
|
|
46
68
|
let r = (n = t.currentTarget.parentElement) == null ? void 0 : n.getBoundingClientRect();
|
|
47
69
|
if (!r) return;
|
|
48
70
|
let i = t.clientX, a = r.width;
|
|
49
71
|
t.preventDefault(), t.stopPropagation(), t.currentTarget.setPointerCapture(t.pointerId);
|
|
50
|
-
let o =
|
|
72
|
+
let o = Q.current;
|
|
51
73
|
o == null || o.classList.add("select-table--resizing");
|
|
52
74
|
let s = a, c = (t) => {
|
|
53
|
-
s = Math.min(
|
|
75
|
+
s = Math.min(b, Math.max(y, a + (t.clientX - i))), $(e, s);
|
|
54
76
|
}, l = () => {
|
|
55
|
-
window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", l), o == null || o.classList.remove("select-table--resizing"), k(e,
|
|
77
|
+
window.removeEventListener("pointermove", c), window.removeEventListener("pointerup", l), window.removeEventListener("pointercancel", l), o == null || o.classList.remove("select-table--resizing"), k(e, S(s));
|
|
56
78
|
};
|
|
57
79
|
window.addEventListener("pointermove", c), window.addEventListener("pointerup", l), window.addEventListener("pointercancel", l);
|
|
58
|
-
},
|
|
80
|
+
}, oe = (e) => (t) => {
|
|
59
81
|
var n;
|
|
60
82
|
if (!k) return;
|
|
61
83
|
let r = t.key === "ArrowRight" ? 1 : t.key === "ArrowLeft" ? -1 : 0;
|
|
@@ -63,157 +85,177 @@ var S = l(function({ columns: t, children: a, empty: l, footer: h, title: S, hel
|
|
|
63
85
|
let i = (n = t.currentTarget.parentElement) == null ? void 0 : n.getBoundingClientRect();
|
|
64
86
|
if (!i) return;
|
|
65
87
|
t.preventDefault();
|
|
66
|
-
let a =
|
|
67
|
-
|
|
88
|
+
let a = x * (t.shiftKey ? 10 : 1), o = Math.min(b, Math.max(y, i.width + r * a));
|
|
89
|
+
$(e, o), k(e, S(o));
|
|
68
90
|
};
|
|
69
|
-
return /* @__PURE__ */
|
|
70
|
-
ref:
|
|
71
|
-
...
|
|
72
|
-
className: `select-table${
|
|
73
|
-
style: {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
91
|
+
return /* @__PURE__ */ v("div", {
|
|
92
|
+
ref: ie,
|
|
93
|
+
...te,
|
|
94
|
+
className: `select-table${q ? " select-table--empty" : ""}${Y && !N ? " select-table--nested" : ""}${X && !N ? " select-table--inlist" : ""}${N ? " select-table--flush" : ""}${H ? ` select-table--collapsible${z ? " is-open" : ""}` : ""}${L ? " " + L : ""}`,
|
|
95
|
+
style: {
|
|
96
|
+
"--select-table-cols": Z,
|
|
97
|
+
...F ? { "--select-table-min": F } : {}
|
|
98
|
+
},
|
|
99
|
+
children: [/* @__PURE__ */ _(o, {
|
|
100
|
+
title: f,
|
|
101
|
+
help: H ? void 0 : g,
|
|
102
|
+
description: w,
|
|
78
103
|
action: E,
|
|
79
|
-
filters:
|
|
80
|
-
tools:
|
|
81
|
-
toggle:
|
|
82
|
-
}), /* @__PURE__ */
|
|
83
|
-
enabled: !!
|
|
84
|
-
open:
|
|
85
|
-
id:
|
|
104
|
+
filters: H ? void 0 : D,
|
|
105
|
+
tools: H ? void 0 : O,
|
|
106
|
+
toggle: H
|
|
107
|
+
}), /* @__PURE__ */ v(T, {
|
|
108
|
+
enabled: !!H,
|
|
109
|
+
open: z,
|
|
110
|
+
id: V,
|
|
86
111
|
children: [
|
|
87
|
-
|
|
112
|
+
H && (D != null || O != null) ? /* @__PURE__ */ _(o, {
|
|
88
113
|
filters: D,
|
|
89
114
|
tools: O
|
|
90
115
|
}) : null,
|
|
91
|
-
/* @__PURE__ */
|
|
92
|
-
className: `select-table__scroll${
|
|
93
|
-
children: /* @__PURE__ */
|
|
116
|
+
/* @__PURE__ */ _("div", {
|
|
117
|
+
className: `select-table__scroll${W ? " select-table__scroll--empty" : ""}`,
|
|
118
|
+
children: /* @__PURE__ */ v("div", {
|
|
94
119
|
className: "select-table__scrollinner",
|
|
95
|
-
|
|
120
|
+
...W ? {} : {
|
|
121
|
+
role: "table",
|
|
122
|
+
"aria-label": ne
|
|
123
|
+
},
|
|
124
|
+
children: [!W && /* @__PURE__ */ _("div", {
|
|
96
125
|
className: "select-table__head",
|
|
97
126
|
role: "row",
|
|
98
|
-
children: t.map((n, r) => /* @__PURE__ */
|
|
127
|
+
children: t.map((n, r) => /* @__PURE__ */ v("div", {
|
|
99
128
|
role: "columnheader",
|
|
100
129
|
"aria-sort": n.sortable ? n.sortDir === "asc" ? "ascending" : n.sortDir === "desc" ? "descending" : "none" : void 0,
|
|
101
130
|
className: `select-table__th select-table__cell--${n.align ?? "start"}${n.tone ? ` select-table__th--${n.tone}` : ""}`,
|
|
102
|
-
children: [n.sortable ? /* @__PURE__ */
|
|
131
|
+
children: [n.sortable ? /* @__PURE__ */ v("button", {
|
|
103
132
|
type: "button",
|
|
104
133
|
className: `select-table__sortbtn${n.sortDir === "asc" ? " select-table__sortbtn--asc" : ""}${n.sortDir == null ? "" : " select-table__sortbtn--active"}`,
|
|
105
134
|
onClick: n.onSort,
|
|
106
|
-
children: [n.label, /* @__PURE__ */
|
|
107
|
-
}) : n.label, k && n.resizable !== !1 && r < t.length - 1 && /* @__PURE__ */
|
|
135
|
+
children: [n.label, /* @__PURE__ */ _(e, {})]
|
|
136
|
+
}) : n.label, k && n.resizable !== !1 && r < t.length - 1 && /* @__PURE__ */ _("span", {
|
|
108
137
|
role: "separator",
|
|
109
138
|
"aria-orientation": "vertical",
|
|
110
139
|
"aria-label": "Ajustar a largura da coluna",
|
|
111
140
|
tabIndex: 0,
|
|
112
141
|
className: "select-table__resizer",
|
|
113
|
-
onPointerDown:
|
|
114
|
-
onKeyDown:
|
|
142
|
+
onPointerDown: ae(r),
|
|
143
|
+
onKeyDown: oe(r),
|
|
115
144
|
onDoubleClick: A ? () => A(r) : void 0
|
|
116
145
|
})]
|
|
117
146
|
}, r))
|
|
118
|
-
}), /* @__PURE__ */
|
|
147
|
+
}), /* @__PURE__ */ _("div", {
|
|
119
148
|
className: "select-table__body",
|
|
120
|
-
children: /* @__PURE__ */
|
|
149
|
+
children: /* @__PURE__ */ _("div", {
|
|
121
150
|
className: "select-table__rows",
|
|
122
|
-
ref:
|
|
123
|
-
children: /* @__PURE__ */
|
|
124
|
-
|
|
125
|
-
children: l
|
|
126
|
-
|
|
151
|
+
ref: re,
|
|
152
|
+
children: /* @__PURE__ */ _(C.Provider, {
|
|
153
|
+
value: t.length,
|
|
154
|
+
children: /* @__PURE__ */ _(r, { children: U && l ? /* @__PURE__ */ _("div", {
|
|
155
|
+
className: "select-table__empty",
|
|
156
|
+
children: l
|
|
157
|
+
}) : a })
|
|
158
|
+
})
|
|
127
159
|
})
|
|
128
160
|
})]
|
|
129
161
|
})
|
|
130
162
|
}),
|
|
131
|
-
|
|
163
|
+
u && /* @__PURE__ */ _("div", {
|
|
132
164
|
className: "select-table__footer",
|
|
133
|
-
children:
|
|
165
|
+
children: u
|
|
134
166
|
})
|
|
135
167
|
]
|
|
136
168
|
})]
|
|
137
169
|
});
|
|
138
170
|
});
|
|
139
|
-
function
|
|
140
|
-
return e ? /* @__PURE__ */
|
|
171
|
+
function T({ enabled: e, open: t, id: n, children: r }) {
|
|
172
|
+
return e ? /* @__PURE__ */ _("div", {
|
|
141
173
|
className: "select-table__collapse",
|
|
142
174
|
id: n,
|
|
143
175
|
"data-open": t,
|
|
144
176
|
"aria-hidden": !t,
|
|
145
|
-
children: /* @__PURE__ */
|
|
177
|
+
children: /* @__PURE__ */ _("div", {
|
|
146
178
|
className: "select-table__collapsewrap",
|
|
147
179
|
children: r
|
|
148
180
|
})
|
|
149
|
-
}) : /* @__PURE__ */ g
|
|
181
|
+
}) : /* @__PURE__ */ _(g, { children: r });
|
|
150
182
|
}
|
|
151
|
-
var
|
|
152
|
-
return /* @__PURE__ */
|
|
183
|
+
var E = u(function({ name: e, secondary: t, src: n, badge: r, className: i, ...o }, s) {
|
|
184
|
+
return /* @__PURE__ */ v("span", {
|
|
153
185
|
ref: s,
|
|
154
186
|
...o,
|
|
155
187
|
className: `select-usercell${i ? " " + i : ""}`,
|
|
156
|
-
children: [/* @__PURE__ */
|
|
188
|
+
children: [/* @__PURE__ */ _(a, {
|
|
157
189
|
name: typeof e == "string" ? e : void 0,
|
|
158
190
|
src: n
|
|
159
|
-
}), /* @__PURE__ */
|
|
191
|
+
}), /* @__PURE__ */ v("span", {
|
|
160
192
|
className: "select-usercell__text",
|
|
161
|
-
children: [r ? /* @__PURE__ */
|
|
193
|
+
children: [r ? /* @__PURE__ */ v("span", {
|
|
162
194
|
className: "select-usercell__line",
|
|
163
|
-
children: [/* @__PURE__ */
|
|
195
|
+
children: [/* @__PURE__ */ _("span", {
|
|
164
196
|
className: "select-usercell__name",
|
|
165
197
|
children: e
|
|
166
198
|
}), r]
|
|
167
|
-
}) : /* @__PURE__ */
|
|
199
|
+
}) : /* @__PURE__ */ _("span", {
|
|
168
200
|
className: "select-usercell__name",
|
|
169
201
|
children: e
|
|
170
|
-
}), t && /* @__PURE__ */
|
|
202
|
+
}), t && /* @__PURE__ */ _("span", {
|
|
171
203
|
className: "select-usercell__secondary",
|
|
172
204
|
children: t
|
|
173
205
|
})]
|
|
174
206
|
})]
|
|
175
207
|
});
|
|
176
208
|
});
|
|
177
|
-
function
|
|
178
|
-
let
|
|
179
|
-
return t ? /* @__PURE__ */
|
|
180
|
-
|
|
209
|
+
function D({ children: e, onClick: t, expanded: n, nested: r = !1, current: i = !1, section: a = !1, className: o, ...s }) {
|
|
210
|
+
let c = `select-table__row${t ? " select-table__row--clickable" : ""}${r ? " select-table__row--nested" : ""}${a ? " select-table__row--section" : ""}${n ? " is-expanded" : ""}${i ? " is-current" : ""}${o ? " " + o : ""}`;
|
|
211
|
+
return t ? /* @__PURE__ */ _("div", {
|
|
212
|
+
...s,
|
|
213
|
+
className: c,
|
|
181
214
|
role: "row",
|
|
182
215
|
tabIndex: 0,
|
|
183
216
|
"aria-expanded": n,
|
|
217
|
+
"aria-current": i || void 0,
|
|
184
218
|
onClick: (e) => {
|
|
185
|
-
|
|
219
|
+
k(e.target, e.currentTarget) || t();
|
|
186
220
|
},
|
|
187
221
|
onKeyDown: (e) => {
|
|
188
222
|
e.target !== e.currentTarget || e.key !== "Enter" && e.key !== " " || (e.preventDefault(), t());
|
|
189
223
|
},
|
|
190
224
|
children: e
|
|
191
|
-
}) : /* @__PURE__ */
|
|
192
|
-
|
|
225
|
+
}) : /* @__PURE__ */ _("div", {
|
|
226
|
+
...s,
|
|
227
|
+
className: c,
|
|
193
228
|
role: "row",
|
|
229
|
+
"aria-current": i || void 0,
|
|
194
230
|
children: e
|
|
195
231
|
});
|
|
196
232
|
}
|
|
197
|
-
var
|
|
198
|
-
function
|
|
233
|
+
var O = "button, a[href], input, select, textarea, label, summary, [role=\"button\"], [role=\"menuitem\"], [role=\"checkbox\"], [role=\"switch\"], [data-row-click=\"ignore\"]";
|
|
234
|
+
function k(e, t) {
|
|
199
235
|
if (!(e instanceof Element) || !t.contains(e)) return !0;
|
|
200
|
-
let n = e.closest(
|
|
236
|
+
let n = e.closest(O);
|
|
201
237
|
return n !== null && n !== t && t.contains(n);
|
|
202
238
|
}
|
|
203
|
-
var
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
239
|
+
var A = u(function({ children: e, align: n = "start", disclosure: r, header: i = !1, span: a, wrap: o = !1, className: s, style: c, ...l }, u) {
|
|
240
|
+
let d = f(C), p = a === "all" ? d || void 0 : a;
|
|
241
|
+
return /* @__PURE__ */ v("div", {
|
|
242
|
+
ref: u,
|
|
243
|
+
...l,
|
|
244
|
+
role: i ? "rowheader" : "cell",
|
|
245
|
+
"aria-colspan": p && p > 1 ? p : void 0,
|
|
246
|
+
style: a ? {
|
|
247
|
+
gridColumn: a === "all" ? "1 / -1" : `span ${a}`,
|
|
248
|
+
...c
|
|
249
|
+
} : c,
|
|
250
|
+
className: `select-table__td select-table__cell--${n}${o ? " select-table__td--wrap" : ""}${s ? " " + s : ""}`,
|
|
251
|
+
children: [r ? /* @__PURE__ */ _("span", {
|
|
210
252
|
className: `select-table__disclosure${r === "open" ? " is-open" : ""}`,
|
|
211
253
|
"aria-hidden": "true",
|
|
212
|
-
children: r !== "none" && /* @__PURE__ */
|
|
254
|
+
children: r !== "none" && /* @__PURE__ */ _(t, {})
|
|
213
255
|
}) : null, e]
|
|
214
256
|
});
|
|
215
|
-
}),
|
|
216
|
-
return /* @__PURE__ */
|
|
257
|
+
}), j = u(function({ icon: e, title: t, subtitle: n, action: r, tone: i, minHeight: a, className: o, style: s, ...c }, l) {
|
|
258
|
+
return /* @__PURE__ */ v("div", {
|
|
217
259
|
ref: l,
|
|
218
260
|
...c,
|
|
219
261
|
style: a ? {
|
|
@@ -222,19 +264,19 @@ var O = l(function({ children: e, align: n = "start", disclosure: r, className:
|
|
|
222
264
|
} : s,
|
|
223
265
|
className: `select-table-empty${i === "critical" ? " select-table-empty--critical" : ""}${a ? " select-table-empty--fill" : ""}${o ? " " + o : ""}`,
|
|
224
266
|
children: [
|
|
225
|
-
e && /* @__PURE__ */
|
|
267
|
+
e && /* @__PURE__ */ _("span", {
|
|
226
268
|
className: "select-table-empty__icon",
|
|
227
269
|
children: e
|
|
228
270
|
}),
|
|
229
|
-
/* @__PURE__ */
|
|
271
|
+
/* @__PURE__ */ _("p", {
|
|
230
272
|
className: "select-table-empty__title",
|
|
231
273
|
children: t
|
|
232
274
|
}),
|
|
233
|
-
n && /* @__PURE__ */
|
|
275
|
+
n && /* @__PURE__ */ _("p", {
|
|
234
276
|
className: "select-table-empty__subtitle",
|
|
235
277
|
children: n
|
|
236
278
|
}),
|
|
237
|
-
r && /* @__PURE__ */
|
|
279
|
+
r && /* @__PURE__ */ _("div", {
|
|
238
280
|
className: "select-table-empty__action",
|
|
239
281
|
children: r
|
|
240
282
|
})
|
|
@@ -242,6 +284,6 @@ var O = l(function({ children: e, align: n = "start", disclosure: r, className:
|
|
|
242
284
|
});
|
|
243
285
|
});
|
|
244
286
|
//#endregion
|
|
245
|
-
export {
|
|
287
|
+
export { w as SelectTable, A as SelectTableCell, j as SelectTableEmpty, D as SelectTableRow, E as SelectUserCell };
|
|
246
288
|
|
|
247
289
|
//# sourceMappingURL=SelectTable.js.map
|
package/dist/internal/frame.d.ts
CHANGED
|
@@ -1,7 +1,16 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Onde a moldura está: fora de outra (`false`), no corpo branco de outra (`'body'`), ou no corpo de uma seção que é a
|
|
4
|
+
* moldura de uma lista (`'list'`, 0.1.213: `SelectSection list`) — ali o corpo não tem a caixa branca, e a tabela
|
|
5
|
+
* desenha o cabeçalho na moldura e as linhas na caixa branca dela, como a tabela sozinha.
|
|
6
|
+
*/
|
|
7
|
+
export type FrameKind = false | 'body' | 'list';
|
|
2
8
|
/** Esta moldura está dentro do corpo de outra? Então desenha sem a casca. */
|
|
3
9
|
export declare function useInsideFrame(): boolean;
|
|
4
|
-
/**
|
|
5
|
-
export declare function
|
|
10
|
+
/** Que corpo é esse (0.1.213): o branco de uma moldura, ou o de uma seção que é a moldura de uma lista. */
|
|
11
|
+
export declare function useFrameKind(): FrameKind;
|
|
12
|
+
/** O corpo de uma moldura: o que está dentro dele sabe que está dentro (e, desde a 0.1.213, de que corpo). */
|
|
13
|
+
export declare function FrameBody({ children, kind }: {
|
|
6
14
|
children: ReactNode;
|
|
15
|
+
kind?: 'body' | 'list';
|
|
7
16
|
}): import("react").JSX.Element;
|
package/dist/internal/frame.js
CHANGED
|
@@ -3,15 +3,18 @@ import { jsx as n } from "react/jsx-runtime";
|
|
|
3
3
|
//#region src/internal/frame.tsx
|
|
4
4
|
var r = e(!1);
|
|
5
5
|
function i() {
|
|
6
|
+
return t(r) !== !1;
|
|
7
|
+
}
|
|
8
|
+
function a() {
|
|
6
9
|
return t(r);
|
|
7
10
|
}
|
|
8
|
-
function
|
|
11
|
+
function o({ children: e, kind: t = "body" }) {
|
|
9
12
|
return /* @__PURE__ */ n(r.Provider, {
|
|
10
|
-
value:
|
|
13
|
+
value: t,
|
|
11
14
|
children: e
|
|
12
15
|
});
|
|
13
16
|
}
|
|
14
17
|
//#endregion
|
|
15
|
-
export {
|
|
18
|
+
export { o as FrameBody, a as useFrameKind, i as useInsideFrame };
|
|
16
19
|
|
|
17
20
|
//# sourceMappingURL=frame.js.map
|