@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,113 @@
|
|
|
1
|
+
import * as t from "react";
|
|
2
|
+
import { w as k } from "./_internals-f8fb69a8.mjs";
|
|
3
|
+
const L = typeof window < "u" ? t.useLayoutEffect : t.useEffect;
|
|
4
|
+
function R(n, l, s) {
|
|
5
|
+
if (s == null) {
|
|
6
|
+
n.removeAttribute(l);
|
|
7
|
+
return;
|
|
8
|
+
}
|
|
9
|
+
s ? n.setAttribute(l, "") : n.removeAttribute(l);
|
|
10
|
+
}
|
|
11
|
+
function M(n) {
|
|
12
|
+
return n.detail;
|
|
13
|
+
}
|
|
14
|
+
const N = t.forwardRef(function({
|
|
15
|
+
open: l,
|
|
16
|
+
headless: s,
|
|
17
|
+
disabled: u,
|
|
18
|
+
readOnly: x,
|
|
19
|
+
state: y,
|
|
20
|
+
size: C,
|
|
21
|
+
variant: E,
|
|
22
|
+
tone: v,
|
|
23
|
+
radius: r,
|
|
24
|
+
iconPosition: w,
|
|
25
|
+
closeOnEscape: A,
|
|
26
|
+
onToggle: p,
|
|
27
|
+
onChangeOpen: a,
|
|
28
|
+
onToggleDetail: d,
|
|
29
|
+
onChangeDetail: b,
|
|
30
|
+
children: B,
|
|
31
|
+
...V
|
|
32
|
+
}, $) {
|
|
33
|
+
const m = t.useRef(null);
|
|
34
|
+
return t.useImperativeHandle($, () => m.current), t.useEffect(() => {
|
|
35
|
+
k("ui-collapsible", "Collapsible");
|
|
36
|
+
}, []), L(() => {
|
|
37
|
+
const e = m.current;
|
|
38
|
+
if (e)
|
|
39
|
+
if (r != null && r !== "" && r !== "md") {
|
|
40
|
+
let i = String(r);
|
|
41
|
+
typeof r == "string" && !r.includes("px") && !r.includes("em") && !r.includes("rem") ? i = {
|
|
42
|
+
none: "0px",
|
|
43
|
+
sm: "6px",
|
|
44
|
+
md: "14px",
|
|
45
|
+
lg: "20px",
|
|
46
|
+
full: "9999px"
|
|
47
|
+
}[r] || String(r) : typeof r == "number" && (i = `${r}px`), e.style.setProperty("--ui-collapsible-radius", i);
|
|
48
|
+
} else
|
|
49
|
+
e.style.removeProperty("--ui-collapsible-radius");
|
|
50
|
+
}, [r]), L(() => {
|
|
51
|
+
const e = m.current;
|
|
52
|
+
if (!e)
|
|
53
|
+
return;
|
|
54
|
+
R(e, "open", l), R(e, "headless", s), R(e, "disabled", u), R(e, "readonly", x);
|
|
55
|
+
const i = (f, c) => {
|
|
56
|
+
const o = e.getAttribute(f);
|
|
57
|
+
if (c == null) {
|
|
58
|
+
o != null && e.removeAttribute(f);
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
o !== c && e.setAttribute(f, c);
|
|
62
|
+
};
|
|
63
|
+
i("state", y && y !== "idle" ? y : null), i("size", C && C !== "md" ? C : null), i("variant", E && E !== "default" ? E : null), i("tone", v && v !== "neutral" ? v : null), i("icon-position", w && w !== "right" ? w : null), i(
|
|
64
|
+
"close-on-escape",
|
|
65
|
+
typeof A == "boolean" ? A ? "true" : "false" : null
|
|
66
|
+
);
|
|
67
|
+
}, [l, s, u, x, y, C, E, v, r, w, A]), t.useEffect(() => {
|
|
68
|
+
const e = m.current;
|
|
69
|
+
if (!e || !p && !a && !d && !b)
|
|
70
|
+
return;
|
|
71
|
+
const i = (c) => {
|
|
72
|
+
const o = M(c);
|
|
73
|
+
o && (p == null || p(o.open), d == null || d(o));
|
|
74
|
+
}, f = (c) => {
|
|
75
|
+
const o = M(c);
|
|
76
|
+
o && (a == null || a(o.open), b == null || b(o));
|
|
77
|
+
};
|
|
78
|
+
return e.addEventListener("toggle", i), e.addEventListener("change", f), () => {
|
|
79
|
+
e.removeEventListener("toggle", i), e.removeEventListener("change", f);
|
|
80
|
+
};
|
|
81
|
+
}, [p, a, d, b]), /* @__PURE__ */ t.createElement("ui-collapsible", { ref: m, ...V }, B);
|
|
82
|
+
});
|
|
83
|
+
N.displayName = "Collapsible";
|
|
84
|
+
const H = t.forwardRef(function({ children: l, ...s }, u) {
|
|
85
|
+
return /* @__PURE__ */ t.createElement("div", { ...s, ref: u, slot: "header" }, l);
|
|
86
|
+
});
|
|
87
|
+
H.displayName = "Collapsible.Header";
|
|
88
|
+
const I = t.forwardRef(
|
|
89
|
+
function({ children: l, ...s }, u) {
|
|
90
|
+
return /* @__PURE__ */ t.createElement("div", { ...s, ref: u, slot: "caption" }, l);
|
|
91
|
+
}
|
|
92
|
+
);
|
|
93
|
+
I.displayName = "Collapsible.Caption";
|
|
94
|
+
const S = t.forwardRef(function({ children: l, ...s }, u) {
|
|
95
|
+
return /* @__PURE__ */ t.createElement("div", { ...s, ref: u, slot: "meta" }, l);
|
|
96
|
+
});
|
|
97
|
+
S.displayName = "Collapsible.Meta";
|
|
98
|
+
const j = t.forwardRef(
|
|
99
|
+
function({ children: l, ...s }, u) {
|
|
100
|
+
return /* @__PURE__ */ t.createElement("div", { ...s, ref: u }, l);
|
|
101
|
+
}
|
|
102
|
+
);
|
|
103
|
+
j.displayName = "Collapsible.Content";
|
|
104
|
+
const F = Object.assign(N, {
|
|
105
|
+
Header: H,
|
|
106
|
+
Caption: I,
|
|
107
|
+
Meta: S,
|
|
108
|
+
Content: j
|
|
109
|
+
});
|
|
110
|
+
export {
|
|
111
|
+
F as Collapsible,
|
|
112
|
+
F as default
|
|
113
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react"),C=o=>o&&o.__esModule?o:{default:o},v=C(m),D=typeof window<"u"?m.useLayoutEffect:m.useEffect,Z=v.default.forwardRef(function({value:c,open:d,state:f,stateText:j,onChange:E,onInput:y,onDebouncedInput:L,onSelect:A,onOpenDetail:g,onCloseDetail:H,onOpen:p,onClose:x,onClear:_,clearable:S,debounce:R,validation:q,size:a,maxlength:M,readOnly:h,autofocus:B,disabled:P,name:k,required:F,placeholder:G,variant:J,radius:N,label:K,description:Q,emptyText:U,noFilter:V,allowCustom:W,children:z,...O},I){const w=m.useRef(null);return v.default.useImperativeHandle(I,()=>w.current),m.useEffect(()=>{const e=w.current;if(!e)return;const i=n=>{var l;const t=(l=n.detail)==null?void 0:l.query;typeof t=="string"&&(y==null||y(t))},r=n=>{var l;const t=(l=n.detail)==null?void 0:l.value;typeof t=="string"&&(E==null||E(t))},u=n=>{var l;const t=(l=n.detail)==null?void 0:l.query;typeof t=="string"&&(L==null||L(t))},s=n=>{const t=n.detail;typeof(t==null?void 0:t.value)=="string"&&(A==null||A(t.value,t.label||t.value))},b=n=>{const t=n.detail;p==null||p(),t&&(g==null||g(t))},X=n=>{const t=n.detail;x==null||x(),t&&(H==null||H(t))},Y=()=>_==null?void 0:_();return e.addEventListener("input",i),e.addEventListener("change",r),e.addEventListener("debounced-input",u),e.addEventListener("select",s),e.addEventListener("open",b),e.addEventListener("close",X),e.addEventListener("clear",Y),()=>{e.removeEventListener("input",i),e.removeEventListener("change",r),e.removeEventListener("debounced-input",u),e.removeEventListener("select",s),e.removeEventListener("open",b),e.removeEventListener("close",X),e.removeEventListener("clear",Y)}},[E,y,L,A,p,x,g,H,_]),D(()=>{const e=w.current;if(!e)return;const i=(u,s)=>{s?e.hasAttribute(u)||e.setAttribute(u,""):e.hasAttribute(u)&&e.removeAttribute(u)},r=(u,s)=>{const b=e.getAttribute(u);if(s==null){b!=null&&e.removeAttribute(u);return}b!==s&&e.setAttribute(u,s)};i("clearable",S),r("debounce",typeof R=="number"&&Number.isFinite(R)?String(R):null),r("validation",q&&q!=="none"?q:null),r("state",f&&f!=="idle"?f:null),r("state-text",j||null),r("size",a&&a!=="md"&&a!=="2"?String(a):null),r("maxlength",typeof M=="number"?String(M):null),i("readonly",h),i("autofocus",B),i("disabled",P),r("name",k||null),i("required",F),r("placeholder",G||null),r("variant",J||null),r("radius",N?String(N):null),r("label",K||null),r("description",Q||null),r("empty-text",U||null),i("no-filter",V),i("allow-custom",W),i("open",typeof d=="boolean"?d:void 0),c!=null?e.setAttribute("value",c):e.removeAttribute("value")},[c,d,f,j,S,R,q,a,M,h,B,P,k,F,G,J,N,K,Q,U,V,W]),v.default.createElement("ui-combobox",{ref:w,...O},z)});Z.displayName="Combobox";const $=v.default.forwardRef(function({description:c,...d},f){return v.default.createElement("option",{...d,ref:f,"data-description":c})});$.displayName="Combobox.Option";const T=Object.assign(Z,{Option:$});exports.Combobox=T;exports.default=T;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../src/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import v, { useRef as I, useEffect as X, useLayoutEffect as C } from "react";
|
|
2
|
+
const D = typeof window < "u" ? C : X, Y = v.forwardRef(function({
|
|
3
|
+
value: c,
|
|
4
|
+
open: f,
|
|
5
|
+
state: o,
|
|
6
|
+
stateText: _,
|
|
7
|
+
onChange: b,
|
|
8
|
+
onInput: a,
|
|
9
|
+
onDebouncedInput: E,
|
|
10
|
+
onSelect: y,
|
|
11
|
+
onOpenDetail: L,
|
|
12
|
+
onCloseDetail: A,
|
|
13
|
+
onOpen: H,
|
|
14
|
+
onClose: g,
|
|
15
|
+
onClear: p,
|
|
16
|
+
clearable: h,
|
|
17
|
+
debounce: x,
|
|
18
|
+
validation: R,
|
|
19
|
+
size: d,
|
|
20
|
+
maxlength: w,
|
|
21
|
+
readOnly: j,
|
|
22
|
+
autofocus: B,
|
|
23
|
+
disabled: k,
|
|
24
|
+
name: F,
|
|
25
|
+
required: G,
|
|
26
|
+
placeholder: J,
|
|
27
|
+
variant: K,
|
|
28
|
+
radius: N,
|
|
29
|
+
label: M,
|
|
30
|
+
description: P,
|
|
31
|
+
emptyText: Q,
|
|
32
|
+
noFilter: S,
|
|
33
|
+
allowCustom: U,
|
|
34
|
+
children: T,
|
|
35
|
+
...z
|
|
36
|
+
}, O) {
|
|
37
|
+
const q = I(null);
|
|
38
|
+
return v.useImperativeHandle(O, () => q.current), X(() => {
|
|
39
|
+
const e = q.current;
|
|
40
|
+
if (!e)
|
|
41
|
+
return;
|
|
42
|
+
const i = (s) => {
|
|
43
|
+
var l;
|
|
44
|
+
const t = (l = s.detail) == null ? void 0 : l.query;
|
|
45
|
+
typeof t == "string" && (a == null || a(t));
|
|
46
|
+
}, r = (s) => {
|
|
47
|
+
var l;
|
|
48
|
+
const t = (l = s.detail) == null ? void 0 : l.value;
|
|
49
|
+
typeof t == "string" && (b == null || b(t));
|
|
50
|
+
}, n = (s) => {
|
|
51
|
+
var l;
|
|
52
|
+
const t = (l = s.detail) == null ? void 0 : l.query;
|
|
53
|
+
typeof t == "string" && (E == null || E(t));
|
|
54
|
+
}, u = (s) => {
|
|
55
|
+
const t = s.detail;
|
|
56
|
+
typeof (t == null ? void 0 : t.value) == "string" && (y == null || y(t.value, t.label || t.value));
|
|
57
|
+
}, m = (s) => {
|
|
58
|
+
const t = s.detail;
|
|
59
|
+
H == null || H(), t && (L == null || L(t));
|
|
60
|
+
}, V = (s) => {
|
|
61
|
+
const t = s.detail;
|
|
62
|
+
g == null || g(), t && (A == null || A(t));
|
|
63
|
+
}, W = () => p == null ? void 0 : p();
|
|
64
|
+
return e.addEventListener("input", i), e.addEventListener("change", r), e.addEventListener("debounced-input", n), e.addEventListener("select", u), e.addEventListener("open", m), e.addEventListener("close", V), e.addEventListener("clear", W), () => {
|
|
65
|
+
e.removeEventListener("input", i), e.removeEventListener("change", r), e.removeEventListener("debounced-input", n), e.removeEventListener("select", u), e.removeEventListener("open", m), e.removeEventListener("close", V), e.removeEventListener("clear", W);
|
|
66
|
+
};
|
|
67
|
+
}, [b, a, E, y, H, g, L, A, p]), D(() => {
|
|
68
|
+
const e = q.current;
|
|
69
|
+
if (!e)
|
|
70
|
+
return;
|
|
71
|
+
const i = (n, u) => {
|
|
72
|
+
u ? e.hasAttribute(n) || e.setAttribute(n, "") : e.hasAttribute(n) && e.removeAttribute(n);
|
|
73
|
+
}, r = (n, u) => {
|
|
74
|
+
const m = e.getAttribute(n);
|
|
75
|
+
if (u == null) {
|
|
76
|
+
m != null && e.removeAttribute(n);
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
m !== u && e.setAttribute(n, u);
|
|
80
|
+
};
|
|
81
|
+
i("clearable", h), r("debounce", typeof x == "number" && Number.isFinite(x) ? String(x) : null), r("validation", R && R !== "none" ? R : null), r("state", o && o !== "idle" ? o : null), r("state-text", _ || null), r("size", d && d !== "md" && d !== "2" ? String(d) : null), r("maxlength", typeof w == "number" ? String(w) : null), i("readonly", j), i("autofocus", B), i("disabled", k), r("name", F || null), i("required", G), r("placeholder", J || null), r("variant", K || null), r("radius", N ? String(N) : null), r("label", M || null), r("description", P || null), r("empty-text", Q || null), i("no-filter", S), i("allow-custom", U), i("open", typeof f == "boolean" ? f : void 0), c != null ? e.setAttribute("value", c) : e.removeAttribute("value");
|
|
82
|
+
}, [
|
|
83
|
+
c,
|
|
84
|
+
f,
|
|
85
|
+
o,
|
|
86
|
+
_,
|
|
87
|
+
h,
|
|
88
|
+
x,
|
|
89
|
+
R,
|
|
90
|
+
d,
|
|
91
|
+
w,
|
|
92
|
+
j,
|
|
93
|
+
B,
|
|
94
|
+
k,
|
|
95
|
+
F,
|
|
96
|
+
G,
|
|
97
|
+
J,
|
|
98
|
+
K,
|
|
99
|
+
N,
|
|
100
|
+
M,
|
|
101
|
+
P,
|
|
102
|
+
Q,
|
|
103
|
+
S,
|
|
104
|
+
U
|
|
105
|
+
]), v.createElement("ui-combobox", { ref: q, ...z }, T);
|
|
106
|
+
});
|
|
107
|
+
Y.displayName = "Combobox";
|
|
108
|
+
const Z = v.forwardRef(function({ description: c, ...f }, o) {
|
|
109
|
+
return /* @__PURE__ */ v.createElement("option", { ...f, ref: o, "data-description": c });
|
|
110
|
+
});
|
|
111
|
+
Z.displayName = "Combobox.Option";
|
|
112
|
+
const te = Object.assign(Y, {
|
|
113
|
+
Option: Z
|
|
114
|
+
});
|
|
115
|
+
export {
|
|
116
|
+
te as Combobox,
|
|
117
|
+
te as default
|
|
118
|
+
};
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import c, { useRef as w, useImperativeHandle as I, useEffect as l, useLayoutEffect as b } from "react";
|
|
2
|
+
import { w as L } from "./_internals-f8fb69a8.mjs";
|
|
3
|
+
const R = typeof window < "u" ? b : l, f = c.forwardRef(function({ placeholder: m, emptyText: d, children: u, onSelect: n, onQueryChange: a, ...p }, y) {
|
|
4
|
+
const i = w(null);
|
|
5
|
+
return I(y, () => i.current), l(() => {
|
|
6
|
+
L("ui-command", "Command");
|
|
7
|
+
}, []), l(() => {
|
|
8
|
+
const t = i.current;
|
|
9
|
+
if (!t)
|
|
10
|
+
return;
|
|
11
|
+
const o = (r) => {
|
|
12
|
+
const e = r.detail;
|
|
13
|
+
e && (n == null || n(e));
|
|
14
|
+
}, s = (r) => {
|
|
15
|
+
const e = r.detail;
|
|
16
|
+
typeof (e == null ? void 0 : e.value) == "string" && (a == null || a(e.value));
|
|
17
|
+
};
|
|
18
|
+
return t.addEventListener("select", o), t.addEventListener("query-change", s), () => {
|
|
19
|
+
t.removeEventListener("select", o), t.removeEventListener("query-change", s);
|
|
20
|
+
};
|
|
21
|
+
}, [a, n]), R(() => {
|
|
22
|
+
const t = i.current;
|
|
23
|
+
if (!t)
|
|
24
|
+
return;
|
|
25
|
+
const o = (s, r) => {
|
|
26
|
+
const e = t.getAttribute(s);
|
|
27
|
+
if (r == null) {
|
|
28
|
+
e != null && t.removeAttribute(s);
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
e !== r && t.setAttribute(s, r);
|
|
32
|
+
};
|
|
33
|
+
o("placeholder", m ?? null), o("empty-text", d ?? null);
|
|
34
|
+
}, [d, m]), c.createElement("ui-command", { ref: i, ...p }, u);
|
|
35
|
+
});
|
|
36
|
+
f.displayName = "Command";
|
|
37
|
+
const v = c.forwardRef(function({ value: m, label: d, keywords: u, ...n }, a) {
|
|
38
|
+
return /* @__PURE__ */ c.createElement(
|
|
39
|
+
"div",
|
|
40
|
+
{
|
|
41
|
+
...n,
|
|
42
|
+
ref: a,
|
|
43
|
+
slot: "command",
|
|
44
|
+
"data-value": m,
|
|
45
|
+
"data-label": d,
|
|
46
|
+
"data-keywords": u,
|
|
47
|
+
style: {
|
|
48
|
+
display: "block",
|
|
49
|
+
cursor: "pointer",
|
|
50
|
+
...n.style || {}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
);
|
|
54
|
+
});
|
|
55
|
+
v.displayName = "Command.Item";
|
|
56
|
+
const N = Object.assign(f, {
|
|
57
|
+
Item: v
|
|
58
|
+
});
|
|
59
|
+
export {
|
|
60
|
+
N as C,
|
|
61
|
+
v as a
|
|
62
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const a=require("react"),p=require("./_internals-b9f3e909.js"),R=s=>s&&s.__esModule?s:{default:s},i=R(a),b=typeof window<"u"?a.useLayoutEffect:a.useEffect,E=i.default.forwardRef(function({placeholder:c,emptyText:l,children:f,onSelect:n,onQueryChange:u,...y},I){const m=a.useRef(null);return a.useImperativeHandle(I,()=>m.current),a.useEffect(()=>{p.warnIfElementNotRegistered("ui-command","Command")},[]),a.useEffect(()=>{const e=m.current;if(!e)return;const o=r=>{const t=r.detail;t&&(n==null||n(t))},d=r=>{const t=r.detail;typeof(t==null?void 0:t.value)=="string"&&(u==null||u(t.value))};return e.addEventListener("select",o),e.addEventListener("query-change",d),()=>{e.removeEventListener("select",o),e.removeEventListener("query-change",d)}},[u,n]),b(()=>{const e=m.current;if(!e)return;const o=(d,r)=>{const t=e.getAttribute(d);if(r==null){t!=null&&e.removeAttribute(d);return}t!==r&&e.setAttribute(d,r)};o("placeholder",c??null),o("empty-text",l??null)},[l,c]),i.default.createElement("ui-command",{ref:m,...y},f)});E.displayName="Command";const v=i.default.forwardRef(function({value:c,label:l,keywords:f,...n},u){return i.default.createElement("div",{...n,ref:u,slot:"command","data-value":c,"data-label":l,"data-keywords":f,style:{display:"block",cursor:"pointer",...n.style||{}}})});v.displayName="Command.Item";const w=Object.assign(E,{Item:v});exports.Command=w;exports.CommandItem=v;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Command-da77cea8.js");require("react");require("./_internals-b9f3e909.js");exports.Command=e.Command;exports.default=e.Command;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../src/Command.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import * as e from "react";
|
|
2
|
+
import { w as k } from "./_internals-f8fb69a8.mjs";
|
|
3
|
+
const j = typeof window < "u" ? e.useLayoutEffect : e.useEffect, w = e.forwardRef(function({ children: b, open: c, query: s, placeholder: i, emptyText: f, headless: P, onOpen: o, onClose: n, onOpenChange: r, onSelect: v, onQueryChange: E, ...A }, N) {
|
|
4
|
+
const L = e.useRef(null);
|
|
5
|
+
return e.useImperativeHandle(N, () => L.current), e.useEffect(() => {
|
|
6
|
+
k("ui-command-palette", "CommandPalette");
|
|
7
|
+
}, []), e.useEffect(() => {
|
|
8
|
+
const t = L.current;
|
|
9
|
+
if (!t)
|
|
10
|
+
return;
|
|
11
|
+
const a = (m) => {
|
|
12
|
+
const u = m.detail;
|
|
13
|
+
u && (v == null || v(u));
|
|
14
|
+
}, l = (m) => {
|
|
15
|
+
const u = m.detail;
|
|
16
|
+
u && (E == null || E(u));
|
|
17
|
+
}, d = () => {
|
|
18
|
+
o == null || o(), r == null || r({ open: !0 });
|
|
19
|
+
}, y = () => {
|
|
20
|
+
n == null || n(), r == null || r({ open: !1 });
|
|
21
|
+
};
|
|
22
|
+
return t.addEventListener("select", a), t.addEventListener("query-change", l), t.addEventListener("open", d), t.addEventListener("close", y), () => {
|
|
23
|
+
t.removeEventListener("select", a), t.removeEventListener("query-change", l), t.removeEventListener("open", d), t.removeEventListener("close", y);
|
|
24
|
+
};
|
|
25
|
+
}, [n, o, r, E, v]), j(() => {
|
|
26
|
+
const t = L.current;
|
|
27
|
+
if (!t)
|
|
28
|
+
return;
|
|
29
|
+
const a = (l, d, y = !0) => {
|
|
30
|
+
if (!y)
|
|
31
|
+
return;
|
|
32
|
+
const m = t.getAttribute(l);
|
|
33
|
+
if (d == null) {
|
|
34
|
+
m != null && t.removeAttribute(l);
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
m !== d && t.setAttribute(l, d);
|
|
38
|
+
};
|
|
39
|
+
typeof c == "boolean" && a("open", c ? "" : null), a("placeholder", i ?? null, i !== void 0), a("empty-text", f ?? null, f !== void 0), typeof s == "string" && t.query !== s && (t.query = s), typeof P == "boolean" && a("headless", P ? "" : null);
|
|
40
|
+
}, [c, i, f, s, P]), e.createElement("ui-command-palette", { ref: L, ...A }, b);
|
|
41
|
+
});
|
|
42
|
+
w.displayName = "CommandPalette";
|
|
43
|
+
const I = e.forwardRef(function({ value: b, label: c, keywords: s, ...i }, f) {
|
|
44
|
+
return /* @__PURE__ */ e.createElement(
|
|
45
|
+
"div",
|
|
46
|
+
{
|
|
47
|
+
...i,
|
|
48
|
+
ref: f,
|
|
49
|
+
slot: "command",
|
|
50
|
+
"data-value": b,
|
|
51
|
+
"data-label": c,
|
|
52
|
+
"data-keywords": s,
|
|
53
|
+
style: {
|
|
54
|
+
display: "block",
|
|
55
|
+
cursor: "pointer",
|
|
56
|
+
...i.style || {}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
);
|
|
60
|
+
});
|
|
61
|
+
I.displayName = "CommandPalette.Item";
|
|
62
|
+
const H = Object.assign(w, {
|
|
63
|
+
Item: I
|
|
64
|
+
});
|
|
65
|
+
export {
|
|
66
|
+
H as C,
|
|
67
|
+
I as a
|
|
68
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const A=require("react"),N=require("./_internals-b9f3e909.js");function k(e){if(e&&e.__esModule)return e;const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const a=k(A),p=typeof window<"u"?a.useLayoutEffect:a.useEffect,R=a.forwardRef(function({children:l,open:r,query:i,placeholder:d,emptyText:o,headless:I,onOpen:v,onClose:E,onOpenChange:s,onSelect:b,onQueryChange:y,..._},j){const P=a.useRef(null);return a.useImperativeHandle(j,()=>P.current),a.useEffect(()=>{N.warnIfElementNotRegistered("ui-command-palette","CommandPalette")},[]),a.useEffect(()=>{const t=P.current;if(!t)return;const c=f=>{const m=f.detail;m&&(b==null||b(m))},u=f=>{const m=f.detail;m&&(y==null||y(m))},n=()=>{v==null||v(),s==null||s({open:!0})},L=()=>{E==null||E(),s==null||s({open:!1})};return t.addEventListener("select",c),t.addEventListener("query-change",u),t.addEventListener("open",n),t.addEventListener("close",L),()=>{t.removeEventListener("select",c),t.removeEventListener("query-change",u),t.removeEventListener("open",n),t.removeEventListener("close",L)}},[E,v,s,y,b]),p(()=>{const t=P.current;if(!t)return;const c=(u,n,L=!0)=>{if(!L)return;const f=t.getAttribute(u);if(n==null){f!=null&&t.removeAttribute(u);return}f!==n&&t.setAttribute(u,n)};typeof r=="boolean"&&c("open",r?"":null),c("placeholder",d??null,d!==void 0),c("empty-text",o??null,o!==void 0),typeof i=="string"&&t.query!==i&&(t.query=i),typeof I=="boolean"&&c("headless",I?"":null)},[r,d,o,i,I]),a.createElement("ui-command-palette",{ref:P,..._},l)});R.displayName="CommandPalette";const w=a.forwardRef(function({value:l,label:r,keywords:i,...d},o){return a.createElement("div",{...d,ref:o,slot:"command","data-value":l,"data-label":r,"data-keywords":i,style:{display:"block",cursor:"pointer",...d.style||{}}})});w.displayName="CommandPalette.Item";const q=Object.assign(R,{Item:w});exports.CommandPalette=q;exports.CommandPaletteItem=w;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./CommandPalette-e827844c.js");require("react");require("./_internals-b9f3e909.js");exports.CommandPalette=e.CommandPalette;exports.default=e.CommandPalette;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../src/CommandPalette.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),V=u=>u&&u.__esModule?u:{default:u},s=V(n),r=typeof window<"u"?n.useLayoutEffect:n.useEffect,T=s.default.forwardRef(function({children:o,open:i,side:p,variant:l,density:c,shape:a,elevation:b,tone:f,size:d,state:A,inset:j,dismissible:F,closeOnOverlay:y,closeOnEsc:E,lockWhileLoading:D,showClose:H,initialFocus:R,title:_,description:S,ariaLabel:g,ariaLabelledBy:M,ariaDescribedBy:N,onOpen:m,onClose:v,onChange:w,...K},Q){const t=n.useRef(null);return n.useImperativeHandle(Q,()=>t.current),n.useEffect(()=>{const e=t.current;if(!e)return;const I=()=>m==null?void 0:m(),L=()=>v==null?void 0:v(),q=U=>{var P;const x=(P=U.detail)==null?void 0:P.open;typeof x=="boolean"&&(w==null||w(x))};return e.addEventListener("open",I),e.addEventListener("close",L),e.addEventListener("change",q),()=>{e.removeEventListener("open",I),e.removeEventListener("close",L),e.removeEventListener("change",q)}},[m,v,w]),r(()=>{const e=t.current;e&&(i?e.setAttribute("open",""):e.removeAttribute("open"))},[i]),r(()=>{const e=t.current;e&&(p?e.setAttribute("side",p):e.removeAttribute("side"))},[p]),r(()=>{const e=t.current;e&&(F?e.setAttribute("dismissible",""):e.removeAttribute("dismissible"))},[F]),r(()=>{const e=t.current;e&&(l&&l!=="default"?e.setAttribute("variant",l):e.removeAttribute("variant"))},[l]),r(()=>{const e=t.current;e&&(c&&c!=="default"?e.setAttribute("density",c):e.removeAttribute("density"))},[c]),r(()=>{const e=t.current;e&&(a&&a!=="default"?e.setAttribute("shape",a):e.removeAttribute("shape"))},[a]),r(()=>{const e=t.current;e&&(b&&b!=="default"?e.setAttribute("elevation",b):e.removeAttribute("elevation"))},[b]),r(()=>{const e=t.current;e&&(f&&f!=="default"&&f!=="brand"?e.setAttribute("tone",f):e.removeAttribute("tone"))},[f]),r(()=>{const e=t.current;e&&(d&&d!=="default"?e.setAttribute("size",d):e.removeAttribute("size"))},[d]),r(()=>{const e=t.current;e&&(A&&A!=="idle"?e.setAttribute("state",A):e.removeAttribute("state"))},[A]),r(()=>{const e=t.current;e&&(j?e.setAttribute("inset",""):e.removeAttribute("inset"))},[j]),r(()=>{const e=t.current;e&&(typeof y=="boolean"?e.setAttribute("close-on-overlay",String(y)):e.removeAttribute("close-on-overlay"))},[y]),r(()=>{const e=t.current;e&&(typeof E=="boolean"?e.setAttribute("close-on-esc",String(E)):e.removeAttribute("close-on-esc"))},[E]),r(()=>{const e=t.current;e&&(typeof D=="boolean"?e.setAttribute("lock-while-loading",String(D)):e.removeAttribute("lock-while-loading"))},[D]),r(()=>{const e=t.current;e&&(typeof H=="boolean"?e.setAttribute("show-close",String(H)):e.removeAttribute("show-close"))},[H]),r(()=>{const e=t.current;e&&(R?e.setAttribute("initial-focus",R):e.removeAttribute("initial-focus"))},[R]),r(()=>{const e=t.current;e&&(_?e.setAttribute("title",_):e.removeAttribute("title"))},[_]),r(()=>{const e=t.current;e&&(S?e.setAttribute("description",S):e.removeAttribute("description"))},[S]),r(()=>{const e=t.current;e&&(g?e.setAttribute("aria-label",g):e.removeAttribute("aria-label"))},[g]),r(()=>{const e=t.current;e&&(M?e.setAttribute("aria-labelledby",M):e.removeAttribute("aria-labelledby"))},[M]),r(()=>{const e=t.current;e&&(N?e.setAttribute("aria-describedby",N):e.removeAttribute("aria-describedby"))},[N]),s.default.createElement("ui-drawer",{ref:t,...K},o)});T.displayName="Drawer";const k=s.default.forwardRef(function(o,i){return s.default.createElement("div",{...o,ref:i,slot:"header"})});k.displayName="Drawer.Header";const G=s.default.forwardRef(function(o,i){return s.default.createElement("div",{...o,ref:i,slot:"footer"})});G.displayName="Drawer.Footer";const J=Object.assign(T,{Header:k,Footer:G});exports.Drawer=J;exports.default=J;
|
package/dist/Drawer.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../src/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
import u, { useRef as U, useImperativeHandle as V, useEffect as G, useLayoutEffect as X } from "react";
|
|
2
|
+
const r = typeof window < "u" ? X : G, J = u.forwardRef(function({
|
|
3
|
+
children: n,
|
|
4
|
+
open: i,
|
|
5
|
+
side: v,
|
|
6
|
+
variant: o,
|
|
7
|
+
density: f,
|
|
8
|
+
shape: l,
|
|
9
|
+
elevation: c,
|
|
10
|
+
tone: s,
|
|
11
|
+
size: b,
|
|
12
|
+
state: a,
|
|
13
|
+
inset: F,
|
|
14
|
+
dismissible: I,
|
|
15
|
+
closeOnOverlay: w,
|
|
16
|
+
closeOnEsc: p,
|
|
17
|
+
lockWhileLoading: y,
|
|
18
|
+
showClose: E,
|
|
19
|
+
initialFocus: D,
|
|
20
|
+
title: H,
|
|
21
|
+
description: R,
|
|
22
|
+
ariaLabel: S,
|
|
23
|
+
ariaLabelledBy: g,
|
|
24
|
+
ariaDescribedBy: N,
|
|
25
|
+
onOpen: A,
|
|
26
|
+
onClose: d,
|
|
27
|
+
onChange: m,
|
|
28
|
+
...P
|
|
29
|
+
}, Q) {
|
|
30
|
+
const t = U(null);
|
|
31
|
+
return V(Q, () => t.current), G(() => {
|
|
32
|
+
const e = t.current;
|
|
33
|
+
if (!e)
|
|
34
|
+
return;
|
|
35
|
+
const L = () => A == null ? void 0 : A(), _ = () => d == null ? void 0 : d(), j = (T) => {
|
|
36
|
+
var q;
|
|
37
|
+
const k = (q = T.detail) == null ? void 0 : q.open;
|
|
38
|
+
typeof k == "boolean" && (m == null || m(k));
|
|
39
|
+
};
|
|
40
|
+
return e.addEventListener("open", L), e.addEventListener("close", _), e.addEventListener("change", j), () => {
|
|
41
|
+
e.removeEventListener("open", L), e.removeEventListener("close", _), e.removeEventListener("change", j);
|
|
42
|
+
};
|
|
43
|
+
}, [A, d, m]), r(() => {
|
|
44
|
+
const e = t.current;
|
|
45
|
+
e && (i ? e.setAttribute("open", "") : e.removeAttribute("open"));
|
|
46
|
+
}, [i]), r(() => {
|
|
47
|
+
const e = t.current;
|
|
48
|
+
e && (v ? e.setAttribute("side", v) : e.removeAttribute("side"));
|
|
49
|
+
}, [v]), r(() => {
|
|
50
|
+
const e = t.current;
|
|
51
|
+
e && (I ? e.setAttribute("dismissible", "") : e.removeAttribute("dismissible"));
|
|
52
|
+
}, [I]), r(() => {
|
|
53
|
+
const e = t.current;
|
|
54
|
+
e && (o && o !== "default" ? e.setAttribute("variant", o) : e.removeAttribute("variant"));
|
|
55
|
+
}, [o]), r(() => {
|
|
56
|
+
const e = t.current;
|
|
57
|
+
e && (f && f !== "default" ? e.setAttribute("density", f) : e.removeAttribute("density"));
|
|
58
|
+
}, [f]), r(() => {
|
|
59
|
+
const e = t.current;
|
|
60
|
+
e && (l && l !== "default" ? e.setAttribute("shape", l) : e.removeAttribute("shape"));
|
|
61
|
+
}, [l]), r(() => {
|
|
62
|
+
const e = t.current;
|
|
63
|
+
e && (c && c !== "default" ? e.setAttribute("elevation", c) : e.removeAttribute("elevation"));
|
|
64
|
+
}, [c]), r(() => {
|
|
65
|
+
const e = t.current;
|
|
66
|
+
e && (s && s !== "default" && s !== "brand" ? e.setAttribute("tone", s) : e.removeAttribute("tone"));
|
|
67
|
+
}, [s]), r(() => {
|
|
68
|
+
const e = t.current;
|
|
69
|
+
e && (b && b !== "default" ? e.setAttribute("size", b) : e.removeAttribute("size"));
|
|
70
|
+
}, [b]), r(() => {
|
|
71
|
+
const e = t.current;
|
|
72
|
+
e && (a && a !== "idle" ? e.setAttribute("state", a) : e.removeAttribute("state"));
|
|
73
|
+
}, [a]), r(() => {
|
|
74
|
+
const e = t.current;
|
|
75
|
+
e && (F ? e.setAttribute("inset", "") : e.removeAttribute("inset"));
|
|
76
|
+
}, [F]), r(() => {
|
|
77
|
+
const e = t.current;
|
|
78
|
+
e && (typeof w == "boolean" ? e.setAttribute("close-on-overlay", String(w)) : e.removeAttribute("close-on-overlay"));
|
|
79
|
+
}, [w]), r(() => {
|
|
80
|
+
const e = t.current;
|
|
81
|
+
e && (typeof p == "boolean" ? e.setAttribute("close-on-esc", String(p)) : e.removeAttribute("close-on-esc"));
|
|
82
|
+
}, [p]), r(() => {
|
|
83
|
+
const e = t.current;
|
|
84
|
+
e && (typeof y == "boolean" ? e.setAttribute("lock-while-loading", String(y)) : e.removeAttribute("lock-while-loading"));
|
|
85
|
+
}, [y]), r(() => {
|
|
86
|
+
const e = t.current;
|
|
87
|
+
e && (typeof E == "boolean" ? e.setAttribute("show-close", String(E)) : e.removeAttribute("show-close"));
|
|
88
|
+
}, [E]), r(() => {
|
|
89
|
+
const e = t.current;
|
|
90
|
+
e && (D ? e.setAttribute("initial-focus", D) : e.removeAttribute("initial-focus"));
|
|
91
|
+
}, [D]), r(() => {
|
|
92
|
+
const e = t.current;
|
|
93
|
+
e && (H ? e.setAttribute("title", H) : e.removeAttribute("title"));
|
|
94
|
+
}, [H]), r(() => {
|
|
95
|
+
const e = t.current;
|
|
96
|
+
e && (R ? e.setAttribute("description", R) : e.removeAttribute("description"));
|
|
97
|
+
}, [R]), r(() => {
|
|
98
|
+
const e = t.current;
|
|
99
|
+
e && (S ? e.setAttribute("aria-label", S) : e.removeAttribute("aria-label"));
|
|
100
|
+
}, [S]), r(() => {
|
|
101
|
+
const e = t.current;
|
|
102
|
+
e && (g ? e.setAttribute("aria-labelledby", g) : e.removeAttribute("aria-labelledby"));
|
|
103
|
+
}, [g]), r(() => {
|
|
104
|
+
const e = t.current;
|
|
105
|
+
e && (N ? e.setAttribute("aria-describedby", N) : e.removeAttribute("aria-describedby"));
|
|
106
|
+
}, [N]), u.createElement("ui-drawer", { ref: t, ...P }, n);
|
|
107
|
+
});
|
|
108
|
+
J.displayName = "Drawer";
|
|
109
|
+
const K = u.forwardRef(function(n, i) {
|
|
110
|
+
return /* @__PURE__ */ u.createElement("div", { ...n, ref: i, slot: "header" });
|
|
111
|
+
});
|
|
112
|
+
K.displayName = "Drawer.Header";
|
|
113
|
+
const M = u.forwardRef(function(n, i) {
|
|
114
|
+
return /* @__PURE__ */ u.createElement("div", { ...n, ref: i, slot: "footer" });
|
|
115
|
+
});
|
|
116
|
+
M.displayName = "Drawer.Footer";
|
|
117
|
+
const Z = Object.assign(J, {
|
|
118
|
+
Header: K,
|
|
119
|
+
Footer: M
|
|
120
|
+
});
|
|
121
|
+
export {
|
|
122
|
+
Z as Drawer,
|
|
123
|
+
Z as default
|
|
124
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),k=require("./_internals-b9f3e909.js"),q=u=>u&&u.__esModule?u:{default:u},M=q(l),x=typeof window<"u"?l.useLayoutEffect:l.useEffect,B=M.default.forwardRef(function({children:R,anchorId:i,open:E,placement:T,align:v,offset:m,variant:F,density:y,shape:L,elevation:_,tone:c,closeOnOutside:S,closeOnEscape:j,onOpen:g,onClose:A,onOpenChange:o,onRequestClose:w,...I},P){const N=l.useRef(null);return l.useImperativeHandle(P,()=>N.current),l.useEffect(()=>{k.warnIfElementNotRegistered("ui-floating-toolbar","FloatingToolbar")},[]),l.useEffect(()=>{const t=N.current;if(!t)return;const r=()=>{g==null||g(),o==null||o(!0)},n=f=>{const e=f.detail||{};A==null||A(e),o==null||o(!1,e)},d=f=>{const e=f.detail||{};typeof e.reason=="string"&&(w==null||w({reason:e.reason}))};return t.addEventListener("open",r),t.addEventListener("close",n),t.addEventListener("request-close",d),()=>{t.removeEventListener("open",r),t.removeEventListener("close",n),t.removeEventListener("request-close",d)}},[g,A,o,w]),x(()=>{var d,f,e;const t=N.current;if(!t)return;const r=(a,s)=>{const b=t.getAttribute(a);if(s==null){b!=null&&t.removeAttribute(a);return}b!==s&&t.setAttribute(a,s)},n=(a,s,b=void 0)=>{if(s==null){b!==void 0&&r(a,b?null:"false");return}r(a,s?"":"false")};if(r("anchor-id",i??null),r("placement",T&&T!=="auto"?T:null),r("align",v&&v!=="center"?v:null),r("offset",typeof m=="number"&&Number.isFinite(m)?String(m):null),r("variant",F&&F!=="default"?F:null),r("density",y&&y!=="default"?y:null),r("shape",L&&L!=="default"?L:null),r("elevation",_&&_!=="default"?_:null),r("tone",c&&c!=="default"&&c!=="brand"?c:null),n("close-on-outside",S,!0),n("close-on-escape",j,!0),E&&i){(d=t.showForAnchorId)==null||d.call(t,i);return}if(E){(f=t.openToolbar)==null||f.call(t);return}if(E===!1){(e=t.closeToolbar)==null||e.call(t,"programmatic");return}t.removeAttribute("open")},[E,i,T,v,m,F,y,L,_,c,S,j]),M.default.createElement("ui-floating-toolbar",{ref:N,...I},R)});B.displayName="FloatingToolbar";const D=M.default.forwardRef(function(R,i){return M.default.createElement("div",{...R,ref:i,slot:"toolbar"})});D.displayName="FloatingToolbar.Toolbar";const H=Object.assign(B,{Toolbar:D});exports.FloatingToolbar=H;exports.default=H;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FloatingToolbar.d.ts","sourceRoot":"","sources":["../src/FloatingToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACxE,YAAY,EAAE,oBAAoB,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC"}
|