@stihl-design-system/components 1.0.0-RC.28 → 1.0.0-RC.29
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/{accordion.B9X4Vlig.js → accordion.DkwtJy--.js} +2 -2
- package/{actionbutton.7x4F7a0U.js → actionbutton.DHt1AL7U.js} +2 -2
- package/{actionlink.CV0n19ik.js → actionlink.BML1jenE.js} +2 -2
- package/assets/Accordion.BJb4TOG0.css +1 -0
- package/assets/CustomReactSelect.D0b1Hg1T.css +1 -0
- package/assets/InputFile.CCQxsulT.css +1 -0
- package/assets/InputPassword.124xVOiO.css +1 -0
- package/assets/InputSearch.Bkg-1urJ.css +1 -0
- package/assets/InputStepper.Dth4qZN_.css +1 -0
- package/assets/Select.CYACicZ3.css +1 -0
- package/assets/{systemfeedback.BX2zCzSL.css → SystemFeedback.RcrPepSZ.css} +1 -1
- package/assets/Textarea.BXWhXpXx.css +1 -0
- package/assets/input.ONbL-_C1.css +1 -0
- package/assets/radio.CgpGvYc-.css +1 -0
- package/{banner.CgQdUb_c.js → banner.B2YO054K.js} +1 -1
- package/{breadcrumb.x78HJy5P.js → breadcrumb.BS-S3zUI.js} +3 -3
- package/{button.BD_04tIG.js → button.CPilCCUI.js} +3 -3
- package/{buttonround.BT3OfowK.js → buttonround.C426mO4d.js} +2 -2
- package/{checkbox.BktYXQmJ.js → checkbox.BtlUvs0z.js} +3 -3
- package/{checkboxgroup.Bylq97Q9.js → checkboxgroup.C5NgyyQF.js} +2 -2
- package/{chip.BKtNbt4y.js → chip.tVIG1ysH.js} +2 -2
- package/{chipgroup.BWpqUzXF.js → chipgroup.CjIK0Z0x.js} +1 -1
- package/chunks/Accordion.C5V5IcM-.js +170 -0
- package/chunks/{ActionButton.BlhiiU3l.js → ActionButton.CzaWZGPt.js} +1 -1
- package/chunks/{ActionLink.BvFL6rgb.js → ActionLink.BlhqDEtq.js} +1 -1
- package/chunks/{Breadcrumb.B7g30dIO.js → Breadcrumb.BGzwzvh8.js} +2 -2
- package/chunks/{Button.CC0qEsuR.js → Button.B7xF1E19.js} +2 -2
- package/chunks/{Checkbox.BIQAKBVy.js → Checkbox.DxV7-F5W.js} +14 -14
- package/chunks/{CheckboxGroup.D4MQD0i0.js → CheckboxGroup.Dy_6tiGk.js} +2 -2
- package/chunks/{Chip.DifLxHH7.js → Chip.31UfPwQF.js} +1 -1
- package/chunks/{CustomReactSelect.D9B928kB.js → CustomReactSelect.iE5iTdez.js} +348 -346
- package/chunks/{Dialog.BuEEJ199.js → Dialog.B_2pKRnd.js} +1 -1
- package/chunks/{Drawer.BXUGmpJI.js → Drawer.HFlBTcqN.js} +1 -1
- package/chunks/{Fieldset.BgZMYAH-.js → Fieldset.CjIfmN_5.js} +12 -12
- package/chunks/Icon.DGTYCv63.js +231 -0
- package/chunks/InputFile.DvOatDzg.js +220 -0
- package/chunks/InputPassword.DC2POUc1.js +136 -0
- package/chunks/InputSearch.B0aCuPRZ.js +174 -0
- package/chunks/InputStepper.B_ZjgY_f.js +263 -0
- package/chunks/{LinkButton.DmXVHeyZ.js → LinkButton.DdTspmJz.js} +1 -1
- package/chunks/{NavigationTabList.IQM074Vb.js → NavigationTabList.dYFYTmWv.js} +1 -1
- package/chunks/{NavigationTabs.BofhX8bD.js → NavigationTabs.ClpVGcl0.js} +1 -1
- package/chunks/{Notification.B-3dPVUE.js → Notification.DIdIhGTQ.js} +2 -2
- package/chunks/{RadioGroup.CRP8_vsg.js → RadioGroup.peTeMK45.js} +2 -2
- package/chunks/Select.BDHLJ2ma.js +162 -0
- package/chunks/{Slider.D9MHH4cZ.js → Slider.kyVr7BLk.js} +1 -1
- package/chunks/SystemFeedback.B9f67mjJ.js +38 -0
- package/chunks/{Tabs.Bl4K3Kjn.js → Tabs.CkVL8Jw8.js} +1 -1
- package/chunks/Textarea.ORkJUx-S.js +163 -0
- package/chunks/{Toast.BHz0vlGz.js → Toast.DHo4pLH3.js} +2 -2
- package/chunks/caret-down.CupuwAF6.js +10 -0
- package/chunks/caret-right.DKtu4PQe.js +10 -0
- package/chunks/collapse.Dvv3mgkv.js +10 -0
- package/{combobox.pMk_oggm.js → combobox.Bk2ycofh.js} +1 -1
- package/components/Accordion/Accordion.utils.d.ts +3 -1
- package/components/ActionButton/ActionButton.d.ts +5 -5
- package/components/ActionLink/ActionLink.d.ts +5 -5
- package/components/Header/Header.d.ts +1 -1
- package/components/Radio/Radio.d.ts +0 -6
- package/components/SystemFeedback/SystemFeedback.d.ts +13 -5
- package/components/SystemFeedback/SystemFeedback.utils.d.ts +4 -7
- package/components/TopBar/TopBar.d.ts +1 -1
- package/customreactselect.Hnch9LGg.js +14 -0
- package/{dialog.CGsUCqhR.js → dialog.7sWoqGwL.js} +2 -2
- package/{drawer.BcAo4TO0.js → drawer.DsF4KIPn.js} +2 -2
- package/{fieldset.BR9fZReW.js → fieldset.DUFUMcT-.js} +2 -2
- package/{filelist.Cj9U-Jx8.js → filelist.nunJKxkv.js} +7 -7
- package/{flag.BHaAfp6B.js → flag.D_iN8iD6.js} +1 -1
- package/{floatingactionbutton.DSZXUHB_.js → floatingactionbutton.DOH2k0gv.js} +2 -2
- package/{icon.DwfGhFCd.js → icon.vMQcEBnH.js} +1 -1
- package/index.d.ts +2 -0
- package/index.es.js +175 -170
- package/input.BKHOY118.js +203 -0
- package/{inputfile.CB-QTIDn.js → inputfile.DK8759wV.js} +7 -6
- package/inputpassword.rV_ZZw5F.js +13 -0
- package/{inputsearch.DUgTkPWm.js → inputsearch.CmhakTpa.js} +5 -4
- package/{inputstepper.DKmlBa0Y.js → inputstepper.5olvh4tk.js} +5 -4
- package/{link.DGuYGfh2.js → link.D_FjTyoZ.js} +2 -2
- package/{linkbutton.B3q0B_yb.js → linkbutton.D2C4vykc.js} +2 -2
- package/{navigationtablist.CS9yEGdP.js → navigationtablist.CVjh1k-b.js} +2 -2
- package/{navigationtabs.DQ1kE-h4.js → navigationtabs.BGfi9AG2.js} +2 -2
- package/{notification.D8BDaU5x.js → notification.Dn-FZWEL.js} +3 -3
- package/{optioncheckbox.CEEPAq0u.js → optioncheckbox.D97W3zeW.js} +1 -1
- package/package.json +1 -1
- package/partials/index.js +28 -22
- package/partials/lib/partials.d.ts +1 -1
- package/radio.7_N_alaS.js +126 -0
- package/{radiogroup.Bk36A24U.js → radiogroup.J8WpEEo8.js} +3 -3
- package/{scroller.CCA6kFR6.js → scroller.BiRLQg__.js} +1 -1
- package/{inputpassword.B_A0JDkz.js → select.DIzGPVx3.js} +5 -4
- package/{skiptocontent.D1UkPmhD.js → skiptocontent._F-d8y5b.js} +1 -1
- package/{slider.BicJfJzc.js → slider.DuJK0RdB.js} +2 -2
- package/{spinner.CeGt8DxU.js → spinner.Dht6FspZ.js} +1 -1
- package/{switch.CtULjgZq.js → switch.B37S4vfP.js} +2 -2
- package/systemfeedback.C_2PhwKe.js +10 -0
- package/{tablist.Dzwe0_J4.js → tablist.g_Nwu6GA.js} +3 -3
- package/{tabs.yudjJk9d.js → tabs.oh9-wHPp.js} +2 -2
- package/{textarea.BynOgkpo.js → textarea.dQ12-oYB.js} +4 -3
- package/{toast.Bhpwj1NF.js → toast.sMNbfKxi.js} +3 -3
- package/{toastmanager.BHk65ynQ.js → toastmanager.CVamaS5T.js} +1 -1
- package/types/icon-types.d.ts +1 -1
- package/assets/Accordion.BHWEZCmu.css +0 -1
- package/assets/CustomReactSelect.Dq5Hoqv2.css +0 -1
- package/assets/InputFile.BVgHILAZ.css +0 -1
- package/assets/InputPassword.CBpkWGy7.css +0 -1
- package/assets/InputSearch.CnPJYH8L.css +0 -1
- package/assets/InputStepper.U2h9Kd0t.css +0 -1
- package/assets/Select.U7xsC0o1.css +0 -1
- package/assets/Textarea.C4IEEOFR.css +0 -1
- package/assets/input.CuIHvnD5.css +0 -1
- package/assets/radio.ipbv7OMF.css +0 -1
- package/chunks/Accordion.BvHroAyn.js +0 -154
- package/chunks/Icon.C0161Glk.js +0 -231
- package/chunks/InputFile.rC7NJYrU.js +0 -218
- package/chunks/InputPassword.5-r36K86.js +0 -132
- package/chunks/InputSearch.D4Q99_nR.js +0 -170
- package/chunks/InputStepper.EsPAGCFJ.js +0 -259
- package/chunks/Select.lveq1iBY.js +0 -158
- package/chunks/Textarea.BRfh8ykm.js +0 -161
- package/customreactselect.-DGMZMFu.js +0 -13
- package/input.DAneVu7p.js +0 -199
- package/radio.z-Mi3J6t.js +0 -134
- package/select.4wUa3vMT.js +0 -12
- package/systemfeedback.CLQCbTF6.js +0 -44
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as v, jsxs as Ne } from "react/jsx-runtime";
|
|
3
|
-
import { d as Re } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as he } from "./index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as Ve, useRef as Ae, useState as qe, useEffect as Be } from "react";
|
|
6
|
-
import { u as Fe } from "./useBreakpoint.CMOR9ZOB.js";
|
|
7
|
-
import { D as He } from "./Icon.C0161Glk.js";
|
|
8
|
-
import { DSSystemFeedback as je } from "../systemfeedback.CLQCbTF6.js";
|
|
9
|
-
import { g as ue, r as We } from "./helpers.BbWkXTr3.js";
|
|
10
|
-
import '../assets/Select.U7xsC0o1.css';const ze = "ds-select_root_bilx9_1", Me = "ds-select_hint_bilx9_10", Te = "ds-select_label_bilx9_10", Oe = "ds-select_label--hidden_bilx9_100", Ze = "ds-select_label--disabled_bilx9_113", Je = "ds-select_label--required_bilx9_117", Ke = "ds-select_feedback_bilx9_138", Qe = "ds-select_select-wrapper_bilx9_143", Ue = "ds-select_select_bilx9_143", Xe = "ds-select_select--small_bilx9_157", Ye = "ds-select_select--invalid_bilx9_269", Ge = "ds-select_select--placeholder_bilx9_384", el = "ds-select_chevron_bilx9_423", ll = "ds-select_chevron--small_bilx9_427", tl = "ds-select_chevron--disabled_bilx9_430", l = {
|
|
11
|
-
root: ze,
|
|
12
|
-
hint: Me,
|
|
13
|
-
label: Te,
|
|
14
|
-
labelHidden: Oe,
|
|
15
|
-
labelDisabled: Ze,
|
|
16
|
-
labelRequired: Je,
|
|
17
|
-
feedback: Ke,
|
|
18
|
-
selectWrapper: Qe,
|
|
19
|
-
select: Ue,
|
|
20
|
-
selectSmall: Xe,
|
|
21
|
-
selectInvalid: Ye,
|
|
22
|
-
selectPlaceholder: Ge,
|
|
23
|
-
chevron: el,
|
|
24
|
-
chevronSmall: ll,
|
|
25
|
-
chevronDisabled: tl
|
|
26
|
-
}, _l = ["medium", "small"], sl = ({
|
|
27
|
-
id: n,
|
|
28
|
-
label: s,
|
|
29
|
-
options: e
|
|
30
|
-
}) => {
|
|
31
|
-
if (!n)
|
|
32
|
-
throw new Error(ue("DSSelect", 'A unique "id" prop is required. Please add a unique "id" prop to the DSSelect component.'));
|
|
33
|
-
if (!s)
|
|
34
|
-
throw new Error(ue("DSSelect", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSSelect component. If you don't want to display a label, set hideLabel={true}.`));
|
|
35
|
-
if (Array.isArray(e)) {
|
|
36
|
-
if (e.length === 0)
|
|
37
|
-
throw new Error(ue("DSSelect", "The options array must not be empty."));
|
|
38
|
-
} else throw new Error(ue("DSSelect", We("options", "DSSelect")));
|
|
39
|
-
}, al = (n, s, e) => n === "" || s !== void 0 && s !== "" ? !1 : !(e !== void 0 && e !== ""), il = Ve((n, s) => {
|
|
40
|
-
const e = Re.c(125);
|
|
41
|
-
let o, d, r, t, b, f, S, x, a, O, Z, J, K, Q, U, c;
|
|
42
|
-
e[0] !== n ? ({
|
|
43
|
-
id: t,
|
|
44
|
-
label: b,
|
|
45
|
-
options: S,
|
|
46
|
-
className: o,
|
|
47
|
-
defaultValue: d,
|
|
48
|
-
disabled: O,
|
|
49
|
-
hideLabel: Z,
|
|
50
|
-
hint: r,
|
|
51
|
-
invalid: J,
|
|
52
|
-
placeholder: K,
|
|
53
|
-
required: Q,
|
|
54
|
-
size: U,
|
|
55
|
-
systemFeedback: a,
|
|
56
|
-
value: c,
|
|
57
|
-
onChange: f,
|
|
58
|
-
...x
|
|
59
|
-
} = n, e[0] = n, e[1] = o, e[2] = d, e[3] = r, e[4] = t, e[5] = b, e[6] = f, e[7] = S, e[8] = x, e[9] = a, e[10] = O, e[11] = Z, e[12] = J, e[13] = K, e[14] = Q, e[15] = U, e[16] = c) : (o = e[1], d = e[2], r = e[3], t = e[4], b = e[5], f = e[6], S = e[7], x = e[8], a = e[9], O = e[10], Z = e[11], J = e[12], K = e[13], Q = e[14], U = e[15], c = e[16]);
|
|
60
|
-
const h = O === void 0 ? !1 : O, Ee = Z === void 0 ? !1 : Z, i = J === void 0 ? !1 : J, D = K === void 0 ? "Select" : K, y = Q === void 0 ? !1 : Q, ee = U === void 0 ? "medium" : U;
|
|
61
|
-
process.env.NODE_ENV !== "production" && sl({
|
|
62
|
-
id: t,
|
|
63
|
-
label: b,
|
|
64
|
-
options: S
|
|
65
|
-
});
|
|
66
|
-
const Ie = Ae(null), [_e, ye] = qe(c);
|
|
67
|
-
let le;
|
|
68
|
-
e[17] !== d || e[18] !== D || e[19] !== c ? (le = al(D, d, c), e[17] = d, e[18] = D, e[19] = c, e[20] = le) : le = e[20];
|
|
69
|
-
const [X, Pe] = qe(le);
|
|
70
|
-
let te, se;
|
|
71
|
-
e[21] !== c ? (te = () => {
|
|
72
|
-
ye(c);
|
|
73
|
-
}, se = [c], e[21] = c, e[22] = te, e[23] = se) : (te = e[22], se = e[23]), Be(te, se);
|
|
74
|
-
let ae;
|
|
75
|
-
e[24] !== s ? (ae = (G) => {
|
|
76
|
-
Ie.current = G, typeof s == "function" ? s(G) : s && (s.current = G);
|
|
77
|
-
}, e[24] = s, e[25] = ae) : ae = e[25];
|
|
78
|
-
const me = ae, Y = Fe(Ee), g = `${t}-label`, u = `${t}-feedback`, w = `${t}-hint`, pe = r ? ` ${w}` : "";
|
|
79
|
-
let ie;
|
|
80
|
-
e[26] !== i || e[27] !== a || e[28] !== u ? (ie = [i && a && u].filter(Boolean).join(" ") || void 0, e[26] = i, e[27] = a, e[28] = u, e[29] = ie) : ie = e[29];
|
|
81
|
-
const ve = ie;
|
|
82
|
-
let N, q, E, I, P, k, C, $, L, R, V, A, B, F, H, j, _, m, p;
|
|
83
|
-
if (e[30] !== ve || e[31] !== pe || e[32] !== o || e[33] !== d || e[34] !== h || e[35] !== me || e[36] !== Y || e[37] !== r || e[38] !== w || e[39] !== t || e[40] !== i || e[41] !== X || e[42] !== b || e[43] !== f || e[44] !== S || e[45] !== D || e[46] !== y || e[47] !== x || e[48] !== g || e[49] !== _e || e[50] !== ee || e[51] !== a || e[52] !== u) {
|
|
84
|
-
const G = (fe) => [D && /* @__PURE__ */ v("option", { value: "", children: D }, `${t}-hidden-option-disabled-placeholder`), ...fe.map((T) => {
|
|
85
|
-
if ("options" in T) {
|
|
86
|
-
const {
|
|
87
|
-
label: we,
|
|
88
|
-
options: Le
|
|
89
|
-
} = T;
|
|
90
|
-
return /* @__PURE__ */ v("optgroup", { label: we, children: Le.map(ge) }, we);
|
|
91
|
-
} else
|
|
92
|
-
return ge(T);
|
|
93
|
-
})], ge = cl;
|
|
94
|
-
let oe;
|
|
95
|
-
e[72] !== o ? (oe = he(l.root, o), e[72] = o, e[73] = oe) : oe = e[73];
|
|
96
|
-
const ke = oe, Se = ee === "small";
|
|
97
|
-
let re;
|
|
98
|
-
e[74] !== i || e[75] !== X || e[76] !== Se ? (re = he(l.select, {
|
|
99
|
-
[l.selectSmall]: Se,
|
|
100
|
-
[l.selectInvalid]: i,
|
|
101
|
-
[l.selectPlaceholder]: X
|
|
102
|
-
}), e[74] = i, e[75] = X, e[76] = Se, e[77] = re) : re = e[77];
|
|
103
|
-
const Ce = re;
|
|
104
|
-
let ne;
|
|
105
|
-
e[78] !== h || e[79] !== Y || e[80] !== y ? (ne = he(l.label, {
|
|
106
|
-
[l.labelHidden]: Y,
|
|
107
|
-
[l.labelDisabled]: h,
|
|
108
|
-
[l.labelRequired]: y
|
|
109
|
-
}), e[78] = h, e[79] = Y, e[80] = y, e[81] = ne) : ne = e[81];
|
|
110
|
-
const De = ne, xe = ee === "small";
|
|
111
|
-
let de;
|
|
112
|
-
e[82] !== h || e[83] !== xe ? (de = he(l.chevron, {
|
|
113
|
-
[l.chevronSmall]: xe,
|
|
114
|
-
[l.chevronDisabled]: h
|
|
115
|
-
}), e[82] = h, e[83] = xe, e[84] = de) : de = e[84], N = de;
|
|
116
|
-
let be;
|
|
117
|
-
e[85] !== f ? (be = (fe) => {
|
|
118
|
-
const {
|
|
119
|
-
value: T
|
|
120
|
-
} = fe.target;
|
|
121
|
-
Pe(T === ""), ye(T), f && f(fe);
|
|
122
|
-
}, e[85] = f, e[86] = be) : be = e[86];
|
|
123
|
-
const $e = be;
|
|
124
|
-
j = ke, e[87] !== t || e[88] !== b || e[89] !== De || e[90] !== g ? (_ = /* @__PURE__ */ v("label", { className: De, id: g, htmlFor: t, children: b }), e[87] = t, e[88] = b, e[89] = De, e[90] = g, e[91] = _) : _ = e[91], e[92] !== r || e[93] !== w ? (m = r && /* @__PURE__ */ v("div", { className: l.hint, id: w, children: r }), e[92] = r, e[93] = w, e[94] = m) : m = e[94], e[95] !== i || e[96] !== a || e[97] !== u ? (p = i && a && /* @__PURE__ */ v(je, { className: l.feedback, message: a, type: "invalid", id: u, "aria-live": "assertive" }), e[95] = i, e[96] = a, e[97] = u, e[98] = p) : p = e[98], H = l.selectWrapper, q = x, E = t, I = me, P = Ce, k = `${g}${pe}`, C = ve, $ = i, L = d, R = _e, V = h, A = y, B = $e, F = G(S), e[30] = ve, e[31] = pe, e[32] = o, e[33] = d, e[34] = h, e[35] = me, e[36] = Y, e[37] = r, e[38] = w, e[39] = t, e[40] = i, e[41] = X, e[42] = b, e[43] = f, e[44] = S, e[45] = D, e[46] = y, e[47] = x, e[48] = g, e[49] = _e, e[50] = ee, e[51] = a, e[52] = u, e[53] = N, e[54] = q, e[55] = E, e[56] = I, e[57] = P, e[58] = k, e[59] = C, e[60] = $, e[61] = L, e[62] = R, e[63] = V, e[64] = A, e[65] = B, e[66] = F, e[67] = H, e[68] = j, e[69] = _, e[70] = m, e[71] = p;
|
|
125
|
-
} else
|
|
126
|
-
N = e[53], q = e[54], E = e[55], I = e[56], P = e[57], k = e[58], C = e[59], $ = e[60], L = e[61], R = e[62], V = e[63], A = e[64], B = e[65], F = e[66], H = e[67], j = e[68], _ = e[69], m = e[70], p = e[71];
|
|
127
|
-
let W;
|
|
128
|
-
e[99] !== q || e[100] !== E || e[101] !== I || e[102] !== P || e[103] !== k || e[104] !== C || e[105] !== $ || e[106] !== L || e[107] !== R || e[108] !== V || e[109] !== A || e[110] !== B || e[111] !== F ? (W = /* @__PURE__ */ v("select", { ...q, id: E, ref: I, className: P, "aria-labelledby": k, "aria-describedby": C, "aria-invalid": $, defaultValue: L, value: R, disabled: V, required: A, onChange: B, children: F }), e[99] = q, e[100] = E, e[101] = I, e[102] = P, e[103] = k, e[104] = C, e[105] = $, e[106] = L, e[107] = R, e[108] = V, e[109] = A, e[110] = B, e[111] = F, e[112] = W) : W = e[112];
|
|
129
|
-
let z;
|
|
130
|
-
e[113] !== N ? (z = /* @__PURE__ */ v(He, { name: "chevron-down", className: N, "aria-hidden": "true" }), e[113] = N, e[114] = z) : z = e[114];
|
|
131
|
-
let M;
|
|
132
|
-
e[115] !== H || e[116] !== W || e[117] !== z ? (M = /* @__PURE__ */ Ne("div", { className: H, children: [
|
|
133
|
-
W,
|
|
134
|
-
z
|
|
135
|
-
] }), e[115] = H, e[116] = W, e[117] = z, e[118] = M) : M = e[118];
|
|
136
|
-
let ce;
|
|
137
|
-
return e[119] !== j || e[120] !== _ || e[121] !== m || e[122] !== p || e[123] !== M ? (ce = /* @__PURE__ */ Ne("div", { className: j, children: [
|
|
138
|
-
_,
|
|
139
|
-
m,
|
|
140
|
-
p,
|
|
141
|
-
M
|
|
142
|
-
] }), e[119] = j, e[120] = _, e[121] = m, e[122] = p, e[123] = M, e[124] = ce) : ce = e[124], ce;
|
|
143
|
-
});
|
|
144
|
-
il.displayName = "DSSelect";
|
|
145
|
-
function cl(n) {
|
|
146
|
-
const {
|
|
147
|
-
label: s,
|
|
148
|
-
value: e,
|
|
149
|
-
isDisabled: o
|
|
150
|
-
} = n;
|
|
151
|
-
return /* @__PURE__ */ v("option", { value: e, disabled: o, children: s }, e);
|
|
152
|
-
}
|
|
153
|
-
export {
|
|
154
|
-
il as D,
|
|
155
|
-
_l as S,
|
|
156
|
-
al as g,
|
|
157
|
-
sl as v
|
|
158
|
-
};
|
|
@@ -1,161 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as h, jsx as p, Fragment as ie } from "react/jsx-runtime";
|
|
3
|
-
import { c as I } from "./index.CEyLAtio.js";
|
|
4
|
-
import { forwardRef as le, useState as l, useRef as ce, useEffect as m } from "react";
|
|
5
|
-
import { g as B, p as z } from "./helpers.BbWkXTr3.js";
|
|
6
|
-
import { u as de } from "./useBreakpoint.CMOR9ZOB.js";
|
|
7
|
-
import "./index.CgTHIF3K.js";
|
|
8
|
-
import { DSSystemFeedback as ue } from "../systemfeedback.CLQCbTF6.js";
|
|
9
|
-
import '../assets/Textarea.C4IEEOFR.css';const fe = "ds-textarea_textarea_4ig16_1", be = "ds-textarea_textarea--small_4ig16_9", _e = "ds-textarea_textarea--invalid_4ig16_121", he = "ds-textarea_textarea--resize-auto_4ig16_145", pe = "ds-textarea_root_4ig16_155", me = "ds-textarea_hint_4ig16_164", xe = "ds-textarea_label_4ig16_164", ve = "ds-textarea_label--hidden_4ig16_272", ge = "ds-textarea_label--disabled_4ig16_285", Ce = "ds-textarea_label--required_4ig16_289", Se = "ds-textarea_feedback_4ig16_310", Ie = "ds-textarea_char-count_4ig16_315", Re = "ds-textarea_char-count-announcer_4ig16_331", t = {
|
|
10
|
-
textarea: fe,
|
|
11
|
-
textareaSmall: be,
|
|
12
|
-
textareaInvalid: _e,
|
|
13
|
-
textareaResizeAuto: he,
|
|
14
|
-
root: pe,
|
|
15
|
-
hint: me,
|
|
16
|
-
label: xe,
|
|
17
|
-
labelHidden: ve,
|
|
18
|
-
labelDisabled: ge,
|
|
19
|
-
labelRequired: Ce,
|
|
20
|
-
feedback: Se,
|
|
21
|
-
charCount: Ie,
|
|
22
|
-
charCountAnnouncer: Re
|
|
23
|
-
}, He = ["medium", "small"], Te = ({
|
|
24
|
-
id: r,
|
|
25
|
-
label: d
|
|
26
|
-
}) => {
|
|
27
|
-
if (!r)
|
|
28
|
-
throw new Error(B("DSTextarea", 'A unique "id" prop is required. Please add a unique "id" prop to the DSTextarea component.'));
|
|
29
|
-
if (!d)
|
|
30
|
-
throw new Error(B("DSTextarea", `A label is always required for a11y reasons. Please add a descriptive "label" prop to the DSTextarea component. If you don't want to display a label, set hideLabel={true}.`));
|
|
31
|
-
}, ye = le(({
|
|
32
|
-
id: r,
|
|
33
|
-
label: d,
|
|
34
|
-
charsLimitText: M = "Character limit reached",
|
|
35
|
-
charsRemainingText: O = "Characters remaining:",
|
|
36
|
-
className: F,
|
|
37
|
-
defaultValue: X,
|
|
38
|
-
disabled: R = !1,
|
|
39
|
-
hint: x,
|
|
40
|
-
hideLabel: Z = !1,
|
|
41
|
-
invalid: s = !1,
|
|
42
|
-
maxLength: e,
|
|
43
|
-
readonly: T = !1,
|
|
44
|
-
required: y = !1,
|
|
45
|
-
resize: u = "vertical",
|
|
46
|
-
size: G = "medium",
|
|
47
|
-
systemFeedback: n,
|
|
48
|
-
value: v,
|
|
49
|
-
wrapperClassName: J,
|
|
50
|
-
onChange: A,
|
|
51
|
-
onInput: D,
|
|
52
|
-
...K
|
|
53
|
-
}, f) => {
|
|
54
|
-
process.env.NODE_ENV !== "production" && Te({
|
|
55
|
-
id: r,
|
|
56
|
-
label: d
|
|
57
|
-
});
|
|
58
|
-
const [Q, w] = l(X || ""), [i, N] = l(0), [U, E] = l(0), [W, $] = l("off"), [q, g] = l(n), [C, S] = l(s), H = v !== void 0, b = H ? v : Q, o = ce(null), Y = (a) => {
|
|
59
|
-
o.current = a, typeof f == "function" ? f(a) : f && (f.current = a);
|
|
60
|
-
}, L = de(Z);
|
|
61
|
-
m(() => {
|
|
62
|
-
if (!e || e <= 0)
|
|
63
|
-
return;
|
|
64
|
-
i >= e * 0.8 ? $("polite") : $("off");
|
|
65
|
-
const a = setTimeout(() => {
|
|
66
|
-
E(e - i || 0);
|
|
67
|
-
}, 1e3);
|
|
68
|
-
return () => clearTimeout(a);
|
|
69
|
-
}, [i]), m(() => {
|
|
70
|
-
w(b || ""), c(), e && e > 0 && (N(b.toString().length || 0), E(e - b.toString().length || 0));
|
|
71
|
-
}, [v]), m(() => {
|
|
72
|
-
s && n ? (g(n), S(s)) : !s && e && e >= 0 && i >= e ? (S(!0), g(M)) : (g(n), S(s));
|
|
73
|
-
}, [s, C, n, i]), m(() => {
|
|
74
|
-
if (u === "auto")
|
|
75
|
-
return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
|
|
76
|
-
}, [u, o.current]);
|
|
77
|
-
const ee = I(t.root, J), ae = I(t.textarea, F, {
|
|
78
|
-
// small textarea
|
|
79
|
-
[t.textareaSmall]: G === "small",
|
|
80
|
-
// invalid state
|
|
81
|
-
[t.textareaInvalid]: C,
|
|
82
|
-
// resize handling
|
|
83
|
-
[t.textareaResizeAuto]: u === "auto"
|
|
84
|
-
}), te = I(t.label, {
|
|
85
|
-
// hide label only visually to keep them available for assistive technologies
|
|
86
|
-
[t.labelHidden]: L,
|
|
87
|
-
[t.labelDisabled]: R,
|
|
88
|
-
[t.labelRequired]: y
|
|
89
|
-
}), V = `${r}-label`, k = `${r}-feedback`, P = `${r}-hint`, j = `${r}-char-count-announcer`, re = x ? ` ${P}` : "", c = () => {
|
|
90
|
-
if (o.current && u === "auto") {
|
|
91
|
-
o.current.style.height = "auto";
|
|
92
|
-
const a = z(o.current.scrollHeight), _ = z(2);
|
|
93
|
-
o.current.style.height = `${// We need to add 2px (border-top & border-bottom) to the scrollHeight to prevent the textarea
|
|
94
|
-
// from jumping as soon as the user starts typing.
|
|
95
|
-
a + _}rem`;
|
|
96
|
-
}
|
|
97
|
-
}, se = () => {
|
|
98
|
-
const a = [];
|
|
99
|
-
return e && e > 0 && a.push(j), s && n && a.push(k), a.length > 0 ? a.join(" ") : void 0;
|
|
100
|
-
}, oe = (a) => {
|
|
101
|
-
var _;
|
|
102
|
-
D && D(a), e && e > 0 && N(((_ = o.current) == null ? void 0 : _.value.length) || 0), c();
|
|
103
|
-
}, ne = (a) => {
|
|
104
|
-
A && A(a), H || w(a.target.value);
|
|
105
|
-
};
|
|
106
|
-
return /* @__PURE__ */ h("div", { className: ee, children: [
|
|
107
|
-
/* @__PURE__ */ p("label", { className: te, id: V, htmlFor: r, children: d }),
|
|
108
|
-
x && /* @__PURE__ */ p("div", { className: t.hint, id: P, children: x }),
|
|
109
|
-
C && q && /* @__PURE__ */ p(ue, { className: t.feedback, message: q, type: "invalid", id: k }),
|
|
110
|
-
/* @__PURE__ */ p(
|
|
111
|
-
"textarea",
|
|
112
|
-
{
|
|
113
|
-
className: ae,
|
|
114
|
-
id: r,
|
|
115
|
-
...K,
|
|
116
|
-
ref: Y,
|
|
117
|
-
"aria-labelledby": `${V}${re}`,
|
|
118
|
-
"aria-describedby": se(),
|
|
119
|
-
"aria-invalid": s,
|
|
120
|
-
"aria-disabled": T,
|
|
121
|
-
maxLength: e,
|
|
122
|
-
readOnly: T,
|
|
123
|
-
required: y,
|
|
124
|
-
disabled: R,
|
|
125
|
-
value: b,
|
|
126
|
-
defaultValue: void 0,
|
|
127
|
-
rows: void 0,
|
|
128
|
-
cols: void 0,
|
|
129
|
-
onChange: ne,
|
|
130
|
-
onInput: oe
|
|
131
|
-
}
|
|
132
|
-
),
|
|
133
|
-
e !== void 0 && e > 0 && /* @__PURE__ */ h(ie, { children: [
|
|
134
|
-
/* @__PURE__ */ h("div", { className: t.charCount, "aria-hidden": "true", children: [
|
|
135
|
-
i,
|
|
136
|
-
"/",
|
|
137
|
-
e
|
|
138
|
-
] }),
|
|
139
|
-
/* @__PURE__ */ h(
|
|
140
|
-
"div",
|
|
141
|
-
{
|
|
142
|
-
className: t.charCountAnnouncer,
|
|
143
|
-
id: j,
|
|
144
|
-
"aria-live": W,
|
|
145
|
-
"aria-atomic": "true",
|
|
146
|
-
children: [
|
|
147
|
-
O,
|
|
148
|
-
" ",
|
|
149
|
-
U
|
|
150
|
-
]
|
|
151
|
-
}
|
|
152
|
-
)
|
|
153
|
-
] })
|
|
154
|
-
] });
|
|
155
|
-
});
|
|
156
|
-
ye.displayName = "DSTextarea";
|
|
157
|
-
export {
|
|
158
|
-
ye as D,
|
|
159
|
-
He as T,
|
|
160
|
-
Te as v
|
|
161
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import "react/jsx-runtime";
|
|
3
|
-
import "./chunks/index.CgTHIF3K.js";
|
|
4
|
-
import "./chunks/index.CEyLAtio.js";
|
|
5
|
-
import "react";
|
|
6
|
-
import { c as l } from "./chunks/CustomReactSelect.D9B928kB.js";
|
|
7
|
-
import "./chunks/useBreakpoint.CMOR9ZOB.js";
|
|
8
|
-
import "./chunks/Icon.C0161Glk.js";
|
|
9
|
-
import "./systemfeedback.CLQCbTF6.js";
|
|
10
|
-
import "./optioncheckbox.CEEPAq0u.js";
|
|
11
|
-
export {
|
|
12
|
-
l as CustomReactSelect
|
|
13
|
-
};
|
package/input.DAneVu7p.js
DELETED
|
@@ -1,199 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as L, jsxs as Xt } from "react/jsx-runtime";
|
|
3
|
-
import { d as ee } from "./chunks/index.CgTHIF3K.js";
|
|
4
|
-
import { c as H } from "./chunks/index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as ie, useState as St, useRef as jt, useEffect as ne } from "react";
|
|
6
|
-
import { u as le } from "./chunks/useBreakpoint.CMOR9ZOB.js";
|
|
7
|
-
import { u as Vt } from "./chunks/useIsomorphicLayoutEffect.CnJ9AMFS.js";
|
|
8
|
-
import { D as zt } from "./chunks/Button.CC0qEsuR.js";
|
|
9
|
-
import { D as se } from "./chunks/Icon.C0161Glk.js";
|
|
10
|
-
import { DSSystemFeedback as ae } from "./systemfeedback.CLQCbTF6.js";
|
|
11
|
-
import { v as oe, b as de, M as ce, a as pe, s as ue, i as Mt, c as fe } from "./chunks/Input.utils.Cnnzvuk4.js";
|
|
12
|
-
import './assets/input.CuIHvnD5.css';const re = "ds-input_input_7p6p4_1", _e = "ds-input_input--small_7p6p4_9", me = "ds-input_input--invalid_7p6p4_121", be = "ds-input_input--has-leading-icon_7p6p4_179", he = "ds-input_input--has-action-button_7p6p4_182", Ie = "ds-input_input--has-affix_7p6p4_197", xe = "ds-input_input--is-ready_7p6p4_211", ye = "ds-input_root_7p6p4_218", ge = "ds-input_hint_7p6p4_227", Se = "ds-input_label_7p6p4_227", ve = "ds-input_wrapper_7p6p4_231", Ne = "ds-input_affix_7p6p4_237", De = "ds-input_affix--small_7p6p4_258", Re = "ds-input_affix--disabled_7p6p4_271", ke = "ds-input_prefix_7p6p4_279", Be = "ds-input_affix--readonly_7p6p4_282", Ce = "ds-input_suffix_7p6p4_292", Le = "ds-input_leading-icon_7p6p4_299", He = "ds-input_leading-icon--small_7p6p4_311", we = "ds-input_leading-icon--disabled_7p6p4_314", Ae = "ds-input_action-button_7p6p4_323", Fe = "ds-input_label--hidden_7p6p4_341", Pe = "ds-input_label--disabled_7p6p4_354", Ee = "ds-input_label--required_7p6p4_358", Te = "ds-input_feedback_7p6p4_379", e = {
|
|
13
|
-
input: re,
|
|
14
|
-
inputSmall: _e,
|
|
15
|
-
inputInvalid: me,
|
|
16
|
-
inputHasLeadingIcon: be,
|
|
17
|
-
inputHasActionButton: he,
|
|
18
|
-
inputHasAffix: Ie,
|
|
19
|
-
inputIsReady: xe,
|
|
20
|
-
root: ye,
|
|
21
|
-
hint: ge,
|
|
22
|
-
label: Se,
|
|
23
|
-
wrapper: ve,
|
|
24
|
-
affix: Ne,
|
|
25
|
-
affixSmall: De,
|
|
26
|
-
affixDisabled: Re,
|
|
27
|
-
prefix: ke,
|
|
28
|
-
affixReadonly: Be,
|
|
29
|
-
suffix: Ce,
|
|
30
|
-
leadingIcon: Le,
|
|
31
|
-
leadingIconSmall: He,
|
|
32
|
-
leadingIconDisabled: we,
|
|
33
|
-
actionButton: Ae,
|
|
34
|
-
labelHidden: Fe,
|
|
35
|
-
labelDisabled: Pe,
|
|
36
|
-
labelRequired: Ee,
|
|
37
|
-
feedback: Te
|
|
38
|
-
}, $e = ie((vt, A) => {
|
|
39
|
-
const t = ee.c(173);
|
|
40
|
-
let w, S, _, o, I, f, r, l, x, n, p, z, G, U, J, K, Q, Y;
|
|
41
|
-
t[0] !== vt ? ({
|
|
42
|
-
id: o,
|
|
43
|
-
label: I,
|
|
44
|
-
actionButtonProps: w,
|
|
45
|
-
className: S,
|
|
46
|
-
disabled: z,
|
|
47
|
-
hint: _,
|
|
48
|
-
hideLabel: G,
|
|
49
|
-
invalid: U,
|
|
50
|
-
leadingIconName: f,
|
|
51
|
-
leadingIconSource: r,
|
|
52
|
-
prefix: l,
|
|
53
|
-
readonly: J,
|
|
54
|
-
required: K,
|
|
55
|
-
size: Q,
|
|
56
|
-
suffix: n,
|
|
57
|
-
systemFeedback: p,
|
|
58
|
-
type: Y,
|
|
59
|
-
...x
|
|
60
|
-
} = vt, t[0] = vt, t[1] = w, t[2] = S, t[3] = _, t[4] = o, t[5] = I, t[6] = f, t[7] = r, t[8] = l, t[9] = x, t[10] = n, t[11] = p, t[12] = z, t[13] = G, t[14] = U, t[15] = J, t[16] = K, t[17] = Q, t[18] = Y) : (w = t[1], S = t[2], _ = t[3], o = t[4], I = t[5], f = t[6], r = t[7], l = t[8], x = t[9], n = t[10], p = t[11], z = t[12], G = t[13], U = t[14], J = t[15], K = t[16], Q = t[17], Y = t[18]);
|
|
61
|
-
const i = z === void 0 ? !1 : z, Gt = G === void 0 ? !1 : G, c = U === void 0 ? !1 : U, a = J === void 0 ? !1 : J, v = K === void 0 ? !1 : K, s = Q === void 0 ? "medium" : Q, d = Y === void 0 ? "text" : Y;
|
|
62
|
-
process.env.NODE_ENV !== "production" && (oe({
|
|
63
|
-
id: o,
|
|
64
|
-
label: I,
|
|
65
|
-
prefix: l,
|
|
66
|
-
suffix: n,
|
|
67
|
-
leadingIconName: f,
|
|
68
|
-
leadingIconSource: r,
|
|
69
|
-
actionButtonProps: w
|
|
70
|
-
}), de(d, x.autoComplete));
|
|
71
|
-
let F;
|
|
72
|
-
t[19] !== w ? (F = w || {}, t[19] = w, t[20] = F) : F = t[20];
|
|
73
|
-
let P, m, b, E, T;
|
|
74
|
-
t[21] !== F ? ({
|
|
75
|
-
iconName: m,
|
|
76
|
-
iconSource: b,
|
|
77
|
-
label: P,
|
|
78
|
-
onClick: E,
|
|
79
|
-
...T
|
|
80
|
-
} = F, t[21] = F, t[22] = P, t[23] = m, t[24] = b, t[25] = E, t[26] = T) : (P = t[22], m = t[23], b = t[24], E = t[25], T = t[26]);
|
|
81
|
-
const [Z, Ut] = St(!1), [Nt, Jt] = St(!1), [y, Kt] = St(!1);
|
|
82
|
-
let nt;
|
|
83
|
-
t[27] === Symbol.for("react.memo_cache_sentinel") ? (nt = {}, t[27] = nt) : nt = t[27];
|
|
84
|
-
const [tt, Qt] = St(nt), Dt = jt(null);
|
|
85
|
-
let lt;
|
|
86
|
-
t[28] !== A ? (lt = (u) => {
|
|
87
|
-
Dt.current = u, typeof A == "function" ? A(u) : A && (A.current = u);
|
|
88
|
-
}, t[28] = A, t[29] = lt) : lt = t[29];
|
|
89
|
-
const et = lt;
|
|
90
|
-
let st;
|
|
91
|
-
t[30] !== l ? (st = l == null ? void 0 : l.substring(0, ce), t[30] = l, t[31] = st) : st = t[31];
|
|
92
|
-
const Rt = st, kt = jt(null);
|
|
93
|
-
let at;
|
|
94
|
-
t[32] !== n ? (at = n == null ? void 0 : n.substring(0, pe), t[32] = n, t[33] = at) : at = t[33];
|
|
95
|
-
const Bt = at, Ct = jt(null), it = le(Gt);
|
|
96
|
-
let ot;
|
|
97
|
-
t[34] !== s ? (ot = () => {
|
|
98
|
-
const u = s === "medium" ? 16 : 8, C = {};
|
|
99
|
-
if (kt.current) {
|
|
100
|
-
const h = kt.current.offsetWidth;
|
|
101
|
-
C.paddingInlineStart = u + h + "px";
|
|
102
|
-
}
|
|
103
|
-
if (Ct.current) {
|
|
104
|
-
const h = Ct.current.offsetWidth;
|
|
105
|
-
C.paddingInlineEnd = u + h + "px";
|
|
106
|
-
}
|
|
107
|
-
Qt(C), Ut(!0);
|
|
108
|
-
}, t[34] = s, t[35] = ot) : ot = t[35];
|
|
109
|
-
let dt;
|
|
110
|
-
t[36] !== Nt || t[37] !== l || t[38] !== s || t[39] !== n ? (dt = [l, n, s, Nt], t[36] = Nt, t[37] = l, t[38] = s, t[39] = n, t[40] = dt) : dt = t[40], Vt(ot, dt);
|
|
111
|
-
let ct, pt;
|
|
112
|
-
t[41] === Symbol.for("react.memo_cache_sentinel") ? (ct = () => {
|
|
113
|
-
(async () => {
|
|
114
|
-
"fonts" in document && (await document.fonts.load('1em "STIHL Contraface Digital Text Regular"'), Jt(!0));
|
|
115
|
-
})();
|
|
116
|
-
}, pt = [], t[41] = ct, t[42] = pt) : (ct = t[41], pt = t[42]), Vt(ct, pt);
|
|
117
|
-
let ut, ft;
|
|
118
|
-
t[43] !== d ? (ut = () => {
|
|
119
|
-
const u = ue(Mt(d), fe(d));
|
|
120
|
-
Kt(u);
|
|
121
|
-
}, ft = [d], t[43] = d, t[44] = ut, t[45] = ft) : (ut = t[44], ft = t[45]), ne(ut, ft);
|
|
122
|
-
const Lt = s === "small";
|
|
123
|
-
let g, $, q, O, N, D, W, X, R, k, B;
|
|
124
|
-
if (t[46] !== S || t[47] !== i || t[48] !== Rt || t[49] !== Bt || t[50] !== et || t[51] !== it || t[52] !== _ || t[53] !== m || t[54] !== b || t[55] !== o || t[56] !== tt || t[57] !== c || t[58] !== Z || t[59] !== y || t[60] !== I || t[61] !== f || t[62] !== r || t[63] !== l || t[64] !== a || t[65] !== v || t[66] !== x || t[67] !== s || t[68] !== n || t[69] !== p || t[70] !== Lt || t[71] !== d) {
|
|
125
|
-
const u = H(e.affix, {
|
|
126
|
-
[e.affixSmall]: Lt,
|
|
127
|
-
[e.affixDisabled]: i,
|
|
128
|
-
[e.affixReadonly]: a
|
|
129
|
-
}), C = `${o}-label`, h = `${o}-feedback`, _t = `${o}-hint`, Yt = _ ? ` ${_t}` : "";
|
|
130
|
-
let mt;
|
|
131
|
-
t[83] !== c || t[84] !== p || t[85] !== h ? (mt = [c && p && h].filter(Boolean).join(" ") || void 0, t[83] = c, t[84] = p, t[85] = h, t[86] = mt) : mt = t[86];
|
|
132
|
-
const Ht = mt;
|
|
133
|
-
let bt;
|
|
134
|
-
t[87] !== S ? (bt = H(e.root, S), t[87] = S, t[88] = bt) : bt = t[88];
|
|
135
|
-
const Zt = bt, wt = s === "small", At = f || r, Ft = l || n, Pt = m || b || y;
|
|
136
|
-
let ht;
|
|
137
|
-
t[89] !== c || t[90] !== Z || t[91] !== wt || t[92] !== At || t[93] !== Ft || t[94] !== Pt ? (ht = H(e.input, {
|
|
138
|
-
[e.inputSmall]: wt,
|
|
139
|
-
[e.inputInvalid]: c,
|
|
140
|
-
[e.inputHasLeadingIcon]: At,
|
|
141
|
-
[e.inputHasAffix]: Ft,
|
|
142
|
-
[e.inputHasActionButton]: Pt,
|
|
143
|
-
[e.inputIsReady]: Z
|
|
144
|
-
}), t[89] = c, t[90] = Z, t[91] = wt, t[92] = At, t[93] = Ft, t[94] = Pt, t[95] = ht) : ht = t[95];
|
|
145
|
-
const Et = ht;
|
|
146
|
-
let It;
|
|
147
|
-
t[96] !== i || t[97] !== it || t[98] !== v ? (It = H(e.label, {
|
|
148
|
-
[e.labelHidden]: it,
|
|
149
|
-
[e.labelDisabled]: i,
|
|
150
|
-
[e.labelRequired]: v
|
|
151
|
-
}), t[96] = i, t[97] = it, t[98] = v, t[99] = It) : It = t[99];
|
|
152
|
-
const Tt = It, $t = s === "small";
|
|
153
|
-
let xt;
|
|
154
|
-
t[100] !== i || t[101] !== $t ? (xt = H(e.leadingIcon, {
|
|
155
|
-
[e.leadingIconSmall]: $t,
|
|
156
|
-
[e.leadingIconDisabled]: i
|
|
157
|
-
}), t[100] = i, t[101] = $t, t[102] = xt) : xt = t[102];
|
|
158
|
-
const qt = xt, Ot = s === "small";
|
|
159
|
-
let yt;
|
|
160
|
-
t[103] !== Ot ? (yt = H(e.actionButton, {
|
|
161
|
-
[e.actionButtonSmall]: Ot
|
|
162
|
-
}), t[103] = Ot, t[104] = yt) : yt = t[104], g = yt;
|
|
163
|
-
let gt;
|
|
164
|
-
t[105] !== i || t[106] !== a ? (gt = (te) => {
|
|
165
|
-
Dt.current && !i && !a && Dt.current.showPicker(), te.preventDefault();
|
|
166
|
-
}, t[105] = i, t[106] = a, t[107] = gt) : gt = t[107], $ = gt, X = Zt, t[108] !== o || t[109] !== C || t[110] !== I || t[111] !== Tt ? (R = /* @__PURE__ */ L("label", { className: Tt, id: C, htmlFor: o, children: I }), t[108] = o, t[109] = C, t[110] = I, t[111] = Tt, t[112] = R) : R = t[112], t[113] !== _ || t[114] !== _t ? (k = _ && /* @__PURE__ */ L("div", { className: e.hint, id: _t, children: _ }), t[113] = _, t[114] = _t, t[115] = k) : k = t[115], t[116] !== c || t[117] !== p || t[118] !== h ? (B = c && p && /* @__PURE__ */ L(ae, { className: e.feedback, message: p, type: "invalid", id: h }), t[116] = c, t[117] = p, t[118] = h, t[119] = B) : B = t[119], q = e.wrapper, O = l && /* @__PURE__ */ L("span", { className: H(u, e.prefix), ref: kt, "aria-disabled": i, children: Rt }), t[120] !== qt || t[121] !== f || t[122] !== r || t[123] !== l ? (N = !l && (f || r) && /* @__PURE__ */ L(se, { name: f, theme: "light", source: r, className: qt, "aria-hidden": "true" }), t[120] = qt, t[121] = f, t[122] = r, t[123] = l, t[124] = N) : N = t[124];
|
|
167
|
-
const Wt = `${C}${Yt}`;
|
|
168
|
-
t[125] !== Ht || t[126] !== i || t[127] !== et || t[128] !== o || t[129] !== Et || t[130] !== tt || t[131] !== c || t[132] !== a || t[133] !== v || t[134] !== x || t[135] !== Wt || t[136] !== d ? (D = /* @__PURE__ */ L("input", { type: d, className: Et, id: o, ...x, ref: et, style: tt, "aria-labelledby": Wt, "aria-describedby": Ht, "aria-invalid": c, "aria-disabled": a, readOnly: a, required: v, disabled: i }), t[125] = Ht, t[126] = i, t[127] = et, t[128] = o, t[129] = Et, t[130] = tt, t[131] = c, t[132] = a, t[133] = v, t[134] = x, t[135] = Wt, t[136] = d, t[137] = D) : D = t[137], W = n && /* @__PURE__ */ L("span", { className: H(u, e.suffix), ref: Ct, "aria-disabled": i, children: Bt }), t[46] = S, t[47] = i, t[48] = Rt, t[49] = Bt, t[50] = et, t[51] = it, t[52] = _, t[53] = m, t[54] = b, t[55] = o, t[56] = tt, t[57] = c, t[58] = Z, t[59] = y, t[60] = I, t[61] = f, t[62] = r, t[63] = l, t[64] = a, t[65] = v, t[66] = x, t[67] = s, t[68] = n, t[69] = p, t[70] = Lt, t[71] = d, t[72] = g, t[73] = $, t[74] = q, t[75] = O, t[76] = N, t[77] = D, t[78] = W, t[79] = X, t[80] = R, t[81] = k, t[82] = B;
|
|
169
|
-
} else
|
|
170
|
-
g = t[72], $ = t[73], q = t[74], O = t[75], N = t[76], D = t[77], W = t[78], X = t[79], R = t[80], k = t[81], B = t[82];
|
|
171
|
-
let j;
|
|
172
|
-
t[138] !== g || t[139] !== P || t[140] !== i || t[141] !== m || t[142] !== b || t[143] !== y || t[144] !== E || t[145] !== a || t[146] !== T || t[147] !== s || t[148] !== n ? (j = !n && !y && (m || b) && /* @__PURE__ */ L(zt, { ...T, hideLabel: !0, theme: "light", iconName: m, iconSource: b, variant: "ghost", className: g, size: s, onClick: E, type: "button", disabled: i || a, children: P }), t[138] = g, t[139] = P, t[140] = i, t[141] = m, t[142] = b, t[143] = y, t[144] = E, t[145] = a, t[146] = T, t[147] = s, t[148] = n, t[149] = j) : j = t[149];
|
|
173
|
-
let M;
|
|
174
|
-
t[150] !== g || t[151] !== i || t[152] !== $ || t[153] !== y || t[154] !== a || t[155] !== s || t[156] !== n || t[157] !== d ? (M = !n && y && !a && !i && /* @__PURE__ */ Xt(zt, { hideLabel: !0, theme: "light", iconName: Mt(d) ? "calendar" : "clock", variant: "ghost", className: g, size: s, onClick: $, type: "button", children: [
|
|
175
|
-
"Open ",
|
|
176
|
-
Mt(d) ? "date" : "time",
|
|
177
|
-
" picker"
|
|
178
|
-
] }), t[150] = g, t[151] = i, t[152] = $, t[153] = y, t[154] = a, t[155] = s, t[156] = n, t[157] = d, t[158] = M) : M = t[158];
|
|
179
|
-
let V;
|
|
180
|
-
t[159] !== q || t[160] !== O || t[161] !== N || t[162] !== D || t[163] !== W || t[164] !== j || t[165] !== M ? (V = /* @__PURE__ */ Xt("div", { className: q, children: [
|
|
181
|
-
O,
|
|
182
|
-
N,
|
|
183
|
-
D,
|
|
184
|
-
W,
|
|
185
|
-
j,
|
|
186
|
-
M
|
|
187
|
-
] }), t[159] = q, t[160] = O, t[161] = N, t[162] = D, t[163] = W, t[164] = j, t[165] = M, t[166] = V) : V = t[166];
|
|
188
|
-
let rt;
|
|
189
|
-
return t[167] !== X || t[168] !== R || t[169] !== k || t[170] !== B || t[171] !== V ? (rt = /* @__PURE__ */ Xt("div", { className: X, children: [
|
|
190
|
-
R,
|
|
191
|
-
k,
|
|
192
|
-
B,
|
|
193
|
-
V
|
|
194
|
-
] }), t[167] = X, t[168] = R, t[169] = k, t[170] = B, t[171] = V, t[172] = rt) : rt = t[172], rt;
|
|
195
|
-
});
|
|
196
|
-
$e.displayName = "DSInput";
|
|
197
|
-
export {
|
|
198
|
-
$e as DSInput
|
|
199
|
-
};
|
package/radio.z-Mi3J6t.js
DELETED
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as B, jsxs as ce } from "react/jsx-runtime";
|
|
3
|
-
import { d as pe } from "./chunks/index.CgTHIF3K.js";
|
|
4
|
-
import { c as E } from "./chunks/index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as Ce, useRef as he, useState as we, useEffect as ye } from "react";
|
|
6
|
-
import { u as ke } from "./chunks/useBreakpoint.CMOR9ZOB.js";
|
|
7
|
-
import './assets/radio.ipbv7OMF.css';const ue = (D) => D.replace(/\s+/g, ""), He = "ds-radio_root_12vrw_1", ge = "ds-radio_root--disabled_12vrw_24", Ne = "ds-radio_root--with-custom-area_12vrw_27", We = "ds-radio_root--with-custom-area--above_12vrw_30", Be = "ds-radio_radio_12vrw_36", De = "ds-radio_dot_12vrw_54", xe = "ds-radio_radio--invalid_12vrw_78", Se = "ds-radio_label_12vrw_83", Ue = "ds-radio_label--bold_12vrw_100", Ie = "ds-radio_label--hidden_12vrw_111", Ve = "ds-radio_label--with-custom-area_12vrw_123", $e = "ds-radio_custom-area_12vrw_127", je = "ds-radio_custom-area--above_12vrw_135", Le = "ds-radio_hint_12vrw_141", Ee = "ds-radio_hint--visible_12vrw_165", Oe = "ds-radio_hint--unchecked-hidden_12vrw_169", Pe = "ds-radio_hint--hidden_12vrw_173", Re = "ds-radio_input_12vrw_186", t = {
|
|
8
|
-
root: He,
|
|
9
|
-
rootDisabled: ge,
|
|
10
|
-
rootWithCustomArea: Ne,
|
|
11
|
-
rootWithCustomAreaAbove: We,
|
|
12
|
-
radio: Be,
|
|
13
|
-
dot: De,
|
|
14
|
-
radioInvalid: xe,
|
|
15
|
-
label: Se,
|
|
16
|
-
labelBold: Ue,
|
|
17
|
-
labelHidden: Ie,
|
|
18
|
-
labelWithCustomArea: Ve,
|
|
19
|
-
customArea: $e,
|
|
20
|
-
customAreaAbove: je,
|
|
21
|
-
hint: Le,
|
|
22
|
-
hintVisible: Ee,
|
|
23
|
-
hintUncheckedHidden: Oe,
|
|
24
|
-
hintHidden: Pe,
|
|
25
|
-
input: Re
|
|
26
|
-
}, qe = Ce((D, m) => {
|
|
27
|
-
const e = pe.c(87);
|
|
28
|
-
let x, b, o, n, i, d, c, h, v, S, U, I, V, $, j, L, u;
|
|
29
|
-
e[0] !== D ? ({
|
|
30
|
-
label: d,
|
|
31
|
-
name: c,
|
|
32
|
-
value: u,
|
|
33
|
-
checked: x,
|
|
34
|
-
className: b,
|
|
35
|
-
customArea: o,
|
|
36
|
-
isCustomAreaAbove: S,
|
|
37
|
-
defaultChecked: U,
|
|
38
|
-
disabled: I,
|
|
39
|
-
fieldsetId: n,
|
|
40
|
-
hideLabel: V,
|
|
41
|
-
hint: i,
|
|
42
|
-
invalid: $,
|
|
43
|
-
isBold: j,
|
|
44
|
-
hideUncheckedHint: L,
|
|
45
|
-
onChange: h,
|
|
46
|
-
...v
|
|
47
|
-
} = D, e[0] = D, e[1] = x, e[2] = b, e[3] = o, e[4] = n, e[5] = i, e[6] = d, e[7] = c, e[8] = h, e[9] = v, e[10] = S, e[11] = U, e[12] = I, e[13] = V, e[14] = $, e[15] = j, e[16] = L, e[17] = u) : (x = e[1], b = e[2], o = e[3], n = e[4], i = e[5], d = e[6], c = e[7], h = e[8], v = e[9], S = e[10], U = e[11], I = e[12], V = e[13], $ = e[14], j = e[15], L = e[16], u = e[17]);
|
|
48
|
-
const _ = S === void 0 ? !1 : S, _e = U === void 0 ? !1 : U, r = I === void 0 ? !1 : I, fe = V === void 0 ? !1 : V, A = $ === void 0 ? !1 : $, Y = j === void 0 ? !1 : j, l = L === void 0 ? !1 : L, me = he(null), a = he(null), [be, ve] = we(_e), O = x !== void 0, s = O ? x : be;
|
|
49
|
-
let P;
|
|
50
|
-
e[18] !== s || e[19] !== l ? (P = () => {
|
|
51
|
-
a.current && l && ((a.current.style.height === "0px" || a.current.style.height === "") && s ? (a.current.style.height = `${a.current.scrollHeight}px`, a.current.style.opacity = "1") : s || (a.current.style.opacity = "0", a.current.style.height = "0px"));
|
|
52
|
-
}, e[18] = s, e[19] = l, e[20] = P) : P = e[20];
|
|
53
|
-
let R;
|
|
54
|
-
e[21] !== s ? (R = [a, s], e[21] = s, e[22] = R) : R = e[22], ye(P, R);
|
|
55
|
-
const p = ke(fe), Z = !!o, ee = !!o && _;
|
|
56
|
-
let q;
|
|
57
|
-
e[23] !== b || e[24] !== r || e[25] !== Z || e[26] !== ee ? (q = E(t.root, {
|
|
58
|
-
[t.rootDisabled]: r,
|
|
59
|
-
[t.rootWithCustomArea]: Z,
|
|
60
|
-
[t.rootWithCustomAreaAbove]: ee
|
|
61
|
-
}, b), e[23] = b, e[24] = r, e[25] = Z, e[26] = ee, e[27] = q) : q = e[27];
|
|
62
|
-
const te = q, oe = !!o;
|
|
63
|
-
let z;
|
|
64
|
-
e[28] !== p || e[29] !== Y || e[30] !== oe ? (z = E(t.label, {
|
|
65
|
-
[t.labelBold]: Y,
|
|
66
|
-
[t.labelHidden]: p,
|
|
67
|
-
[t.labelWithCustomArea]: oe
|
|
68
|
-
}), e[28] = p, e[29] = Y, e[30] = oe, e[31] = z) : z = e[31];
|
|
69
|
-
const se = z;
|
|
70
|
-
let F;
|
|
71
|
-
e[32] !== s || e[33] !== l || e[34] !== i ? (F = () => !l && i ? !0 : !!(l && i && s), e[32] = s, e[33] = l, e[34] = i, e[35] = F) : F = e[35];
|
|
72
|
-
const ie = F;
|
|
73
|
-
let G;
|
|
74
|
-
e[36] !== p || e[37] !== l || e[38] !== ie ? (G = E(t.hint, {
|
|
75
|
-
[t.hintHidden]: p,
|
|
76
|
-
[t.hintUncheckedHidden]: l,
|
|
77
|
-
[t.hintVisible]: ie()
|
|
78
|
-
}), e[36] = p, e[37] = l, e[38] = ie, e[39] = G) : G = e[39];
|
|
79
|
-
const le = G;
|
|
80
|
-
let J;
|
|
81
|
-
e[40] !== A ? (J = E(t.radio, {
|
|
82
|
-
[t.radioInvalid]: A
|
|
83
|
-
}), e[40] = A, e[41] = J) : J = e[41];
|
|
84
|
-
const ae = J;
|
|
85
|
-
let K;
|
|
86
|
-
e[42] === Symbol.for("react.memo_cache_sentinel") ? (K = E(t.customArea, t.customAreaAbove), e[42] = K) : K = e[42];
|
|
87
|
-
const Ae = K;
|
|
88
|
-
let M;
|
|
89
|
-
e[43] !== r || e[44] !== O || e[45] !== h ? (M = (f) => {
|
|
90
|
-
if (r) {
|
|
91
|
-
f.preventDefault();
|
|
92
|
-
return;
|
|
93
|
-
}
|
|
94
|
-
O || ve(f.target.checked), h && h(f);
|
|
95
|
-
}, e[43] = r, e[44] = O, e[45] = h, e[46] = M) : M = e[46];
|
|
96
|
-
const re = M, C = i ? `${ue(c)}-${ue(u)}-description` : void 0;
|
|
97
|
-
let Q;
|
|
98
|
-
e[47] !== C || e[48] !== n || e[49] !== A ? (Q = [A && n && `${n}-feedback`, C].filter(Boolean).join(" ") || void 0, e[47] = C, e[48] = n, e[49] = A, e[50] = Q) : Q = e[50];
|
|
99
|
-
const de = Q;
|
|
100
|
-
let w;
|
|
101
|
-
e[51] !== m ? (w = (f) => {
|
|
102
|
-
typeof m == "function" ? m(f) : m !== null && (m.current = f), me.current = f;
|
|
103
|
-
}, e[51] = m, e[52] = w) : w = e[52];
|
|
104
|
-
const ne = typeof d == "string" ? d : void 0;
|
|
105
|
-
let y;
|
|
106
|
-
e[53] !== de || e[54] !== s || e[55] !== r || e[56] !== re || e[57] !== c || e[58] !== v || e[59] !== w || e[60] !== ne || e[61] !== u ? (y = /* @__PURE__ */ B("input", { type: "radio", value: u, name: c, className: t.input, ref: w, onChange: re, ...v, disabled: r, checked: s, "aria-label": ne, "aria-describedby": de }), e[53] = de, e[54] = s, e[55] = r, e[56] = re, e[57] = c, e[58] = v, e[59] = w, e[60] = ne, e[61] = u, e[62] = y) : y = e[62];
|
|
107
|
-
let T;
|
|
108
|
-
e[63] === Symbol.for("react.memo_cache_sentinel") ? (T = /* @__PURE__ */ B("div", { className: t.dot }), e[63] = T) : T = e[63];
|
|
109
|
-
let k;
|
|
110
|
-
e[64] !== ae ? (k = /* @__PURE__ */ B("span", { className: ae, children: T }), e[64] = ae, e[65] = k) : k = e[65];
|
|
111
|
-
let H;
|
|
112
|
-
e[66] !== o || e[67] !== _ ? (H = o && _ && /* @__PURE__ */ B("div", { className: Ae, children: o }), e[66] = o, e[67] = _, e[68] = H) : H = e[68];
|
|
113
|
-
let g;
|
|
114
|
-
e[69] !== o || e[70] !== _ ? (g = o && !_ && /* @__PURE__ */ B("div", { className: t.customArea, children: o }), e[69] = o, e[70] = _, e[71] = g) : g = e[71];
|
|
115
|
-
let N;
|
|
116
|
-
e[72] !== C || e[73] !== i || e[74] !== le ? (N = /* @__PURE__ */ B("span", { id: C, className: le, ref: a, children: i }), e[72] = C, e[73] = i, e[74] = le, e[75] = N) : N = e[75];
|
|
117
|
-
let W;
|
|
118
|
-
e[76] !== d || e[77] !== se || e[78] !== g || e[79] !== N ? (W = /* @__PURE__ */ ce("span", { className: se, children: [
|
|
119
|
-
d,
|
|
120
|
-
g,
|
|
121
|
-
N
|
|
122
|
-
] }), e[76] = d, e[77] = se, e[78] = g, e[79] = N, e[80] = W) : W = e[80];
|
|
123
|
-
let X;
|
|
124
|
-
return e[81] !== te || e[82] !== y || e[83] !== k || e[84] !== H || e[85] !== W ? (X = /* @__PURE__ */ ce("label", { className: te, children: [
|
|
125
|
-
y,
|
|
126
|
-
k,
|
|
127
|
-
H,
|
|
128
|
-
W
|
|
129
|
-
] }), e[81] = te, e[82] = y, e[83] = k, e[84] = H, e[85] = W, e[86] = X) : X = e[86], X;
|
|
130
|
-
});
|
|
131
|
-
qe.displayName = "DSRadio";
|
|
132
|
-
export {
|
|
133
|
-
qe as DSRadio
|
|
134
|
-
};
|