@stihl-design-system/components 1.0.0-RC.31 → 1.0.0-RC.32
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.DkwtJy--.js → accordion.HfUSDwQJ.js} +2 -2
- package/{actionlink.C7HzeIVa.js → actionbutton.kgd0E_xF.js} +4 -3
- package/{actionbutton.u1qp8oGC.js → actionlink.CwC42RWc.js} +4 -3
- package/assets/CustomReactSelect.DGIItWIh.css +1 -0
- package/assets/InputStepper.DvFJk1Mi.css +1 -0
- package/assets/Popover.CXyUaXiO.css +1 -0
- package/assets/Select.C1gWF32A.css +1 -0
- package/assets/Slider.Bidyhb-B.css +1 -0
- package/assets/Textarea.Dq4rH9Tg.css +1 -0
- package/assets/input.CUjGh-UM.css +1 -0
- package/assets/logo100years.CQrEg-Vo.css +1 -0
- package/assets/tooltip.Co1gWF_0.css +1 -0
- package/{banner.j9YpudOS.js → banner.o4Etkjjo.js} +1 -1
- package/{breadcrumb.BS-S3zUI.js → breadcrumb.BsQm0kUD.js} +3 -3
- package/{linkbutton.D2C4vykc.js → button.Dyy6ajX6.js} +5 -3
- package/buttonround.ChKWHzsv.js +96 -0
- package/{checkbox.BtlUvs0z.js → checkbox.BNnp4ztM.js} +3 -3
- package/{checkboxgroup.C5NgyyQF.js → checkboxgroup.BTVnKenc.js} +2 -2
- package/{chip.tVIG1ysH.js → chip.C7NstOHt.js} +4 -3
- package/chipgroup.Zo1-IOCn.js +210 -0
- package/chunks/{Accordion.C5V5IcM-.js → Accordion.CnqryAUu.js} +1 -1
- package/chunks/ActionButton.DdDesD7K.js +180 -0
- package/chunks/ActionLink.DqAsPYda.js +153 -0
- package/chunks/{Breadcrumb.BGzwzvh8.js → Breadcrumb.9KinNuyQ.js} +2 -2
- package/chunks/Button.Cf1CKq8N.js +142 -0
- package/chunks/{Checkbox.DxV7-F5W.js → Checkbox.CiwriItT.js} +2 -2
- package/chunks/{CheckboxGroup.Dy_6tiGk.js → CheckboxGroup.Cj68J6Ee.js} +2 -2
- package/chunks/Chip.BrbYu6i_.js +133 -0
- package/chunks/{CustomReactSelect.iE5iTdez.js → CustomReactSelect.Cqq70QC0.js} +152 -144
- package/chunks/{Dialog.B_2pKRnd.js → Dialog.Bv7k55He.js} +1 -1
- package/chunks/{Drawer.HFlBTcqN.js → Drawer.BVTvx276.js} +1 -1
- package/chunks/{Fieldset.CjIfmN_5.js → Fieldset.D7cLR5ze.js} +1 -1
- package/chunks/Header.um5MlziB.js +377 -0
- package/chunks/Icon.NSsVrYeq.js +231 -0
- package/chunks/{InputFile.DvOatDzg.js → InputFile.bVWWdePn.js} +4 -4
- package/chunks/{InputPassword.DC2POUc1.js → InputPassword.Da3hEKTc.js} +2 -2
- package/chunks/{InputSearch.B0aCuPRZ.js → InputSearch.GOYqFCcZ.js} +2 -2
- package/chunks/InputStepper.BuhPtfl-.js +268 -0
- package/chunks/LinkButton.59oNDwPU.js +132 -0
- package/chunks/MegaMenu._o3nNDAa.js +192 -0
- package/chunks/{NavigationTabList.dYFYTmWv.js → NavigationTabList.DuT7gzhj.js} +1 -1
- package/chunks/{NavigationTabs.ClpVGcl0.js → NavigationTabs.DspPFHPh.js} +1 -1
- package/chunks/{Notification.DIdIhGTQ.js → Notification.Pts2oh0R.js} +2 -2
- package/chunks/Popover.BRR8YZ-P.js +228 -0
- package/chunks/{RadioGroup.peTeMK45.js → RadioGroup.DeTz3c19.js} +1 -1
- package/chunks/Select.D2ehd4yN.js +162 -0
- package/chunks/{Slider.kyVr7BLk.js → Slider.84lkgq3W.js} +85 -85
- package/chunks/{SystemFeedback.B9f67mjJ.js → SystemFeedback.CyGbUCzT.js} +1 -1
- package/chunks/{Tabs.CkVL8Jw8.js → Tabs.C8ADTzJ0.js} +1 -1
- package/chunks/Textarea.Cw85sxHL.js +163 -0
- package/chunks/{Toast.DHo4pLH3.js → Toast.DG3WVvau.js} +2 -2
- package/chunks/battery-charge-0.DxlgEAto.js +10 -0
- package/chunks/battery-charge-100.D0Cax7dU.js +10 -0
- package/chunks/{battery.YCg9lYqC.js → battery.6Idoickg.js} +3 -3
- package/chunks/bluetooth-off.BzZCh4Q8.js +10 -0
- package/chunks/document-s.CoOp0kBK.js +10 -0
- package/chunks/floating-ui.dom.VgHc0h4l.js +989 -0
- package/chunks/floating-ui.react.DCyAzlZ4.js +2011 -0
- package/{combobox.Bk2ycofh.js → combobox.orZ3z8CB.js} +1 -1
- package/components/ActionButton/ActionButton.d.ts +2 -0
- package/components/Button/Button.d.ts +4 -0
- package/components/ChipGroup/Chip.d.ts +1 -0
- package/components/ChipGroup/ChipGroup.d.ts +4 -0
- package/components/ChipGroup/ChipGroup.utils.d.ts +9 -9
- package/components/Header/Header.d.ts +4 -5
- package/components/InputStepper/InputStepper.d.ts +6 -0
- package/components/InputStepper/InputStepper.utils.d.ts +1 -0
- package/components/LinkButton/LinkButton.d.ts +2 -0
- package/components/Logo100Years/Logo100Years.d.ts +1 -0
- package/components/Popover/Popover.d.ts +29 -7
- package/components/Popover/Popover.utils.d.ts +34 -3
- package/components/Tooltip/Tooltip.d.ts +40 -0
- package/components/Tooltip/Tooltip.test.d.ts +1 -0
- package/components/Tooltip/Tooltip.utils.d.ts +70 -0
- package/components/Tooltip/Tooltip.utils.test.d.ts +1 -0
- package/components/TopBar/TopBar.d.ts +4 -4
- package/components/TopBar/TopBar.utils.d.ts +1 -1
- package/{customreactselect.Hnch9LGg.js → customreactselect.Np-RpzvU.js} +4 -4
- package/{dialog.7sWoqGwL.js → dialog.D4rcbW6A.js} +2 -2
- package/{drawer.DsF4KIPn.js → drawer.BCCB3Rkj.js} +2 -2
- package/{fieldset.DUFUMcT-.js → fieldset.ZLs9IGpE.js} +2 -2
- package/{filelist.nunJKxkv.js → filelist.BiKMKCyg.js} +3 -3
- package/{flag.D_iN8iD6.js → flag.72PONA83.js} +1 -1
- package/floatingactionbutton.B2YChsNU.js +87 -0
- package/{header.QpNjE3N-.js → header.DUbn3BZt.js} +1 -1
- package/{icon.vMQcEBnH.js → icon.CHVAZr5T.js} +1 -1
- package/index.es.js +112 -111
- package/input.DG20x6gh.js +203 -0
- package/{inputfile.DK8759wV.js → inputfile.Dc56lQ4t.js} +5 -5
- package/{inputpassword.rV_ZZw5F.js → inputpassword.znFHRLsI.js} +3 -3
- package/{inputsearch.CmhakTpa.js → inputsearch.B1G6rfVk.js} +3 -3
- package/{inputstepper.Y-YzUHhF.js → inputstepper.o6rdM_CW.js} +3 -3
- package/link.DbnvsD3j.js +81 -0
- package/{button.CPilCCUI.js → linkbutton.DU8Ih8ZF.js} +4 -4
- package/logo100years.BcB6_c-o.js +24 -0
- package/logo100years.d.ts +2 -0
- package/{megamenu.CdHrEeoh.js → megamenu.CPH8EeFF.js} +3 -3
- package/{navigationtablist.CVjh1k-b.js → navigationtablist.C0iwsAad.js} +2 -2
- package/{navigationtabs.BGfi9AG2.js → navigationtabs.JjJtbuUe.js} +2 -2
- package/{notification.Dn-FZWEL.js → notification.Ds_Q7ifk.js} +3 -3
- package/{optioncheckbox.D97W3zeW.js → optioncheckbox.DqfXuPdi.js} +1 -1
- package/package.json +2 -3
- package/partials/index.js +14 -14
- package/{popover.DXxm1oWI.js → popover.B72W0OvU.js} +4 -3
- package/{radiogroup.J8WpEEo8.js → radiogroup.C_3IcNBq.js} +2 -2
- package/{scroller.BiRLQg__.js → scroller.CQxmQU6U.js} +1 -1
- package/{select.DIzGPVx3.js → select.Ceyt-zvu.js} +3 -3
- package/{skiptocontent._F-d8y5b.js → skiptocontent.BSCde5hT.js} +1 -1
- package/{slider.DuJK0RdB.js → slider.Dq2dcziy.js} +2 -2
- package/{spinner.Dht6FspZ.js → spinner.BUjhjAvw.js} +1 -1
- package/{switch.B37S4vfP.js → switch.D7BCfyyZ.js} +2 -2
- package/{systemfeedback.C_2PhwKe.js → systemfeedback.CSdWOWuf.js} +2 -2
- package/{tablist.g_Nwu6GA.js → tablist.V7DBklhE.js} +3 -3
- package/{tabs.oh9-wHPp.js → tabs.DQNLPAEN.js} +2 -2
- package/{textarea.dQ12-oYB.js → textarea.CixKeQBp.js} +2 -2
- package/{toast.sMNbfKxi.js → toast.D8QprMCa.js} +3 -3
- package/{toastmanager.CVamaS5T.js → toastmanager.BSVjYsg9.js} +1 -1
- package/tooltip.CUCSRXd3.js +191 -0
- package/tooltip.d.ts +2 -0
- package/{topbar.Dhy_TL0U.js → topbar.CVhJy-Br.js} +3 -2
- package/types/icon-types.d.ts +1 -1
- package/types/prettier-plugin-organize-imports.d.ts +1 -0
- package/assets/CustomReactSelect.D0b1Hg1T.css +0 -1
- package/assets/InputStepper.Dth4qZN_.css +0 -1
- package/assets/Popover.BDTDsPAt.css +0 -1
- package/assets/Select.CYACicZ3.css +0 -1
- package/assets/Slider.DzwSjDPV.css +0 -1
- package/assets/Textarea.BXWhXpXx.css +0 -1
- package/assets/input.ONbL-_C1.css +0 -1
- package/buttonround.C426mO4d.js +0 -81
- package/chipgroup.CjIK0Z0x.js +0 -209
- package/chunks/ActionButton.B8zFwOrJ.js +0 -165
- package/chunks/ActionLink.IX6oRXU3.js +0 -138
- package/chunks/Button.B7xF1E19.js +0 -127
- package/chunks/Chip.31UfPwQF.js +0 -119
- package/chunks/Header.DqZRryB5.js +0 -366
- package/chunks/Icon.DGTYCv63.js +0 -231
- package/chunks/InputStepper.D_1YqlWl.js +0 -263
- package/chunks/LinkButton.DdTspmJz.js +0 -117
- package/chunks/MegaMenu.BY7eOnhj.js +0 -189
- package/chunks/Popover.NGetxKGg.js +0 -159
- package/chunks/Select.BDHLJ2ma.js +0 -162
- package/chunks/Textarea.ORkJUx-S.js +0 -163
- package/chunks/floating-ui.dom.C9TD1WpB.js +0 -950
- package/chunks/floating-ui.react.x0F9CYgn.js +0 -1637
- package/floatingactionbutton.DOH2k0gv.js +0 -72
- package/input.BKHOY118.js +0 -203
- package/link.D_FjTyoZ.js +0 -66
|
@@ -1,189 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as b, jsxs as Q } from "react/jsx-runtime";
|
|
3
|
-
import { d as I } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { isValidElement as G, useState as W, createContext as X, forwardRef as H, cloneElement as Y, useContext as q } from "react";
|
|
5
|
-
import { u as Z, a as A, b as B, c as R, d as ee, o as te, e as z, f as ne, F as se, g as oe, h as le } from "./floating-ui.react.x0F9CYgn.js";
|
|
6
|
-
import { c as j } from "./index.CEyLAtio.js";
|
|
7
|
-
import { g as P, c as T } from "./helpers.BbWkXTr3.js";
|
|
8
|
-
import { D as ce } from "./Header.DqZRryB5.js";
|
|
9
|
-
import { a as ae } from "./floating-ui.dom.C9TD1WpB.js";
|
|
10
|
-
import '../assets/MegaMenu.DX9gChtY.css';const re = "ds-mega-menu_root_11fw1_1", ie = "ds-mega-menu_content_11fw1_109", ue = "ds-mega-menu_content--variant-full_11fw1_134", de = "ds-mega-menu_backdrop_11fw1_139", V = {
|
|
11
|
-
root: re,
|
|
12
|
-
content: ie,
|
|
13
|
-
contentVariantFull: ue,
|
|
14
|
-
backdrop: de
|
|
15
|
-
}, fe = 9, me = (s) => {
|
|
16
|
-
const t = I.c(17);
|
|
17
|
-
let e;
|
|
18
|
-
t[0] !== s ? (e = s === void 0 ? {} : s, t[0] = s, t[1] = e) : e = t[1];
|
|
19
|
-
const {
|
|
20
|
-
initialOpen: n,
|
|
21
|
-
isOpen: o,
|
|
22
|
-
onOpenChange: c
|
|
23
|
-
} = e, m = n === void 0 ? !1 : n, [a, l] = W(m), d = o ?? a, r = c ?? l;
|
|
24
|
-
let i;
|
|
25
|
-
t[2] === Symbol.for("react.memo_cache_sentinel") ? (i = [te(fe)], t[2] = i) : i = t[2];
|
|
26
|
-
let u;
|
|
27
|
-
t[3] !== d || t[4] !== r ? (u = {
|
|
28
|
-
placement: "bottom-start",
|
|
29
|
-
open: d,
|
|
30
|
-
onOpenChange: r,
|
|
31
|
-
whileElementsMounted: ae,
|
|
32
|
-
strategy: "absolute",
|
|
33
|
-
transform: !1,
|
|
34
|
-
middleware: i
|
|
35
|
-
}, t[3] = d, t[4] = r, t[5] = u) : u = t[5];
|
|
36
|
-
const g = Z(u), _ = g.context;
|
|
37
|
-
let h;
|
|
38
|
-
t[6] === Symbol.for("react.memo_cache_sentinel") ? (h = {
|
|
39
|
-
enabled: !0
|
|
40
|
-
}, t[6] = h) : h = t[6];
|
|
41
|
-
const k = A(_, h), f = B(_);
|
|
42
|
-
let p;
|
|
43
|
-
t[7] === Symbol.for("react.memo_cache_sentinel") ? (p = {
|
|
44
|
-
role: "menu"
|
|
45
|
-
}, t[7] = p) : p = t[7];
|
|
46
|
-
const C = R(_, p);
|
|
47
|
-
let S;
|
|
48
|
-
t[8] !== k || t[9] !== f || t[10] !== C ? (S = [k, f, C], t[8] = k, t[9] = f, t[10] = C, t[11] = S) : S = t[11];
|
|
49
|
-
const D = ee(S);
|
|
50
|
-
let E, M;
|
|
51
|
-
return t[12] !== g || t[13] !== D || t[14] !== d || t[15] !== r ? (M = {
|
|
52
|
-
open: d,
|
|
53
|
-
setOpen: r,
|
|
54
|
-
...D,
|
|
55
|
-
...g
|
|
56
|
-
}, t[12] = g, t[13] = D, t[14] = d, t[15] = r, t[16] = M) : M = t[16], E = M, E;
|
|
57
|
-
}, Me = (s) => {
|
|
58
|
-
if (!G(s))
|
|
59
|
-
throw new Error(P("DSMegaMenu", "DSMegaMenu.Anchor child must be a valid React element."));
|
|
60
|
-
}, ge = ({
|
|
61
|
-
hasContent: s,
|
|
62
|
-
hasAnchor: t
|
|
63
|
-
}) => {
|
|
64
|
-
if (!s)
|
|
65
|
-
throw new Error(P("DSMegaMenu", "A DSMegaMenu must have a <DSMegaMenu.Content> component as a child. Please add it to the children of DSMegaMenu."));
|
|
66
|
-
if (!t)
|
|
67
|
-
throw new Error(P("DSMegaMenu", "A DSMegaMenu must have a <DSMegaMenu.Anchor> component as a child. Please add it to the children of DSMegaMenu."));
|
|
68
|
-
}, J = X(null), K = () => {
|
|
69
|
-
const s = q(J);
|
|
70
|
-
if (s == null)
|
|
71
|
-
throw new Error(P("DSMegaMenu", "Components like DSMegaMenu.Anchor or DSMegaMenu.Content must be wrapped in <DSMegaMenu />."));
|
|
72
|
-
return s;
|
|
73
|
-
}, $ = (s) => {
|
|
74
|
-
const t = I.c(9);
|
|
75
|
-
let e, n;
|
|
76
|
-
t[0] !== s ? ({
|
|
77
|
-
children: e,
|
|
78
|
-
...n
|
|
79
|
-
} = s, t[0] = s, t[1] = e, t[2] = n) : (e = t[1], n = t[2]);
|
|
80
|
-
let o;
|
|
81
|
-
t[3] !== n ? (o = {
|
|
82
|
-
...n
|
|
83
|
-
}, t[3] = n, t[4] = o) : o = t[4];
|
|
84
|
-
const c = me(o), m = T(e, $.Content), a = T(e, U);
|
|
85
|
-
process.env.NODE_ENV !== "production" && ge({
|
|
86
|
-
hasContent: m,
|
|
87
|
-
hasAnchor: a
|
|
88
|
-
});
|
|
89
|
-
let l;
|
|
90
|
-
return t[5] !== e || t[6] !== c || t[7] !== n ? (l = /* @__PURE__ */ b(J.Provider, { value: c, ...n, children: e }), t[5] = e, t[6] = c, t[7] = n, t[8] = l) : l = t[8], l;
|
|
91
|
-
}, U = H((s, t) => {
|
|
92
|
-
const e = I.c(12);
|
|
93
|
-
let n, o;
|
|
94
|
-
e[0] !== s ? ({
|
|
95
|
-
children: n,
|
|
96
|
-
...o
|
|
97
|
-
} = s, e[0] = s, e[1] = n, e[2] = o) : (n = e[1], o = e[2]), process.env.NODE_ENV !== "production" && Me(n);
|
|
98
|
-
const c = K(), m = n.ref;
|
|
99
|
-
let a;
|
|
100
|
-
e[3] !== m || e[4] !== c.refs.setReference || e[5] !== t ? (a = [c.refs.setReference, t, m], e[3] = m, e[4] = c.refs.setReference, e[5] = t, e[6] = a) : a = e[6];
|
|
101
|
-
const l = z(a);
|
|
102
|
-
if (G(n)) {
|
|
103
|
-
let d;
|
|
104
|
-
return e[7] !== n || e[8] !== c || e[9] !== o || e[10] !== l ? (d = Y(n, c.getReferenceProps({
|
|
105
|
-
ref: l,
|
|
106
|
-
...o,
|
|
107
|
-
...n.props,
|
|
108
|
-
"data-state": c.open ? "open" : "closed"
|
|
109
|
-
})), e[7] = n, e[8] = c, e[9] = o, e[10] = l, e[11] = d) : d = e[11], d;
|
|
110
|
-
}
|
|
111
|
-
});
|
|
112
|
-
U.displayName = "DSMegaMenu.Anchor";
|
|
113
|
-
const L = H((s, t) => {
|
|
114
|
-
const e = I.c(45);
|
|
115
|
-
let n, o, c;
|
|
116
|
-
e[0] !== s ? ({
|
|
117
|
-
style: c,
|
|
118
|
-
className: n,
|
|
119
|
-
...o
|
|
120
|
-
} = s, e[0] = s, e[1] = n, e[2] = o, e[3] = c) : (n = e[1], o = e[2], c = e[3]);
|
|
121
|
-
const m = K();
|
|
122
|
-
let a, l;
|
|
123
|
-
e[4] !== m ? ({
|
|
124
|
-
context: a,
|
|
125
|
-
...l
|
|
126
|
-
} = m, e[4] = m, e[5] = a, e[6] = l) : (a = e[5], l = e[6]);
|
|
127
|
-
const {
|
|
128
|
-
variant: d,
|
|
129
|
-
bannerAreaRef: r,
|
|
130
|
-
topBarAreaRef: i,
|
|
131
|
-
mainNavigationAreaRef: u
|
|
132
|
-
} = q(ce);
|
|
133
|
-
let g;
|
|
134
|
-
e[7] !== t || e[8] !== l.refs.setFloating ? (g = [l.refs.setFloating, t], e[7] = t, e[8] = l.refs.setFloating, e[9] = g) : g = e[9];
|
|
135
|
-
const _ = z(g);
|
|
136
|
-
let h;
|
|
137
|
-
e[10] === Symbol.for("react.memo_cache_sentinel") ? (h = {
|
|
138
|
-
duration: {
|
|
139
|
-
open: 400,
|
|
140
|
-
close: 400
|
|
141
|
-
}
|
|
142
|
-
}, e[10] = h) : h = e[10];
|
|
143
|
-
const {
|
|
144
|
-
isMounted: k,
|
|
145
|
-
status: f
|
|
146
|
-
} = ne(a, h);
|
|
147
|
-
let p;
|
|
148
|
-
e[11] !== n ? (p = j(V.root, n), e[11] = n, e[12] = p) : p = e[12];
|
|
149
|
-
const C = p, S = d === "full";
|
|
150
|
-
let D;
|
|
151
|
-
e[13] !== S ? (D = j(V.content, {
|
|
152
|
-
[V.contentVariantFull]: S
|
|
153
|
-
}), e[13] = S, e[14] = D) : D = e[14];
|
|
154
|
-
const E = D;
|
|
155
|
-
if (!k)
|
|
156
|
-
return null;
|
|
157
|
-
let M;
|
|
158
|
-
e[15] !== f ? (M = /* @__PURE__ */ b("div", { className: V.backdrop, "data-status": f }), e[15] = f, e[16] = M) : M = e[16];
|
|
159
|
-
let w;
|
|
160
|
-
e[17] !== (r == null ? void 0 : r.current) || e[18] !== (u == null ? void 0 : u.current) || e[19] !== (i == null ? void 0 : i.current) ? (w = () => [u == null ? void 0 : u.current, i == null ? void 0 : i.current, r == null ? void 0 : r.current].filter(Boolean), e[17] = r == null ? void 0 : r.current, e[18] = u == null ? void 0 : u.current, e[19] = i == null ? void 0 : i.current, e[20] = w) : w = e[20];
|
|
161
|
-
let x;
|
|
162
|
-
e[21] !== l.floatingStyles || e[22] !== c ? (x = {
|
|
163
|
-
...l.floatingStyles,
|
|
164
|
-
...c
|
|
165
|
-
}, e[21] = l.floatingStyles, e[22] = c, e[23] = x) : x = e[23];
|
|
166
|
-
let y;
|
|
167
|
-
e[24] !== o || e[25] !== l ? (y = l.getFloatingProps(o), e[24] = o, e[25] = l, e[26] = y) : y = e[26];
|
|
168
|
-
let F;
|
|
169
|
-
e[27] !== E || e[28] !== o.children || e[29] !== f ? (F = /* @__PURE__ */ b("div", { className: E, "data-status": f, children: o.children }), e[27] = E, e[28] = o.children, e[29] = f, e[30] = F) : F = e[30];
|
|
170
|
-
let O;
|
|
171
|
-
e[31] !== C || e[32] !== _ || e[33] !== f || e[34] !== y || e[35] !== F || e[36] !== x ? (O = /* @__PURE__ */ b("div", { ref: _, style: x, className: C, "data-status": f, ...y, children: F }), e[31] = C, e[32] = _, e[33] = f, e[34] = y, e[35] = F, e[36] = x, e[37] = O) : O = e[37];
|
|
172
|
-
let v;
|
|
173
|
-
e[38] !== a || e[39] !== O || e[40] !== w ? (v = /* @__PURE__ */ b(se, { context: a, modal: !1, outsideElementsInert: !0, getInsideElements: w, children: O }), e[38] = a, e[39] = O, e[40] = w, e[41] = v) : v = e[41];
|
|
174
|
-
let N;
|
|
175
|
-
return e[42] !== v || e[43] !== M ? (N = /* @__PURE__ */ b(oe, { children: /* @__PURE__ */ Q(le, { lockScroll: !0, children: [
|
|
176
|
-
M,
|
|
177
|
-
v
|
|
178
|
-
] }) }), e[42] = v, e[43] = M, e[44] = N) : N = e[44], N;
|
|
179
|
-
});
|
|
180
|
-
L.displayName = "DSMegaMenu.Content";
|
|
181
|
-
$.Anchor = U;
|
|
182
|
-
$.Content = L;
|
|
183
|
-
$.displayName = "DSMegaMenu";
|
|
184
|
-
export {
|
|
185
|
-
$ as D,
|
|
186
|
-
ge as a,
|
|
187
|
-
me as u,
|
|
188
|
-
Me as v
|
|
189
|
-
};
|
|
@@ -1,159 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as A } from "react/jsx-runtime";
|
|
3
|
-
import { d as w } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { isValidElement as V, useState as B, createContext as G, forwardRef as I, cloneElement as H, useContext as J } from "react";
|
|
5
|
-
import { i as K, u as L, a as Q, b as T, c as W, d as X, o as Y, s as Z, e as U, g as ee, F as te } from "./floating-ui.react.x0F9CYgn.js";
|
|
6
|
-
import { c as oe } from "./index.CEyLAtio.js";
|
|
7
|
-
import { g as E, c as $ } from "./helpers.BbWkXTr3.js";
|
|
8
|
-
import { a as se } from "./floating-ui.dom.C9TD1WpB.js";
|
|
9
|
-
import '../assets/Popover.BDTDsPAt.css';const ne = "ds-popover_popover_zyqhl_5", le = {
|
|
10
|
-
popover: ne
|
|
11
|
-
}, re = (n) => {
|
|
12
|
-
const t = w.c(29);
|
|
13
|
-
let e;
|
|
14
|
-
t[0] !== n ? (e = n === void 0 ? {} : n, t[0] = n, t[1] = e) : e = t[1];
|
|
15
|
-
const {
|
|
16
|
-
initialOpen: o,
|
|
17
|
-
placement: s,
|
|
18
|
-
isOpen: r,
|
|
19
|
-
popoverOffset: d,
|
|
20
|
-
onOpenChange: i
|
|
21
|
-
} = e, l = o === void 0 ? !1 : o, c = s === void 0 ? "bottom-start" : s, a = d === void 0 ? 6 : d, [h, m] = B(l), p = r ?? h, f = i ?? m;
|
|
22
|
-
let v;
|
|
23
|
-
t[2] !== a ? (v = Y(a), t[2] = a, t[3] = v) : v = t[3];
|
|
24
|
-
let u;
|
|
25
|
-
t[4] !== c || t[5] !== a ? (u = K({
|
|
26
|
-
crossAxis: c.includes("-"),
|
|
27
|
-
fallbackAxisSideDirection: "end",
|
|
28
|
-
padding: a
|
|
29
|
-
}), t[4] = c, t[5] = a, t[6] = u) : u = t[6];
|
|
30
|
-
let P;
|
|
31
|
-
t[7] !== a ? (P = Z({
|
|
32
|
-
padding: a
|
|
33
|
-
}), t[7] = a, t[8] = P) : P = t[8];
|
|
34
|
-
let S;
|
|
35
|
-
t[9] !== v || t[10] !== u || t[11] !== P ? (S = [v, u, P], t[9] = v, t[10] = u, t[11] = P, t[12] = S) : S = t[12];
|
|
36
|
-
let D;
|
|
37
|
-
t[13] !== p || t[14] !== c || t[15] !== f || t[16] !== S ? (D = {
|
|
38
|
-
placement: c,
|
|
39
|
-
open: p,
|
|
40
|
-
onOpenChange: f,
|
|
41
|
-
whileElementsMounted: se,
|
|
42
|
-
middleware: S
|
|
43
|
-
}, t[13] = p, t[14] = c, t[15] = f, t[16] = S, t[17] = D) : D = t[17];
|
|
44
|
-
const g = L(D), N = g.context;
|
|
45
|
-
let C;
|
|
46
|
-
t[18] === Symbol.for("react.memo_cache_sentinel") ? (C = {
|
|
47
|
-
enabled: !0
|
|
48
|
-
}, t[18] = C) : C = t[18];
|
|
49
|
-
const F = Q(N, C), b = T(N), _ = W(N);
|
|
50
|
-
let x;
|
|
51
|
-
t[19] !== F || t[20] !== b || t[21] !== _ ? (x = [F, b, _], t[19] = F, t[20] = b, t[21] = _, t[22] = x) : x = t[22];
|
|
52
|
-
const k = X(x);
|
|
53
|
-
let M, O;
|
|
54
|
-
return t[23] !== g || t[24] !== k || t[25] !== p || t[26] !== a || t[27] !== f ? (O = {
|
|
55
|
-
open: p,
|
|
56
|
-
popoverOffset: a,
|
|
57
|
-
setOpen: f,
|
|
58
|
-
...k,
|
|
59
|
-
...g
|
|
60
|
-
}, t[23] = g, t[24] = k, t[25] = p, t[26] = a, t[27] = f, t[28] = O) : O = t[28], M = O, M;
|
|
61
|
-
}, ie = (n) => {
|
|
62
|
-
if (!V(n))
|
|
63
|
-
throw new Error(E("DSPopover", "DSPopover.Anchor child must be a valid React element."));
|
|
64
|
-
}, ce = ({
|
|
65
|
-
hasContent: n,
|
|
66
|
-
hasAnchor: t
|
|
67
|
-
}) => {
|
|
68
|
-
if (!n)
|
|
69
|
-
throw new Error(E("DSPopover", "A DSPopover must have a <DSPopover.Content> component as a child. Please add it to the children of DSPopover."));
|
|
70
|
-
if (!t)
|
|
71
|
-
throw new Error(E("DSPopover", "A DSPopover.Anchor must have a <DSPopover.Anchor> component as a child. Please add it to the children of DSPopover."));
|
|
72
|
-
}, j = G(null), q = () => {
|
|
73
|
-
const n = J(j);
|
|
74
|
-
if (n == null)
|
|
75
|
-
throw new Error(E("DSPopover", "Components like DSPopover.Anchor or DSPopover.Content must be wrapped in <DSPopover />."));
|
|
76
|
-
return n;
|
|
77
|
-
}, y = (n) => {
|
|
78
|
-
const t = w.c(9);
|
|
79
|
-
let e, o;
|
|
80
|
-
t[0] !== n ? ({
|
|
81
|
-
children: e,
|
|
82
|
-
...o
|
|
83
|
-
} = n, t[0] = n, t[1] = e, t[2] = o) : (e = t[1], o = t[2]);
|
|
84
|
-
let s;
|
|
85
|
-
t[3] !== o ? (s = {
|
|
86
|
-
...o
|
|
87
|
-
}, t[3] = o, t[4] = s) : s = t[4];
|
|
88
|
-
const r = re(s), d = $(e, y.Content), i = $(e, R);
|
|
89
|
-
process.env.NODE_ENV !== "production" && ce({
|
|
90
|
-
hasContent: d,
|
|
91
|
-
hasAnchor: i
|
|
92
|
-
});
|
|
93
|
-
let l;
|
|
94
|
-
return t[5] !== e || t[6] !== r || t[7] !== o ? (l = /* @__PURE__ */ A(j.Provider, { value: r, ...o, children: e }), t[5] = e, t[6] = r, t[7] = o, t[8] = l) : l = t[8], l;
|
|
95
|
-
}, R = I((n, t) => {
|
|
96
|
-
const e = w.c(12);
|
|
97
|
-
let o, s;
|
|
98
|
-
e[0] !== n ? ({
|
|
99
|
-
children: o,
|
|
100
|
-
...s
|
|
101
|
-
} = n, e[0] = n, e[1] = o, e[2] = s) : (o = e[1], s = e[2]), process.env.NODE_ENV !== "production" && ie(o);
|
|
102
|
-
const r = q(), d = o.ref;
|
|
103
|
-
let i;
|
|
104
|
-
e[3] !== d || e[4] !== r.refs.setReference || e[5] !== t ? (i = [r.refs.setReference, t, d], e[3] = d, e[4] = r.refs.setReference, e[5] = t, e[6] = i) : i = e[6];
|
|
105
|
-
const l = U(i);
|
|
106
|
-
if (V(o)) {
|
|
107
|
-
let c;
|
|
108
|
-
return e[7] !== o || e[8] !== r || e[9] !== s || e[10] !== l ? (c = H(o, r.getReferenceProps({
|
|
109
|
-
ref: l,
|
|
110
|
-
...s,
|
|
111
|
-
...o.props,
|
|
112
|
-
"data-state": r.open ? "open" : "closed"
|
|
113
|
-
})), e[7] = o, e[8] = r, e[9] = s, e[10] = l, e[11] = c) : c = e[11], c;
|
|
114
|
-
}
|
|
115
|
-
});
|
|
116
|
-
R.displayName = "DSPopover.Anchor";
|
|
117
|
-
const z = I((n, t) => {
|
|
118
|
-
const e = w.c(27);
|
|
119
|
-
let o, s, r;
|
|
120
|
-
e[0] !== n ? ({
|
|
121
|
-
style: r,
|
|
122
|
-
className: o,
|
|
123
|
-
...s
|
|
124
|
-
} = n, e[0] = n, e[1] = o, e[2] = s, e[3] = r) : (o = e[1], s = e[2], r = e[3]);
|
|
125
|
-
const d = q();
|
|
126
|
-
let i, l;
|
|
127
|
-
e[4] !== d ? ({
|
|
128
|
-
context: i,
|
|
129
|
-
...l
|
|
130
|
-
} = d, e[4] = d, e[5] = i, e[6] = l) : (i = e[5], l = e[6]);
|
|
131
|
-
let c;
|
|
132
|
-
e[7] !== t || e[8] !== l.refs.setFloating ? (c = [l.refs.setFloating, t], e[7] = t, e[8] = l.refs.setFloating, e[9] = c) : c = e[9];
|
|
133
|
-
const a = U(c);
|
|
134
|
-
if (!i.open)
|
|
135
|
-
return null;
|
|
136
|
-
let h;
|
|
137
|
-
e[10] !== l.floatingStyles || e[11] !== r ? (h = {
|
|
138
|
-
...l.floatingStyles,
|
|
139
|
-
...r
|
|
140
|
-
}, e[10] = l.floatingStyles, e[11] = r, e[12] = h) : h = e[12];
|
|
141
|
-
let m;
|
|
142
|
-
e[13] !== o ? (m = oe(le.popover, o), e[13] = o, e[14] = m) : m = e[14];
|
|
143
|
-
let p;
|
|
144
|
-
e[15] !== s || e[16] !== l ? (p = l.getFloatingProps(s), e[15] = s, e[16] = l, e[17] = p) : p = e[17];
|
|
145
|
-
let f;
|
|
146
|
-
e[18] !== s.children || e[19] !== a || e[20] !== h || e[21] !== m || e[22] !== p ? (f = /* @__PURE__ */ A("div", { ref: a, style: h, className: m, ...p, children: s.children }), e[18] = s.children, e[19] = a, e[20] = h, e[21] = m, e[22] = p, e[23] = f) : f = e[23];
|
|
147
|
-
let v;
|
|
148
|
-
return e[24] !== i || e[25] !== f ? (v = /* @__PURE__ */ A(ee, { children: /* @__PURE__ */ A(te, { context: i, modal: !1, children: f }) }), e[24] = i, e[25] = f, e[26] = v) : v = e[26], v;
|
|
149
|
-
});
|
|
150
|
-
z.displayName = "DSPopover.Content";
|
|
151
|
-
y.Anchor = R;
|
|
152
|
-
y.Content = z;
|
|
153
|
-
y.displayName = "DSPopover";
|
|
154
|
-
export {
|
|
155
|
-
y as D,
|
|
156
|
-
ce as a,
|
|
157
|
-
re as u,
|
|
158
|
-
ie as v
|
|
159
|
-
};
|
|
@@ -1,162 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _, jsxs as we } from "react/jsx-runtime";
|
|
3
|
-
import { d as xe } from "./index.CgTHIF3K.js";
|
|
4
|
-
import { c as ve } from "./index.CEyLAtio.js";
|
|
5
|
-
import { forwardRef as Be, useRef as Fe, useState as Ie, useEffect as He } from "react";
|
|
6
|
-
import { u as Re } from "./useBreakpoint.CMOR9ZOB.js";
|
|
7
|
-
import { Asterisk as je } from "../asterisk.CR60hx8S.js";
|
|
8
|
-
import { D as We } from "./Icon.DGTYCv63.js";
|
|
9
|
-
import { D as ze } from "./SystemFeedback.B9f67mjJ.js";
|
|
10
|
-
import { g as me, r as Me } from "./helpers.BbWkXTr3.js";
|
|
11
|
-
import '../assets/Select.CYACicZ3.css';const Te = "ds-select_root_d8v6g_1", Oe = "ds-select_hint_d8v6g_10", Ze = "ds-select_label_d8v6g_10", Je = "ds-select_label--hidden_d8v6g_100", Ke = "ds-select_label--disabled_d8v6g_113", Qe = "ds-select_feedback_d8v6g_133", Ue = "ds-select_select-wrapper_d8v6g_138", Xe = "ds-select_select_d8v6g_138", Ye = "ds-select_select--small_d8v6g_152", Ge = "ds-select_select--invalid_d8v6g_264", el = "ds-select_select--placeholder_d8v6g_379", ll = "ds-select_chevron_d8v6g_418", tl = "ds-select_chevron--small_d8v6g_422", sl = "ds-select_chevron--disabled_d8v6g_425", t = {
|
|
12
|
-
root: Te,
|
|
13
|
-
hint: Oe,
|
|
14
|
-
label: Ze,
|
|
15
|
-
labelHidden: Je,
|
|
16
|
-
labelDisabled: Ke,
|
|
17
|
-
feedback: Qe,
|
|
18
|
-
selectWrapper: Ue,
|
|
19
|
-
select: Xe,
|
|
20
|
-
selectSmall: Ye,
|
|
21
|
-
selectInvalid: Ge,
|
|
22
|
-
selectPlaceholder: el,
|
|
23
|
-
chevron: ll,
|
|
24
|
-
chevronSmall: tl,
|
|
25
|
-
chevronDisabled: sl
|
|
26
|
-
}, ul = ["medium", "small"], al = ({
|
|
27
|
-
id: r,
|
|
28
|
-
label: s,
|
|
29
|
-
options: e
|
|
30
|
-
}) => {
|
|
31
|
-
if (!r)
|
|
32
|
-
throw new Error(me("DSSelect", 'A unique "id" prop is required. Please add a unique "id" prop to the DSSelect component.'));
|
|
33
|
-
if (!s)
|
|
34
|
-
throw new Error(me("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(me("DSSelect", "The options array must not be empty."));
|
|
38
|
-
} else throw new Error(me("DSSelect", Me("options", "DSSelect")));
|
|
39
|
-
}, ol = (r, s, e) => r === "" || s !== void 0 && s !== "" ? !1 : !(e !== void 0 && e !== ""), cl = Be((r, s) => {
|
|
40
|
-
const e = xe.c(127);
|
|
41
|
-
let i, n, d, l, f, b, S, D, a, Z, J, K, Q, U, X, c;
|
|
42
|
-
e[0] !== r ? ({
|
|
43
|
-
id: l,
|
|
44
|
-
label: f,
|
|
45
|
-
options: S,
|
|
46
|
-
className: i,
|
|
47
|
-
defaultValue: n,
|
|
48
|
-
disabled: Z,
|
|
49
|
-
hideLabel: J,
|
|
50
|
-
hint: d,
|
|
51
|
-
invalid: K,
|
|
52
|
-
placeholder: Q,
|
|
53
|
-
required: U,
|
|
54
|
-
size: X,
|
|
55
|
-
systemFeedback: a,
|
|
56
|
-
value: c,
|
|
57
|
-
onChange: b,
|
|
58
|
-
...D
|
|
59
|
-
} = r, e[0] = r, e[1] = i, e[2] = n, e[3] = d, e[4] = l, e[5] = f, e[6] = b, e[7] = S, e[8] = D, e[9] = a, e[10] = Z, e[11] = J, e[12] = K, e[13] = Q, e[14] = U, e[15] = X, e[16] = c) : (i = e[1], n = e[2], d = e[3], l = e[4], f = e[5], b = e[6], S = e[7], D = e[8], a = e[9], Z = e[10], J = e[11], K = e[12], Q = e[13], U = e[14], X = e[15], c = e[16]);
|
|
60
|
-
const h = Z === void 0 ? !1 : Z, Pe = J === void 0 ? !1 : J, o = K === void 0 ? !1 : K, g = Q === void 0 ? "Select" : Q, y = U === void 0 ? !1 : U, le = X === void 0 ? "medium" : X;
|
|
61
|
-
process.env.NODE_ENV !== "production" && al({
|
|
62
|
-
id: l,
|
|
63
|
-
label: f,
|
|
64
|
-
options: S
|
|
65
|
-
});
|
|
66
|
-
const qe = Fe(null), [pe, Ne] = Ie(c);
|
|
67
|
-
let te;
|
|
68
|
-
e[17] !== n || e[18] !== g || e[19] !== c ? (te = ol(g, n, c), e[17] = n, e[18] = g, e[19] = c, e[20] = te) : te = e[20];
|
|
69
|
-
const [Y, Ce] = Ie(te);
|
|
70
|
-
let se, ae;
|
|
71
|
-
e[21] !== c ? (se = () => {
|
|
72
|
-
Ne(c);
|
|
73
|
-
}, ae = [c], e[21] = c, e[22] = se, e[23] = ae) : (se = e[22], ae = e[23]), He(se, ae);
|
|
74
|
-
let oe;
|
|
75
|
-
e[24] !== s ? (oe = (ee) => {
|
|
76
|
-
qe.current = ee, typeof s == "function" ? s(ee) : s && (s.current = ee);
|
|
77
|
-
}, e[24] = s, e[25] = oe) : oe = e[25];
|
|
78
|
-
const ue = oe, G = Re(Pe), w = `${l}-label`, v = `${l}-feedback`, N = `${l}-hint`, _e = d ? ` ${N}` : "";
|
|
79
|
-
let ce;
|
|
80
|
-
e[26] !== o || e[27] !== a || e[28] !== v ? (ce = [o && a && v].filter(Boolean).join(" ") || void 0, e[26] = o, e[27] = a, e[28] = v, e[29] = ce) : ce = e[29];
|
|
81
|
-
const Se = ce;
|
|
82
|
-
let k, E, I, P, q, C, $, L, V, A, x, B, F, H, R, j, m, p, u;
|
|
83
|
-
if (e[30] !== Se || e[31] !== _e || e[32] !== i || e[33] !== n || e[34] !== h || e[35] !== ue || e[36] !== G || e[37] !== d || e[38] !== N || e[39] !== l || e[40] !== o || e[41] !== Y || e[42] !== f || e[43] !== b || e[44] !== S || e[45] !== g || e[46] !== y || e[47] !== D || e[48] !== w || e[49] !== pe || e[50] !== le || e[51] !== a || e[52] !== v) {
|
|
84
|
-
const ee = (he) => [g && /* @__PURE__ */ _("option", { value: "", children: g }, `${l}-hidden-option-disabled-placeholder`), ...he.map((O) => {
|
|
85
|
-
if ("options" in O) {
|
|
86
|
-
const {
|
|
87
|
-
label: Ee,
|
|
88
|
-
options: Ae
|
|
89
|
-
} = O;
|
|
90
|
-
return /* @__PURE__ */ _("optgroup", { label: Ee, children: Ae.map(ke) }, Ee);
|
|
91
|
-
} else
|
|
92
|
-
return ke(O);
|
|
93
|
-
})], ke = il;
|
|
94
|
-
let de;
|
|
95
|
-
e[72] !== i ? (de = ve(t.root, i), e[72] = i, e[73] = de) : de = e[73];
|
|
96
|
-
const $e = de, ge = le === "small";
|
|
97
|
-
let re;
|
|
98
|
-
e[74] !== o || e[75] !== Y || e[76] !== ge ? (re = ve(t.select, {
|
|
99
|
-
[t.selectSmall]: ge,
|
|
100
|
-
[t.selectInvalid]: o,
|
|
101
|
-
[t.selectPlaceholder]: Y
|
|
102
|
-
}), e[74] = o, e[75] = Y, e[76] = ge, e[77] = re) : re = e[77];
|
|
103
|
-
const Le = re;
|
|
104
|
-
let ne;
|
|
105
|
-
e[78] !== h || e[79] !== G ? (ne = ve(t.label, {
|
|
106
|
-
[t.labelHidden]: G,
|
|
107
|
-
[t.labelDisabled]: h
|
|
108
|
-
}), e[78] = h, e[79] = G, e[80] = ne) : ne = e[80];
|
|
109
|
-
const De = ne, ye = le === "small";
|
|
110
|
-
let fe;
|
|
111
|
-
e[81] !== h || e[82] !== ye ? (fe = ve(t.chevron, {
|
|
112
|
-
[t.chevronSmall]: ye,
|
|
113
|
-
[t.chevronDisabled]: h
|
|
114
|
-
}), e[81] = h, e[82] = ye, e[83] = fe) : fe = e[83], k = fe;
|
|
115
|
-
let be;
|
|
116
|
-
e[84] !== b ? (be = (he) => {
|
|
117
|
-
const {
|
|
118
|
-
value: O
|
|
119
|
-
} = he.target;
|
|
120
|
-
Ce(O === ""), Ne(O), b && b(he);
|
|
121
|
-
}, e[84] = b, e[85] = be) : be = e[85];
|
|
122
|
-
const Ve = be;
|
|
123
|
-
j = $e;
|
|
124
|
-
let T;
|
|
125
|
-
e[86] !== y ? (T = y && /* @__PURE__ */ _(je, {}), e[86] = y, e[87] = T) : T = e[87], e[88] !== l || e[89] !== f || e[90] !== De || e[91] !== w || e[92] !== T ? (m = /* @__PURE__ */ we("label", { className: De, id: w, htmlFor: l, children: [
|
|
126
|
-
f,
|
|
127
|
-
T
|
|
128
|
-
] }), e[88] = l, e[89] = f, e[90] = De, e[91] = w, e[92] = T, e[93] = m) : m = e[93], e[94] !== d || e[95] !== N ? (p = d && /* @__PURE__ */ _("div", { className: t.hint, id: N, children: d }), e[94] = d, e[95] = N, e[96] = p) : p = e[96], e[97] !== o || e[98] !== a || e[99] !== v ? (u = o && a && /* @__PURE__ */ _(ze, { className: t.feedback, message: a, variant: "error", id: v }), e[97] = o, e[98] = a, e[99] = v, e[100] = u) : u = e[100], R = t.selectWrapper, E = D, I = l, P = ue, q = Le, C = `${w}${_e}`, $ = Se, L = o, V = n, A = pe, x = h, B = y, F = Ve, H = ee(S), e[30] = Se, e[31] = _e, e[32] = i, e[33] = n, e[34] = h, e[35] = ue, e[36] = G, e[37] = d, e[38] = N, e[39] = l, e[40] = o, e[41] = Y, e[42] = f, e[43] = b, e[44] = S, e[45] = g, e[46] = y, e[47] = D, e[48] = w, e[49] = pe, e[50] = le, e[51] = a, e[52] = v, e[53] = k, e[54] = E, e[55] = I, e[56] = P, e[57] = q, e[58] = C, e[59] = $, e[60] = L, e[61] = V, e[62] = A, e[63] = x, e[64] = B, e[65] = F, e[66] = H, e[67] = R, e[68] = j, e[69] = m, e[70] = p, e[71] = u;
|
|
129
|
-
} else
|
|
130
|
-
k = e[53], E = e[54], I = e[55], P = e[56], q = e[57], C = e[58], $ = e[59], L = e[60], V = e[61], A = e[62], x = e[63], B = e[64], F = e[65], H = e[66], R = e[67], j = e[68], m = e[69], p = e[70], u = e[71];
|
|
131
|
-
let W;
|
|
132
|
-
e[101] !== E || e[102] !== I || e[103] !== P || e[104] !== q || e[105] !== C || e[106] !== $ || e[107] !== L || e[108] !== V || e[109] !== A || e[110] !== x || e[111] !== B || e[112] !== F || e[113] !== H ? (W = /* @__PURE__ */ _("select", { ...E, id: I, ref: P, className: q, "aria-labelledby": C, "aria-describedby": $, "aria-invalid": L, defaultValue: V, value: A, disabled: x, required: B, onChange: F, children: H }), e[101] = E, e[102] = I, e[103] = P, e[104] = q, e[105] = C, e[106] = $, e[107] = L, e[108] = V, e[109] = A, e[110] = x, e[111] = B, e[112] = F, e[113] = H, e[114] = W) : W = e[114];
|
|
133
|
-
let z;
|
|
134
|
-
e[115] !== k ? (z = /* @__PURE__ */ _(We, { name: "chevron-down", className: k, "aria-hidden": "true" }), e[115] = k, e[116] = z) : z = e[116];
|
|
135
|
-
let M;
|
|
136
|
-
e[117] !== R || e[118] !== W || e[119] !== z ? (M = /* @__PURE__ */ we("div", { className: R, children: [
|
|
137
|
-
W,
|
|
138
|
-
z
|
|
139
|
-
] }), e[117] = R, e[118] = W, e[119] = z, e[120] = M) : M = e[120];
|
|
140
|
-
let ie;
|
|
141
|
-
return e[121] !== j || e[122] !== m || e[123] !== p || e[124] !== u || e[125] !== M ? (ie = /* @__PURE__ */ we("div", { className: j, children: [
|
|
142
|
-
m,
|
|
143
|
-
p,
|
|
144
|
-
u,
|
|
145
|
-
M
|
|
146
|
-
] }), e[121] = j, e[122] = m, e[123] = p, e[124] = u, e[125] = M, e[126] = ie) : ie = e[126], ie;
|
|
147
|
-
});
|
|
148
|
-
cl.displayName = "DSSelect";
|
|
149
|
-
function il(r) {
|
|
150
|
-
const {
|
|
151
|
-
label: s,
|
|
152
|
-
value: e,
|
|
153
|
-
isDisabled: i
|
|
154
|
-
} = r;
|
|
155
|
-
return /* @__PURE__ */ _("option", { value: e, disabled: i, children: s }, e);
|
|
156
|
-
}
|
|
157
|
-
export {
|
|
158
|
-
cl as D,
|
|
159
|
-
ul as S,
|
|
160
|
-
ol as g,
|
|
161
|
-
al as v
|
|
162
|
-
};
|
|
@@ -1,163 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsxs as d, jsx as m, Fragment as le } from "react/jsx-runtime";
|
|
3
|
-
import { c as z } from "./index.CEyLAtio.js";
|
|
4
|
-
import { forwardRef as ie, useState as i, useRef as ce, useEffect as p } from "react";
|
|
5
|
-
import { g as B, p as q } from "./helpers.BbWkXTr3.js";
|
|
6
|
-
import { u as de } from "./useBreakpoint.CMOR9ZOB.js";
|
|
7
|
-
import "./index.CgTHIF3K.js";
|
|
8
|
-
import { Asterisk as ue } from "../asterisk.CR60hx8S.js";
|
|
9
|
-
import { D as fe } from "./SystemFeedback.B9f67mjJ.js";
|
|
10
|
-
import '../assets/Textarea.BXWhXpXx.css';const he = "ds-textarea_textarea_hjz5f_1", be = "ds-textarea_textarea--small_hjz5f_9", _e = "ds-textarea_textarea--invalid_hjz5f_121", me = "ds-textarea_textarea--resize-auto_hjz5f_145", pe = "ds-textarea_root_hjz5f_155", xe = "ds-textarea_hint_hjz5f_164", ve = "ds-textarea_label_hjz5f_164", Ce = "ds-textarea_label--hidden_hjz5f_272", Se = "ds-textarea_label--disabled_hjz5f_285", je = "ds-textarea_feedback_hjz5f_305", ze = "ds-textarea_char-count_hjz5f_310", Ae = "ds-textarea_char-count-announcer_hjz5f_326", a = {
|
|
11
|
-
textarea: he,
|
|
12
|
-
textareaSmall: be,
|
|
13
|
-
textareaInvalid: _e,
|
|
14
|
-
textareaResizeAuto: me,
|
|
15
|
-
root: pe,
|
|
16
|
-
hint: xe,
|
|
17
|
-
label: ve,
|
|
18
|
-
labelHidden: Ce,
|
|
19
|
-
labelDisabled: Se,
|
|
20
|
-
feedback: je,
|
|
21
|
-
charCount: ze,
|
|
22
|
-
charCountAnnouncer: Ae
|
|
23
|
-
}, ke = ["medium", "small"], De = ({
|
|
24
|
-
id: r,
|
|
25
|
-
label: u
|
|
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 (!u)
|
|
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
|
-
}, Ie = ie(({
|
|
32
|
-
id: r,
|
|
33
|
-
label: u,
|
|
34
|
-
charsLimitText: M = "Character limit reached",
|
|
35
|
-
charsRemainingText: O = "Characters remaining:",
|
|
36
|
-
className: F,
|
|
37
|
-
defaultValue: X,
|
|
38
|
-
disabled: A = !1,
|
|
39
|
-
hint: x,
|
|
40
|
-
hideLabel: Z = !1,
|
|
41
|
-
invalid: s = !1,
|
|
42
|
-
maxLength: e,
|
|
43
|
-
readonly: D = !1,
|
|
44
|
-
required: I = !1,
|
|
45
|
-
resize: f = "vertical",
|
|
46
|
-
size: G = "medium",
|
|
47
|
-
systemFeedback: n,
|
|
48
|
-
value: v,
|
|
49
|
-
wrapperClassName: J,
|
|
50
|
-
onChange: T,
|
|
51
|
-
onInput: w,
|
|
52
|
-
...K
|
|
53
|
-
}, h) => {
|
|
54
|
-
process.env.NODE_ENV !== "production" && De({
|
|
55
|
-
id: r,
|
|
56
|
-
label: u
|
|
57
|
-
});
|
|
58
|
-
const [Q, y] = i(X || ""), [l, R] = i(0), [U, N] = i(0), [W, E] = i("off"), [g, C] = i(n), [S, j] = i(s), $ = v !== void 0, b = $ ? v : Q, o = ce(null), Y = (t) => {
|
|
59
|
-
o.current = t, typeof h == "function" ? h(t) : h && (h.current = t);
|
|
60
|
-
}, L = de(Z);
|
|
61
|
-
p(() => {
|
|
62
|
-
if (!e || e <= 0)
|
|
63
|
-
return;
|
|
64
|
-
l >= e * 0.8 ? E("polite") : E("off");
|
|
65
|
-
const t = setTimeout(() => {
|
|
66
|
-
N(e - l || 0);
|
|
67
|
-
}, 1e3);
|
|
68
|
-
return () => clearTimeout(t);
|
|
69
|
-
}, [l]), p(() => {
|
|
70
|
-
y(b || ""), c(), e && e > 0 && (R(b.toString().length || 0), N(e - b.toString().length || 0));
|
|
71
|
-
}, [v]), p(() => {
|
|
72
|
-
s && n ? (C(n), j(s)) : !s && e && e >= 0 && l >= e ? (j(!0), C(M)) : (C(n), j(s));
|
|
73
|
-
}, [s, S, n, l]), p(() => {
|
|
74
|
-
if (f === "auto")
|
|
75
|
-
return c(), window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
|
|
76
|
-
}, [f, o.current]);
|
|
77
|
-
const ee = z(a.root, J), te = z(a.textarea, F, {
|
|
78
|
-
// small textarea
|
|
79
|
-
[a.textareaSmall]: G === "small",
|
|
80
|
-
// invalid state
|
|
81
|
-
[a.textareaInvalid]: S,
|
|
82
|
-
// resize handling
|
|
83
|
-
[a.textareaResizeAuto]: f === "auto"
|
|
84
|
-
}), ae = z(a.label, {
|
|
85
|
-
// hide label only visually to keep them available for assistive technologies
|
|
86
|
-
[a.labelHidden]: L,
|
|
87
|
-
[a.labelDisabled]: A
|
|
88
|
-
}), k = `${r}-label`, H = `${r}-feedback`, V = `${r}-hint`, P = `${r}-char-count-announcer`, re = x ? ` ${V}` : "", c = () => {
|
|
89
|
-
if (o.current && f === "auto") {
|
|
90
|
-
o.current.style.height = "auto";
|
|
91
|
-
const t = q(o.current.scrollHeight), _ = q(2);
|
|
92
|
-
o.current.style.height = `${// We need to add 2px (border-top & border-bottom) to the scrollHeight to prevent the textarea
|
|
93
|
-
// from jumping as soon as the user starts typing.
|
|
94
|
-
t + _}rem`;
|
|
95
|
-
}
|
|
96
|
-
}, se = () => {
|
|
97
|
-
const t = [];
|
|
98
|
-
return e && e > 0 && t.push(P), s && n && t.push(H), t.length > 0 ? t.join(" ") : void 0;
|
|
99
|
-
}, oe = (t) => {
|
|
100
|
-
var _;
|
|
101
|
-
w && w(t), e && e > 0 && R(((_ = o.current) == null ? void 0 : _.value.length) || 0), c();
|
|
102
|
-
}, ne = (t) => {
|
|
103
|
-
T && T(t), $ || y(t.target.value);
|
|
104
|
-
};
|
|
105
|
-
return /* @__PURE__ */ d("div", { className: ee, children: [
|
|
106
|
-
/* @__PURE__ */ d("label", { className: ae, id: k, htmlFor: r, children: [
|
|
107
|
-
u,
|
|
108
|
-
I && /* @__PURE__ */ m(ue, {})
|
|
109
|
-
] }),
|
|
110
|
-
x && /* @__PURE__ */ m("div", { className: a.hint, id: V, children: x }),
|
|
111
|
-
S && g && /* @__PURE__ */ m(fe, { className: a.feedback, message: g, variant: "error", id: H }),
|
|
112
|
-
/* @__PURE__ */ m(
|
|
113
|
-
"textarea",
|
|
114
|
-
{
|
|
115
|
-
className: te,
|
|
116
|
-
id: r,
|
|
117
|
-
...K,
|
|
118
|
-
ref: Y,
|
|
119
|
-
"aria-labelledby": `${k}${re}`,
|
|
120
|
-
"aria-describedby": se(),
|
|
121
|
-
"aria-invalid": s,
|
|
122
|
-
"aria-disabled": D,
|
|
123
|
-
maxLength: e,
|
|
124
|
-
readOnly: D,
|
|
125
|
-
required: I,
|
|
126
|
-
disabled: A,
|
|
127
|
-
value: b,
|
|
128
|
-
defaultValue: void 0,
|
|
129
|
-
rows: void 0,
|
|
130
|
-
cols: void 0,
|
|
131
|
-
onChange: ne,
|
|
132
|
-
onInput: oe
|
|
133
|
-
}
|
|
134
|
-
),
|
|
135
|
-
e !== void 0 && e > 0 && /* @__PURE__ */ d(le, { children: [
|
|
136
|
-
/* @__PURE__ */ d("div", { className: a.charCount, "aria-hidden": "true", children: [
|
|
137
|
-
l,
|
|
138
|
-
"/",
|
|
139
|
-
e
|
|
140
|
-
] }),
|
|
141
|
-
/* @__PURE__ */ d(
|
|
142
|
-
"div",
|
|
143
|
-
{
|
|
144
|
-
className: a.charCountAnnouncer,
|
|
145
|
-
id: P,
|
|
146
|
-
"aria-live": W,
|
|
147
|
-
"aria-atomic": "true",
|
|
148
|
-
children: [
|
|
149
|
-
O,
|
|
150
|
-
" ",
|
|
151
|
-
U
|
|
152
|
-
]
|
|
153
|
-
}
|
|
154
|
-
)
|
|
155
|
-
] })
|
|
156
|
-
] });
|
|
157
|
-
});
|
|
158
|
-
Ie.displayName = "DSTextarea";
|
|
159
|
-
export {
|
|
160
|
-
Ie as D,
|
|
161
|
-
ke as T,
|
|
162
|
-
De as v
|
|
163
|
-
};
|