@editora/ui-react 0.1.6 → 0.1.8
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/Accordion.cjs.js +1 -0
- package/dist/Accordion.d.ts +3 -0
- package/dist/Accordion.d.ts.map +1 -0
- package/dist/Accordion.esm.js +89 -0
- package/dist/Alert.cjs.js +1 -0
- package/dist/Alert.d.ts +2 -0
- package/dist/Alert.d.ts.map +1 -0
- package/dist/Alert.esm.js +53 -0
- package/dist/AppHeader-49a8d3e0.mjs +98 -0
- package/dist/AppHeader-5c427700.js +33 -0
- package/dist/AppHeader.cjs.js +1 -0
- package/dist/AppHeader.d.ts +3 -0
- package/dist/AppHeader.d.ts.map +1 -0
- package/dist/AppHeader.esm.js +5 -0
- package/dist/Breadcrumb.cjs.js +1 -0
- package/dist/Breadcrumb.d.ts +3 -0
- package/dist/Breadcrumb.d.ts.map +1 -0
- package/dist/Breadcrumb.esm.js +80 -0
- package/dist/Card.cjs.js +34 -0
- package/dist/Card.d.ts +3 -0
- package/dist/Card.d.ts.map +1 -0
- package/dist/Card.esm.js +67 -0
- package/dist/Collapsible.cjs.js +1 -0
- package/dist/Collapsible.d.ts +3 -0
- package/dist/Collapsible.d.ts.map +1 -0
- package/dist/Collapsible.esm.js +113 -0
- package/dist/Combobox.cjs.js +1 -0
- package/dist/Combobox.d.ts +3 -0
- package/dist/Combobox.d.ts.map +1 -0
- package/dist/Combobox.esm.js +118 -0
- package/dist/Command-93c3b761.mjs +62 -0
- package/dist/Command-da77cea8.js +1 -0
- package/dist/Command.cjs.js +1 -0
- package/dist/Command.d.ts +3 -0
- package/dist/Command.d.ts.map +1 -0
- package/dist/Command.esm.js +7 -0
- package/dist/CommandPalette-136d08a9.mjs +68 -0
- package/dist/CommandPalette-e827844c.js +1 -0
- package/dist/CommandPalette.cjs.js +1 -0
- package/dist/CommandPalette.d.ts +3 -0
- package/dist/CommandPalette.d.ts.map +1 -0
- package/dist/CommandPalette.esm.js +7 -0
- package/dist/Drawer.cjs.js +1 -0
- package/dist/Drawer.d.ts +3 -0
- package/dist/Drawer.d.ts.map +1 -0
- package/dist/Drawer.esm.js +124 -0
- package/dist/FloatingToolbar.cjs.js +1 -0
- package/dist/FloatingToolbar.d.ts +3 -0
- package/dist/FloatingToolbar.d.ts.map +1 -0
- package/dist/FloatingToolbar.esm.js +100 -0
- package/dist/Form.cjs.js +1 -0
- package/dist/Form.d.ts +3 -0
- package/dist/Form.d.ts.map +1 -0
- package/dist/Form.esm.js +98 -0
- package/dist/HoverCard.cjs.js +1 -0
- package/dist/HoverCard.d.ts +3 -0
- package/dist/HoverCard.d.ts.map +1 -0
- package/dist/HoverCard.esm.js +61 -0
- package/dist/Input.cjs.js +1 -0
- package/dist/Input.d.ts +3 -0
- package/dist/Input.d.ts.map +1 -0
- package/dist/Input.esm.js +126 -0
- package/dist/Label.cjs.js +1 -0
- package/dist/Label.d.ts +3 -0
- package/dist/Label.d.ts.map +1 -0
- package/dist/Label.esm.js +46 -0
- package/dist/Layout.cjs.js +1 -0
- package/dist/Layout.d.ts +3 -0
- package/dist/Layout.d.ts.map +1 -0
- package/dist/Layout.esm.js +70 -0
- package/dist/Menu-010405cb.js +1 -0
- package/dist/Menu-43e67281.mjs +142 -0
- package/dist/Menu.cjs.js +1 -0
- package/dist/Menu.d.ts +3 -0
- package/dist/Menu.d.ts.map +1 -0
- package/dist/Menu.esm.js +6 -0
- package/dist/Menubar.cjs.js +1 -0
- package/dist/Menubar.d.ts +3 -0
- package/dist/Menubar.d.ts.map +1 -0
- package/dist/Menubar.esm.js +75 -0
- package/dist/Popover.cjs.js +1 -0
- package/dist/Popover.d.ts +3 -0
- package/dist/Popover.d.ts.map +1 -0
- package/dist/Popover.esm.js +68 -0
- package/dist/QuickActions.cjs.js +1 -0
- package/dist/QuickActions.d.ts +3 -0
- package/dist/QuickActions.d.ts.map +1 -0
- package/dist/QuickActions.esm.js +68 -0
- package/dist/Rating.cjs.js +1 -0
- package/dist/Rating.d.ts +2 -0
- package/dist/Rating.d.ts.map +1 -0
- package/dist/Rating.esm.js +81 -0
- package/dist/Select.cjs.js +1 -0
- package/dist/Select.d.ts +3 -0
- package/dist/Select.d.ts.map +1 -0
- package/dist/Select.esm.js +143 -0
- package/dist/SelectionPopup.cjs.js +1 -0
- package/dist/SelectionPopup.d.ts +3 -0
- package/dist/SelectionPopup.d.ts.map +1 -0
- package/dist/SelectionPopup.esm.js +85 -0
- package/dist/Sidebar.cjs.js +105 -0
- package/dist/Sidebar.d.ts +3 -0
- package/dist/Sidebar.d.ts.map +1 -0
- package/dist/Sidebar.esm.js +10161 -0
- package/dist/Switch.cjs.js +1 -0
- package/dist/Switch.d.ts +3 -0
- package/dist/Switch.d.ts.map +1 -0
- package/dist/Switch.esm.js +67 -0
- package/dist/Tabs.cjs.js +1 -0
- package/dist/Tabs.d.ts +3 -0
- package/dist/Tabs.d.ts.map +1 -0
- package/dist/Tabs.esm.js +78 -0
- package/dist/Textarea.cjs.js +1 -0
- package/dist/Textarea.d.ts +3 -0
- package/dist/Textarea.d.ts.map +1 -0
- package/dist/Textarea.esm.js +125 -0
- package/dist/ToggleGroup-4e0917a9.js +1 -0
- package/dist/ToggleGroup-5ef6a876.mjs +118 -0
- package/dist/ToggleGroup.cjs.js +1 -0
- package/dist/ToggleGroup.d.ts +3 -0
- package/dist/ToggleGroup.d.ts.map +1 -0
- package/dist/ToggleGroup.esm.js +5 -0
- package/dist/Tree.cjs.js +1 -0
- package/dist/Tree.d.ts +3 -0
- package/dist/Tree.d.ts.map +1 -0
- package/dist/Tree.esm.js +44 -0
- package/dist/Wizard.cjs.js +1 -0
- package/dist/Wizard.d.ts +3 -0
- package/dist/Wizard.d.ts.map +1 -0
- package/dist/Wizard.esm.js +172 -0
- package/dist/__tests__/RatingDemo.d.ts +4 -0
- package/dist/__tests__/RatingDemo.d.ts.map +1 -0
- package/dist/_internals-b9f3e909.js +1 -0
- package/dist/_internals-f8fb69a8.mjs +23 -0
- package/dist/components/Accordion.cjs.js +1 -0
- package/dist/components/Accordion.d.ts +10 -5
- package/dist/components/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion.esm.js +6 -0
- package/dist/components/Alert.cjs.js +1 -0
- package/dist/components/Alert.d.ts +14 -6
- package/dist/components/Alert.d.ts.map +1 -1
- package/dist/components/Alert.esm.js +10 -0
- package/dist/components/AppHeader.cjs.js +1 -0
- package/dist/components/AppHeader.d.ts +15 -8
- package/dist/components/AppHeader.d.ts.map +1 -1
- package/dist/components/AppHeader.esm.js +5 -0
- package/dist/components/Breadcrumb.cjs.js +1 -0
- package/dist/components/Breadcrumb.d.ts +27 -8
- package/dist/components/Breadcrumb.d.ts.map +1 -1
- package/dist/components/Breadcrumb.esm.js +7 -0
- package/dist/components/Card.cjs.js +1 -0
- package/dist/components/Card.d.ts +21 -13
- package/dist/components/Card.d.ts.map +1 -1
- package/dist/components/Card.esm.js +6 -0
- package/dist/components/Collapsible.cjs.js +1 -0
- package/dist/components/Collapsible.d.ts +29 -5
- package/dist/components/Collapsible.d.ts.map +1 -1
- package/dist/components/Collapsible.esm.js +7 -0
- package/dist/components/Combobox.cjs.js +1 -0
- package/dist/components/Combobox.d.ts +15 -2
- package/dist/components/Combobox.d.ts.map +1 -1
- package/dist/components/Combobox.esm.js +6 -0
- package/dist/components/Command.cjs.js +1 -0
- package/dist/components/Command.d.ts +17 -3
- package/dist/components/Command.d.ts.map +1 -1
- package/dist/components/Command.esm.js +7 -0
- package/dist/components/CommandPalette.cjs.js +1 -0
- package/dist/components/CommandPalette.d.ts +14 -12
- package/dist/components/CommandPalette.d.ts.map +1 -1
- package/dist/components/CommandPalette.esm.js +7 -0
- package/dist/components/DataTable.d.ts +1 -1
- package/dist/components/Drawer.cjs.js +1 -0
- package/dist/components/Drawer.d.ts +19 -10
- package/dist/components/Drawer.d.ts.map +1 -1
- package/dist/components/Drawer.esm.js +6 -0
- package/dist/components/Dropdown.d.ts +45 -29
- package/dist/components/Dropdown.d.ts.map +1 -1
- package/dist/components/FloatingToolbar.cjs.js +1 -0
- package/dist/components/FloatingToolbar.d.ts +7 -275
- package/dist/components/FloatingToolbar.d.ts.map +1 -1
- package/dist/components/FloatingToolbar.esm.js +7 -0
- package/dist/components/Form.cjs.js +1 -0
- package/dist/components/Form.d.ts +13 -30
- package/dist/components/Form.d.ts.map +1 -1
- package/dist/components/Form.esm.js +6 -0
- package/dist/components/HoverCard.cjs.js +1 -0
- package/dist/components/HoverCard.d.ts +8 -3
- package/dist/components/HoverCard.d.ts.map +1 -1
- package/dist/components/HoverCard.esm.js +6 -0
- package/dist/components/Input.cjs.js +1 -0
- package/dist/components/Input.d.ts +10 -3
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/Input.esm.js +6 -0
- package/dist/components/Label.cjs.js +1 -0
- package/dist/components/Label.d.ts +6 -1
- package/dist/components/Label.d.ts.map +1 -1
- package/dist/components/Label.esm.js +6 -0
- package/dist/components/Layout.cjs.js +1 -0
- package/dist/components/Layout.d.ts +33 -8
- package/dist/components/Layout.d.ts.map +1 -1
- package/dist/components/Layout.esm.js +6 -0
- package/dist/components/Menu.cjs.js +1 -0
- package/dist/components/Menu.d.ts +46 -12
- package/dist/components/Menu.d.ts.map +1 -1
- package/dist/components/Menu.esm.js +6 -0
- package/dist/components/Menubar.cjs.js +1 -0
- package/dist/components/Menubar.d.ts +11 -266
- package/dist/components/Menubar.d.ts.map +1 -1
- package/dist/components/Menubar.esm.js +6 -0
- package/dist/components/Popover.cjs.js +1 -0
- package/dist/components/Popover.d.ts +6 -1
- package/dist/components/Popover.d.ts.map +1 -1
- package/dist/components/Popover.esm.js +7 -0
- package/dist/components/QuickActions.cjs.js +1 -0
- package/dist/components/QuickActions.d.ts +4 -1
- package/dist/components/QuickActions.d.ts.map +1 -1
- package/dist/components/QuickActions.esm.js +6 -0
- package/dist/components/Rating.cjs.js +1 -0
- package/dist/components/Rating.d.ts +52 -0
- package/dist/components/Rating.d.ts.map +1 -0
- package/dist/components/Rating.esm.js +5 -0
- package/dist/components/Select.cjs.js +1 -0
- package/dist/components/Select.d.ts +16 -1
- package/dist/components/Select.d.ts.map +1 -1
- package/dist/components/Select.esm.js +6 -0
- package/dist/components/SelectionPopup.cjs.js +1 -0
- package/dist/components/SelectionPopup.d.ts +21 -269
- package/dist/components/SelectionPopup.d.ts.map +1 -1
- package/dist/components/SelectionPopup.esm.js +7 -0
- package/dist/components/Sidebar.cjs.js +1 -0
- package/dist/components/Sidebar.d.ts +56 -21
- package/dist/components/Sidebar.d.ts.map +1 -1
- package/dist/components/Sidebar.esm.js +6 -0
- package/dist/components/Switch.cjs.js +1 -0
- package/dist/components/Switch.d.ts +4 -1
- package/dist/components/Switch.d.ts.map +1 -1
- package/dist/components/Switch.esm.js +6 -0
- package/dist/components/Tabs.cjs.js +1 -0
- package/dist/components/Tabs.d.ts +14 -1
- package/dist/components/Tabs.d.ts.map +1 -1
- package/dist/components/Tabs.esm.js +6 -0
- package/dist/components/Textarea.cjs.js +1 -0
- package/dist/components/Textarea.d.ts +8 -1
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea.esm.js +6 -0
- package/dist/components/ToggleGroup.cjs.js +1 -0
- package/dist/components/ToggleGroup.d.ts +32 -1
- package/dist/components/ToggleGroup.d.ts.map +1 -1
- package/dist/components/ToggleGroup.esm.js +5 -0
- package/dist/components/Tree.cjs.js +1 -0
- package/dist/components/Tree.d.ts +21 -4
- package/dist/components/Tree.d.ts.map +1 -1
- package/dist/components/Tree.esm.js +5 -0
- package/dist/components/Wizard.cjs.js +1 -0
- package/dist/components/Wizard.d.ts +39 -7
- package/dist/components/Wizard.d.ts.map +1 -1
- package/dist/components/Wizard.esm.js +5 -0
- package/dist/components/index.d.ts +13 -4
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.cjs.js +1 -170
- package/dist/index.d.ts +15 -9
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +3854 -15810
- package/package.json +182 -2
|
@@ -0,0 +1,142 @@
|
|
|
1
|
+
import t, { useRef as J, useEffect as j, useLayoutEffect as K } from "react";
|
|
2
|
+
const i = typeof window < "u" ? K : j, T = t.forwardRef(function({ children: a, ...r }, n) {
|
|
3
|
+
return /* @__PURE__ */ t.createElement("div", { ...r, ref: n, slot: "trigger" }, a);
|
|
4
|
+
});
|
|
5
|
+
T.displayName = "Menu.Trigger";
|
|
6
|
+
const h = t.forwardRef(function({ children: a, ...r }, n) {
|
|
7
|
+
return /* @__PURE__ */ t.createElement("div", { ...r, ref: n, slot: "content" }, a);
|
|
8
|
+
});
|
|
9
|
+
h.displayName = "Menu.Content";
|
|
10
|
+
const k = t.forwardRef(function({
|
|
11
|
+
children: a,
|
|
12
|
+
open: r,
|
|
13
|
+
placement: n,
|
|
14
|
+
variant: s,
|
|
15
|
+
size: l,
|
|
16
|
+
density: c,
|
|
17
|
+
radius: o,
|
|
18
|
+
shape: d,
|
|
19
|
+
elevation: f,
|
|
20
|
+
tone: m,
|
|
21
|
+
closeOnSelect: p,
|
|
22
|
+
typeahead: E,
|
|
23
|
+
onOpen: A,
|
|
24
|
+
onClose: M,
|
|
25
|
+
onChange: N,
|
|
26
|
+
onSelect: L,
|
|
27
|
+
onSelectDetail: g,
|
|
28
|
+
...F
|
|
29
|
+
}, G) {
|
|
30
|
+
const u = J(null);
|
|
31
|
+
return t.useImperativeHandle(G, () => u.current), j(() => {
|
|
32
|
+
const e = u.current;
|
|
33
|
+
if (!e)
|
|
34
|
+
return;
|
|
35
|
+
const x = () => A == null ? void 0 : A(), I = () => M == null ? void 0 : M(), R = (y) => {
|
|
36
|
+
var H;
|
|
37
|
+
const b = (H = y.detail) == null ? void 0 : H.open;
|
|
38
|
+
typeof b == "boolean" && (N == null || N(b));
|
|
39
|
+
}, w = (y) => {
|
|
40
|
+
const b = y.detail || {};
|
|
41
|
+
g == null || g(b), typeof b.index == "number" && (L == null || L(b.index));
|
|
42
|
+
};
|
|
43
|
+
return e.addEventListener("open", x), e.addEventListener("close", I), e.addEventListener("change", R), e.addEventListener("select", w), () => {
|
|
44
|
+
e.removeEventListener("open", x), e.removeEventListener("close", I), e.removeEventListener("change", R), e.removeEventListener("select", w);
|
|
45
|
+
};
|
|
46
|
+
}, [A, M, N, L, g]), i(() => {
|
|
47
|
+
const e = u.current;
|
|
48
|
+
!e || r == null || (r ? e.setAttribute("open", "") : e.removeAttribute("open"));
|
|
49
|
+
}, [r]), i(() => {
|
|
50
|
+
const e = u.current;
|
|
51
|
+
e && (n ? e.setAttribute("placement", n) : e.removeAttribute("placement"));
|
|
52
|
+
}, [n]), i(() => {
|
|
53
|
+
const e = u.current;
|
|
54
|
+
e && (s && s !== "default" && s !== "surface" ? e.setAttribute("variant", s) : e.removeAttribute("variant"));
|
|
55
|
+
}, [s]), i(() => {
|
|
56
|
+
const e = u.current;
|
|
57
|
+
e && (l && l !== "md" && l !== "2" ? e.setAttribute("size", l) : e.removeAttribute("size"));
|
|
58
|
+
}, [l]), i(() => {
|
|
59
|
+
const e = u.current;
|
|
60
|
+
e && (c && c !== "default" ? e.setAttribute("density", c) : e.removeAttribute("density"));
|
|
61
|
+
}, [c]), i(() => {
|
|
62
|
+
const e = u.current;
|
|
63
|
+
if (e) {
|
|
64
|
+
if (o == null || o === "" || o === "default") {
|
|
65
|
+
e.removeAttribute("radius");
|
|
66
|
+
return;
|
|
67
|
+
}
|
|
68
|
+
e.setAttribute("radius", String(o));
|
|
69
|
+
}
|
|
70
|
+
}, [o]), i(() => {
|
|
71
|
+
const e = u.current;
|
|
72
|
+
e && (d && d !== "default" ? e.setAttribute("shape", d) : e.removeAttribute("shape"));
|
|
73
|
+
}, [d]), i(() => {
|
|
74
|
+
const e = u.current;
|
|
75
|
+
e && (f && f !== "default" ? e.setAttribute("elevation", f) : e.removeAttribute("elevation"));
|
|
76
|
+
}, [f]), i(() => {
|
|
77
|
+
const e = u.current;
|
|
78
|
+
e && (m && m !== "default" && m !== "brand" ? e.setAttribute("tone", m) : e.removeAttribute("tone"));
|
|
79
|
+
}, [m]), i(() => {
|
|
80
|
+
const e = u.current;
|
|
81
|
+
if (e) {
|
|
82
|
+
if (p == null) {
|
|
83
|
+
e.removeAttribute("close-on-select");
|
|
84
|
+
return;
|
|
85
|
+
}
|
|
86
|
+
e.setAttribute("close-on-select", p ? "true" : "false");
|
|
87
|
+
}
|
|
88
|
+
}, [p]), i(() => {
|
|
89
|
+
const e = u.current;
|
|
90
|
+
if (e) {
|
|
91
|
+
if (E == null) {
|
|
92
|
+
e.removeAttribute("typeahead");
|
|
93
|
+
return;
|
|
94
|
+
}
|
|
95
|
+
e.setAttribute("typeahead", E ? "true" : "false");
|
|
96
|
+
}
|
|
97
|
+
}, [E]), t.createElement("ui-menu", { ref: u, ...F }, a);
|
|
98
|
+
});
|
|
99
|
+
k.displayName = "Menu";
|
|
100
|
+
const B = t.forwardRef(function({ children: a, icon: r, shortcut: n, caption: s, tone: l, role: c = "menuitem", checked: o, className: d, ...f }, m) {
|
|
101
|
+
const p = ["item", d].filter(Boolean).join(" "), E = c === "menuitemcheckbox" || c === "menuitemradio" ? /* @__PURE__ */ t.createElement("span", { className: "selection-icon", "aria-hidden": "true" }) : null;
|
|
102
|
+
return /* @__PURE__ */ t.createElement(
|
|
103
|
+
"div",
|
|
104
|
+
{
|
|
105
|
+
...f,
|
|
106
|
+
ref: m,
|
|
107
|
+
role: c,
|
|
108
|
+
tabIndex: f.tabIndex ?? -1,
|
|
109
|
+
className: p,
|
|
110
|
+
"data-tone": l,
|
|
111
|
+
"aria-checked": c === "menuitemcheckbox" || c === "menuitemradio" ? o ? "true" : "false" : void 0
|
|
112
|
+
},
|
|
113
|
+
E,
|
|
114
|
+
r ? /* @__PURE__ */ t.createElement("span", { className: "icon", "aria-hidden": "true" }, r) : null,
|
|
115
|
+
/* @__PURE__ */ t.createElement("span", { className: "label" }, /* @__PURE__ */ t.createElement("span", { className: "text" }, a), s ? /* @__PURE__ */ t.createElement("span", { className: "caption" }, s) : null),
|
|
116
|
+
n ? /* @__PURE__ */ t.createElement("span", { className: "shortcut" }, n) : null
|
|
117
|
+
);
|
|
118
|
+
});
|
|
119
|
+
B.displayName = "Menu.Item";
|
|
120
|
+
const _ = t.forwardRef(function({ className: a, ...r }, n) {
|
|
121
|
+
const s = ["separator", a].filter(Boolean).join(" ");
|
|
122
|
+
return /* @__PURE__ */ t.createElement("div", { ...r, ref: n, role: "separator", className: s });
|
|
123
|
+
});
|
|
124
|
+
_.displayName = "Menu.Separator";
|
|
125
|
+
const q = t.forwardRef(function({ children: a, className: r, ...n }, s) {
|
|
126
|
+
const l = ["section-label", r].filter(Boolean).join(" ");
|
|
127
|
+
return /* @__PURE__ */ t.createElement("div", { ...n, ref: s, className: l }, a);
|
|
128
|
+
});
|
|
129
|
+
q.displayName = "Menu.SectionLabel";
|
|
130
|
+
const Q = Object.assign(k, {
|
|
131
|
+
Item: B,
|
|
132
|
+
Separator: _,
|
|
133
|
+
SectionLabel: q,
|
|
134
|
+
Trigger: T,
|
|
135
|
+
Content: h
|
|
136
|
+
});
|
|
137
|
+
export {
|
|
138
|
+
Q as M,
|
|
139
|
+
B as a,
|
|
140
|
+
_ as b,
|
|
141
|
+
q as c
|
|
142
|
+
};
|
package/dist/Menu.cjs.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Menu-010405cb.js");require("react");exports.Menu=e.Menu;exports.default=e.Menu;
|
package/dist/Menu.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}
|
package/dist/Menu.esm.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),x=u=>u&&u.__esModule?u:{default:u},d=x(c),B=typeof window<"u"?c.useLayoutEffect:c.useEffect,q=d.default.forwardRef(function({selected:s,open:i,loop:l,headless:p,orientation:m,placement:R,variant:f,size:n,density:A,radius:a,shape:v,elevation:E,tone:o,closeOnSelect:H,typeahead:g,onChange:M,onOpen:r,onClose:L,onSelect:y,children:T,...h},k){const _=c.useRef(null);return d.default.useImperativeHandle(k,()=>_.current),c.useEffect(()=>{const e=_.current;if(!e)return;const w=b=>{const t=b.detail;t&&(M==null||M(t))},j=b=>{const t=b.detail;typeof(t==null?void 0:t.selected)=="number"?r==null||r(t.selected):r==null||r(-1)},I=()=>L==null?void 0:L(),N=b=>{const t=b.detail;t&&(y==null||y(t))};return e.addEventListener("change",w),e.addEventListener("open",j),e.addEventListener("close",I),e.addEventListener("select",N),()=>{e.removeEventListener("change",w),e.removeEventListener("open",j),e.removeEventListener("close",I),e.removeEventListener("select",N)}},[M,r,L,y]),B(()=>{const e=_.current;e&&(typeof s=="number"?e.setAttribute("selected",String(s)):e.removeAttribute("selected"),typeof i=="boolean"&&i?e.setAttribute("open",""):e.removeAttribute("open"),typeof l=="boolean"?e.setAttribute("loop",String(l)):e.removeAttribute("loop"),p?e.setAttribute("headless",""):e.removeAttribute("headless"),m&&m!=="horizontal"?e.setAttribute("orientation",m):e.removeAttribute("orientation"),R?e.setAttribute("placement",R):e.removeAttribute("placement"),f&&f!=="default"&&f!=="surface"?e.setAttribute("variant",f):e.removeAttribute("variant"),n&&n!=="md"&&n!=="2"?e.setAttribute("size",n):e.removeAttribute("size"),A&&A!=="default"?e.setAttribute("density",A):e.removeAttribute("density"),a==null||a===""||a==="default"?e.removeAttribute("radius"):e.setAttribute("radius",String(a)),v&&v!=="default"?e.setAttribute("shape",v):e.removeAttribute("shape"),E&&E!=="default"?e.setAttribute("elevation",E):e.removeAttribute("elevation"),o&&o!=="default"&&o!=="brand"?e.setAttribute("tone",o):e.removeAttribute("tone"),H==null?e.removeAttribute("close-on-select"):e.setAttribute("close-on-select",H?"true":"false"),g==null?e.removeAttribute("typeahead"):e.setAttribute("typeahead",g?"true":"false"))},[s,i,l,p,m,R,f,n,A,a,v,E,o,H,g]),d.default.createElement("ui-menubar",{ref:_,...h},T)});q.displayName="Menubar";const D=d.default.forwardRef(function({children:s,...i},l){return d.default.createElement("div",{...i,ref:l,slot:"content"},s)});D.displayName="Menubar.Content";const P=Object.assign(q,{Content:D});exports.Menubar=P;exports.default=P;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Menubar.d.ts","sourceRoot":"","sources":["../src/Menubar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import a, { useRef as D, useEffect as _, useLayoutEffect as F } from "react";
|
|
2
|
+
const G = typeof window < "u" ? F : _, j = a.forwardRef(function({
|
|
3
|
+
selected: u,
|
|
4
|
+
open: i,
|
|
5
|
+
loop: s,
|
|
6
|
+
headless: p,
|
|
7
|
+
orientation: d,
|
|
8
|
+
placement: M,
|
|
9
|
+
variant: f,
|
|
10
|
+
size: l,
|
|
11
|
+
density: c,
|
|
12
|
+
radius: n,
|
|
13
|
+
shape: m,
|
|
14
|
+
elevation: A,
|
|
15
|
+
tone: b,
|
|
16
|
+
closeOnSelect: H,
|
|
17
|
+
typeahead: R,
|
|
18
|
+
onChange: v,
|
|
19
|
+
onOpen: r,
|
|
20
|
+
onClose: E,
|
|
21
|
+
onSelect: L,
|
|
22
|
+
children: k,
|
|
23
|
+
...q
|
|
24
|
+
}, B) {
|
|
25
|
+
const y = D(null);
|
|
26
|
+
return a.useImperativeHandle(B, () => y.current), _(() => {
|
|
27
|
+
const e = y.current;
|
|
28
|
+
if (!e)
|
|
29
|
+
return;
|
|
30
|
+
const w = (o) => {
|
|
31
|
+
const t = o.detail;
|
|
32
|
+
t && (v == null || v(t));
|
|
33
|
+
}, g = (o) => {
|
|
34
|
+
const t = o.detail;
|
|
35
|
+
typeof (t == null ? void 0 : t.selected) == "number" ? r == null || r(t.selected) : r == null || r(-1);
|
|
36
|
+
}, I = () => E == null ? void 0 : E(), N = (o) => {
|
|
37
|
+
const t = o.detail;
|
|
38
|
+
t && (L == null || L(t));
|
|
39
|
+
};
|
|
40
|
+
return e.addEventListener("change", w), e.addEventListener("open", g), e.addEventListener("close", I), e.addEventListener("select", N), () => {
|
|
41
|
+
e.removeEventListener("change", w), e.removeEventListener("open", g), e.removeEventListener("close", I), e.removeEventListener("select", N);
|
|
42
|
+
};
|
|
43
|
+
}, [v, r, E, L]), G(() => {
|
|
44
|
+
const e = y.current;
|
|
45
|
+
e && (typeof u == "number" ? e.setAttribute("selected", String(u)) : e.removeAttribute("selected"), typeof i == "boolean" && i ? e.setAttribute("open", "") : e.removeAttribute("open"), typeof s == "boolean" ? e.setAttribute("loop", String(s)) : e.removeAttribute("loop"), p ? e.setAttribute("headless", "") : e.removeAttribute("headless"), d && d !== "horizontal" ? e.setAttribute("orientation", d) : e.removeAttribute("orientation"), M ? e.setAttribute("placement", M) : e.removeAttribute("placement"), f && f !== "default" && f !== "surface" ? e.setAttribute("variant", f) : e.removeAttribute("variant"), l && l !== "md" && l !== "2" ? e.setAttribute("size", l) : e.removeAttribute("size"), c && c !== "default" ? e.setAttribute("density", c) : e.removeAttribute("density"), n == null || n === "" || n === "default" ? e.removeAttribute("radius") : e.setAttribute("radius", String(n)), m && m !== "default" ? e.setAttribute("shape", m) : e.removeAttribute("shape"), A && A !== "default" ? e.setAttribute("elevation", A) : e.removeAttribute("elevation"), b && b !== "default" && b !== "brand" ? e.setAttribute("tone", b) : e.removeAttribute("tone"), H == null ? e.removeAttribute("close-on-select") : e.setAttribute("close-on-select", H ? "true" : "false"), R == null ? e.removeAttribute("typeahead") : e.setAttribute("typeahead", R ? "true" : "false"));
|
|
46
|
+
}, [
|
|
47
|
+
u,
|
|
48
|
+
i,
|
|
49
|
+
s,
|
|
50
|
+
p,
|
|
51
|
+
d,
|
|
52
|
+
M,
|
|
53
|
+
f,
|
|
54
|
+
l,
|
|
55
|
+
c,
|
|
56
|
+
n,
|
|
57
|
+
m,
|
|
58
|
+
A,
|
|
59
|
+
b,
|
|
60
|
+
H,
|
|
61
|
+
R
|
|
62
|
+
]), a.createElement("ui-menubar", { ref: y, ...q }, k);
|
|
63
|
+
});
|
|
64
|
+
j.displayName = "Menubar";
|
|
65
|
+
const x = a.forwardRef(function({ children: u, ...i }, s) {
|
|
66
|
+
return /* @__PURE__ */ a.createElement("div", { ...i, ref: s, slot: "content" }, u);
|
|
67
|
+
});
|
|
68
|
+
x.displayName = "Menubar.Content";
|
|
69
|
+
const K = Object.assign(j, {
|
|
70
|
+
Content: x
|
|
71
|
+
});
|
|
72
|
+
export {
|
|
73
|
+
K as Menubar,
|
|
74
|
+
K as default
|
|
75
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react"),N=require("./_internals-b9f3e909.js");function T(o){if(o&&o.__esModule)return o;const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(u,e,n.get?n:{enumerable:!0,get:()=>o[e]})}}return u.default=o,Object.freeze(u)}const r=T(j),A=typeof window<"u"?r.useLayoutEffect:r.useEffect,E=r.forwardRef(function({children:u,open:e,placement:n,offset:d,shift:v,flip:a,closeOnEscape:f,closeOnOutside:g,onOpen:p,onClose:m,onOpenChange:b,..._},w){const P=r.useRef(null);return r.useImperativeHandle(w,()=>P.current),r.useEffect(()=>{N.warnIfElementNotRegistered("ui-popover","Popover")},[]),r.useEffect(()=>{const t=P.current;if(!t)return;const i=()=>p==null?void 0:p(),c=()=>m==null?void 0:m(),l=y=>{const s=y.detail;s&&(b==null||b(s))};return t.addEventListener("open",i),t.addEventListener("close",c),t.addEventListener("open-change",l),()=>{t.removeEventListener("open",i),t.removeEventListener("close",c),t.removeEventListener("open-change",l)}},[p,m,b]),A(()=>{const t=P.current;if(!t)return;const i=(c,l,y=!0)=>{if(!y)return;const s=t.getAttribute(c);if(l==null){s!=null&&t.removeAttribute(c);return}s!==l&&t.setAttribute(c,l)};typeof e=="boolean"&&i("open",e?"":null),i("placement",n??null,n!==void 0),i("offset",typeof d=="number"&&Number.isFinite(d)?String(d):null,d!==void 0),i("shift",v===void 0?null:String(v),v!==void 0),i("flip",a===void 0?null:String(a),a!==void 0),i("close-on-escape",f===void 0?null:String(f),f!==void 0),i("close-on-outside",g===void 0?null:String(g),g!==void 0)},[e,n,d,v,a,f,g]),r.createElement("ui-popover",{ref:P,..._},u)});E.displayName="Popover";const S=r.forwardRef(function({children:u,...e},n){return r.createElement("span",{ref:n,slot:"trigger",...e},u)});S.displayName="Popover.Trigger";const L=r.forwardRef(function({children:u,...e},n){return r.createElement("div",{ref:n,slot:"content",...e},u)});L.displayName="Popover.Content";const R=Object.assign(E,{Trigger:S,Content:L});exports.Popover=R;exports.default=R;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import * as t from "react";
|
|
2
|
+
import { w as S } from "./_internals-f8fb69a8.mjs";
|
|
3
|
+
const A = typeof window < "u" ? t.useLayoutEffect : t.useEffect, L = t.forwardRef(function({
|
|
4
|
+
children: v,
|
|
5
|
+
open: o,
|
|
6
|
+
placement: n,
|
|
7
|
+
offset: d,
|
|
8
|
+
shift: l,
|
|
9
|
+
flip: s,
|
|
10
|
+
closeOnEscape: f,
|
|
11
|
+
closeOnOutside: a,
|
|
12
|
+
onOpen: p,
|
|
13
|
+
onClose: g,
|
|
14
|
+
onOpenChange: m,
|
|
15
|
+
...R
|
|
16
|
+
}, N) {
|
|
17
|
+
const E = t.useRef(null);
|
|
18
|
+
return t.useImperativeHandle(N, () => E.current), t.useEffect(() => {
|
|
19
|
+
S("ui-popover", "Popover");
|
|
20
|
+
}, []), t.useEffect(() => {
|
|
21
|
+
const e = E.current;
|
|
22
|
+
if (!e)
|
|
23
|
+
return;
|
|
24
|
+
const r = () => p == null ? void 0 : p(), i = () => g == null ? void 0 : g(), u = (P) => {
|
|
25
|
+
const c = P.detail;
|
|
26
|
+
c && (m == null || m(c));
|
|
27
|
+
};
|
|
28
|
+
return e.addEventListener("open", r), e.addEventListener("close", i), e.addEventListener("open-change", u), () => {
|
|
29
|
+
e.removeEventListener("open", r), e.removeEventListener("close", i), e.removeEventListener("open-change", u);
|
|
30
|
+
};
|
|
31
|
+
}, [p, g, m]), A(() => {
|
|
32
|
+
const e = E.current;
|
|
33
|
+
if (!e)
|
|
34
|
+
return;
|
|
35
|
+
const r = (i, u, P = !0) => {
|
|
36
|
+
if (!P)
|
|
37
|
+
return;
|
|
38
|
+
const c = e.getAttribute(i);
|
|
39
|
+
if (u == null) {
|
|
40
|
+
c != null && e.removeAttribute(i);
|
|
41
|
+
return;
|
|
42
|
+
}
|
|
43
|
+
c !== u && e.setAttribute(i, u);
|
|
44
|
+
};
|
|
45
|
+
typeof o == "boolean" && r("open", o ? "" : null), r("placement", n ?? null, n !== void 0), r("offset", typeof d == "number" && Number.isFinite(d) ? String(d) : null, d !== void 0), r("shift", l === void 0 ? null : String(l), l !== void 0), r("flip", s === void 0 ? null : String(s), s !== void 0), r("close-on-escape", f === void 0 ? null : String(f), f !== void 0), r("close-on-outside", a === void 0 ? null : String(a), a !== void 0);
|
|
46
|
+
}, [o, n, d, l, s, f, a]), t.createElement("ui-popover", { ref: E, ...R }, v);
|
|
47
|
+
});
|
|
48
|
+
L.displayName = "Popover";
|
|
49
|
+
const b = t.forwardRef(
|
|
50
|
+
function({ children: v, ...o }, n) {
|
|
51
|
+
return t.createElement("span", { ref: n, slot: "trigger", ...o }, v);
|
|
52
|
+
}
|
|
53
|
+
);
|
|
54
|
+
b.displayName = "Popover.Trigger";
|
|
55
|
+
const w = t.forwardRef(
|
|
56
|
+
function({ children: v, ...o }, n) {
|
|
57
|
+
return t.createElement("div", { ref: n, slot: "content", ...o }, v);
|
|
58
|
+
}
|
|
59
|
+
);
|
|
60
|
+
w.displayName = "Popover.Content";
|
|
61
|
+
const I = Object.assign(L, {
|
|
62
|
+
Trigger: b,
|
|
63
|
+
Content: w
|
|
64
|
+
});
|
|
65
|
+
export {
|
|
66
|
+
I as Popover,
|
|
67
|
+
I as default
|
|
68
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),q=s=>s&&s.__esModule?s:{default:s},k=q(r),I=typeof window<"u"?r.useLayoutEffect:r.useEffect,R=k.default.forwardRef(function({open:f,mode:o,orientation:l,variant:d,floating:L,placement:A,collapsible:Q,label:_,headless:p,onSelect:b,onOpenChange:y,onToggle:E,children:w,...M},j){const v=r.useRef(null);return r.useImperativeHandle(j,()=>v.current),r.useEffect(()=>{const t=v.current;if(!t)return;const e=u=>{const c=u.detail;c&&(b==null||b(c))},i=u=>{var a;const c=(a=u.detail)==null?void 0:a.open;typeof c=="boolean"&&(y==null||y(c))},n=u=>{var a;const c=(a=u.detail)==null?void 0:a.open;typeof c=="boolean"&&(E==null||E(c))};return t.addEventListener("select",e),t.addEventListener("change",i),t.addEventListener("toggle",n),()=>{t.removeEventListener("select",e),t.removeEventListener("change",i),t.removeEventListener("toggle",n)}},[b,y,E]),I(()=>{const t=v.current;if(!t)return;const e=(n,u)=>{const c=t.getAttribute(n);if(u==null){c!=null&&t.removeAttribute(n);return}c!==u&&t.setAttribute(n,u)},i=(n,u)=>{u?e(n,""):e(n,null)};typeof f=="boolean"?i("open",f):e("open",null),e("mode",o&&o!=="bar"?o:null),e("orientation",l&&l!=="horizontal"?l:null),e("variant",d&&d!=="default"?d:null),i("floating",L),e("placement",A&&A!=="bottom-right"?A:null),i("collapsible",Q),e("label",_||null),i("headless",p)},[f,o,l,d,L,A,Q,_,p]),k.default.createElement("ui-quick-actions",{ref:v,...M},w)});R.displayName="QuickActions";const m=k.default.forwardRef(function({children:f,...o},l){return k.default.createElement("button",{ref:l,slot:"action",type:"button",...o},f)});m.displayName="QuickActions.Action";const h=Object.assign(R,{Action:m});exports.QuickActions=h;exports.default=h;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuickActions.d.ts","sourceRoot":"","sources":["../src/QuickActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import E, { useRef as _, useImperativeHandle as j, useEffect as m, useLayoutEffect as q } from "react";
|
|
2
|
+
const x = typeof window < "u" ? q : m, p = E.forwardRef(function({
|
|
3
|
+
open: r,
|
|
4
|
+
mode: u,
|
|
5
|
+
orientation: o,
|
|
6
|
+
variant: f,
|
|
7
|
+
floating: v,
|
|
8
|
+
placement: a,
|
|
9
|
+
collapsible: k,
|
|
10
|
+
label: L,
|
|
11
|
+
headless: Q,
|
|
12
|
+
onSelect: d,
|
|
13
|
+
onOpenChange: A,
|
|
14
|
+
onToggle: b,
|
|
15
|
+
children: w,
|
|
16
|
+
...I
|
|
17
|
+
}, N) {
|
|
18
|
+
const y = _(null);
|
|
19
|
+
return j(N, () => y.current), m(() => {
|
|
20
|
+
const t = y.current;
|
|
21
|
+
if (!t)
|
|
22
|
+
return;
|
|
23
|
+
const e = (n) => {
|
|
24
|
+
const c = n.detail;
|
|
25
|
+
c && (d == null || d(c));
|
|
26
|
+
}, s = (n) => {
|
|
27
|
+
var l;
|
|
28
|
+
const c = (l = n.detail) == null ? void 0 : l.open;
|
|
29
|
+
typeof c == "boolean" && (A == null || A(c));
|
|
30
|
+
}, i = (n) => {
|
|
31
|
+
var l;
|
|
32
|
+
const c = (l = n.detail) == null ? void 0 : l.open;
|
|
33
|
+
typeof c == "boolean" && (b == null || b(c));
|
|
34
|
+
};
|
|
35
|
+
return t.addEventListener("select", e), t.addEventListener("change", s), t.addEventListener("toggle", i), () => {
|
|
36
|
+
t.removeEventListener("select", e), t.removeEventListener("change", s), t.removeEventListener("toggle", i);
|
|
37
|
+
};
|
|
38
|
+
}, [d, A, b]), x(() => {
|
|
39
|
+
const t = y.current;
|
|
40
|
+
if (!t)
|
|
41
|
+
return;
|
|
42
|
+
const e = (i, n) => {
|
|
43
|
+
const c = t.getAttribute(i);
|
|
44
|
+
if (n == null) {
|
|
45
|
+
c != null && t.removeAttribute(i);
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
c !== n && t.setAttribute(i, n);
|
|
49
|
+
}, s = (i, n) => {
|
|
50
|
+
n ? e(i, "") : e(i, null);
|
|
51
|
+
};
|
|
52
|
+
typeof r == "boolean" ? s("open", r) : e("open", null), e("mode", u && u !== "bar" ? u : null), e("orientation", o && o !== "horizontal" ? o : null), e("variant", f && f !== "default" ? f : null), s("floating", v), e("placement", a && a !== "bottom-right" ? a : null), s("collapsible", k), e("label", L || null), s("headless", Q);
|
|
53
|
+
}, [r, u, o, f, v, a, k, L, Q]), E.createElement("ui-quick-actions", { ref: y, ...I }, w);
|
|
54
|
+
});
|
|
55
|
+
p.displayName = "QuickActions";
|
|
56
|
+
const R = E.forwardRef(
|
|
57
|
+
function({ children: r, ...u }, o) {
|
|
58
|
+
return E.createElement("button", { ref: o, slot: "action", type: "button", ...u }, r);
|
|
59
|
+
}
|
|
60
|
+
);
|
|
61
|
+
R.displayName = "QuickActions.Action";
|
|
62
|
+
const B = Object.assign(p, {
|
|
63
|
+
Action: R
|
|
64
|
+
});
|
|
65
|
+
export {
|
|
66
|
+
B as QuickActions,
|
|
67
|
+
B as default
|
|
68
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),D=i=>i&&i.__esModule?i:{default:i},N=D(r),F=typeof window<"u"?r.useLayoutEffect:r.useEffect,O=N.default.forwardRef(function({value:b,max:E,precision:_,disabled:p,readonly:v,variant:c,size:s,theme:f,tone:m,state:a,animation:P,shape:d,radius:g,ariaLabel:S,ariaLabelledBy:A,ariaDescribedBy:M,label:w,showValue:I,onChange:y,children:T,...k},x){const R=r.useRef(null);return r.useImperativeHandle(x,()=>R.current),r.useEffect(()=>{const e=R.current;if(!e)return;const t=o=>{const l=o.detail;l&&(y==null||y(l))};return e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}},[y]),F(()=>{const e=R.current;if(!e)return;const t=(n,u)=>{const H=e.getAttribute(n);if(u==null){H!=null&&e.removeAttribute(n);return}H!==u&&e.setAttribute(n,u)},o=(n,u)=>{u===!0?t(n,""):t(n,null)},l=(n,u)=>{e[n]=u},L=b??0,j=E??5,q=_??1;l("value",L),l("max",j),l("precision",q),l("disabled",!!p),l("readonly",!!v),t("value",String(L)),t("max",String(j)),t("precision",String(q)),o("disabled",p),o("readonly",v),t("variant",c&&c!=="default"?c:null),t("size",s&&s!=="md"?s:null),t("theme",f&&f!=="light"?f:null),t("tone",m||null),t("state",a&&a!=="idle"?a:null),t("animation",P||null),t("shape",d&&d!=="rounded"?d:null),t("aria-label",S||null),t("aria-labelledby",A||null),t("aria-describedby",M||null),t("label",w||null),o("show-value",I),g?(e.style.setProperty("--ui-rating-radius",g),t("radius",g)):(e.style.removeProperty("--ui-rating-radius"),t("radius",null))},[b,E,_,p,v,c,s,f,m,a,P,d,g,S,A,M,w,I]),N.default.createElement("ui-rating",{ref:R,...k},T)});O.displayName="Rating";const G=O;exports.Rating=G;
|
package/dist/Rating.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../src/Rating.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
import M, { useRef as G, useImperativeHandle as J, useEffect as N, useLayoutEffect as K } from "react";
|
|
2
|
+
const O = typeof window < "u" ? K : N, j = M.forwardRef(
|
|
3
|
+
function({
|
|
4
|
+
value: p,
|
|
5
|
+
max: m,
|
|
6
|
+
precision: v,
|
|
7
|
+
disabled: g,
|
|
8
|
+
readonly: R,
|
|
9
|
+
variant: i,
|
|
10
|
+
size: o,
|
|
11
|
+
theme: c,
|
|
12
|
+
tone: E,
|
|
13
|
+
state: s,
|
|
14
|
+
animation: b,
|
|
15
|
+
shape: f,
|
|
16
|
+
radius: d,
|
|
17
|
+
ariaLabel: A,
|
|
18
|
+
ariaLabelledBy: P,
|
|
19
|
+
ariaDescribedBy: w,
|
|
20
|
+
label: S,
|
|
21
|
+
showValue: I,
|
|
22
|
+
onChange: a,
|
|
23
|
+
children: k,
|
|
24
|
+
...q
|
|
25
|
+
}, F) {
|
|
26
|
+
const y = G(null);
|
|
27
|
+
return J(F, () => y.current), N(() => {
|
|
28
|
+
const n = y.current;
|
|
29
|
+
if (!n)
|
|
30
|
+
return;
|
|
31
|
+
const t = (u) => {
|
|
32
|
+
const e = u.detail;
|
|
33
|
+
e && (a == null || a(e));
|
|
34
|
+
};
|
|
35
|
+
return n.addEventListener("change", t), () => {
|
|
36
|
+
n.removeEventListener("change", t);
|
|
37
|
+
};
|
|
38
|
+
}, [a]), O(() => {
|
|
39
|
+
const n = y.current;
|
|
40
|
+
if (!n)
|
|
41
|
+
return;
|
|
42
|
+
const t = (l, r) => {
|
|
43
|
+
const H = n.getAttribute(l);
|
|
44
|
+
if (r == null) {
|
|
45
|
+
H != null && n.removeAttribute(l);
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
H !== r && n.setAttribute(l, r);
|
|
49
|
+
}, u = (l, r) => {
|
|
50
|
+
r === !0 ? t(l, "") : t(l, null);
|
|
51
|
+
}, e = (l, r) => {
|
|
52
|
+
n[l] = r;
|
|
53
|
+
}, L = p ?? 0, _ = m ?? 5, x = v ?? 1;
|
|
54
|
+
e("value", L), e("max", _), e("precision", x), e("disabled", !!g), e("readonly", !!R), t("value", String(L)), t("max", String(_)), t("precision", String(x)), u("disabled", g), u("readonly", R), t("variant", i && i !== "default" ? i : null), t("size", o && o !== "md" ? o : null), t("theme", c && c !== "light" ? c : null), t("tone", E || null), t("state", s && s !== "idle" ? s : null), t("animation", b || null), t("shape", f && f !== "rounded" ? f : null), t("aria-label", A || null), t("aria-labelledby", P || null), t("aria-describedby", w || null), t("label", S || null), u("show-value", I), d ? (n.style.setProperty("--ui-rating-radius", d), t("radius", d)) : (n.style.removeProperty("--ui-rating-radius"), t("radius", null));
|
|
55
|
+
}, [
|
|
56
|
+
p,
|
|
57
|
+
m,
|
|
58
|
+
v,
|
|
59
|
+
g,
|
|
60
|
+
R,
|
|
61
|
+
i,
|
|
62
|
+
o,
|
|
63
|
+
c,
|
|
64
|
+
E,
|
|
65
|
+
s,
|
|
66
|
+
b,
|
|
67
|
+
f,
|
|
68
|
+
d,
|
|
69
|
+
A,
|
|
70
|
+
P,
|
|
71
|
+
w,
|
|
72
|
+
S,
|
|
73
|
+
I
|
|
74
|
+
]), M.createElement("ui-rating", { ref: y, ...q }, k);
|
|
75
|
+
}
|
|
76
|
+
);
|
|
77
|
+
j.displayName = "Rating";
|
|
78
|
+
const U = j;
|
|
79
|
+
export {
|
|
80
|
+
U as Rating
|
|
81
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),x=c=>c&&c.__esModule?c:{default:c},l=x(a),z=typeof window<"u"?a.useLayoutEffect:a.useEffect,J=l.default.forwardRef(function({children:r,value:t,disabled:u,loading:G,required:H,invalid:M,headless:j,placeholder:O,name:A,label:N,description:_,error:v,size:d,variant:p,tone:S,density:m,shape:E,elevation:b,radius:D,optionBorder:q,showCheck:T,checkPlacement:B,validation:L,onChange:y,onInput:R,onValueChange:g,...$},k){const w=a.useRef(null);return a.useImperativeHandle(k,()=>w.current),a.useEffect(()=>{const n=w.current;if(!n)return;const e=i=>{var s,F;return((s=i.detail)==null?void 0:s.value)??((F=i.target)==null?void 0:F.value)??""},o=i=>{R==null||R(e(i))},f=i=>{const s=e(i);y==null||y(s),g==null||g(s)};return n.addEventListener("input",o),n.addEventListener("change",f),()=>{n.removeEventListener("input",o),n.removeEventListener("change",f)}},[y,R,g]),z(()=>{const n=w.current;if(!n)return;const e=(f,i)=>{const s=n.getAttribute(f);if(i==null){s!=null&&n.removeAttribute(f);return}s!==i&&n.setAttribute(f,i)},o=(f,i)=>{i?n.hasAttribute(f)||n.setAttribute(f,""):n.hasAttribute(f)&&n.removeAttribute(f)};e("value",t!=null?String(t):null),o("disabled",u),o("loading",G),o("required",H),o("headless",j),o("invalid",M),e("placeholder",O||null),e("name",A||null),e("label",N||null),e("description",_||null),e("error",v||null),e("size",d&&d!=="md"&&d!=="2"?d:null),e("variant",p&&p!=="classic"?p:null),e("tone",S&&S!=="default"?S:null),e("density",m&&m!=="default"?m:null),e("shape",E&&E!=="rounded"?E:null),e("elevation",b&&b!=="low"?b:null),e("radius",D?String(D):null),o("option-border",q),o("show-check",T),e("check-placement",T?B||"end":null),e("validation",L&&L!=="none"?L:null)},[t,u,G,H,M,j,O,A,N,_,v,d,p,S,m,E,b,D,q,T,B,L]),l.default.createElement("ui-select",{ref:w,...$},r)});J.displayName="Select";const K=l.default.forwardRef(function(r,t){return l.default.createElement("option",{ref:t,...r})});K.displayName="Select.Option";const P=l.default.forwardRef(function(r,t){return l.default.createElement("optgroup",{ref:t,...r})});P.displayName="Select.OptGroup";const Q=l.default.forwardRef(function({children:r,...t},u){return l.default.createElement("span",{ref:u,slot:"label",...t},r)});Q.displayName="Select.Label";const U=l.default.forwardRef(function({children:r,...t},u){return l.default.createElement("span",{ref:u,slot:"description",...t},r)});U.displayName="Select.Description";const W=l.default.forwardRef(function({children:r,...t},u){return l.default.createElement("span",{ref:u,slot:"error",...t},r)});W.displayName="Select.Error";const X=l.default.forwardRef(function({children:r,...t},u){return l.default.createElement("span",{ref:u,slot:"leading",...t},r)});X.displayName="Select.Leading";const Y=l.default.forwardRef(function({children:r,...t},u){return l.default.createElement("span",{ref:u,slot:"trailing",...t},r)});Y.displayName="Select.Trailing";const Z=Object.assign(J,{Option:K,OptGroup:P,Label:Q,Description:U,Error:W,Leading:X,Trailing:Y});exports.Select=Z;exports.default=Z;
|
package/dist/Select.d.ts
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { Select, default } from './components/Select';
|
|
2
|
+
export type { SelectProps, SelectOptionProps, SelectOptGroupProps, SelectLabelProps, SelectDescriptionProps, SelectErrorProps, SelectLeadingProps, SelectTrailingProps, } from './components/Select';
|
|
3
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EACV,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,qBAAqB,CAAC"}
|