@tedi-design-system/react 17.0.0 → 17.1.0-rc.10

package/src/tedi/components/form/select/select.es.js

@@ -1,165 +1,257 @@
-import { jsx as s, jsxs as h } from "react/jsx-runtime";
-import ge from "../../../../../external/classnames/index.es.js";
-import p, { forwardRef as Se } from "react";
-import Me from "../../../../../external/react-select/dist/react-select.esm.es.js";
-import be from "../../../../../external/react-select/async/dist/react-select-async.esm.es.js";
-import { FeedbackText as Ie } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as Oe } from "../form-label/form-label.es.js";
-import { SelectClearIndicator as Ce } from "./components/select-clear-indicator.es.js";
-import { SelectControl as ve } from "./components/select-control.es.js";
-import { SelectDropDownIndicator as Le } from "./components/select-dropdown-indicator.es.js";
-import { SelectGroup as he } from "./components/select-group.es.js";
-import { SelectGroupHeading as ye } from "./components/select-group-heading.es.js";
-import { SelectIndicatorsContainer as Ne } from "./components/select-indicators-container.es.js";
-import { SelectInput as Ve } from "./components/select-input.es.js";
-import { SelectLoadingIndicator as Re } from "./components/select-loading-indicator.es.js";
-import { SelectMenu as we } from "./components/select-menu.es.js";
-import { SelectMenuList as _e } from "./components/select-menu-list.es.js";
-import { SelectMenuPortal as $e } from "./components/select-menu-portal.es.js";
-import { SelectMultiValue as xe } from "./components/select-multi-value.es.js";
-import { SelectMultiValueRemove as He } from "./components/select-multi-value-remove.es.js";
-import { SelectOption as Pe } from "./components/select-option.es.js";
-import { SelectValueContainer as Te } from "./components/select-value-container.es.js";
-import o from "./select.module.scss.es.js";
-import { useLabels as De } from "../../../providers/label-provider/use-labels.es.js";
-const Fe = Se(
-  (y, N) => {
+import { jsx as C, jsxs as q } from "react/jsx-runtime";
+import W from "../../../../../external/classnames/index.es.js";
+import r, { forwardRef as Je } from "react";
+import Qe from "../../../../../external/react-select/dist/react-select.esm.es.js";
+import Ye from "../../../../../external/react-select/async/dist/react-select-async.esm.es.js";
+import { FeedbackText as Ze } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as et } from "../form-label/form-label.es.js";
+import { useOptionalInputGroup as tt } from "../input-group/input-group.es.js";
+import ot from "../input-group/input-group.module.scss.es.js";
+import { SELECT_ALL_VALUE as v, GROUP_OPTION_PREFIX as lt, areAllSelected as X, getEnabledOptions as J, isGroupSentinel as Q } from "./components/select-bulk-helpers.es.js";
+import { SelectClearIndicator as nt } from "./components/select-clear-indicator.es.js";
+import { SelectControl as st } from "./components/select-control.es.js";
+import { SelectDropDownIndicator as rt } from "./components/select-dropdown-indicator.es.js";
+import { SelectGroup as at } from "./components/select-group.es.js";
+import { SelectGroupHeading as it } from "./components/select-group-heading.es.js";
+import { SelectIndicatorsContainer as ut } from "./components/select-indicators-container.es.js";
+import { SelectInput as ct } from "./components/select-input.es.js";
+import { SelectLoadingIndicator as dt } from "./components/select-loading-indicator.es.js";
+import { SelectMenu as pt } from "./components/select-menu.es.js";
+import { SelectMenuList as mt } from "./components/select-menu-list.es.js";
+import { SelectMenuPortal as ft } from "./components/select-menu-portal.es.js";
+import { SelectMultiValue as gt } from "./components/select-multi-value.es.js";
+import { SelectMultiValueRemove as bt } from "./components/select-multi-value-remove.es.js";
+import { SelectOption as St } from "./components/select-option.es.js";
+import { SelectSingleValue as vt } from "./components/select-single-value.es.js";
+import { SelectValueContainer as yt } from "./components/select-value-container.es.js";
+import p from "./select.module.scss.es.js";
+import { useLabels as Mt } from "../../../providers/label-provider/use-labels.es.js";
+const ht = Je(
+  (k, Y) => {
+    var z;
     const {
-      options: V,
-      defaultOptions: R,
-      id: a,
-      name: w,
-      iconName: _ = "arrow_drop_down",
-      label: $,
-      required: f,
-      value: x,
-      defaultValue: H,
-      tagsDirection: g = "row",
-      onChange: c,
-      onInputChange: P,
-      inputValue: T,
-      loadOptions: D,
-      isLoading: F,
-      openMenuOnFocus: G = !1,
-      openMenuOnClick: j = !0,
-      tabSelectsValue: k = !1,
-      disabled: S = !1,
-      className: B,
-      hideLabel: E = !1,
-      helper: t,
-      placeholder: q,
-      invalid: z,
-      valid: A,
-      size: d,
-      async: W = !1,
-      renderOption: J,
-      renderMessageListFooter: M,
-      noOptionsMessage: K,
-      loadingMessage: Q,
-      multiple: m = !1,
-      closeMenuOnSelect: U = !m,
-      blurInputOnSelect: b = !1,
-      autoFocus: X = !1,
-      isClearable: Y = !0,
-      isClearIndicatorVisible: Z = !1,
-      isSearchable: I = !0,
-      menuIsOpen: ee,
-      onMenuClose: te,
-      onMenuOpen: oe,
-      onBlur: ae,
-      inputIsHidden: re,
-      isTagRemovable: O = !1,
-      optionGroupHeadingText: ie = { modifiers: "small", color: "tertiary" },
-      cacheOptions: ne = !0,
-      showRadioButtons: le = !1,
-      renderWithoutLabel: se,
-      tooltip: ce,
-      classNames: C
-    } = y, v = t ? (t == null ? void 0 : t.id) ?? `${a}-helper` : void 0, i = p.useRef(null), { getLabel: L } = De();
-    p.useImperativeHandle(
-      N,
-      () => i.current
+      options: u,
+      defaultOptions: Z,
+      id: _,
+      name: ee,
+      iconName: te = "arrow_drop_down",
+      label: oe,
+      required: R,
+      value: D,
+      defaultValue: N,
+      tagsDirection: L = "stack",
+      onChange: V,
+      onInputChange: le,
+      inputValue: ne,
+      loadOptions: se,
+      isLoading: re,
+      openMenuOnFocus: ae = !1,
+      openMenuOnClick: ie = !0,
+      tabSelectsValue: ue = !1,
+      disabled: F = !1,
+      className: ce,
+      hideLabel: de = !1,
+      helper: a,
+      placeholder: pe,
+      invalid: me,
+      valid: fe,
+      size: w,
+      async: ge = !1,
+      renderOption: be,
+      renderMessageListFooter: x,
+      noOptionsMessage: Se,
+      loadingMessage: ve,
+      multiple: y = !1,
+      showSelectAll: G = !1,
+      selectableGroups: P = !1,
+      dropdownType: ye = "menu",
+      renderValue: Me,
+      closeMenuOnSelect: he = !y,
+      blurInputOnSelect: T = !1,
+      autoFocus: Ie = !1,
+      isClearable: Oe = !0,
+      isClearIndicatorVisible: Ce = !1,
+      isSearchable: $ = !0,
+      menuIsOpen: Le,
+      onMenuClose: Ve,
+      onMenuOpen: we,
+      onBlur: Ae,
+      inputIsHidden: ke,
+      isTagRemovable: _e = !1,
+      backspaceRemovesValue: Re = !1,
+      optionGroupHeadingText: De = { modifiers: "small", color: "tertiary" },
+      cacheOptions: Ne = !0,
+      showRadioButtons: Fe = !1,
+      renderWithoutLabel: xe,
+      tooltip: Ge,
+      classNames: E
+    } = k, m = (z = tt) == null ? void 0 : z(), Pe = r.useId(), Te = m == null ? void 0 : m.hasExternalLabel, A = k.id ?? (m == null ? void 0 : m.inputId) ?? Pe, H = a ? (a == null ? void 0 : a.id) ?? `${A}-helper` : void 0, h = r.useRef(null), { getLabel: I } = Mt();
+    r.useImperativeHandle(
+      Y,
+      () => h.current
     );
-    const de = (r) => {
-      c == null || c(r), !b && i.current && setTimeout(() => {
-        var n, l;
-        return (l = (n = i.current) == null ? void 0 : n.inputRef) == null ? void 0 : l.focus();
+    const g = !!G && y, [$e, Ee] = r.useState(N ?? null), j = D !== void 0, f = j ? D : $e, c = r.useMemo(() => Array.isArray(f) ? f : f ? [f] : [], [f]), O = r.useMemo(
+      () => ({ value: v, label: I("select.select-all") }),
+      [I]
+    ), b = !!P && !!y, { groupFlattenedOptions: K, groupSentinelMap: M } = r.useMemo(() => {
+      const t = /* @__PURE__ */ new Map();
+      if (!b || !u || u.length === 0)
+        return { groupFlattenedOptions: null, groupSentinelMap: t };
+      if (!u.some((e) => e && Array.isArray(e.options))) return { groupFlattenedOptions: null, groupSentinelMap: t };
+      const l = [], i = /* @__PURE__ */ new Map();
+      for (const e of u)
+        if (e && Array.isArray(e.options)) {
+          const o = e, n = `${lt}${o.label ?? ""}`, d = o.options.filter((S) => !S.isDisabled);
+          i.set(n, { enabled: d }), l.push({ value: n, label: o.label ?? "" });
+          for (const S of o.options)
+            l.push({
+              ...S,
+              customData: { ...S.customData ?? {}, __tediInGroup: !0 }
+            });
+        } else
+          l.push(e);
+      return { groupFlattenedOptions: l, groupSentinelMap: i };
+    }, [u, b]), He = r.useMemo(() => {
+      let t = K ?? u;
+      return g && t && t.length > 0 && (t = [O, ...t]), t;
+    }, [u, K, g, O]), je = r.useMemo(() => {
+      const t = [];
+      if (b && M.size > 0)
+        for (const [s, l] of M)
+          l.enabled.length > 0 && X(c, l.enabled) && t.push({ value: s, label: "" });
+      if (g) {
+        const s = J(u ?? []);
+        s.length > 0 && X(c, s) && t.push(O);
+      }
+      return t.length === 0 ? f : [...c, ...t];
+    }, [
+      f,
+      c,
+      u,
+      b,
+      M,
+      g,
+      O
+    ]), Ke = (t, s) => {
+      let l = t;
+      const i = s.option;
+      if (b && i && M.has(i.value)) {
+        const e = M.get(i.value).enabled;
+        if (s.action === "select-option") {
+          const o = [...c];
+          for (const n of e)
+            o.some((d) => d.value === n.value) || o.push(n);
+          l = o;
+        } else s.action === "deselect-option" && (l = c.filter((o) => !e.some((n) => n.value === o.value)));
+      } else if (g) {
+        const e = J(u ?? []), o = (i == null ? void 0 : i.value) === v;
+        o && s.action === "select-option" ? l = [...c.filter(
+          (d) => d.value !== v && !e.some((S) => S.value === d.value)
+        ), ...e] : o && s.action === "deselect-option" && (l = c.filter(
+          (n) => n.value !== v && !e.some((d) => d.value === n.value)
+        ));
+      }
+      Array.isArray(l) && (l = l.filter((e) => e.value !== v && !Q(e))), j || Ee(l), V == null || V(l), !T && h.current && setTimeout(() => {
+        var e, o;
+        return (o = (e = h.current) == null ? void 0 : e.inputRef) == null ? void 0 : o.focus();
       }, 0);
-    }, me = p.useCallback(
-      (r) => /* @__PURE__ */ s(_e, { ...r, renderMessageListFooter: M }),
-      [M]
-    ), ue = () => {
-      const r = {
-        ClearIndicator: (e) => Ce({ isClearIndicatorVisible: Z, ...e }),
-        DropdownIndicator: () => Le({ iconName: _ }),
+    }, Ue = r.useCallback(
+      (t, s) => t.data.value === v || Q(t.data) || !s ? !0 : String(t.label).toLowerCase().includes(s.toLowerCase()),
+      []
+    ), [U, B] = r.useState(!1), Be = (t) => {
+      (t.key === "ArrowUp" || t.key === "ArrowDown" || t.key === "Home" || t.key === "End" || t.key === "PageUp" || t.key === "PageDown" || t.key === "Tab") && (U || B(!0));
+    }, ze = r.useCallback(() => {
+      B((t) => t && !1);
+    }, []), qe = r.useCallback(
+      (t) => /* @__PURE__ */ C(mt, { ...t, renderMessageListFooter: x }),
+      [x]
+    ), We = () => {
+      const t = {
+        ClearIndicator: (e) => nt({ isClearIndicatorVisible: Ce, ...e }),
+        DropdownIndicator: () => rt({ iconName: te }),
         IndicatorSeparator: () => null,
-        MenuPortal: $e,
-        Menu: we,
-        MenuList: me,
-        Option: (e) => Pe({ renderOption: J, multiple: m, showRadioButtons: le, ...e }),
-        Control: ve,
-        Input: Ve,
-        MultiValue: (e) => xe({ isTagRemovable: O, ...e }),
-        MultiValueRemove: He,
-        Group: he,
-        GroupHeading: (e) => ye({ optionGroupHeadingText: ie, ...e }),
-        IndicatorsContainer: Ne,
-        ValueContainer: Te,
-        LoadingIndicator: Re
-      }, n = W ? be : Me, l = () => L("select.no-options"), fe = () => L("select.loading");
-      return /* @__PURE__ */ s(
-        n,
+        MenuPortal: ft,
+        Menu: pt,
+        MenuList: qe,
+        Option: (e) => St({ renderOption: be, multiple: y, showRadioButtons: Fe, ...e }),
+        Control: st,
+        Input: ct,
+        MultiValue: (e) => gt({ isTagRemovable: _e, ...e }),
+        MultiValueRemove: bt,
+        SingleValue: vt,
+        Group: at,
+        GroupHeading: (e) => it({ optionGroupHeadingText: De, ...e }),
+        IndicatorsContainer: ut,
+        ValueContainer: yt,
+        LoadingIndicator: dt
+      }, s = ge ? Ye : Qe, l = () => I("select.no-options"), i = () => I("select.loading");
+      return /* @__PURE__ */ C(
+        s,
         {
-          id: a,
-          "aria-describedby": v,
-          autoFocus: X,
-          ref: i,
-          instanceId: a,
+          tagsDirection: L,
+          showSelectAll: G,
+          selectableGroups: P,
+          dropdownType: ye,
+          renderValue: Me,
+          keyboardMode: U,
+          exitKeyboardMode: ze,
+          onKeyDown: Be,
+          id: A,
+          "aria-describedby": H,
+          autoFocus: Ie,
+          ref: h,
+          instanceId: _,
           className: "tedi-select__wrapper",
-          name: w,
-          options: V,
-          defaultOptions: R,
-          value: x,
-          defaultValue: H,
-          cacheOptions: ne,
-          onChange: de,
-          onInputChange: P,
-          onBlur: ae,
-          inputValue: T,
-          inputId: `${a}-input`,
-          loadOptions: D,
-          isLoading: F,
-          noOptionsMessage: K || l,
-          loadingMessage: Q || fe,
+          name: ee,
+          options: He,
+          defaultOptions: Z,
+          value: je,
+          defaultValue: N,
+          cacheOptions: Ne,
+          onChange: Ke,
+          filterOption: g || b ? Ue : void 0,
+          onInputChange: le,
+          onBlur: Ae,
+          inputValue: ne,
+          inputId: `${_}-input`,
+          loadOptions: se,
+          isLoading: re,
+          noOptionsMessage: Se || l,
+          loadingMessage: ve || i,
           classNamePrefix: "select",
-          components: r,
-          isDisabled: S,
-          isSearchable: I,
-          menuIsOpen: ee,
-          openMenuOnFocus: G,
-          openMenuOnClick: j,
-          tabSelectsValue: k,
-          onMenuClose: te,
-          onMenuOpen: oe,
-          placeholder: q || "",
-          isClearable: Y,
-          backspaceRemovesValue: O,
+          components: t,
+          isDisabled: F,
+          isSearchable: $,
+          menuIsOpen: Le,
+          openMenuOnFocus: ae,
+          openMenuOnClick: ie,
+          tabSelectsValue: ue,
+          onMenuClose: Ve,
+          onMenuOpen: we,
+          placeholder: pe || "",
+          isClearable: Oe,
+          backspaceRemovesValue: Re,
           menuShouldScrollIntoView: !0,
-          isMulti: m,
+          isMulti: y,
           hideSelectedOptions: !1,
-          closeMenuOnSelect: U,
-          blurInputOnSelect: b,
+          closeMenuOnSelect: he,
+          blurInputOnSelect: T,
           menuPlacement: "auto",
-          inputIsHidden: re,
-          required: f,
+          inputIsHidden: ke,
+          required: R,
           menuPortalTarget: document.body,
           menuPosition: "absolute",
-          classNames: C ? Object.fromEntries(
-            Object.entries(C).map(([e, u]) => [
-              e,
-              typeof u == "string" ? () => u : u
-            ])
-          ) : void 0,
+          classNames: (() => {
+            const e = {};
+            if (E)
+              for (const [o, n] of Object.entries(E))
+                e[o] = typeof n == "string" ? () => n : n;
+            if (m) {
+              const o = e.control;
+              e.control = (n) => W(o == null ? void 0 : o(n), ot["tedi-input-group__input"]);
+            }
+            return Object.keys(e).length > 0 ? e : void 0;
+          })(),
           theme: (e) => ({
             ...e,
             colors: {
@@ -177,37 +269,38 @@ const Fe = Se(
           }
         }
       );
-    }, pe = ge(
-      o["tedi-select"],
-      B,
-      { [o["tedi-select--invalid"]]: z || (t == null ? void 0 : t.type) === "error" },
-      { [o["tedi-select--valid"]]: A || (t == null ? void 0 : t.type) === "valid" },
-      { [o[`tedi-select--${d}`]]: d },
-      { [o[`tedi-select--tags-${g}`]]: g },
-      { [o["tedi-select--searchable"]]: I },
-      { [o["tedi-select--disabled"]]: S }
+    }, Xe = W(
+      p["tedi-select"],
+      ce,
+      { [p["tedi-select--invalid"]]: me || (a == null ? void 0 : a.type) === "error" },
+      { [p["tedi-select--valid"]]: fe || (a == null ? void 0 : a.type) === "valid" },
+      { [p[`tedi-select--${w}`]]: w },
+      { [p[`tedi-select--tags-${L}`]]: L },
+      { [p["tedi-select--searchable"]]: $ },
+      { [p["tedi-select--disabled"]]: F }
     );
-    return /* @__PURE__ */ h("div", { "data-name": "select", className: pe, children: [
-      /* @__PURE__ */ h("div", { className: o["tedi-select__inner"], children: [
-        /* @__PURE__ */ s(
-          Oe,
+    return /* @__PURE__ */ q("div", { "data-name": "select", className: Xe, children: [
+      /* @__PURE__ */ q("div", { className: p["tedi-select__inner"], children: [
+        !Te && /* @__PURE__ */ C(
+          et,
           {
-            id: `${a}-input`,
-            label: $,
-            required: f,
-            hideLabel: E,
-            size: d,
-            renderWithoutLabel: se,
-            tooltip: ce
+            id: `${A}-input`,
+            label: oe,
+            required: R,
+            hideLabel: de,
+            size: w,
+            renderWithoutLabel: xe,
+            tooltip: Ge
           }
         ),
-        ue()
+        We()
       ] }),
-      t && /* @__PURE__ */ s(Ie, { ...t, id: v })
+      a && /* @__PURE__ */ C(Ze, { ...a, id: H })
     ] });
   }
 );
-Fe.displayName = "Select";
+ht.displayName = "Select";
 export {
-  Fe as Select
+  ht as Select,
+  ht as default
 };

package/src/tedi/components/form/select/select.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-select__control":"tedi-select__control-dbce8bb7","tedi-select__value-container":"tedi-select__value-container-253d079a","tedi-select__indicators-container":"tedi-select__indicators-container-0fc8fa2a","tedi-select__input":"tedi-select__input-5525b622","tedi-select--invalid":"tedi-select--invalid-3901c89c","tedi-select__control--focused":"tedi-select__control--focused-0e632efe","tedi-select--valid":"tedi-select--valid-969c0297","tedi-select__arrow":"tedi-select__arrow-94b5ef4a","tedi-select__loading-indicator":"tedi-select__loading-indicator-a35a63ca","tedi-select--disabled":"tedi-select--disabled-2d4b8ddd","tedi-select__menu-portal":"tedi-select__menu-portal-d5349f37","tedi-select__menu":"tedi-select__menu-bf54b75b","tedi-select__menu-list":"tedi-select__menu-list-0aa06e24","tedi-select__menu-list-inner":"tedi-select__menu-list-inner-471e5cf8","tedi-select__menu-list-footer":"tedi-select__menu-list-footer-eb1d3bbc","tedi-select__option":"tedi-select__option-6f811381","tedi-select__option--disabled":"tedi-select__option--disabled-d3aff112","tedi-select__option--focused":"tedi-select__option--focused-1d972ff1","tedi-select__option--selected":"tedi-select__option--selected-a93e5fb0","tedi-select--small":"tedi-select--small-2659608b","tedi-select__multi-value-item":"tedi-select__multi-value-item-b8ec59ae","tedi-select__checkbox":"tedi-select__checkbox-e4f94b67","tedi-select":"tedi-select-8b014852","tedi-select__group":"tedi-select__group-b275e954","tedi-select__group-heading":"tedi-select__group-heading-02b3d9bc","tedi-select__multi-value-clear":"tedi-select__multi-value-clear-d231f7de","tedi-select--tags-row":"tedi-select--tags-row-c9f33e4b","tedi-select--searchable":"tedi-select--searchable-d56eb325","tedi-select--tags-stack":"tedi-select--tags-stack-ddb929a9","tedi-select__separator":"tedi-select__separator-b1045f3f"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-select__control":"tedi-select__control-dbce8bb7","tedi-select__value-container":"tedi-select__value-container-253d079a","tedi-select__indicators-container":"tedi-select__indicators-container-0fc8fa2a","tedi-select__input":"tedi-select__input-5525b622","tedi-select":"tedi-select-8b014852","tedi-select--disabled":"tedi-select--disabled-2d4b8ddd","tedi-select--invalid":"tedi-select--invalid-3901c89c","tedi-select--valid":"tedi-select--valid-969c0297","tedi-select__control--focused":"tedi-select__control--focused-0e632efe","tedi-select__arrow":"tedi-select__arrow-94b5ef4a","tedi-select__loading-indicator":"tedi-select__loading-indicator-a35a63ca","tedi-select__dropdown-indicator":"tedi-select__dropdown-indicator-5a948baa","tedi-select__clear-indicator":"tedi-select__clear-indicator-68b60b12","tedi-select__menu-portal":"tedi-select__menu-portal-d5349f37","tedi-select__menu":"tedi-select__menu-bf54b75b","tedi-select__menu-list--grid":"tedi-select__menu-list--grid-393f3232","tedi-select__menu-list":"tedi-select__menu-list-0aa06e24","tedi-select__menu-list-inner":"tedi-select__menu-list-inner-471e5cf8","tedi-select__menu-list-footer":"tedi-select__menu-list-footer-eb1d3bbc","tedi-select__option":"tedi-select__option-6f811381","tedi-select__option--disabled":"tedi-select__option--disabled-d3aff112","tedi-select__option--focused":"tedi-select__option--focused-1d972ff1","tedi-select__option--selected":"tedi-select__option--selected-a93e5fb0","tedi-select--small":"tedi-select--small-2659608b","tedi-select__multi-value-item":"tedi-select__multi-value-item-b8ec59ae","tedi-select__checkbox":"tedi-select__checkbox-e4f94b67","tedi-select__group":"tedi-select__group-b275e954","tedi-select__group-heading":"tedi-select__group-heading-02b3d9bc","tedi-select__group-heading--selectable":"tedi-select__group-heading--selectable-c84cd617","tedi-select__option--indented":"tedi-select__option--indented-bf4a1661","tedi-select__multi-value-clear":"tedi-select__multi-value-clear-d231f7de","tedi-select--tags-row":"tedi-select--tags-row-c9f33e4b","tedi-select__overflow-tag":"tedi-select__overflow-tag-c0391df2","tedi-select__menu-list--keyboard":"tedi-select__menu-list--keyboard-3d066942","tedi-select__select-all":"tedi-select__select-all-12c3e7f1","tedi-select__group-heading-toggle":"tedi-select__group-heading-toggle-34296a63","tedi-select--tags-stack":"tedi-select--tags-stack-ddb929a9","tedi-select__separator":"tedi-select__separator-b1045f3f","tedi-select--searchable":"tedi-select--searchable-d56eb325"};exports.default=e;

package/src/tedi/components/form/select/select.module.scss.es.js

@@ -3,14 +3,18 @@ const e = {
   "tedi-select__value-container": "tedi-select__value-container-253d079a",
   "tedi-select__indicators-container": "tedi-select__indicators-container-0fc8fa2a",
   "tedi-select__input": "tedi-select__input-5525b622",
+  "tedi-select": "tedi-select-8b014852",
+  "tedi-select--disabled": "tedi-select--disabled-2d4b8ddd",
   "tedi-select--invalid": "tedi-select--invalid-3901c89c",
-  "tedi-select__control--focused": "tedi-select__control--focused-0e632efe",
   "tedi-select--valid": "tedi-select--valid-969c0297",
+  "tedi-select__control--focused": "tedi-select__control--focused-0e632efe",
   "tedi-select__arrow": "tedi-select__arrow-94b5ef4a",
   "tedi-select__loading-indicator": "tedi-select__loading-indicator-a35a63ca",
-  "tedi-select--disabled": "tedi-select--disabled-2d4b8ddd",
+  "tedi-select__dropdown-indicator": "tedi-select__dropdown-indicator-5a948baa",
+  "tedi-select__clear-indicator": "tedi-select__clear-indicator-68b60b12",
   "tedi-select__menu-portal": "tedi-select__menu-portal-d5349f37",
   "tedi-select__menu": "tedi-select__menu-bf54b75b",
+  "tedi-select__menu-list--grid": "tedi-select__menu-list--grid-393f3232",
   "tedi-select__menu-list": "tedi-select__menu-list-0aa06e24",
   "tedi-select__menu-list-inner": "tedi-select__menu-list-inner-471e5cf8",
   "tedi-select__menu-list-footer": "tedi-select__menu-list-footer-eb1d3bbc",
@@ -21,14 +25,19 @@ const e = {
   "tedi-select--small": "tedi-select--small-2659608b",
   "tedi-select__multi-value-item": "tedi-select__multi-value-item-b8ec59ae",
   "tedi-select__checkbox": "tedi-select__checkbox-e4f94b67",
-  "tedi-select": "tedi-select-8b014852",
   "tedi-select__group": "tedi-select__group-b275e954",
   "tedi-select__group-heading": "tedi-select__group-heading-02b3d9bc",
+  "tedi-select__group-heading--selectable": "tedi-select__group-heading--selectable-c84cd617",
+  "tedi-select__option--indented": "tedi-select__option--indented-bf4a1661",
   "tedi-select__multi-value-clear": "tedi-select__multi-value-clear-d231f7de",
   "tedi-select--tags-row": "tedi-select--tags-row-c9f33e4b",
-  "tedi-select--searchable": "tedi-select--searchable-d56eb325",
+  "tedi-select__overflow-tag": "tedi-select__overflow-tag-c0391df2",
+  "tedi-select__menu-list--keyboard": "tedi-select__menu-list--keyboard-3d066942",
+  "tedi-select__select-all": "tedi-select__select-all-12c3e7f1",
+  "tedi-select__group-heading-toggle": "tedi-select__group-heading-toggle-34296a63",
   "tedi-select--tags-stack": "tedi-select--tags-stack-ddb929a9",
-  "tedi-select__separator": "tedi-select__separator-b1045f3f"
+  "tedi-select__separator": "tedi-select__separator-b1045f3f",
+  "tedi-select--searchable": "tedi-select--searchable-d56eb325"
 };
 export {
   e as default

package/src/tedi/components/form/slider/slider.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),m=require("../../../../../external/classnames/index.cjs.js"),e=require("react"),ne=require("../../overlays/tooltip/tooltip.cjs.js"),de=require("../../overlays/tooltip/tooltip-content.cjs.js"),oe=require("../../overlays/tooltip/tooltip-trigger.cjs.js"),ue=require("../feedback-text/feedback-text.cjs.js"),ce=require("../form-label/form-label.cjs.js"),t=require("./slider.module.scss.cjs.js"),fe=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),h=e.forwardRef((x,F)=>{const{getCurrentBreakpointProps:V}=fe.useBreakpointProps(x.defaultServerBreakpoint),{id:E,name:P,label:_,hideLabel:R,required:k,min:r=0,max:d=100,step:D=1,value:c,defaultValue:$,onChange:o,disabled:s=!1,invalid:H=!1,minLabel:f,maxLabel:O,showCurrentValue:p=!1,valueFormatter:j,tooltip:U=!0,addonRight:w,helper:l,className:z,"aria-label":A,"aria-labelledby":G,"aria-valuetext":J}=V(x),K=e.useId(),v=E??`tedi-slider-${K}`,L=l?l.id??`${v}-helper`:void 0,[Q,W]=e.useState($??r),u=Math.min(d,Math.max(r,c??Q)),[X,N]=e.useState(!1),[Y,C]=e.useState(!1),[i,S]=e.useState(!1),T=!!U&&!s,Z=T&&(X||Y||i),ee=e.useCallback(()=>N(!0),[]),ae=e.useCallback(()=>N(!1),[]),te=e.useCallback(()=>C(!0),[]),le=e.useCallback(()=>C(!1),[]),q=e.useRef(null),n=e.useCallback(()=>{q.current=null,S(!1)},[]);e.useEffect(()=>{if(i)return window.addEventListener("pointerup",n),window.addEventListener("pointercancel",n),()=>{window.removeEventListener("pointerup",n),window.removeEventListener("pointercancel",n)}},[i,n]);const re=e.useCallback(g=>{s||(q.current=g.pointerId,S(!0))},[s]),se=e.useCallback(g=>{const B=Number(g.target.value);c===void 0&&W(B),o==null||o(B)},[o,c]),I=H||(l==null?void 0:l.type)==="error",M=d===r?0:(u-r)/(d-r)*100,y=j?j(u):u,b=p?y:O,ie=m.default(t.default["tedi-slider"],{[t.default["tedi-slider--disabled"]]:s,[t.default["tedi-slider--invalid"]]:I,[t.default["tedi-slider--dragging"]]:i&&!s},z);return a.jsxs("div",{"data-name":"slider",className:ie,children:[_&&a.jsx(ce.FormLabel,{id:v,label:_,required:k,hideLabel:R}),a.jsxs("div",{className:t.default["tedi-slider__container"],children:[a.jsxs("div",{className:t.default["tedi-slider__track-row"],children:[f!=null&&a.jsx("span",{className:t.default["tedi-slider__range-label"],"aria-hidden":"true",children:f}),a.jsxs("div",{className:t.default["tedi-slider__track"],style:{"--tedi-slider-progress":`${M}%`,"--tedi-slider-progress-ratio":`${M/100}`},children:[a.jsx("input",{ref:F,id:v,name:P,type:"range",min:r,max:d,step:D,value:u,disabled:s,required:k,"aria-invalid":I?"true":void 0,"aria-describedby":L,"aria-label":A,"aria-labelledby":G,"aria-valuetext":J,onChange:se,onMouseEnter:ee,onMouseLeave:ae,onPointerDown:re,onFocus:te,onBlur:le,className:m.default(t.default["tedi-slider__input"],{[t.default["tedi-slider__input--dragging"]]:i})}),T&&a.jsxs(ne.Tooltip,{open:Z,onToggle:()=>{},focusManager:{returnFocus:!1,initialFocus:-1},placement:"top",trackReferencePosition:!0,children:[a.jsx(oe.TooltipTrigger,{children:a.jsx("span",{className:t.default["tedi-slider__thumb-anchor"],"aria-hidden":"true",tabIndex:-1})}),a.jsx(de.TooltipContent,{children:y})]})]}),b!=null&&a.jsx("span",{className:t.default["tedi-slider__range-label"],"aria-hidden":p?void 0:"true","aria-live":p?"polite":void 0,children:b})]}),w&&a.jsx("div",{className:t.default["tedi-slider__addon"],children:w})]}),l&&a.jsx(ue.FeedbackText,{...l,id:L,className:m.default(t.default["tedi-slider__feedback"],l.className)})]})});h.displayName="Slider";exports.Slider=h;exports.default=h;