@stihl-design-system/components 1.0.0-RC.26 → 1.0.0-RC.27
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/assets/CustomReactSelect.B9f_KYFg.css +1 -0
- package/assets/InputPassword.BuVQ9dRy.css +1 -0
- package/assets/InputSearch.Dwtb3Mhw.css +1 -0
- package/assets/InputStepper.CBt99L83.css +1 -0
- package/assets/Select.CghDnBUQ.css +1 -0
- package/assets/Textarea.BgtH-TTe.css +1 -0
- package/assets/banner.D9EiZqqR.css +1 -0
- package/assets/input.DFwunFjw.css +1 -0
- package/assets/radio.BCB51D_y.css +1 -0
- package/assets/scroller.Hszs1Yq4.css +1 -0
- package/banner.CgQdUb_c.js +55 -0
- package/banner.d.ts +2 -0
- package/chipgroup.BWpqUzXF.js +209 -0
- package/chunks/{CustomReactSelect.DWdh3k_q.js → CustomReactSelect.BPnzhvw1.js} +52 -49
- package/chunks/Header.Djs1adPW.js +361 -0
- package/chunks/InputPassword.D42uUEGy.js +136 -0
- package/chunks/InputSearch.aIbUXVQU.js +174 -0
- package/chunks/InputStepper.DFEdUWm7.js +263 -0
- package/chunks/{NavigationTabs.CuOXq0b7.js → NavigationTabs.BofhX8bD.js} +1 -1
- package/chunks/{RadioGroup.okEm_-NA.js → RadioGroup.c7YYJdUe.js} +1 -1
- package/chunks/{Select.D3IUIdPJ.js → Select.B_EHpk22.js} +22 -22
- package/chunks/{Slider.CPG4Btbq.js → Slider.DMSwmGwD.js} +1 -1
- package/chunks/{Tabs.C4qGWCcD.js → Tabs.Bl4K3Kjn.js} +1 -1
- package/chunks/{Textarea.D4vXRg_U.js → Textarea.Ce26v6ht.js} +53 -53
- package/chunks/is-animation-disabled.CUl4N3LI.js +20 -0
- package/{combobox.DIB07SNA.js → combobox.AaK6QjRl.js} +1 -1
- package/components/Banner/Banner.d.ts +32 -0
- package/components/Banner/Banner.utils.d.ts +2 -0
- package/components/Scroller/Scroller.d.ts +20 -0
- package/components/Scroller/Scroller.utils.d.ts +3 -0
- package/components/Tabs/TabList/TabList.d.ts +1 -1
- package/components/Tabs/TabList/TabList.utils.d.ts +0 -4
- package/{customreactselect.BvuvCDyE.js → customreactselect.Bu1i8wkh.js} +1 -1
- package/{header.DLrTpc-W.js → header.WhQHSuB1.js} +1 -1
- package/index.d.ts +4 -0
- package/index.es.js +202 -195
- package/{input.D4OiEI8g.js → input.DhxUW3zc.js} +35 -35
- package/{inputpassword.CYfGcUE-.js → inputpassword.CaJBCMA0.js} +1 -1
- package/{inputsearch.CecX8gHD.js → inputsearch.B06DhYzo.js} +1 -1
- package/{inputstepper.CFgfHjM_.js → inputstepper.DNY7nzP8.js} +1 -1
- package/{navigationtabs.B86G8ODY.js → navigationtabs.DQ1kE-h4.js} +2 -2
- package/package.json +2 -2
- package/partials/index.js +104 -82
- package/partials/lib/partials.d.ts +1 -1
- package/radio.Be4pFOLf.js +134 -0
- package/{radiogroup.C2PkTHnF.js → radiogroup.BRjwP01C.js} +2 -2
- package/scroller.CCA6kFR6.js +123 -0
- package/scroller.d.ts +2 -0
- package/{select.CmGQdpsV.js → select.3zE96eWc.js} +1 -1
- package/{slider.DGmVtnxs.js → slider.CTCf7Xdm.js} +2 -2
- package/tablist.Dzwe0_J4.js +256 -0
- package/{tabs.Dby_2Hyz.js → tabs.yudjJk9d.js} +2 -2
- package/{textarea.yOTo23Pd.js → textarea.B_3fPtmd.js} +1 -1
- package/{topbar.qNB9efbF.js → topbar.2b8fjmA4.js} +1 -1
- package/utils/get-rect.d.ts +4 -0
- package/utils/get-rect.test.d.ts +1 -0
- package/utils/index.d.ts +2 -1
- package/utils/is-animation-disabled.d.ts +14 -0
- package/utils/is-animation-disabled.test.d.ts +1 -0
- package/assets/CustomReactSelect.B8l6al4B.css +0 -1
- package/assets/InputPassword.CkHF5zCh.css +0 -1
- package/assets/InputSearch.BV8Q2EUL.css +0 -1
- package/assets/InputStepper.DzzrAdma.css +0 -1
- package/assets/Select.e1fTfWmm.css +0 -1
- package/assets/Textarea.BGV7Z0Z9.css +0 -1
- package/assets/input.Cj4tF_F7.css +0 -1
- package/assets/radio.CqaNn1Gz.css +0 -1
- package/chipgroup.Bp_v9IQu.js +0 -186
- package/chunks/Header.CsrzyVil.js +0 -356
- package/chunks/InputPassword.BQU09DJh.js +0 -136
- package/chunks/InputSearch.CXL9ThpX.js +0 -174
- package/chunks/InputStepper.BhLQVAlo.js +0 -263
- package/radio.Dm9bDBzM.js +0 -134
- package/tablist.CcCURua8.js +0 -266
- package/utils/isAnimationDisabled.d.ts +0 -1
- /package/components/{Tabs/TabList/TabList.utils.test.d.ts → Banner/Banner.test.d.ts} +0 -0
|
@@ -8,13 +8,13 @@ import { jsx as f, css as st, keyframes as Jt } from "@emotion/react";
|
|
|
8
8
|
import { createPortal as Lt } from "react-dom";
|
|
9
9
|
import { a as Yt } from "./floating-ui.dom.C9TD1WpB.js";
|
|
10
10
|
import { t as zt } from "./translate.nuU7uChI.js";
|
|
11
|
-
import { g as pe, r as
|
|
12
|
-
import { u as
|
|
11
|
+
import { g as pe, r as jt } from "./helpers.BbWkXTr3.js";
|
|
12
|
+
import { u as kt } from "./useBreakpoint.CMOR9ZOB.js";
|
|
13
13
|
import { Asterisk as Ut } from "../asterisk.CR60hx8S.js";
|
|
14
14
|
import { D as be } from "./Icon.C0161Glk.js";
|
|
15
15
|
import { DSSystemFeedback as Qt } from "../systemfeedback.CLQCbTF6.js";
|
|
16
16
|
import { OptionCheckbox as _t } from "../optioncheckbox.CEEPAq0u.js";
|
|
17
|
-
import '../assets/CustomReactSelect.
|
|
17
|
+
import '../assets/CustomReactSelect.B9f_KYFg.css';function le(n) {
|
|
18
18
|
"@babel/helpers - typeof";
|
|
19
19
|
return le = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
|
|
20
20
|
return typeof e;
|
|
@@ -135,7 +135,7 @@ function un(n) {
|
|
|
135
135
|
typeof c == "function" && (U = c(w, B)), x(U !== void 0 ? U : w);
|
|
136
136
|
}, [c]), z = T(function() {
|
|
137
137
|
typeof b == "function" && b(), E(!0);
|
|
138
|
-
}, [b]),
|
|
138
|
+
}, [b]), j = T(function() {
|
|
139
139
|
typeof d == "function" && d(), E(!1);
|
|
140
140
|
}, [d]), N = s !== void 0 ? s : I, P = o !== void 0 ? o : F, Y = p !== void 0 ? p : R;
|
|
141
141
|
return C(C({}, v), {}, {
|
|
@@ -143,7 +143,7 @@ function un(n) {
|
|
|
143
143
|
menuIsOpen: P,
|
|
144
144
|
onChange: O,
|
|
145
145
|
onInputChange: D,
|
|
146
|
-
onMenuClose:
|
|
146
|
+
onMenuClose: j,
|
|
147
147
|
onMenuOpen: z,
|
|
148
148
|
value: Y
|
|
149
149
|
});
|
|
@@ -325,7 +325,7 @@ function An(n) {
|
|
|
325
325
|
width: e.width
|
|
326
326
|
};
|
|
327
327
|
}
|
|
328
|
-
function
|
|
328
|
+
function je() {
|
|
329
329
|
try {
|
|
330
330
|
return document.createEvent("TouchEvent"), !0;
|
|
331
331
|
} catch {
|
|
@@ -396,10 +396,10 @@ function Xn(n) {
|
|
|
396
396
|
};
|
|
397
397
|
}
|
|
398
398
|
if (t === "auto" || l) {
|
|
399
|
-
var
|
|
400
|
-
return N >= u && (
|
|
399
|
+
var j = e, N = l ? E : A;
|
|
400
|
+
return N >= u && (j = Math.min(N - y - s, e)), {
|
|
401
401
|
placement: "top",
|
|
402
|
-
maxHeight:
|
|
402
|
+
maxHeight: j
|
|
403
403
|
};
|
|
404
404
|
}
|
|
405
405
|
if (t === "bottom")
|
|
@@ -596,7 +596,7 @@ var mt = function(e) {
|
|
|
596
596
|
"--is-disabled": t,
|
|
597
597
|
"--is-rtl": a
|
|
598
598
|
}), u), i);
|
|
599
|
-
},
|
|
599
|
+
}, jn = function(e, i) {
|
|
600
600
|
var u = e.theme.spacing, t = e.isMulti, a = e.hasValue, l = e.selectProps.controlShouldRenderValue;
|
|
601
601
|
return C({
|
|
602
602
|
alignItems: "center",
|
|
@@ -609,7 +609,7 @@ var mt = function(e) {
|
|
|
609
609
|
}, i ? {} : {
|
|
610
610
|
padding: "".concat(u.baseUnit / 2, "px ").concat(u.baseUnit * 2, "px")
|
|
611
611
|
});
|
|
612
|
-
},
|
|
612
|
+
}, kn = function(e) {
|
|
613
613
|
var i = e.children, u = e.innerProps, t = e.isMulti, a = e.hasValue;
|
|
614
614
|
return f("div", h({}, Z(e, "valueContainer", {
|
|
615
615
|
"value-container": !0,
|
|
@@ -628,7 +628,7 @@ var mt = function(e) {
|
|
|
628
628
|
return f("div", h({}, Z(e, "indicatorsContainer", {
|
|
629
629
|
indicators: !0
|
|
630
630
|
}), u), i);
|
|
631
|
-
},
|
|
631
|
+
}, ke, _n = ["size"], $n = ["innerProps", "isRtl", "size"];
|
|
632
632
|
function Kn() {
|
|
633
633
|
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
634
634
|
}
|
|
@@ -703,7 +703,7 @@ var qn = process.env.NODE_ENV === "production" ? {
|
|
|
703
703
|
return f("span", h({}, i, Z(e, "indicatorSeparator", {
|
|
704
704
|
"indicator-separator": !0
|
|
705
705
|
})));
|
|
706
|
-
}, ai = Jt(
|
|
706
|
+
}, ai = Jt(ke || (ke = pn([`
|
|
707
707
|
0%, 80%, 100% { opacity: 0; }
|
|
708
708
|
40% { opacity: 1; }
|
|
709
709
|
`]))), li = function(e, i) {
|
|
@@ -1048,7 +1048,7 @@ var Xi = function(e) {
|
|
|
1048
1048
|
Placeholder: Hi,
|
|
1049
1049
|
SelectContainer: zn,
|
|
1050
1050
|
SingleValue: Ti,
|
|
1051
|
-
ValueContainer:
|
|
1051
|
+
ValueContainer: kn
|
|
1052
1052
|
}, wi = function(e) {
|
|
1053
1053
|
return C(C({}, _), e.components);
|
|
1054
1054
|
}, Ue = Number.isNaN || function(e) {
|
|
@@ -1087,7 +1087,7 @@ function Yi(n, e) {
|
|
|
1087
1087
|
function zi() {
|
|
1088
1088
|
return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
|
|
1089
1089
|
}
|
|
1090
|
-
var
|
|
1090
|
+
var ji = process.env.NODE_ENV === "production" ? {
|
|
1091
1091
|
name: "7pg0cj-a11yText",
|
|
1092
1092
|
styles: "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap"
|
|
1093
1093
|
} : {
|
|
@@ -1095,11 +1095,11 @@ var ki = process.env.NODE_ENV === "production" ? {
|
|
|
1095
1095
|
styles: "label:a11yText;z-index:9999;border:0;clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;position:absolute;overflow:hidden;padding:0;white-space:nowrap;label:A11yText;",
|
|
1096
1096
|
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkExMXlUZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPSSIsImZpbGUiOiJBMTF5VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7IEpTWCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGpzeCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuLy8gQXNzaXN0aXZlIHRleHQgdG8gZGVzY3JpYmUgdmlzdWFsIGVsZW1lbnRzLiBIaWRkZW4gZm9yIHNpZ2h0ZWQgdXNlcnMuXG5jb25zdCBBMTF5VGV4dCA9IChwcm9wczogSlNYLkludHJpbnNpY0VsZW1lbnRzWydzcGFuJ10pID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e3tcbiAgICAgIGxhYmVsOiAnYTExeVRleHQnLFxuICAgICAgekluZGV4OiA5OTk5LFxuICAgICAgYm9yZGVyOiAwLFxuICAgICAgY2xpcDogJ3JlY3QoMXB4LCAxcHgsIDFweCwgMXB4KScsXG4gICAgICBoZWlnaHQ6IDEsXG4gICAgICB3aWR0aDogMSxcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgICAgcGFkZGluZzogMCxcbiAgICAgIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICAgIH19XG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgQTExeVRleHQ7XG4iXX0= */",
|
|
1097
1097
|
toString: zi
|
|
1098
|
-
},
|
|
1098
|
+
}, ki = function(e) {
|
|
1099
1099
|
return f("span", h({
|
|
1100
|
-
css:
|
|
1100
|
+
css: ji
|
|
1101
1101
|
}, e));
|
|
1102
|
-
}, Qe =
|
|
1102
|
+
}, Qe = ki, Ui = {
|
|
1103
1103
|
guidance: function(e) {
|
|
1104
1104
|
var i = e.isSearchable, u = e.isMulti, t = e.tabSelectsValue, a = e.context, l = e.isInitialFocus;
|
|
1105
1105
|
switch (a) {
|
|
@@ -1154,14 +1154,14 @@ var ki = process.env.NODE_ENV === "production" ? {
|
|
|
1154
1154
|
if (i && A.onChange) {
|
|
1155
1155
|
var P = i.option, Y = i.options, w = i.removedValue, B = i.removedValues, U = i.value, oe = function(K) {
|
|
1156
1156
|
return Array.isArray(K) ? null : K;
|
|
1157
|
-
}, W = w || P || oe(U), J = W ? b(W) : "", $ = Y || B || void 0, ne = $ ? $.map(b) : [],
|
|
1157
|
+
}, W = w || P || oe(U), J = W ? b(W) : "", $ = Y || B || void 0, ne = $ ? $.map(b) : [], k = C({
|
|
1158
1158
|
// multiSelected items are usually items that have already been selected
|
|
1159
1159
|
// or set by the user as a default value so we assume they are not disabled
|
|
1160
1160
|
isDisabled: W && m(W, s),
|
|
1161
1161
|
label: J,
|
|
1162
1162
|
labels: ne
|
|
1163
1163
|
}, i);
|
|
1164
|
-
N = A.onChange(
|
|
1164
|
+
N = A.onChange(k);
|
|
1165
1165
|
}
|
|
1166
1166
|
return N;
|
|
1167
1167
|
}, [i, A, m, s, b]), H = ae(function() {
|
|
@@ -1207,7 +1207,7 @@ var ki = process.env.NODE_ENV === "production" ? {
|
|
|
1207
1207
|
});
|
|
1208
1208
|
}
|
|
1209
1209
|
return N;
|
|
1210
|
-
}, [E, u, t, v, m, g, I, A, s, y, D]),
|
|
1210
|
+
}, [E, u, t, v, m, g, I, A, s, y, D]), j = f(Re, null, f("span", {
|
|
1211
1211
|
id: "aria-selection"
|
|
1212
1212
|
}, R), f("span", {
|
|
1213
1213
|
id: "aria-focused"
|
|
@@ -1218,12 +1218,12 @@ var ki = process.env.NODE_ENV === "production" ? {
|
|
|
1218
1218
|
}, z));
|
|
1219
1219
|
return f(Re, null, f(Qe, {
|
|
1220
1220
|
id: r
|
|
1221
|
-
}, D &&
|
|
1221
|
+
}, D && j), f(Qe, {
|
|
1222
1222
|
"aria-live": S,
|
|
1223
1223
|
"aria-atomic": "false",
|
|
1224
1224
|
"aria-relevant": "additions text",
|
|
1225
1225
|
role: "log"
|
|
1226
|
-
}, l && !D &&
|
|
1226
|
+
}, l && !D && j));
|
|
1227
1227
|
}, _i = Qi, Ne = [{
|
|
1228
1228
|
base: "A",
|
|
1229
1229
|
letters: "AⒶAÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ"
|
|
@@ -1735,7 +1735,7 @@ var fu = function(e) {
|
|
|
1735
1735
|
option: Wi,
|
|
1736
1736
|
placeholder: Ni,
|
|
1737
1737
|
singleValue: Di,
|
|
1738
|
-
valueContainer:
|
|
1738
|
+
valueContainer: jn
|
|
1739
1739
|
}, xu = {
|
|
1740
1740
|
primary: "#2684FF",
|
|
1741
1741
|
primary75: "#4C9AFF",
|
|
@@ -1765,8 +1765,8 @@ var fu = function(e) {
|
|
|
1765
1765
|
}, Fu = {
|
|
1766
1766
|
"aria-live": "polite",
|
|
1767
1767
|
backspaceRemovesValue: !0,
|
|
1768
|
-
blurInputOnSelect:
|
|
1769
|
-
captureMenuScroll: !
|
|
1768
|
+
blurInputOnSelect: je(),
|
|
1769
|
+
captureMenuScroll: !je(),
|
|
1770
1770
|
classNames: {},
|
|
1771
1771
|
closeMenuOnSelect: !0,
|
|
1772
1772
|
closeMenuOnScroll: !1,
|
|
@@ -1933,8 +1933,9 @@ var Zt = function(e) {
|
|
|
1933
1933
|
prevWasFocused: !1,
|
|
1934
1934
|
inputIsHiddenAfterUpdate: void 0,
|
|
1935
1935
|
prevProps: void 0,
|
|
1936
|
-
instancePrefix: ""
|
|
1937
|
-
|
|
1936
|
+
instancePrefix: "",
|
|
1937
|
+
isAppleDevice: !1
|
|
1938
|
+
}, t.blockOptionHover = !1, t.isComposing = !1, t.commonProps = void 0, t.initialTouchX = 0, t.initialTouchY = 0, t.openAfterFocus = !1, t.scrollToFocusedOptionOnUpdate = !1, t.userIsDragging = void 0, t.controlRef = null, t.getControlRef = function(o) {
|
|
1938
1939
|
t.controlRef = o;
|
|
1939
1940
|
}, t.focusedOptionRef = null, t.getFocusedOptionRef = function(o) {
|
|
1940
1941
|
t.focusedOptionRef = o;
|
|
@@ -2209,7 +2210,9 @@ var Zt = function(e) {
|
|
|
2209
2210
|
return an(i, [{
|
|
2210
2211
|
key: "componentDidMount",
|
|
2211
2212
|
value: function() {
|
|
2212
|
-
this.startListeningComposition(), this.startListeningToTouch(), this.props.closeMenuOnScroll && document && document.addEventListener && document.addEventListener("scroll", this.onScroll, !0), this.props.autoFocus && this.focusInput(), this.props.menuIsOpen && this.state.focusedOption && this.menuListRef && this.focusedOptionRef && ze(this.menuListRef, this.focusedOptionRef)
|
|
2213
|
+
this.startListeningComposition(), this.startListeningToTouch(), this.props.closeMenuOnScroll && document && document.addEventListener && document.addEventListener("scroll", this.onScroll, !0), this.props.autoFocus && this.focusInput(), this.props.menuIsOpen && this.state.focusedOption && this.menuListRef && this.focusedOptionRef && ze(this.menuListRef, this.focusedOptionRef), vu() && this.setState({
|
|
2214
|
+
isAppleDevice: !0
|
|
2215
|
+
});
|
|
2213
2216
|
}
|
|
2214
2217
|
}, {
|
|
2215
2218
|
key: "componentDidUpdate",
|
|
@@ -2450,7 +2453,7 @@ var Zt = function(e) {
|
|
|
2450
2453
|
"aria-labelledby": this.props["aria-labelledby"],
|
|
2451
2454
|
"aria-required": b,
|
|
2452
2455
|
role: "combobox",
|
|
2453
|
-
"aria-activedescendant": this.isAppleDevice ? void 0 : this.state.focusedOptionId || ""
|
|
2456
|
+
"aria-activedescendant": this.state.isAppleDevice ? void 0 : this.state.focusedOptionId || ""
|
|
2454
2457
|
}, d && {
|
|
2455
2458
|
"aria-controls": this.getElementId("listbox")
|
|
2456
2459
|
}), !l && {
|
|
@@ -2598,13 +2601,13 @@ var Zt = function(e) {
|
|
|
2598
2601
|
}, {
|
|
2599
2602
|
key: "renderMenu",
|
|
2600
2603
|
value: function() {
|
|
2601
|
-
var t = this, a = this.getComponents(), l = a.Group, s = a.GroupHeading, o = a.Menu, r = a.MenuList, c = a.MenuPortal, d = a.LoadingMessage, b = a.NoOptionsMessage, p = a.Option, v = this.commonProps, m = this.state.focusedOption, g = this.props, I = g.captureMenuScroll, x = g.inputValue, V = g.isLoading, y = g.loadingMessage, F = g.minMenuHeight, E = g.maxMenuHeight, S = g.menuIsOpen, A = g.menuPlacement, R = g.menuPosition, H = g.menuPortalTarget, O = g.menuShouldBlockScroll, D = g.menuShouldScrollIntoView, z = g.noOptionsMessage,
|
|
2604
|
+
var t = this, a = this.getComponents(), l = a.Group, s = a.GroupHeading, o = a.Menu, r = a.MenuList, c = a.MenuPortal, d = a.LoadingMessage, b = a.NoOptionsMessage, p = a.Option, v = this.commonProps, m = this.state.focusedOption, g = this.props, I = g.captureMenuScroll, x = g.inputValue, V = g.isLoading, y = g.loadingMessage, F = g.minMenuHeight, E = g.maxMenuHeight, S = g.menuIsOpen, A = g.menuPlacement, R = g.menuPosition, H = g.menuPortalTarget, O = g.menuShouldBlockScroll, D = g.menuShouldScrollIntoView, z = g.noOptionsMessage, j = g.onMenuScrollToTop, N = g.onMenuScrollToBottom;
|
|
2602
2605
|
if (!S) return null;
|
|
2603
2606
|
var P = function(J, $) {
|
|
2604
|
-
var ne = J.type,
|
|
2605
|
-
return t.onOptionHover(
|
|
2607
|
+
var ne = J.type, k = J.data, ie = J.isDisabled, K = J.isSelected, ge = J.label, Nt = J.value, Oe = m === k, Te = ie ? void 0 : function() {
|
|
2608
|
+
return t.onOptionHover(k);
|
|
2606
2609
|
}, Mt = ie ? void 0 : function() {
|
|
2607
|
-
return t.selectOption(
|
|
2610
|
+
return t.selectOption(k);
|
|
2608
2611
|
}, we = "".concat(t.getElementId("option"), "-").concat($), Ht = {
|
|
2609
2612
|
id: we,
|
|
2610
2613
|
onClick: Mt,
|
|
@@ -2612,12 +2615,12 @@ var Zt = function(e) {
|
|
|
2612
2615
|
onMouseOver: Te,
|
|
2613
2616
|
tabIndex: -1,
|
|
2614
2617
|
role: "option",
|
|
2615
|
-
"aria-selected": t.isAppleDevice ? void 0 : K
|
|
2618
|
+
"aria-selected": t.state.isAppleDevice ? void 0 : K
|
|
2616
2619
|
// is not supported on Apple devices
|
|
2617
2620
|
};
|
|
2618
2621
|
return /* @__PURE__ */ X.createElement(p, h({}, v, {
|
|
2619
2622
|
innerProps: Ht,
|
|
2620
|
-
data:
|
|
2623
|
+
data: k,
|
|
2621
2624
|
isDisabled: ie,
|
|
2622
2625
|
isSelected: K,
|
|
2623
2626
|
key: we,
|
|
@@ -2631,9 +2634,9 @@ var Zt = function(e) {
|
|
|
2631
2634
|
if (this.hasOptions())
|
|
2632
2635
|
Y = this.getCategorizedOptions().map(function(W) {
|
|
2633
2636
|
if (W.type === "group") {
|
|
2634
|
-
var J = W.data, $ = W.options, ne = W.index,
|
|
2637
|
+
var J = W.data, $ = W.options, ne = W.index, k = "".concat(t.getElementId("group"), "-").concat(ne), ie = "".concat(k, "-heading");
|
|
2635
2638
|
return /* @__PURE__ */ X.createElement(l, h({}, v, {
|
|
2636
|
-
key:
|
|
2639
|
+
key: k,
|
|
2637
2640
|
data: J,
|
|
2638
2641
|
options: $,
|
|
2639
2642
|
Heading: s,
|
|
@@ -2668,7 +2671,7 @@ var Zt = function(e) {
|
|
|
2668
2671
|
menuPosition: R,
|
|
2669
2672
|
menuShouldScrollIntoView: D
|
|
2670
2673
|
}, oe = /* @__PURE__ */ X.createElement(Zn, h({}, v, U), function(W) {
|
|
2671
|
-
var J = W.ref, $ = W.placerProps, ne = $.placement,
|
|
2674
|
+
var J = W.ref, $ = W.placerProps, ne = $.placement, k = $.maxHeight;
|
|
2672
2675
|
return /* @__PURE__ */ X.createElement(o, h({}, v, U, {
|
|
2673
2676
|
innerRef: J,
|
|
2674
2677
|
innerProps: {
|
|
@@ -2679,7 +2682,7 @@ var Zt = function(e) {
|
|
|
2679
2682
|
placement: ne
|
|
2680
2683
|
}), /* @__PURE__ */ X.createElement(su, {
|
|
2681
2684
|
captureEnabled: I,
|
|
2682
|
-
onTopArrive:
|
|
2685
|
+
onTopArrive: j,
|
|
2683
2686
|
onBottomArrive: N,
|
|
2684
2687
|
lockEnabled: O
|
|
2685
2688
|
}, function(ie) {
|
|
@@ -2693,7 +2696,7 @@ var Zt = function(e) {
|
|
|
2693
2696
|
id: t.getElementId("listbox")
|
|
2694
2697
|
},
|
|
2695
2698
|
isLoading: V,
|
|
2696
|
-
maxHeight:
|
|
2699
|
+
maxHeight: k,
|
|
2697
2700
|
focusedOption: m
|
|
2698
2701
|
}), Y);
|
|
2699
2702
|
}));
|
|
@@ -2761,7 +2764,7 @@ var Zt = function(e) {
|
|
|
2761
2764
|
isFocused: r,
|
|
2762
2765
|
selectValue: c,
|
|
2763
2766
|
focusableOptions: d,
|
|
2764
|
-
isAppleDevice: this.isAppleDevice
|
|
2767
|
+
isAppleDevice: this.state.isAppleDevice
|
|
2765
2768
|
}));
|
|
2766
2769
|
}
|
|
2767
2770
|
}, {
|
|
@@ -2915,7 +2918,7 @@ const Nu = (n) => {
|
|
|
2915
2918
|
if (Array.isArray(i)) {
|
|
2916
2919
|
if (i.length === 0)
|
|
2917
2920
|
throw new Error(pe("DSCombobox", "The options array must not be empty."));
|
|
2918
|
-
} else throw new Error(pe("DSCombobox",
|
|
2921
|
+
} else throw new Error(pe("DSCombobox", jt("options", "DSCombobox")));
|
|
2919
2922
|
}, Qo = ["medium", "small"], Mu = {
|
|
2920
2923
|
placeholder: "",
|
|
2921
2924
|
navigationGuidance: "Use Up and Down to choose options",
|
|
@@ -2979,7 +2982,7 @@ const Nu = (n) => {
|
|
|
2979
2982
|
}, Xe = {
|
|
2980
2983
|
en: Mu,
|
|
2981
2984
|
de: Hu
|
|
2982
|
-
}, Du = "ds-
|
|
2985
|
+
}, Du = "ds-combobox_root_yjj25_1", Ou = "ds-combobox_hint_yjj25_10", Tu = "ds-combobox_label_yjj25_10", wu = "ds-combobox_label--hidden_yjj25_38", Ju = "ds-combobox_label--disabled_yjj25_51", Lu = "ds-combobox_feedback_yjj25_71", Yu = "ds-combobox_select_yjj25_76", zu = "ds-combobox_select--small_yjj25_84", ju = "ds-combobox_select--invalid_yjj25_196", ku = "ds-combobox_select--disabled_yjj25_296", Uu = "ds-combobox_select--focused_yjj25_307", Qu = "ds-combobox_select--hovered_yjj25_324", _u = "ds-combobox_placeholder_yjj25_334", $u = "ds-combobox_menu-list_yjj25_343", Ku = "ds-combobox_group-heading_yjj25_360", qu = "ds-combobox_option_yjj25_382", eo = "ds-combobox_option--small_yjj25_398", to = "ds-combobox_option--single_yjj25_413", no = "ds-combobox_option--disabled_yjj25_416", io = "ds-combobox_option--focus-hover_yjj25_424", uo = "ds-combobox_option--text_yjj25_442", oo = "ds-combobox_option--check-icon_yjj25_445", ao = "ds-combobox_option--check-icon--disabled_yjj25_455", lo = "ds-combobox_single-option_yjj25_464", ro = "ds-combobox_multi-option_yjj25_470", so = "ds-combobox_single-value_yjj25_474", co = "ds-combobox_single-value--text_yjj25_478", bo = "ds-combobox_leading-icon_yjj25_485", go = "ds-combobox_leading-icon--small_yjj25_496", po = "ds-combobox_leading-icon--selected_yjj25_496", Io = "ds-combobox_leading-icon--disabled_yjj25_499", mo = "ds-combobox_indicator_yjj25_508", vo = "ds-combobox_clear_yjj25_509", fo = "ds-combobox_indicator--small_yjj25_515", Co = "ds-combobox_clear--small_yjj25_516", ho = "ds-combobox_indicator--icon_yjj25_520", Ao = "ds-combobox_clear--icon_yjj25_521", Go = "ds-combobox_indicator--icon--small_yjj25_528", xo = "ds-combobox_clear--icon--small_yjj25_529", G = {
|
|
2983
2986
|
root: Du,
|
|
2984
2987
|
hint: Ou,
|
|
2985
2988
|
label: Tu,
|
|
@@ -2987,9 +2990,9 @@ const Nu = (n) => {
|
|
|
2987
2990
|
labelDisabled: Ju,
|
|
2988
2991
|
feedback: Lu,
|
|
2989
2992
|
select: Yu,
|
|
2990
|
-
|
|
2991
|
-
|
|
2992
|
-
selectDisabled:
|
|
2993
|
+
selectSmall: zu,
|
|
2994
|
+
selectInvalid: ju,
|
|
2995
|
+
selectDisabled: ku,
|
|
2993
2996
|
selectFocused: Uu,
|
|
2994
2997
|
selectHovered: Qu,
|
|
2995
2998
|
placeholder: _u,
|
|
@@ -3041,7 +3044,7 @@ const Nu = (n) => {
|
|
|
3041
3044
|
}, x) => {
|
|
3042
3045
|
const [V, y] = ue(!1), F = ae(() => i, [JSON.stringify(i)]), E = Q(null), S = (B) => {
|
|
3043
3046
|
B && (E.current = B, typeof x == "function" ? x(B.inputRef) : x && (x.current = B.inputRef));
|
|
3044
|
-
}, A = p ? p.placeholder : Xe[r].placeholder, R =
|
|
3047
|
+
}, A = p ? p.placeholder : Xe[r].placeholder, R = kt(l), H = `${n}-label`, O = `${n}-feedback`, D = `${n}-hint`, z = a ? ` ${D}` : "", j = () => p ? p.filterNoOptions : Xe[r].filterNoOptions, N = L(G.root, u), P = L(G.label, {
|
|
3045
3048
|
// hide label only visually to keep them available for assistive technologies
|
|
3046
3049
|
[G.labelHidden]: R,
|
|
3047
3050
|
[G.labelDisabled]: t
|
|
@@ -3081,7 +3084,7 @@ const Nu = (n) => {
|
|
|
3081
3084
|
isDisabled: t,
|
|
3082
3085
|
isMulti: o,
|
|
3083
3086
|
isSearchable: !0,
|
|
3084
|
-
noOptionsMessage:
|
|
3087
|
+
noOptionsMessage: j,
|
|
3085
3088
|
options: F,
|
|
3086
3089
|
placeholder: A,
|
|
3087
3090
|
required: c,
|