@stenajs-webui/select 19.0.4 → 20.0.0

package/dist/index.es.js

@@ -1,13 +1,12 @@
-(function(){"use strict";try{var e=document.createElement("style");e.appendChild(document.createTextNode("")),document.head.appendChild(e)}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import { jsx as i, jsxs as h } from "react/jsx-runtime";
 import * as R from "react";
 import { useMemo as p, memo as _, createElement as j } from "react";
 import H, { mergeStyles as w, components as b } from "react-select";
 import V from "react-select/async";
 import { cssColor as f } from "@stenajs-webui/theme";
-import { CloseButton as B, Icon as N, stenaCheck as U, Chip as T, FlatButton as q } from "@stenajs-webui/elements";
-import { Row as k, Space as y, Text as E, Column as X, Spacing as I } from "@stenajs-webui/core";
-import { uniqWith as Y, isEqual as S, intersectionWith as L, differenceWith as J } from "lodash";
+import { CloseButton as y, Icon as N, stenaCheck as U, Chip as T, FlatButton as q } from "@stenajs-webui/elements";
+import { Row as S, Space as O, Text as E, Column as X, Spacing as I } from "@stenajs-webui/core";
+import { uniqWith as Y, isEqual as k, intersectionWith as L, differenceWith as J } from "lodash";
 import K from "react-select/creatable";
 const W = {
   arrowColor: {
@@ -95,7 +94,7 @@ const W = {
   input: o,
   multiSelect: t,
   clearButtonColor: n,
-  arrowColor: i,
+  arrowColor: a,
   groupHeading: c,
   loadingIndicator: s
 }, m) => ({
@@ -119,6 +118,7 @@ const W = {
   }),
   control: (l, { isFocused: d, isDisabled: u, menuIsOpen: C }) => ({
     ...l,
+    // none of react-selects styles are passed to <View />
     fontFamily: o.fontFamily,
     fontSize: o.fontSize,
     minHeight: o.minHeight,
@@ -214,9 +214,9 @@ const W = {
   dropdownIndicator: (l, { isFocused: d, isDisabled: u }) => ({
     ...l,
     padding: "5px",
-    color: u ? i.disabled : d ? i.focused.standard : i.closed.standard,
+    color: u ? a.disabled : d ? a.focused.standard : a.closed.standard,
     "&:hover": {
-      color: u ? i.disabled : d ? i.focused.hover : i.closed.hover
+      color: u ? a.disabled : d ? a.focused.hover : a.closed.hover
     },
     svg: {
       width: 14,
@@ -273,54 +273,54 @@ const W = {
     fontSize: o.fontSize
   })
 }), x = (e) => D(W, e);
-function ke({
+function Se({
   variant: e = "standard",
   styles: r,
   isMulti: o,
   ...t
 }) {
   const n = p(() => {
-    const i = x(e);
-    return r ? w(i, r) : i;
+    const a = x(e);
+    return r ? w(a, r) : a;
   }, [e, r]);
-  return /* @__PURE__ */ a(V, { styles: n, ...t, isMulti: !0 });
+  return /* @__PURE__ */ i(V, { styles: n, ...t, isMulti: !0 });
 }
-function Se({
+function ke({
   variant: e = "standard",
   styles: r,
   isMulti: o,
   ...t
 }) {
   const n = p(() => {
-    const i = x(e);
-    return r ? w(i, r) : i;
+    const a = x(e);
+    return r ? w(a, r) : a;
   }, [e, r]);
-  return /* @__PURE__ */ a(V, { styles: n, ...t, isMulti: !1 });
+  return /* @__PURE__ */ i(V, { styles: n, ...t, isMulti: !1 });
 }
-function O({
+function B({
   variant: e = "standard",
   styles: r,
   isMulti: o,
   components: t,
   ...n
 }) {
-  const i = p(() => {
+  const a = p(() => {
     const s = x(e);
     return r ? w(s, r) : s;
   }, [e, r]);
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     H,
     {
-      styles: i,
-      components: { ...t, ClearIndicator: (s) => /* @__PURE__ */ a(B, { "aria-label": "Clear", onClick: s.clearValue }) },
+      styles: a,
+      components: { ...t, ClearIndicator: (s) => /* @__PURE__ */ i(y, { "aria-label": "Clear", onClick: s.clearValue }) },
       ...n,
       isMulti: !0
     }
   );
 }
 function Ie(e) {
-  return /* @__PURE__ */ a(
-    O,
+  return /* @__PURE__ */ i(
+    B,
     {
       hideSelectedOptions: !1,
       ...e,
@@ -359,28 +359,28 @@ const ee = _(
       components: {
         Container: b.MultiValueContainer,
         Label: b.MultiValueLabel,
-        Remove: () => /* @__PURE__ */ a("div", { style: { height: 16, margin: 3, marginTop: 4 } })
+        Remove: () => /* @__PURE__ */ i("div", { style: { height: 16, margin: 3, marginTop: 4 } })
       }
     },
     "+" + (e.length - 1)
   )
 ] : e : null;
-function ye({
+function Oe({
   variant: e = "standard",
   styles: r,
   isMulti: o,
   components: t,
   ...n
 }) {
-  const i = p(() => {
+  const a = p(() => {
     const s = x(e);
     return r ? w(s, r) : s;
   }, [e, r]);
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     H,
     {
-      styles: i,
-      components: { ...t, ClearIndicator: (s) => /* @__PURE__ */ a(B, { "aria-label": "Clear", onClick: s.clearValue }) },
+      styles: a,
+      components: { ...t, ClearIndicator: (s) => /* @__PURE__ */ i(y, { "aria-label": "Clear", onClick: s.clearValue }) },
       ...n,
       isMulti: !1
     }
@@ -389,21 +389,21 @@ function ye({
 const F = (e, r) => J(
   r,
   [...e.internalOptions, e],
-  S
+  k
 ).map(g), re = (e) => !("internalOptions" in e), v = (e) => e.filter(re).map(g), te = (e) => (r, o) => {
-  const t = r != null ? r : [];
+  const t = r ?? [];
   switch (o.action) {
     case "select-option":
       if (o.option && "internalOptions" in o.option) {
         const n = Y(
           t.reduce(
-            (i, c) => "internalOptions" in c ? [...i, ...c.internalOptions] : [
-              ...i,
+            (a, c) => "internalOptions" in c ? [...a, ...c.internalOptions] : [
+              ...a,
               g(c)
             ],
             []
           ),
-          S
+          k
         );
         e(n, o);
       } else
@@ -456,12 +456,12 @@ const F = (e, r) => J(
     ie(t.options, r) && o.push(
       A(t)
     ), o.push(
-      ...L(t.options, r, S).map(
+      ...L(t.options, r, k).map(
         (n) => G(n)
       )
     );
   }), o;
-}, ie = (e, r) => r ? L(e, r, S).length === e.length : !1, G = (e) => ({
+}, ie = (e, r) => r ? L(e, r, k).length === e.length : !1, G = (e) => ({
   data: e.data,
   label: e.label,
   value: e.value
@@ -476,14 +476,13 @@ const F = (e, r) => J(
   value: e.value
 }), ae = (e, r) => r ? e.menu.selectedItemHoverIconColor : e.menu.selectedItemIconColor;
 function ce(e) {
-  var t;
   const { formatGroupLabel: r, formatOptionLabel: o } = e.selectProps;
   return "internalOptions" in e.data ? r ? r({
     label: e.data.label,
     options: e.data.internalOptions
   }) : e.label : o ? o(e.data, {
     context: "menu",
-    inputValue: (t = e.selectProps.inputValue) != null ? t : "",
+    inputValue: e.selectProps.inputValue ?? "",
     selectValue: e.getValue()
   }) : e.label;
 }
@@ -493,14 +492,14 @@ function se({
   value: o,
   variant: t = "standard",
   formatGroupLabel: n,
-  formatOptionLabel: i,
+  formatOptionLabel: a,
   ...c
 }) {
   const s = (u) => {
     const C = ce(u), z = "internalOptions" in u.data;
-    return /* @__PURE__ */ a(b.Option, { ...u, children: /* @__PURE__ */ h(k, { children: [
-      !z && /* @__PURE__ */ a(y, {}),
-      /* @__PURE__ */ a(
+    return /* @__PURE__ */ i(b.Option, { ...u, children: /* @__PURE__ */ h(S, { children: [
+      !z && /* @__PURE__ */ i(O, {}),
+      /* @__PURE__ */ i(
         de,
         {
           theme: W,
@@ -511,9 +510,9 @@ function se({
         }
       )
     ] }) });
-  }, m = (u) => "internalOptions" in u.data ? null : /* @__PURE__ */ a(b.MultiValue, { ...u }), l = r ? ne(r, o) : void 0, d = r ? le(r) : void 0;
-  return /* @__PURE__ */ a(
-    O,
+  }, m = (u) => "internalOptions" in u.data ? null : /* @__PURE__ */ i(b.MultiValue, { ...u }), l = r ? ne(r, o) : void 0, d = r ? le(r) : void 0;
+  return /* @__PURE__ */ i(
+    B,
     {
       ...c,
       onChange: e ? te(e) : void 0,
@@ -536,9 +535,9 @@ const de = ({
   selected: o,
   size: t,
   theme: n
-}) => /* @__PURE__ */ h(k, { alignItems: "center", justifyContent: "space-between", flexGrow: 1, children: [
-  /* @__PURE__ */ a(E, { tabIndex: -1, size: t, color: "currentColor", children: r }),
-  o && /* @__PURE__ */ a(
+}) => /* @__PURE__ */ h(S, { alignItems: "center", justifyContent: "space-between", flexGrow: 1, children: [
+  /* @__PURE__ */ i(E, { tabIndex: -1, size: t, color: "currentColor", children: r }),
+  o && /* @__PURE__ */ i(
     N,
     {
       color: ae(n, e),
@@ -547,24 +546,24 @@ const de = ({
     }
   )
 ] });
-function Be({
+function ye({
   variant: e = "standard",
   styles: r,
   isMulti: o,
   components: t,
   ariaLabelClear: n = "Clear",
-  ...i
+  ...a
 }) {
   const c = p(() => {
     const m = x(e);
     return r ? w(m, r) : m;
   }, [e, r]);
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     K,
     {
       styles: c,
-      components: { ...t, ClearIndicator: (m) => /* @__PURE__ */ a(B, { "aria-label": n, onClick: m.clearValue }) },
-      ...i,
+      components: { ...t, ClearIndicator: (m) => /* @__PURE__ */ i(y, { "aria-label": n, onClick: m.clearValue }) },
+      ...a,
       isMulti: !1
     }
   );
@@ -576,32 +575,29 @@ function P({
   children: t
 }) {
   return /* @__PURE__ */ h(X, { flex: 1, children: [
-    /* @__PURE__ */ h(k, { flexWrap: "wrap", children: [
-      e == null ? void 0 : e.map((n) => /* @__PURE__ */ h(k, { children: [
-        /* @__PURE__ */ a(I, { num: 0.5, children: /* @__PURE__ */ a(
+    /* @__PURE__ */ h(S, { flexWrap: "wrap", children: [
+      e == null ? void 0 : e.map((n) => /* @__PURE__ */ h(S, { children: [
+        /* @__PURE__ */ i(I, { num: 0.5, children: /* @__PURE__ */ i(
           T,
           {
             label: n.label,
-            onClickRemove: () => {
-              var i;
-              return r == null ? void 0 : r(
-                (i = e == null ? void 0 : e.filter((c) => c.value !== n.value)) != null ? i : []
-              );
-            }
+            onClickRemove: () => r == null ? void 0 : r(
+              (e == null ? void 0 : e.filter((a) => a.value !== n.value)) ?? []
+            )
           }
         ) }),
-        /* @__PURE__ */ a(y, {})
+        /* @__PURE__ */ i(O, {})
       ] }, n.value)),
-      e != null && e.length ? /* @__PURE__ */ a(I, { num: 0.5, children: /* @__PURE__ */ a(
+      e != null && e.length ? /* @__PURE__ */ i(I, { num: 0.5, children: /* @__PURE__ */ i(
         q,
         {
           size: "small",
           label: "Clear",
           onClick: () => r == null ? void 0 : r([])
         }
-      ) }) : /* @__PURE__ */ a(I, { num: 0.5, children: /* @__PURE__ */ a(T, { variant: "secondary", label: o }) })
+      ) }) : /* @__PURE__ */ i(I, { num: 0.5, children: /* @__PURE__ */ i(T, { variant: "secondary", label: o }) })
     ] }),
-    /* @__PURE__ */ a(y, { num: 0.5 }),
+    /* @__PURE__ */ i(O, { num: 0.5 }),
     t
   ] });
 }
@@ -611,18 +607,18 @@ function ue({
   placeholder: o = "Type to search",
   loading: t,
   inputValue: n,
-  onInputChange: i,
+  onInputChange: a,
   noneSelectedLabel: c = "None",
   ...s
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     P,
     {
       noneSelectedLabel: c,
       onValueChange: r,
       value: e,
-      children: /* @__PURE__ */ a(
-        O,
+      children: /* @__PURE__ */ i(
+        B,
         {
           ...s,
           isClearable: !1,
@@ -634,13 +630,13 @@ function ue({
           placeholder: o,
           isLoading: t,
           inputValue: n,
-          onInputChange: i
+          onInputChange: a
         }
       )
     }
   );
 }
-const Oe = R.memo(
+const Be = R.memo(
   ue
 );
 function fe({
@@ -649,17 +645,17 @@ function fe({
   placeholder: o = "Type to search",
   loading: t,
   inputValue: n,
-  onInputChange: i,
+  onInputChange: a,
   noneSelectedLabel: c = "None",
   ...s
 }) {
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ i(
     P,
     {
       noneSelectedLabel: c,
       onValueChange: r,
       value: e,
-      children: /* @__PURE__ */ a(
+      children: /* @__PURE__ */ i(
         se,
         {
           ...s,
@@ -672,7 +668,7 @@ function fe({
           placeholder: o,
           isLoading: t,
           inputValue: n,
-          onInputChange: i
+          onInputChange: a
         }
       )
     }
@@ -682,15 +678,15 @@ const ze = R.memo(
   fe
 );
 export {
-  ke as AsyncMultiSelect,
-  Se as AsyncSelect,
-  Oe as ChipMultiSelect,
-  Be as CreatableSelect,
+  Se as AsyncMultiSelect,
+  ke as AsyncSelect,
+  Be as ChipMultiSelect,
+  ye as CreatableSelect,
   ze as GroupedChipMultiSelect,
   se as GroupedMultiSelect,
-  O as MultiSelect,
+  B as MultiSelect,
   Ie as OverflowingMultiSelect,
-  ye as Select,
+  Oe as Select,
   D as createStylesFromTheme,
   x as createStylesFromVariant,
   W as defaultSelectTheme

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/SelectTheme.ts","../src/util/StylesBuilder.ts","../src/components/ui/AsyncMultiSelect.tsx","../src/components/ui/AsyncSelect.tsx","../src/components/ui/MultiSelect.tsx","../src/components/ui/OverflowingMultiSelect.tsx","../src/components/ui/Select.tsx","../src/util/multiDropdownUtils.ts","../src/components/ui/GroupedMultiSelect.tsx","../src/components/ui/CreatableSelect.tsx","../src/components/ui/ChipMultiSelect/ChipRow.tsx","../src/components/ui/ChipMultiSelect/ChipMultiSelect.tsx","../src/components/ui/ChipMultiSelect/GroupedChipMultiSelect.tsx"],"sourcesContent":["import { Property } from \"csstype\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SelectTheme {\n  arrowColor: {\n    disabled: string;\n    focused: {\n      standard: string;\n      hover: string;\n    };\n    closed: {\n      standard: string;\n      hover: string;\n    };\n  };\n  clearButtonColor: {\n    standard: string;\n    hover: string;\n  };\n  input: {\n    backgroundColor: string;\n    border: string;\n    borderColor: string;\n    disabledBorderColor: string;\n    borderColorFocused: string;\n    borderRadius: string;\n    disabledBackgroundColor: string;\n    warningBackgroundColor: string;\n    errorBackgroundColor: string;\n    successBackgroundColor: string;\n    warningBorderColor: string;\n    errorBorderColor: string;\n    successBorderColor: string;\n    boxShadowFocused: string;\n    fontFamily: string;\n    fontSize: string;\n    height?: string;\n    minHeight?: string;\n    placeholderColor: string;\n    textColor: string;\n  };\n  loadingIndicator: {\n    textColor: string;\n  };\n  menu: {\n    disabledTextColor: string;\n    disabledBackgroundColor: string;\n    textColor: string;\n    backgroundColor: string;\n    hoverTextColor: string;\n    hoverBackgroundColor: string;\n    activeTextColor: string;\n    activeBackgroundColor: string;\n    minWidth?: string;\n    selectedItemTextColor: string;\n    selectedItemBackgroundColor: string;\n    selectedItemHoverTextColor: string;\n    selectedItemIconColor: string;\n    selectedItemHoverIconColor: string;\n    selectedItemHoverBackgroundColor: string;\n    selectedItemActiveTextColor: string;\n    selectedItemActiveBackgroundColor: string;\n    zIndex: number;\n    width?: string;\n    whiteSpace?: Property.WhiteSpace;\n  };\n  groupHeading: {\n    fontSize: string;\n    lineHeight: string;\n    fontWeight: string;\n    color: string;\n    letterSpacing: string;\n  };\n  menuPortal: {\n    zIndex: number;\n  };\n  multiSelect: {\n    backgroundColor: string;\n    textColor: string;\n    removeButtonBackgroundColor: string;\n    removeButtonTextColor: string;\n    removeButtonHoverBackgroundColor: string;\n    removeButtonHoverTextColor: string;\n  };\n}\n\nexport const defaultSelectTheme: SelectTheme = {\n  arrowColor: {\n    disabled: cssColor(\"--silver-light\"),\n    focused: {\n      hover: cssColor(\"--lhds-color-blue-600\"),\n      standard: cssColor(\"--lhds-color-blue-600\"),\n    },\n    closed: {\n      hover: cssColor(\"--lhds-color-blue-600\"),\n      standard: cssColor(\"--lhds-color-blue-600\"),\n    },\n  },\n  clearButtonColor: {\n    hover: cssColor(\"--lhds-color-red-600\"),\n    standard: cssColor(\"--lhds-color-red-500\"),\n  },\n  input: {\n    backgroundColor: \"var(--swui-field-bg-enabled)\",\n    border: `1px solid var(--swui-select-border-color)`,\n    borderColor: \"var(--swui-field-border-color)\",\n    borderColorFocused: \"var(--swui-field-border-color-hover)\",\n    disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n    disabledBorderColor: \"var(--swui-field-bg-disabled)\",\n    warningBackgroundColor: \"var(--swui-state-alert-light-color)\",\n    warningBorderColor: \"var(--swui-state-alert-light-color)\",\n    errorBackgroundColor: \"var(--swui-state-error-light-color)\",\n    errorBorderColor: \"var(--swui-state-error-light-color)\",\n    successBackgroundColor: \"var(--swui-state-success-light-color)\",\n    successBorderColor: \"var(--swui-state-success-light-color)\",\n    boxShadowFocused: \"none\",\n    fontFamily: \"var(--swui-font-primary)\",\n    fontSize: \"var(--swui-font-size-inputs)\",\n    minHeight: \"30px\",\n    placeholderColor: \"var(--swui-field-text-color)\",\n    textColor: \"var(--swui-field-text-color)\",\n    borderRadius: \"var(--swui-field-border-radius)\",\n  },\n  loadingIndicator: {\n    textColor: \"var(--swui-field-text-color)\",\n  },\n  groupHeading: {\n    fontSize: \"var(--swui-font-size-smaller)\",\n    lineHeight: \"var(--swui-line-height-smaller)\",\n    fontWeight: \"var(--swui-font-weight-text-bold)\",\n    color: cssColor(\"--lhds-color-ui-600\"),\n    letterSpacing: \"0.1rem\",\n  },\n  menu: {\n    activeBackgroundColor: cssColor(\"--lhds-color-blue-100\"),\n    activeTextColor: \"var(--swui-field-text-color)\",\n    selectedItemActiveBackgroundColor: cssColor(\"--lhds-color-blue-500\"),\n    selectedItemActiveTextColor: cssColor(\"--lhds-color-blue-50\"),\n    disabledTextColor: \"var(--swui-field-text-color-disabled)\",\n    disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n    textColor: \"var(--swui-field-text-color)\",\n    backgroundColor: \"var(--swui-field-bg-enabled)\",\n    hoverTextColor: \"var(--swui-field-text-color)\",\n    hoverBackgroundColor: cssColor(\"--lhds-color-blue-200\"),\n    selectedItemTextColor: cssColor(\"--lhds-color-blue-500\"),\n    selectedItemIconColor: cssColor(\"--lhds-color-blue-500\"),\n    selectedItemHoverTextColor: \"var(--swui-field-text-color)\",\n    selectedItemHoverIconColor: \"var(--swui-field-text-color)\",\n    selectedItemBackgroundColor: cssColor(\"--lhds-color-blue-50\"),\n    selectedItemHoverBackgroundColor: cssColor(\"--lhds-color-blue-50\"),\n    zIndex: 1,\n    width: \"auto\",\n    minWidth: \"100%\",\n    whiteSpace: \"nowrap\",\n  },\n  menuPortal: {\n    zIndex: 1,\n  },\n  multiSelect: {\n    backgroundColor: \"var(--swui-primary-action-color)\",\n    textColor: cssColor(\"--lhds-color-blue-50\"),\n    removeButtonBackgroundColor: \"transparent\",\n    removeButtonTextColor: \"var(--swui-white)\",\n    removeButtonHoverBackgroundColor: \"var(--swui-primary-action-color-hover)\",\n    removeButtonHoverTextColor: \"var(--swui-white)\",\n  },\n};\n","import { StylesConfig } from \"react-select\";\nimport { defaultSelectTheme, SelectTheme } from \"../SelectTheme\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport type SelectVariant = \"standard\" | \"warning\" | \"error\" | \"success\";\n\nconst resolveOptionBackgroundColor = (\n  colors: SelectTheme[\"menu\"],\n  isDisabled: boolean,\n  isSelected: boolean,\n  isFocused: boolean\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledBackgroundColor;\n  } else if (isSelected && isFocused) {\n    return colors.selectedItemHoverBackgroundColor;\n  } else if (isSelected) {\n    return colors.selectedItemBackgroundColor;\n  } else if (isFocused) {\n    return colors.hoverBackgroundColor;\n  } else {\n    return undefined;\n  }\n};\n\nconst resolveOptionColor = (\n  colors: SelectTheme[\"menu\"],\n  isDisabled: boolean,\n  isSelected: boolean,\n  isFocused: boolean\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledTextColor;\n  } else if (isSelected && isFocused) {\n    return colors.selectedItemHoverTextColor;\n  } else if (isSelected) {\n    return colors.selectedItemTextColor;\n  } else if (isFocused) {\n    return colors.hoverTextColor;\n  } else {\n    return undefined;\n  }\n};\n\nconst resolveInputBackgroundColor = (\n  colors: SelectTheme[\"input\"],\n  isDisabled: boolean,\n  isFocused: boolean,\n  variant: SelectVariant | undefined\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledBackgroundColor;\n  } else if (isFocused) {\n    return colors.backgroundColor;\n  } else if (variant === \"warning\") {\n    return colors.warningBackgroundColor;\n  } else if (variant === \"success\") {\n    return colors.successBackgroundColor;\n  } else if (variant === \"error\") {\n    return colors.errorBackgroundColor;\n  } else {\n    return colors.backgroundColor;\n  }\n};\n\nconst resolveInputBorderColor = (\n  colors: SelectTheme[\"input\"],\n  isDisabled: boolean,\n  isFocused: boolean,\n  isHovered: boolean,\n  variant: SelectVariant | undefined\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledBorderColor;\n  } else if (isFocused) {\n    return colors.borderColorFocused;\n  } else if (variant === \"warning\") {\n    return colors.warningBorderColor;\n  } else if (variant === \"success\") {\n    return colors.successBorderColor;\n  } else if (variant === \"error\") {\n    return colors.errorBorderColor;\n  } else if (isHovered) {\n    return colors.borderColorFocused;\n  } else {\n    return colors.borderColor;\n  }\n};\n\n/**\n * @deprecated\n */\nexport const createStylesFromTheme = <\n  OptionType,\n  IsMulti extends boolean,\n  TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>(\n  {\n    menu,\n    menuPortal,\n    input,\n    multiSelect,\n    clearButtonColor,\n    arrowColor,\n    groupHeading,\n    loadingIndicator,\n  }: SelectTheme,\n  variant: SelectVariant | undefined\n): StylesConfig<OptionType, IsMulti, TGroup> => ({\n  option: (base, { isDisabled, isFocused, isSelected }) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    backgroundColor: resolveOptionBackgroundColor(\n      menu,\n      isDisabled,\n      isSelected,\n      isFocused\n    ),\n    color: resolveOptionColor(menu, isDisabled, isSelected, isFocused),\n    cursor: isDisabled ? \"not-allowed\" : \"default\",\n    whiteSpace: menu.whiteSpace || base.whiteSpace,\n    \":active\": {\n      backgroundColor: isDisabled\n        ? undefined\n        : isSelected\n        ? menu.selectedItemActiveBackgroundColor\n        : menu.activeBackgroundColor,\n      color: isDisabled\n        ? undefined\n        : isSelected\n        ? menu.selectedItemActiveTextColor\n        : menu.activeTextColor,\n    },\n  }),\n  control: (base, { isFocused, isDisabled, menuIsOpen }) => ({\n    ...base,\n    // none of react-selects styles are passed to <View />\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    minHeight: input.minHeight,\n    backgroundColor: resolveInputBackgroundColor(\n      input,\n      isDisabled,\n      isFocused,\n      variant\n    ),\n    borderRadius: input.borderRadius,\n    border: input.border,\n    \"--swui-select-border-color\": resolveInputBorderColor(\n      input,\n      isDisabled,\n      isFocused || menuIsOpen,\n      false,\n      variant\n    ),\n    outline: isFocused ? \"var(--swui-focus-outline)\" : undefined,\n    outlineOffset: isFocused ? \"-1px\" : undefined,\n    transition: \"none\",\n    boxShadow: isFocused ? input.boxShadowFocused : undefined,\n    \"&:hover\": {\n      \"--swui-select-border-color\": resolveInputBorderColor(\n        input,\n        false,\n        isFocused || menuIsOpen,\n        true,\n        variant\n      ),\n    },\n  }),\n  singleValue: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    color: input.textColor,\n  }),\n  noOptionsMessage: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n  }),\n  input: (base) => ({\n    ...base,\n    minHeight: input.minHeight,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    color: input.textColor,\n  }),\n  groupHeading: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: groupHeading.fontSize,\n    lineHeight: groupHeading.lineHeight,\n    fontWeight: groupHeading.fontWeight as any,\n    color: groupHeading.color,\n    letterSpacing: groupHeading.letterSpacing,\n  }),\n  multiValueLabel: (base) => ({\n    ...base,\n    backgroundColor: multiSelect.backgroundColor,\n    color: multiSelect.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: groupHeading.fontSize,\n  }),\n  indicatorSeparator: (base) => ({\n    ...base,\n    display: \"none\",\n  }),\n  clearIndicator: (base) => ({\n    ...base,\n    padding: \"5px\",\n    color: clearButtonColor.standard,\n    \"&:hover\": {\n      color: clearButtonColor.hover,\n    },\n    cursor: \"pointer\",\n  }),\n  placeholder: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    color: input.placeholderColor,\n  }),\n  container: (base) => ({\n    ...base,\n  }),\n  valueContainer: (base) => ({\n    ...base,\n    padding: \"0 8px\",\n  }),\n  dropdownIndicator: (base, { isFocused, isDisabled }) => ({\n    ...base,\n    padding: \"5px\",\n    color: isDisabled\n      ? arrowColor.disabled\n      : isFocused\n      ? arrowColor.focused.standard\n      : arrowColor.closed.standard,\n    \"&:hover\": {\n      color: isDisabled\n        ? arrowColor.disabled\n        : isFocused\n        ? arrowColor.focused.hover\n        : arrowColor.closed.hover,\n    },\n    svg: {\n      width: 14,\n      height: 14,\n    },\n  }),\n  menu: (base) => ({\n    ...base,\n    backgroundColor: menu.backgroundColor,\n    color: menu.textColor,\n    minWidth: menu.minWidth || base.minWidth,\n    zIndex: menu.zIndex,\n    width: menu.width || base.width,\n    border: input.border,\n    borderColor: input.borderColorFocused,\n  }),\n  menuPortal: (base) => ({\n    ...base,\n    zIndex: menuPortal.zIndex,\n  }),\n  multiValueRemove: (styles) => ({\n    ...styles,\n    backgroundColor: multiSelect.removeButtonBackgroundColor,\n    \":hover\": {\n      color: multiSelect.removeButtonHoverTextColor,\n      backgroundColor: multiSelect.removeButtonHoverBackgroundColor,\n    },\n    color: multiSelect.removeButtonTextColor,\n    borderRadius: \"50%\",\n    width: 16,\n    height: 16,\n    padding: 0,\n    margin: 3,\n    marginTop: 4,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    cursor: \"pointer\",\n  }),\n  multiValue: (base) => ({\n    ...base,\n    backgroundColor: multiSelect.backgroundColor,\n    color: multiSelect.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: groupHeading.fontSize,\n    alignItems: \"center\",\n    margin: 0,\n    marginRight: 2,\n  }),\n  loadingMessage: (base) => ({\n    ...base,\n    color: loadingIndicator.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n  }),\n});\n\nexport const createStylesFromVariant = <\n  OptionType,\n  IsMulti extends boolean,\n  TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>(\n  variant: SelectVariant\n): StylesConfig<OptionType, IsMulti, TGroup> =>\n  createStylesFromTheme(defaultSelectTheme, variant);\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { mergeStyles } from \"react-select\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncMultiSelectProps<T = { label: string; value: string }>\n  extends AsyncProps<T, true, GroupBase<T>> {\n  variant?: SelectVariant;\n  isMulti?: true;\n}\n\nexport function AsyncMultiSelect<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  ...selectProps\n}: AsyncMultiSelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, true>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  return (\n    <AsyncComponent styles={selectStyles} {...selectProps} isMulti={true} />\n  );\n}\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { mergeStyles } from \"react-select\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncSelectProps<T = { label: string; value: string }>\n  extends AsyncProps<T, false, GroupBase<T>> {\n  variant?: SelectVariant;\n  isMulti?: false;\n}\n\nexport function AsyncSelect<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  ...selectProps\n}: AsyncSelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  return (\n    <AsyncComponent styles={selectStyles} {...selectProps} isMulti={false} />\n  );\n}\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, {\n  ClearIndicatorProps,\n  GroupBase,\n  mergeStyles,\n  Props,\n  SelectComponentsConfig,\n} from \"react-select\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { CloseButton } from \"@stenajs-webui/elements\";\n\nexport interface MultiSelectProps<TOption = { label: string; value: string }>\n  extends Props<TOption, true> {\n  variant?: SelectVariant;\n  isMulti?: true;\n}\n\nexport type MultiSelectComponentsConfig<TOption> = SelectComponentsConfig<\n  TOption,\n  true,\n  GroupBase<TOption>\n>;\n\nexport function MultiSelect<TOption>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  components,\n  ...selectProps\n}: MultiSelectProps<TOption>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<TOption, true>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  const ClearIndicator = (\n    props: ClearIndicatorProps<TOption, true, GroupBase<TOption>>\n  ) => <CloseButton aria-label={\"Clear\"} onClick={props.clearValue} />;\n\n  return (\n    <SelectComponent\n      styles={selectStyles}\n      components={{ ...components, ClearIndicator }}\n      {...selectProps}\n      isMulti={true}\n    />\n  );\n}\n","import * as React from \"react\";\nimport { MultiSelect, MultiSelectProps } from \"./MultiSelect\";\nimport { memo, ReactElement } from \"react\";\nimport { components, ValueContainerProps } from \"react-select\";\n\nexport function OverflowingMultiSelect<T>(props: MultiSelectProps<T>) {\n  return (\n    <MultiSelect\n      hideSelectedOptions={false}\n      {...props}\n      components={{\n        ...props.components,\n        ValueContainer: FirstValueOnlyValueContainer,\n      }}\n    />\n  );\n}\n\nconst FirstValueOnlyValueContainer = memo(\n  (props: ValueContainerProps<any, true>) => {\n    const [prevOptions, ...restChildren] = props.children as [\n      ReactElement[] | null | undefined,\n      ReactElement[] | null | undefined\n    ];\n\n    const options = getOptionsToRender(prevOptions, props);\n\n    return (\n      <components.ValueContainer {...props}>\n        {options}\n        {restChildren}\n      </components.ValueContainer>\n    );\n  }\n);\n\nconst getOptionsToRender = (\n  optionElements: ReactElement[] | null | undefined,\n  {\n    children,\n    innerProps,\n    className,\n    ...spreadProps\n  }: ValueContainerProps<any, true>\n) => {\n  if (!optionElements) {\n    return null;\n  }\n\n  if (optionElements.length > 1) {\n    return [\n      optionElements[0],\n      <components.MultiValue\n        {...spreadProps}\n        key={\"DUMMY_VALUE_FOR_PLUS_X\"}\n        innerProps={{}}\n        data={null}\n        isFocused={false}\n        removeProps={{}}\n        index={1}\n        components={{\n          Container: components.MultiValueContainer,\n          Label: components.MultiValueLabel,\n          Remove: () => <div style={{ height: 16, margin: 3, marginTop: 4 }} />,\n        }}\n      >\n        {\"+\" + (optionElements.length - 1)}\n      </components.MultiValue>,\n    ];\n  } else {\n    return optionElements;\n  }\n};\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, {\n  ClearIndicatorProps,\n  GroupBase,\n  mergeStyles,\n  Props,\n} from \"react-select\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { CloseButton } from \"@stenajs-webui/elements\";\n\nexport interface SelectProps<T = { label: string; value: string }>\n  extends Props<T, false> {\n  variant?: SelectVariant;\n  isMulti?: false;\n}\n\nexport function Select<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  components,\n  ...selectProps\n}: SelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  const ClearIndicator = (\n    props: ClearIndicatorProps<T, false, GroupBase<T>>\n  ) => <CloseButton aria-label={\"Clear\"} onClick={props.clearValue} />;\n\n  return (\n    <SelectComponent\n      styles={selectStyles}\n      components={{ ...components, ClearIndicator }}\n      {...selectProps}\n      isMulti={false}\n    />\n  );\n}\n","import { differenceWith, intersectionWith, isEqual, uniqWith } from \"lodash\";\nimport { ActionMeta, GroupBase, OnChangeValue, Options } from \"react-select\";\nimport { OnChange } from \"../components/ui/GroupedMultiSelect\";\nimport { DropdownOption } from \"../components/ui/GroupedMultiSelectTypes\";\n\nexport type GroupedOptionsType<TOption> = ReadonlyArray<GroupBase<TOption>>;\n\nexport type InternalDropdownOption<TData> =\n  | InternalChildOption<TData>\n  | InternalParentDropdownOption<TData>;\n\ninterface InternalChildOption<TData> {\n  data: TData;\n  label: string;\n  value: string;\n}\n\ninterface InternalParentDropdownOption<TData> {\n  data: TData;\n  label: string;\n  value: string;\n  internalOptions: Options<DropdownOption<TData>>;\n}\n\nconst removeGroupedOptionsType = <TData>(\n  removedValue: InternalParentDropdownOption<TData>,\n  selectedInternalOptions: Options<InternalDropdownOption<TData>>\n): Options<InternalDropdownOption<TData>> =>\n  differenceWith(\n    selectedInternalOptions,\n    [...removedValue.internalOptions, removedValue],\n    isEqual\n  ).map(convertInternalOptionToDropdownOption);\n\nconst removeInternalOptions = <TData>(\n  selectedInternalOption: InternalDropdownOption<TData>\n): boolean => !(\"internalOptions\" in selectedInternalOption);\n\nconst removeOptionHeaders = <TData>(\n  selectedInternalOptions: Options<InternalDropdownOption<TData>>\n): Options<InternalDropdownOption<TData>> =>\n  selectedInternalOptions\n    .filter(removeInternalOptions)\n    .map(convertInternalOptionToDropdownOption);\n\nexport const createOnChange =\n  <TData>(onChange: OnChange<TData>) =>\n  (\n    incomingSelectedInternalOptions: OnChangeValue<\n      InternalDropdownOption<TData>,\n      true\n    >,\n    meta: ActionMeta<InternalDropdownOption<TData>>\n  ) => {\n    const selectedInternalOptions = incomingSelectedInternalOptions ?? [];\n    switch (meta.action) {\n      case \"select-option\":\n        if (meta.option && \"internalOptions\" in meta.option) {\n          const selectedOptions: OnChangeValue<\n            InternalDropdownOption<TData>,\n            true\n          > = uniqWith(\n            selectedInternalOptions.reduce<Options<DropdownOption<TData>>>(\n              (previousValue, currentValue) => {\n                if (\"internalOptions\" in currentValue) {\n                  return [...previousValue, ...currentValue.internalOptions];\n                } else {\n                  return [\n                    ...previousValue,\n                    convertInternalOptionToDropdownOption(currentValue),\n                  ];\n                }\n              },\n              []\n            ),\n            isEqual\n          );\n\n          onChange(selectedOptions, meta);\n        } else {\n          onChange(removeOptionHeaders(selectedInternalOptions), meta);\n        }\n        break;\n      case \"deselect-option\":\n        if (meta.option && \"internalOptions\" in meta.option) {\n          onChange(\n            removeGroupedOptionsType(\n              meta.option,\n              removeOptionHeaders(selectedInternalOptions)\n            ),\n            meta\n          );\n        } else {\n          onChange(removeOptionHeaders(selectedInternalOptions), meta);\n        }\n        break;\n      case \"remove-value\":\n      case \"pop-value\":\n        if (meta.removedValue && \"internalOptions\" in meta.removedValue) {\n          onChange(\n            removeGroupedOptionsType(\n              meta.removedValue,\n              removeOptionHeaders(selectedInternalOptions)\n            ),\n            meta\n          );\n        } else {\n          onChange(removeOptionHeaders(selectedInternalOptions), meta);\n        }\n        break;\n      case \"clear\":\n        onChange(\n          selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n          meta\n        );\n        break;\n      case \"create-option\":\n        onChange(\n          selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n          meta\n        );\n        break;\n      default:\n        break;\n    }\n  };\n\nexport const convertGroupedDropdownOptionsToInternalOptions = <TData>(\n  options: GroupedOptionsType<DropdownOption<TData>>\n): InternalDropdownOption<TData>[] => {\n  return options.reduce<InternalDropdownOption<TData>[]>(\n    (previousValue, currentValue) => {\n      return [\n        ...previousValue,\n        convertGroupedDropdownOptionToInternalOption(currentValue),\n        ...currentValue.options.map(convertDropdownOptionToInternalOption),\n      ];\n    },\n    []\n  );\n};\n\nexport const convertValueToInternalValue = <TData>(\n  options: GroupedOptionsType<DropdownOption<TData>>,\n  values: Options<DropdownOption<TData>> | undefined\n): InternalDropdownOption<TData>[] => {\n  if (!values) {\n    return [];\n  }\n  const selectedOptions: InternalDropdownOption<TData>[] = [];\n  options.forEach((option) => {\n    if (allOptionsExists(option.options, values)) {\n      selectedOptions.push(\n        convertGroupedDropdownOptionToInternalOption(option)\n      );\n    }\n    selectedOptions.push(\n      ...intersectionWith(option.options, values, isEqual).map((option) =>\n        convertDropdownOptionToInternalOption(option)\n      )\n    );\n  });\n  return selectedOptions;\n};\n\nexport const allOptionsExists = <TData>(\n  options: Options<DropdownOption<TData>>,\n  selectedValues: Options<DropdownOption<TData>> | undefined\n): boolean => {\n  if (!selectedValues) {\n    return false;\n  }\n\n  return (\n    intersectionWith(options, selectedValues, isEqual).length === options.length\n  );\n};\n\nexport const convertDropdownOptionToInternalOption = <TData>(\n  option: DropdownOption<TData>\n): InternalDropdownOption<TData> => ({\n  data: option.data,\n  label: option.label,\n  value: option.value,\n});\n\n// TODO: can this be done `any` other way\nexport const convertGroupedDropdownOptionToInternalOption = <TData>(\n  option: GroupBase<DropdownOption<TData>>\n): InternalDropdownOption<TData> => ({\n  data: option.label as any,\n  label: option.label as any,\n  value: option.label as any,\n  internalOptions: option.options,\n});\n\nexport const convertInternalOptionToDropdownOption = <TData>(\n  option: InternalDropdownOption<TData>\n): DropdownOption<TData> => ({\n  data: option.data,\n  label: option.label,\n  value: option.value,\n});\n","import { Row, Space, Text, TextSize } from \"@stenajs-webui/core\";\nimport { Icon, stenaCheck } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n  ActionMeta,\n  components,\n  GroupBase,\n  MultiValueProps,\n  OnChangeValue,\n  OptionProps,\n  Options,\n} from \"react-select\";\nimport { defaultSelectTheme, SelectTheme } from \"../../SelectTheme\";\nimport {\n  convertGroupedDropdownOptionsToInternalOptions,\n  convertValueToInternalValue,\n  createOnChange,\n  GroupedOptionsType,\n  InternalDropdownOption,\n} from \"../../util/multiDropdownUtils\";\nimport { DropdownOption } from \"./GroupedMultiSelectTypes\";\nimport {\n  MultiSelect,\n  MultiSelectComponentsConfig,\n  MultiSelectProps,\n} from \"./MultiSelect\";\n\nexport type OnChange<TData> = (\n  value: OnChangeValue<DropdownOption<TData>, true>,\n  action: ActionMeta<any>\n) => void;\n\nexport interface GroupedMultiSelectProps<TData>\n  extends Omit<\n    MultiSelectProps<InternalDropdownOption<TData>>,\n    \"options\" | \"onChange\" | \"value\" | \"components\"\n  > {\n  /**\n   * Same as Select prop `component` but without MultiValue and Option since they can not be modified\n   */\n  components?: Omit<\n    MultiSelectComponentsConfig<InternalDropdownOption<TData>>,\n    \"MultiValue\" | \"Option\"\n  >;\n  /**\n   * Same as Select prop `options` but only with GroupOptionsType\n   */\n  options?: GroupedOptionsType<DropdownOption<TData>>;\n  /**\n   * Same as Select prop `onChange` but only with GroupOptionsType\n   */\n  onChange?: OnChange<TData>;\n  /**\n   * Same as Select prop `value` but only with GroupOptionsType\n   */\n  value?: Options<DropdownOption<TData>> | undefined;\n}\n\nconst resolveIconColor = (\n  theme: SelectTheme,\n  isFocused: boolean\n): string | undefined =>\n  isFocused\n    ? theme.menu.selectedItemHoverIconColor\n    : theme.menu.selectedItemIconColor;\n\nfunction formatInnerOptionLabel<TData>(\n  props: OptionProps<\n    InternalDropdownOption<TData>,\n    true,\n    GroupBase<InternalDropdownOption<TData>>\n  >\n) {\n  const { formatGroupLabel, formatOptionLabel } = props.selectProps;\n\n  if (\"internalOptions\" in props.data) {\n    return formatGroupLabel\n      ? formatGroupLabel({\n          label: props.data.label,\n          options: props.data.internalOptions,\n        })\n      : props.label;\n  }\n\n  return formatOptionLabel\n    ? formatOptionLabel(props.data, {\n        context: \"menu\",\n        inputValue: props.selectProps.inputValue ?? \"\",\n        selectValue: props.getValue(),\n      })\n    : props.label;\n}\n\nexport function GroupedMultiSelect<TData>({\n  onChange,\n  options,\n  value,\n  variant = \"standard\",\n  formatGroupLabel,\n  formatOptionLabel,\n  ...selectProps\n}: GroupedMultiSelectProps<TData>): React.ReactElement<\n  GroupedMultiSelectProps<TData>\n> {\n  const Option = (\n    props: OptionProps<\n      InternalDropdownOption<TData>,\n      true,\n      GroupBase<InternalDropdownOption<TData>>\n    >\n  ) => {\n    const label = formatInnerOptionLabel(props);\n    const isGroupOption = \"internalOptions\" in props.data;\n\n    return (\n      <components.Option {...props}>\n        <Row>\n          {!isGroupOption && <Space />}\n          <InnerOption\n            theme={defaultSelectTheme}\n            size={!isGroupOption ? \"small\" : undefined}\n            label={label}\n            selected={props.isSelected}\n            focused={props.isFocused}\n          />\n        </Row>\n      </components.Option>\n    );\n  };\n\n  const MultiValue = (\n    props: MultiValueProps<\n      InternalDropdownOption<TData>,\n      true,\n      GroupBase<InternalDropdownOption<TData>>\n    >\n  ) => {\n    return !(\"internalOptions\" in props.data) ? (\n      <components.MultiValue {...props} />\n    ) : null;\n  };\n\n  const internalValue = options\n    ? convertValueToInternalValue(options, value)\n    : undefined;\n  const internalOptions = options\n    ? convertGroupedDropdownOptionsToInternalOptions(options)\n    : undefined;\n\n  return (\n    <MultiSelect<InternalDropdownOption<TData>>\n      {...selectProps}\n      onChange={onChange ? createOnChange<TData>(onChange) : undefined}\n      hideSelectedOptions={false}\n      components={{\n        ...selectProps.components,\n        MultiValue,\n        Option,\n      }}\n      isMulti={true}\n      options={internalOptions}\n      value={internalValue}\n      variant={variant}\n    />\n  );\n}\n\ninterface InnerOptionProps {\n  size?: TextSize;\n  selected: boolean;\n  theme: SelectTheme;\n  label: ReactNode;\n  focused: boolean;\n}\n\nconst InnerOption: React.VFC<InnerOptionProps> = ({\n  focused,\n  label,\n  selected,\n  size,\n  theme,\n}) => (\n  <Row alignItems={\"center\"} justifyContent={\"space-between\"} flexGrow={1}>\n    <Text tabIndex={-1} size={size} color={\"currentColor\"}>\n      {label}\n    </Text>\n    {selected && (\n      <Icon\n        color={resolveIconColor(theme, focused)}\n        icon={stenaCheck}\n        size={12}\n      />\n    )}\n  </Row>\n);\n","import { CloseButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { ClearIndicatorProps, mergeStyles } from \"react-select\";\nimport CreatableComponent, { CreatableProps } from \"react-select/creatable\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\n\nexport interface CreatableSelectProps<T = { label: string; value: string }>\n  extends CreatableProps<T, false, GroupBase<T>> {\n  variant?: SelectVariant;\n  isMulti?: false;\n  ariaLabelClear?: string;\n}\n\nexport function CreatableSelect<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  components,\n  ariaLabelClear = \"Clear\",\n  ...selectProps\n}: CreatableSelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  const ClearIndicator = (\n    props: ClearIndicatorProps<T, false, GroupBase<T>>\n  ) => <CloseButton aria-label={ariaLabelClear} onClick={props.clearValue} />;\n\n  return (\n    <CreatableComponent\n      styles={selectStyles}\n      components={{ ...components, ClearIndicator }}\n      {...selectProps}\n      isMulti={false}\n    />\n  );\n}\n","import { Column, Row, Space, Spacing } from \"@stenajs-webui/core\";\nimport { Chip, FlatButton } from \"@stenajs-webui/elements\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\n\nexport interface ChipRowItem {\n  label: string;\n  value: string;\n}\n\nexport interface ChipRowProps<TValue>\n  extends ValueAndOnValueChangeProps<TValue> {\n  noneSelectedLabel?: string;\n}\n\nexport function ChipRow<TValue extends ChipRowItem>({\n  value,\n  onValueChange,\n  noneSelectedLabel = \"None\",\n  children,\n}: PropsWithChildren<ChipRowProps<Array<TValue>>>) {\n  return (\n    <Column flex={1}>\n      <Row flexWrap={\"wrap\"}>\n        {value?.map((v) => (\n          <Row key={v.value}>\n            <Spacing num={0.5}>\n              <Chip\n                label={v.label}\n                onClickRemove={() =>\n                  onValueChange?.(\n                    value?.filter((f) => f.value !== v.value) ?? []\n                  )\n                }\n              />\n            </Spacing>\n            <Space />\n          </Row>\n        ))}\n        {value?.length ? (\n          <Spacing num={0.5}>\n            <FlatButton\n              size={\"small\"}\n              label={\"Clear\"}\n              onClick={() => onValueChange?.([])}\n            />\n          </Spacing>\n        ) : (\n          <Spacing num={0.5}>\n            <Chip variant={\"secondary\"} label={noneSelectedLabel} />\n          </Spacing>\n        )}\n      </Row>\n      <Space num={0.5} />\n      {children}\n    </Column>\n  );\n}\n","import { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { MultiSelect, MultiSelectProps } from \"../MultiSelect\";\nimport { ChipRow, ChipRowItem } from \"./ChipRow\";\n\nexport interface ChipMultiSelectOption extends ChipRowItem {}\n\n/**\n * @deprecated renamed to ChipMultiSelectOption\n */\nexport type ChipMultiSelectValue = ChipMultiSelectOption;\n\nexport interface ChipMultiSelectProps<TOption>\n  extends Omit<MultiSelectProps<TOption>, \"value\" | \"onChange\" | \"isLoading\">,\n    ValueAndOnValueChangeProps<Array<TOption>> {\n  loading?: boolean;\n  inputValue?: string;\n  onInputChange?: (inputValue: string) => void;\n  noneSelectedLabel?: string;\n}\n\nfunction _ChipMultiSelect<TOption extends ChipMultiSelectOption>({\n  value,\n  onValueChange,\n  placeholder = \"Type to search\",\n  loading,\n  inputValue,\n  onInputChange,\n  noneSelectedLabel = \"None\",\n  ...selectProps\n}: ChipMultiSelectProps<TOption>) {\n  return (\n    <ChipRow\n      noneSelectedLabel={noneSelectedLabel}\n      onValueChange={onValueChange}\n      value={value}\n    >\n      <MultiSelect<TOption>\n        {...selectProps}\n        isClearable={false}\n        value={value}\n        onChange={\n          onValueChange ? (value) => onValueChange([...value]) : undefined\n        }\n        backspaceRemovesValue={false}\n        hideSelectedOptions\n        controlShouldRenderValue={false}\n        placeholder={placeholder}\n        isLoading={loading}\n        inputValue={inputValue}\n        onInputChange={onInputChange}\n      />\n    </ChipRow>\n  );\n}\n\nexport const ChipMultiSelect = React.memo(\n  _ChipMultiSelect\n) as typeof _ChipMultiSelect;\n","import * as React from \"react\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport {\n  GroupedMultiSelect,\n  GroupedMultiSelectProps,\n} from \"../GroupedMultiSelect\";\nimport { DropdownOption } from \"../GroupedMultiSelectTypes\";\nimport { ChipRow } from \"./ChipRow\";\n\nexport interface GroupedChipMultiSelectValue<TData>\n  extends DropdownOption<TData> {}\n\nexport interface GroupedChipMultiSelectProps<TData>\n  extends Omit<GroupedMultiSelectProps<TData>, \"onChange\" | \"value\">,\n    ValueAndOnValueChangeProps<Array<DropdownOption<TData>>> {\n  loading?: boolean;\n  inputValue?: string;\n  onInputChange?: (inputValue: string) => void;\n  noneSelectedLabel?: string;\n}\n\nfunction _GroupedChipMultiSelect<TData>({\n  value,\n  onValueChange,\n  placeholder = \"Type to search\",\n  loading,\n  inputValue,\n  onInputChange,\n  noneSelectedLabel = \"None\",\n  ...selectProps\n}: GroupedChipMultiSelectProps<TData>) {\n  return (\n    <ChipRow\n      noneSelectedLabel={noneSelectedLabel}\n      onValueChange={onValueChange}\n      value={value}\n    >\n      <GroupedMultiSelect<TData>\n        {...selectProps}\n        isClearable={false}\n        value={value}\n        onChange={\n          onValueChange ? (value) => onValueChange([...value]) : undefined\n        }\n        backspaceRemovesValue={false}\n        hideSelectedOptions\n        controlShouldRenderValue={false}\n        placeholder={placeholder}\n        isLoading={loading}\n        inputValue={inputValue}\n        onInputChange={onInputChange}\n      />\n    </ChipRow>\n  );\n}\n\nexport const GroupedChipMultiSelect = React.memo(\n  _GroupedChipMultiSelect\n) as typeof _GroupedChipMultiSelect;\n"],"names":["defaultSelectTheme","cssColor","resolveOptionBackgroundColor","colors","isDisabled","isSelected","isFocused","resolveOptionColor","resolveInputBackgroundColor","variant","resolveInputBorderColor","isHovered","createStylesFromTheme","menu","menuPortal","input","multiSelect","clearButtonColor","arrowColor","groupHeading","loadingIndicator","base","menuIsOpen","styles","createStylesFromVariant","AsyncMultiSelect","isMulti","selectProps","selectStyles","useMemo","sourceStyles","mergeStyles","AsyncComponent","AsyncSelect","MultiSelect","components","jsx","SelectComponent","props","CloseButton","OverflowingMultiSelect","FirstValueOnlyValueContainer","memo","prevOptions","restChildren","options","getOptionsToRender","jsxs","optionElements","children","innerProps","className","spreadProps","createElement","Select","removeGroupedOptionsType","removedValue","selectedInternalOptions","differenceWith","isEqual","convertInternalOptionToDropdownOption","removeInternalOptions","selectedInternalOption","removeOptionHeaders","createOnChange","onChange","incomingSelectedInternalOptions","meta","selectedOptions","uniqWith","previousValue","currentValue","convertGroupedDropdownOptionsToInternalOptions","convertGroupedDropdownOptionToInternalOption","convertDropdownOptionToInternalOption","convertValueToInternalValue","values","option","allOptionsExists","intersectionWith","selectedValues","resolveIconColor","theme","formatInnerOptionLabel","formatGroupLabel","formatOptionLabel","_a","GroupedMultiSelect","value","Option","label","isGroupOption","Row","Space","InnerOption","MultiValue","internalValue","internalOptions","focused","selected","size","Text","Icon","stenaCheck","CreatableSelect","ariaLabelClear","CreatableComponent","ChipRow","onValueChange","noneSelectedLabel","Column","v","Spacing","Chip","f","FlatButton","_ChipMultiSelect","placeholder","loading","inputValue","onInputChange","ChipMultiSelect","React","_GroupedChipMultiSelect","GroupedChipMultiSelect"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/SelectTheme.ts","../src/util/StylesBuilder.ts","../src/components/ui/AsyncMultiSelect.tsx","../src/components/ui/AsyncSelect.tsx","../src/components/ui/MultiSelect.tsx","../src/components/ui/OverflowingMultiSelect.tsx","../src/components/ui/Select.tsx","../src/util/multiDropdownUtils.ts","../src/components/ui/GroupedMultiSelect.tsx","../src/components/ui/CreatableSelect.tsx","../src/components/ui/ChipMultiSelect/ChipRow.tsx","../src/components/ui/ChipMultiSelect/ChipMultiSelect.tsx","../src/components/ui/ChipMultiSelect/GroupedChipMultiSelect.tsx"],"sourcesContent":["import { Property } from \"csstype\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SelectTheme {\n  arrowColor: {\n    disabled: string;\n    focused: {\n      standard: string;\n      hover: string;\n    };\n    closed: {\n      standard: string;\n      hover: string;\n    };\n  };\n  clearButtonColor: {\n    standard: string;\n    hover: string;\n  };\n  input: {\n    backgroundColor: string;\n    border: string;\n    borderColor: string;\n    disabledBorderColor: string;\n    borderColorFocused: string;\n    borderRadius: string;\n    disabledBackgroundColor: string;\n    warningBackgroundColor: string;\n    errorBackgroundColor: string;\n    successBackgroundColor: string;\n    warningBorderColor: string;\n    errorBorderColor: string;\n    successBorderColor: string;\n    boxShadowFocused: string;\n    fontFamily: string;\n    fontSize: string;\n    height?: string;\n    minHeight?: string;\n    placeholderColor: string;\n    textColor: string;\n  };\n  loadingIndicator: {\n    textColor: string;\n  };\n  menu: {\n    disabledTextColor: string;\n    disabledBackgroundColor: string;\n    textColor: string;\n    backgroundColor: string;\n    hoverTextColor: string;\n    hoverBackgroundColor: string;\n    activeTextColor: string;\n    activeBackgroundColor: string;\n    minWidth?: string;\n    selectedItemTextColor: string;\n    selectedItemBackgroundColor: string;\n    selectedItemHoverTextColor: string;\n    selectedItemIconColor: string;\n    selectedItemHoverIconColor: string;\n    selectedItemHoverBackgroundColor: string;\n    selectedItemActiveTextColor: string;\n    selectedItemActiveBackgroundColor: string;\n    zIndex: number;\n    width?: string;\n    whiteSpace?: Property.WhiteSpace;\n  };\n  groupHeading: {\n    fontSize: string;\n    lineHeight: string;\n    fontWeight: string;\n    color: string;\n    letterSpacing: string;\n  };\n  menuPortal: {\n    zIndex: number;\n  };\n  multiSelect: {\n    backgroundColor: string;\n    textColor: string;\n    removeButtonBackgroundColor: string;\n    removeButtonTextColor: string;\n    removeButtonHoverBackgroundColor: string;\n    removeButtonHoverTextColor: string;\n  };\n}\n\nexport const defaultSelectTheme: SelectTheme = {\n  arrowColor: {\n    disabled: cssColor(\"--silver-light\"),\n    focused: {\n      hover: cssColor(\"--lhds-color-blue-600\"),\n      standard: cssColor(\"--lhds-color-blue-600\"),\n    },\n    closed: {\n      hover: cssColor(\"--lhds-color-blue-600\"),\n      standard: cssColor(\"--lhds-color-blue-600\"),\n    },\n  },\n  clearButtonColor: {\n    hover: cssColor(\"--lhds-color-red-600\"),\n    standard: cssColor(\"--lhds-color-red-500\"),\n  },\n  input: {\n    backgroundColor: \"var(--swui-field-bg-enabled)\",\n    border: `1px solid var(--swui-select-border-color)`,\n    borderColor: \"var(--swui-field-border-color)\",\n    borderColorFocused: \"var(--swui-field-border-color-hover)\",\n    disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n    disabledBorderColor: \"var(--swui-field-bg-disabled)\",\n    warningBackgroundColor: \"var(--swui-state-alert-light-color)\",\n    warningBorderColor: \"var(--swui-state-alert-light-color)\",\n    errorBackgroundColor: \"var(--swui-state-error-light-color)\",\n    errorBorderColor: \"var(--swui-state-error-light-color)\",\n    successBackgroundColor: \"var(--swui-state-success-light-color)\",\n    successBorderColor: \"var(--swui-state-success-light-color)\",\n    boxShadowFocused: \"none\",\n    fontFamily: \"var(--swui-font-primary)\",\n    fontSize: \"var(--swui-font-size-inputs)\",\n    minHeight: \"30px\",\n    placeholderColor: \"var(--swui-field-text-color)\",\n    textColor: \"var(--swui-field-text-color)\",\n    borderRadius: \"var(--swui-field-border-radius)\",\n  },\n  loadingIndicator: {\n    textColor: \"var(--swui-field-text-color)\",\n  },\n  groupHeading: {\n    fontSize: \"var(--swui-font-size-smaller)\",\n    lineHeight: \"var(--swui-line-height-smaller)\",\n    fontWeight: \"var(--swui-font-weight-text-bold)\",\n    color: cssColor(\"--lhds-color-ui-600\"),\n    letterSpacing: \"0.1rem\",\n  },\n  menu: {\n    activeBackgroundColor: cssColor(\"--lhds-color-blue-100\"),\n    activeTextColor: \"var(--swui-field-text-color)\",\n    selectedItemActiveBackgroundColor: cssColor(\"--lhds-color-blue-500\"),\n    selectedItemActiveTextColor: cssColor(\"--lhds-color-blue-50\"),\n    disabledTextColor: \"var(--swui-field-text-color-disabled)\",\n    disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n    textColor: \"var(--swui-field-text-color)\",\n    backgroundColor: \"var(--swui-field-bg-enabled)\",\n    hoverTextColor: \"var(--swui-field-text-color)\",\n    hoverBackgroundColor: cssColor(\"--lhds-color-blue-200\"),\n    selectedItemTextColor: cssColor(\"--lhds-color-blue-500\"),\n    selectedItemIconColor: cssColor(\"--lhds-color-blue-500\"),\n    selectedItemHoverTextColor: \"var(--swui-field-text-color)\",\n    selectedItemHoverIconColor: \"var(--swui-field-text-color)\",\n    selectedItemBackgroundColor: cssColor(\"--lhds-color-blue-50\"),\n    selectedItemHoverBackgroundColor: cssColor(\"--lhds-color-blue-50\"),\n    zIndex: 1,\n    width: \"auto\",\n    minWidth: \"100%\",\n    whiteSpace: \"nowrap\",\n  },\n  menuPortal: {\n    zIndex: 1,\n  },\n  multiSelect: {\n    backgroundColor: \"var(--swui-primary-action-color)\",\n    textColor: cssColor(\"--lhds-color-blue-50\"),\n    removeButtonBackgroundColor: \"transparent\",\n    removeButtonTextColor: \"var(--swui-white)\",\n    removeButtonHoverBackgroundColor: \"var(--swui-primary-action-color-hover)\",\n    removeButtonHoverTextColor: \"var(--swui-white)\",\n  },\n};\n","import { StylesConfig } from \"react-select\";\nimport { defaultSelectTheme, SelectTheme } from \"../SelectTheme\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport type SelectVariant = \"standard\" | \"warning\" | \"error\" | \"success\";\n\nconst resolveOptionBackgroundColor = (\n  colors: SelectTheme[\"menu\"],\n  isDisabled: boolean,\n  isSelected: boolean,\n  isFocused: boolean\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledBackgroundColor;\n  } else if (isSelected && isFocused) {\n    return colors.selectedItemHoverBackgroundColor;\n  } else if (isSelected) {\n    return colors.selectedItemBackgroundColor;\n  } else if (isFocused) {\n    return colors.hoverBackgroundColor;\n  } else {\n    return undefined;\n  }\n};\n\nconst resolveOptionColor = (\n  colors: SelectTheme[\"menu\"],\n  isDisabled: boolean,\n  isSelected: boolean,\n  isFocused: boolean\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledTextColor;\n  } else if (isSelected && isFocused) {\n    return colors.selectedItemHoverTextColor;\n  } else if (isSelected) {\n    return colors.selectedItemTextColor;\n  } else if (isFocused) {\n    return colors.hoverTextColor;\n  } else {\n    return undefined;\n  }\n};\n\nconst resolveInputBackgroundColor = (\n  colors: SelectTheme[\"input\"],\n  isDisabled: boolean,\n  isFocused: boolean,\n  variant: SelectVariant | undefined\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledBackgroundColor;\n  } else if (isFocused) {\n    return colors.backgroundColor;\n  } else if (variant === \"warning\") {\n    return colors.warningBackgroundColor;\n  } else if (variant === \"success\") {\n    return colors.successBackgroundColor;\n  } else if (variant === \"error\") {\n    return colors.errorBackgroundColor;\n  } else {\n    return colors.backgroundColor;\n  }\n};\n\nconst resolveInputBorderColor = (\n  colors: SelectTheme[\"input\"],\n  isDisabled: boolean,\n  isFocused: boolean,\n  isHovered: boolean,\n  variant: SelectVariant | undefined\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledBorderColor;\n  } else if (isFocused) {\n    return colors.borderColorFocused;\n  } else if (variant === \"warning\") {\n    return colors.warningBorderColor;\n  } else if (variant === \"success\") {\n    return colors.successBorderColor;\n  } else if (variant === \"error\") {\n    return colors.errorBorderColor;\n  } else if (isHovered) {\n    return colors.borderColorFocused;\n  } else {\n    return colors.borderColor;\n  }\n};\n\n/**\n * @deprecated\n */\nexport const createStylesFromTheme = <\n  OptionType,\n  IsMulti extends boolean,\n  TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>(\n  {\n    menu,\n    menuPortal,\n    input,\n    multiSelect,\n    clearButtonColor,\n    arrowColor,\n    groupHeading,\n    loadingIndicator,\n  }: SelectTheme,\n  variant: SelectVariant | undefined\n): StylesConfig<OptionType, IsMulti, TGroup> => ({\n  option: (base, { isDisabled, isFocused, isSelected }) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    backgroundColor: resolveOptionBackgroundColor(\n      menu,\n      isDisabled,\n      isSelected,\n      isFocused\n    ),\n    color: resolveOptionColor(menu, isDisabled, isSelected, isFocused),\n    cursor: isDisabled ? \"not-allowed\" : \"default\",\n    whiteSpace: menu.whiteSpace || base.whiteSpace,\n    \":active\": {\n      backgroundColor: isDisabled\n        ? undefined\n        : isSelected\n        ? menu.selectedItemActiveBackgroundColor\n        : menu.activeBackgroundColor,\n      color: isDisabled\n        ? undefined\n        : isSelected\n        ? menu.selectedItemActiveTextColor\n        : menu.activeTextColor,\n    },\n  }),\n  control: (base, { isFocused, isDisabled, menuIsOpen }) => ({\n    ...base,\n    // none of react-selects styles are passed to <View />\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    minHeight: input.minHeight,\n    backgroundColor: resolveInputBackgroundColor(\n      input,\n      isDisabled,\n      isFocused,\n      variant\n    ),\n    borderRadius: input.borderRadius,\n    border: input.border,\n    \"--swui-select-border-color\": resolveInputBorderColor(\n      input,\n      isDisabled,\n      isFocused || menuIsOpen,\n      false,\n      variant\n    ),\n    outline: isFocused ? \"var(--swui-focus-outline)\" : undefined,\n    outlineOffset: isFocused ? \"-1px\" : undefined,\n    transition: \"none\",\n    boxShadow: isFocused ? input.boxShadowFocused : undefined,\n    \"&:hover\": {\n      \"--swui-select-border-color\": resolveInputBorderColor(\n        input,\n        false,\n        isFocused || menuIsOpen,\n        true,\n        variant\n      ),\n    },\n  }),\n  singleValue: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    color: input.textColor,\n  }),\n  noOptionsMessage: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n  }),\n  input: (base) => ({\n    ...base,\n    minHeight: input.minHeight,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    color: input.textColor,\n  }),\n  groupHeading: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: groupHeading.fontSize,\n    lineHeight: groupHeading.lineHeight,\n    fontWeight: groupHeading.fontWeight as any,\n    color: groupHeading.color,\n    letterSpacing: groupHeading.letterSpacing,\n  }),\n  multiValueLabel: (base) => ({\n    ...base,\n    backgroundColor: multiSelect.backgroundColor,\n    color: multiSelect.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: groupHeading.fontSize,\n  }),\n  indicatorSeparator: (base) => ({\n    ...base,\n    display: \"none\",\n  }),\n  clearIndicator: (base) => ({\n    ...base,\n    padding: \"5px\",\n    color: clearButtonColor.standard,\n    \"&:hover\": {\n      color: clearButtonColor.hover,\n    },\n    cursor: \"pointer\",\n  }),\n  placeholder: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    color: input.placeholderColor,\n  }),\n  container: (base) => ({\n    ...base,\n  }),\n  valueContainer: (base) => ({\n    ...base,\n    padding: \"0 8px\",\n  }),\n  dropdownIndicator: (base, { isFocused, isDisabled }) => ({\n    ...base,\n    padding: \"5px\",\n    color: isDisabled\n      ? arrowColor.disabled\n      : isFocused\n      ? arrowColor.focused.standard\n      : arrowColor.closed.standard,\n    \"&:hover\": {\n      color: isDisabled\n        ? arrowColor.disabled\n        : isFocused\n        ? arrowColor.focused.hover\n        : arrowColor.closed.hover,\n    },\n    svg: {\n      width: 14,\n      height: 14,\n    },\n  }),\n  menu: (base) => ({\n    ...base,\n    backgroundColor: menu.backgroundColor,\n    color: menu.textColor,\n    minWidth: menu.minWidth || base.minWidth,\n    zIndex: menu.zIndex,\n    width: menu.width || base.width,\n    border: input.border,\n    borderColor: input.borderColorFocused,\n  }),\n  menuPortal: (base) => ({\n    ...base,\n    zIndex: menuPortal.zIndex,\n  }),\n  multiValueRemove: (styles) => ({\n    ...styles,\n    backgroundColor: multiSelect.removeButtonBackgroundColor,\n    \":hover\": {\n      color: multiSelect.removeButtonHoverTextColor,\n      backgroundColor: multiSelect.removeButtonHoverBackgroundColor,\n    },\n    color: multiSelect.removeButtonTextColor,\n    borderRadius: \"50%\",\n    width: 16,\n    height: 16,\n    padding: 0,\n    margin: 3,\n    marginTop: 4,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    cursor: \"pointer\",\n  }),\n  multiValue: (base) => ({\n    ...base,\n    backgroundColor: multiSelect.backgroundColor,\n    color: multiSelect.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: groupHeading.fontSize,\n    alignItems: \"center\",\n    margin: 0,\n    marginRight: 2,\n  }),\n  loadingMessage: (base) => ({\n    ...base,\n    color: loadingIndicator.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n  }),\n});\n\nexport const createStylesFromVariant = <\n  OptionType,\n  IsMulti extends boolean,\n  TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>(\n  variant: SelectVariant\n): StylesConfig<OptionType, IsMulti, TGroup> =>\n  createStylesFromTheme(defaultSelectTheme, variant);\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { mergeStyles } from \"react-select\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncMultiSelectProps<T = { label: string; value: string }>\n  extends AsyncProps<T, true, GroupBase<T>> {\n  variant?: SelectVariant;\n  isMulti?: true;\n}\n\nexport function AsyncMultiSelect<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  ...selectProps\n}: AsyncMultiSelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, true>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  return (\n    <AsyncComponent styles={selectStyles} {...selectProps} isMulti={true} />\n  );\n}\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { mergeStyles } from \"react-select\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncSelectProps<T = { label: string; value: string }>\n  extends AsyncProps<T, false, GroupBase<T>> {\n  variant?: SelectVariant;\n  isMulti?: false;\n}\n\nexport function AsyncSelect<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  ...selectProps\n}: AsyncSelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  return (\n    <AsyncComponent styles={selectStyles} {...selectProps} isMulti={false} />\n  );\n}\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, {\n  ClearIndicatorProps,\n  GroupBase,\n  mergeStyles,\n  Props,\n  SelectComponentsConfig,\n} from \"react-select\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { CloseButton } from \"@stenajs-webui/elements\";\n\nexport interface MultiSelectProps<TOption = { label: string; value: string }>\n  extends Props<TOption, true> {\n  variant?: SelectVariant;\n  isMulti?: true;\n}\n\nexport type MultiSelectComponentsConfig<TOption> = SelectComponentsConfig<\n  TOption,\n  true,\n  GroupBase<TOption>\n>;\n\nexport function MultiSelect<TOption>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  components,\n  ...selectProps\n}: MultiSelectProps<TOption>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<TOption, true>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  const ClearIndicator = (\n    props: ClearIndicatorProps<TOption, true, GroupBase<TOption>>\n  ) => <CloseButton aria-label={\"Clear\"} onClick={props.clearValue} />;\n\n  return (\n    <SelectComponent\n      styles={selectStyles}\n      components={{ ...components, ClearIndicator }}\n      {...selectProps}\n      isMulti={true}\n    />\n  );\n}\n","import * as React from \"react\";\nimport { MultiSelect, MultiSelectProps } from \"./MultiSelect\";\nimport { memo, ReactElement } from \"react\";\nimport { components, ValueContainerProps } from \"react-select\";\n\nexport function OverflowingMultiSelect<T>(props: MultiSelectProps<T>) {\n  return (\n    <MultiSelect\n      hideSelectedOptions={false}\n      {...props}\n      components={{\n        ...props.components,\n        ValueContainer: FirstValueOnlyValueContainer,\n      }}\n    />\n  );\n}\n\nconst FirstValueOnlyValueContainer = memo(\n  (props: ValueContainerProps<any, true>) => {\n    const [prevOptions, ...restChildren] = props.children as [\n      ReactElement[] | null | undefined,\n      ReactElement[] | null | undefined\n    ];\n\n    const options = getOptionsToRender(prevOptions, props);\n\n    return (\n      <components.ValueContainer {...props}>\n        {options}\n        {restChildren}\n      </components.ValueContainer>\n    );\n  }\n);\n\nconst getOptionsToRender = (\n  optionElements: ReactElement[] | null | undefined,\n  {\n    children,\n    innerProps,\n    className,\n    ...spreadProps\n  }: ValueContainerProps<any, true>\n) => {\n  if (!optionElements) {\n    return null;\n  }\n\n  if (optionElements.length > 1) {\n    return [\n      optionElements[0],\n      <components.MultiValue\n        {...spreadProps}\n        key={\"DUMMY_VALUE_FOR_PLUS_X\"}\n        innerProps={{}}\n        data={null}\n        isFocused={false}\n        removeProps={{}}\n        index={1}\n        components={{\n          Container: components.MultiValueContainer,\n          Label: components.MultiValueLabel,\n          Remove: () => <div style={{ height: 16, margin: 3, marginTop: 4 }} />,\n        }}\n      >\n        {\"+\" + (optionElements.length - 1)}\n      </components.MultiValue>,\n    ];\n  } else {\n    return optionElements;\n  }\n};\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, {\n  ClearIndicatorProps,\n  GroupBase,\n  mergeStyles,\n  Props,\n} from \"react-select\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { CloseButton } from \"@stenajs-webui/elements\";\n\nexport interface SelectProps<T = { label: string; value: string }>\n  extends Props<T, false> {\n  variant?: SelectVariant;\n  isMulti?: false;\n}\n\nexport function Select<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  components,\n  ...selectProps\n}: SelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  const ClearIndicator = (\n    props: ClearIndicatorProps<T, false, GroupBase<T>>\n  ) => <CloseButton aria-label={\"Clear\"} onClick={props.clearValue} />;\n\n  return (\n    <SelectComponent\n      styles={selectStyles}\n      components={{ ...components, ClearIndicator }}\n      {...selectProps}\n      isMulti={false}\n    />\n  );\n}\n","import { differenceWith, intersectionWith, isEqual, uniqWith } from \"lodash\";\nimport { ActionMeta, GroupBase, OnChangeValue, Options } from \"react-select\";\nimport { OnChange } from \"../components/ui/GroupedMultiSelect\";\nimport { DropdownOption } from \"../components/ui/GroupedMultiSelectTypes\";\n\nexport type GroupedOptionsType<TOption> = ReadonlyArray<GroupBase<TOption>>;\n\nexport type InternalDropdownOption<TData> =\n  | InternalChildOption<TData>\n  | InternalParentDropdownOption<TData>;\n\ninterface InternalChildOption<TData> {\n  data: TData;\n  label: string;\n  value: string;\n}\n\ninterface InternalParentDropdownOption<TData> {\n  data: TData;\n  label: string;\n  value: string;\n  internalOptions: Options<DropdownOption<TData>>;\n}\n\nconst removeGroupedOptionsType = <TData>(\n  removedValue: InternalParentDropdownOption<TData>,\n  selectedInternalOptions: Options<InternalDropdownOption<TData>>\n): Options<InternalDropdownOption<TData>> =>\n  differenceWith(\n    selectedInternalOptions,\n    [...removedValue.internalOptions, removedValue],\n    isEqual\n  ).map(convertInternalOptionToDropdownOption);\n\nconst removeInternalOptions = <TData>(\n  selectedInternalOption: InternalDropdownOption<TData>\n): boolean => !(\"internalOptions\" in selectedInternalOption);\n\nconst removeOptionHeaders = <TData>(\n  selectedInternalOptions: Options<InternalDropdownOption<TData>>\n): Options<InternalDropdownOption<TData>> =>\n  selectedInternalOptions\n    .filter(removeInternalOptions)\n    .map(convertInternalOptionToDropdownOption);\n\nexport const createOnChange =\n  <TData>(onChange: OnChange<TData>) =>\n  (\n    incomingSelectedInternalOptions: OnChangeValue<\n      InternalDropdownOption<TData>,\n      true\n    >,\n    meta: ActionMeta<InternalDropdownOption<TData>>\n  ) => {\n    const selectedInternalOptions = incomingSelectedInternalOptions ?? [];\n    switch (meta.action) {\n      case \"select-option\":\n        if (meta.option && \"internalOptions\" in meta.option) {\n          const selectedOptions: OnChangeValue<\n            InternalDropdownOption<TData>,\n            true\n          > = uniqWith(\n            selectedInternalOptions.reduce<Options<DropdownOption<TData>>>(\n              (previousValue, currentValue) => {\n                if (\"internalOptions\" in currentValue) {\n                  return [...previousValue, ...currentValue.internalOptions];\n                } else {\n                  return [\n                    ...previousValue,\n                    convertInternalOptionToDropdownOption(currentValue),\n                  ];\n                }\n              },\n              []\n            ),\n            isEqual\n          );\n\n          onChange(selectedOptions, meta);\n        } else {\n          onChange(removeOptionHeaders(selectedInternalOptions), meta);\n        }\n        break;\n      case \"deselect-option\":\n        if (meta.option && \"internalOptions\" in meta.option) {\n          onChange(\n            removeGroupedOptionsType(\n              meta.option,\n              removeOptionHeaders(selectedInternalOptions)\n            ),\n            meta\n          );\n        } else {\n          onChange(removeOptionHeaders(selectedInternalOptions), meta);\n        }\n        break;\n      case \"remove-value\":\n      case \"pop-value\":\n        if (meta.removedValue && \"internalOptions\" in meta.removedValue) {\n          onChange(\n            removeGroupedOptionsType(\n              meta.removedValue,\n              removeOptionHeaders(selectedInternalOptions)\n            ),\n            meta\n          );\n        } else {\n          onChange(removeOptionHeaders(selectedInternalOptions), meta);\n        }\n        break;\n      case \"clear\":\n        onChange(\n          selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n          meta\n        );\n        break;\n      case \"create-option\":\n        onChange(\n          selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n          meta\n        );\n        break;\n      default:\n        break;\n    }\n  };\n\nexport const convertGroupedDropdownOptionsToInternalOptions = <TData>(\n  options: GroupedOptionsType<DropdownOption<TData>>\n): InternalDropdownOption<TData>[] => {\n  return options.reduce<InternalDropdownOption<TData>[]>(\n    (previousValue, currentValue) => {\n      return [\n        ...previousValue,\n        convertGroupedDropdownOptionToInternalOption(currentValue),\n        ...currentValue.options.map(convertDropdownOptionToInternalOption),\n      ];\n    },\n    []\n  );\n};\n\nexport const convertValueToInternalValue = <TData>(\n  options: GroupedOptionsType<DropdownOption<TData>>,\n  values: Options<DropdownOption<TData>> | undefined\n): InternalDropdownOption<TData>[] => {\n  if (!values) {\n    return [];\n  }\n  const selectedOptions: InternalDropdownOption<TData>[] = [];\n  options.forEach((option) => {\n    if (allOptionsExists(option.options, values)) {\n      selectedOptions.push(\n        convertGroupedDropdownOptionToInternalOption(option)\n      );\n    }\n    selectedOptions.push(\n      ...intersectionWith(option.options, values, isEqual).map((option) =>\n        convertDropdownOptionToInternalOption(option)\n      )\n    );\n  });\n  return selectedOptions;\n};\n\nexport const allOptionsExists = <TData>(\n  options: Options<DropdownOption<TData>>,\n  selectedValues: Options<DropdownOption<TData>> | undefined\n): boolean => {\n  if (!selectedValues) {\n    return false;\n  }\n\n  return (\n    intersectionWith(options, selectedValues, isEqual).length === options.length\n  );\n};\n\nexport const convertDropdownOptionToInternalOption = <TData>(\n  option: DropdownOption<TData>\n): InternalDropdownOption<TData> => ({\n  data: option.data,\n  label: option.label,\n  value: option.value,\n});\n\n// TODO: can this be done `any` other way\nexport const convertGroupedDropdownOptionToInternalOption = <TData>(\n  option: GroupBase<DropdownOption<TData>>\n): InternalDropdownOption<TData> => ({\n  data: option.label as any,\n  label: option.label as any,\n  value: option.label as any,\n  internalOptions: option.options,\n});\n\nexport const convertInternalOptionToDropdownOption = <TData>(\n  option: InternalDropdownOption<TData>\n): DropdownOption<TData> => ({\n  data: option.data,\n  label: option.label,\n  value: option.value,\n});\n","import { Row, Space, Text, TextSize } from \"@stenajs-webui/core\";\nimport { Icon, stenaCheck } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n  ActionMeta,\n  components,\n  GroupBase,\n  MultiValueProps,\n  OnChangeValue,\n  OptionProps,\n  Options,\n} from \"react-select\";\nimport { defaultSelectTheme, SelectTheme } from \"../../SelectTheme\";\nimport {\n  convertGroupedDropdownOptionsToInternalOptions,\n  convertValueToInternalValue,\n  createOnChange,\n  GroupedOptionsType,\n  InternalDropdownOption,\n} from \"../../util/multiDropdownUtils\";\nimport { DropdownOption } from \"./GroupedMultiSelectTypes\";\nimport {\n  MultiSelect,\n  MultiSelectComponentsConfig,\n  MultiSelectProps,\n} from \"./MultiSelect\";\n\nexport type OnChange<TData> = (\n  value: OnChangeValue<DropdownOption<TData>, true>,\n  action: ActionMeta<any>\n) => void;\n\nexport interface GroupedMultiSelectProps<TData>\n  extends Omit<\n    MultiSelectProps<InternalDropdownOption<TData>>,\n    \"options\" | \"onChange\" | \"value\" | \"components\"\n  > {\n  /**\n   * Same as Select prop `component` but without MultiValue and Option since they can not be modified\n   */\n  components?: Omit<\n    MultiSelectComponentsConfig<InternalDropdownOption<TData>>,\n    \"MultiValue\" | \"Option\"\n  >;\n  /**\n   * Same as Select prop `options` but only with GroupOptionsType\n   */\n  options?: GroupedOptionsType<DropdownOption<TData>>;\n  /**\n   * Same as Select prop `onChange` but only with GroupOptionsType\n   */\n  onChange?: OnChange<TData>;\n  /**\n   * Same as Select prop `value` but only with GroupOptionsType\n   */\n  value?: Options<DropdownOption<TData>> | undefined;\n}\n\nconst resolveIconColor = (\n  theme: SelectTheme,\n  isFocused: boolean\n): string | undefined =>\n  isFocused\n    ? theme.menu.selectedItemHoverIconColor\n    : theme.menu.selectedItemIconColor;\n\nfunction formatInnerOptionLabel<TData>(\n  props: OptionProps<\n    InternalDropdownOption<TData>,\n    true,\n    GroupBase<InternalDropdownOption<TData>>\n  >\n) {\n  const { formatGroupLabel, formatOptionLabel } = props.selectProps;\n\n  if (\"internalOptions\" in props.data) {\n    return formatGroupLabel\n      ? formatGroupLabel({\n          label: props.data.label,\n          options: props.data.internalOptions,\n        })\n      : props.label;\n  }\n\n  return formatOptionLabel\n    ? formatOptionLabel(props.data, {\n        context: \"menu\",\n        inputValue: props.selectProps.inputValue ?? \"\",\n        selectValue: props.getValue(),\n      })\n    : props.label;\n}\n\nexport function GroupedMultiSelect<TData>({\n  onChange,\n  options,\n  value,\n  variant = \"standard\",\n  formatGroupLabel,\n  formatOptionLabel,\n  ...selectProps\n}: GroupedMultiSelectProps<TData>): React.ReactElement<\n  GroupedMultiSelectProps<TData>\n> {\n  const Option = (\n    props: OptionProps<\n      InternalDropdownOption<TData>,\n      true,\n      GroupBase<InternalDropdownOption<TData>>\n    >\n  ) => {\n    const label = formatInnerOptionLabel(props);\n    const isGroupOption = \"internalOptions\" in props.data;\n\n    return (\n      <components.Option {...props}>\n        <Row>\n          {!isGroupOption && <Space />}\n          <InnerOption\n            theme={defaultSelectTheme}\n            size={!isGroupOption ? \"small\" : undefined}\n            label={label}\n            selected={props.isSelected}\n            focused={props.isFocused}\n          />\n        </Row>\n      </components.Option>\n    );\n  };\n\n  const MultiValue = (\n    props: MultiValueProps<\n      InternalDropdownOption<TData>,\n      true,\n      GroupBase<InternalDropdownOption<TData>>\n    >\n  ) => {\n    return !(\"internalOptions\" in props.data) ? (\n      <components.MultiValue {...props} />\n    ) : null;\n  };\n\n  const internalValue = options\n    ? convertValueToInternalValue(options, value)\n    : undefined;\n  const internalOptions = options\n    ? convertGroupedDropdownOptionsToInternalOptions(options)\n    : undefined;\n\n  return (\n    <MultiSelect<InternalDropdownOption<TData>>\n      {...selectProps}\n      onChange={onChange ? createOnChange<TData>(onChange) : undefined}\n      hideSelectedOptions={false}\n      components={{\n        ...selectProps.components,\n        MultiValue,\n        Option,\n      }}\n      isMulti={true}\n      options={internalOptions}\n      value={internalValue}\n      variant={variant}\n    />\n  );\n}\n\ninterface InnerOptionProps {\n  size?: TextSize;\n  selected: boolean;\n  theme: SelectTheme;\n  label: ReactNode;\n  focused: boolean;\n}\n\nconst InnerOption: React.VFC<InnerOptionProps> = ({\n  focused,\n  label,\n  selected,\n  size,\n  theme,\n}) => (\n  <Row alignItems={\"center\"} justifyContent={\"space-between\"} flexGrow={1}>\n    <Text tabIndex={-1} size={size} color={\"currentColor\"}>\n      {label}\n    </Text>\n    {selected && (\n      <Icon\n        color={resolveIconColor(theme, focused)}\n        icon={stenaCheck}\n        size={12}\n      />\n    )}\n  </Row>\n);\n","import { CloseButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { ClearIndicatorProps, mergeStyles } from \"react-select\";\nimport CreatableComponent, { CreatableProps } from \"react-select/creatable\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\n\nexport interface CreatableSelectProps<T = { label: string; value: string }>\n  extends CreatableProps<T, false, GroupBase<T>> {\n  variant?: SelectVariant;\n  isMulti?: false;\n  ariaLabelClear?: string;\n}\n\nexport function CreatableSelect<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  components,\n  ariaLabelClear = \"Clear\",\n  ...selectProps\n}: CreatableSelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  const ClearIndicator = (\n    props: ClearIndicatorProps<T, false, GroupBase<T>>\n  ) => <CloseButton aria-label={ariaLabelClear} onClick={props.clearValue} />;\n\n  return (\n    <CreatableComponent\n      styles={selectStyles}\n      components={{ ...components, ClearIndicator }}\n      {...selectProps}\n      isMulti={false}\n    />\n  );\n}\n","import { Column, Row, Space, Spacing } from \"@stenajs-webui/core\";\nimport { Chip, FlatButton } from \"@stenajs-webui/elements\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\n\nexport interface ChipRowItem {\n  label: string;\n  value: string;\n}\n\nexport interface ChipRowProps<TValue>\n  extends ValueAndOnValueChangeProps<TValue> {\n  noneSelectedLabel?: string;\n}\n\nexport function ChipRow<TValue extends ChipRowItem>({\n  value,\n  onValueChange,\n  noneSelectedLabel = \"None\",\n  children,\n}: PropsWithChildren<ChipRowProps<Array<TValue>>>) {\n  return (\n    <Column flex={1}>\n      <Row flexWrap={\"wrap\"}>\n        {value?.map((v) => (\n          <Row key={v.value}>\n            <Spacing num={0.5}>\n              <Chip\n                label={v.label}\n                onClickRemove={() =>\n                  onValueChange?.(\n                    value?.filter((f) => f.value !== v.value) ?? []\n                  )\n                }\n              />\n            </Spacing>\n            <Space />\n          </Row>\n        ))}\n        {value?.length ? (\n          <Spacing num={0.5}>\n            <FlatButton\n              size={\"small\"}\n              label={\"Clear\"}\n              onClick={() => onValueChange?.([])}\n            />\n          </Spacing>\n        ) : (\n          <Spacing num={0.5}>\n            <Chip variant={\"secondary\"} label={noneSelectedLabel} />\n          </Spacing>\n        )}\n      </Row>\n      <Space num={0.5} />\n      {children}\n    </Column>\n  );\n}\n","import { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { MultiSelect, MultiSelectProps } from \"../MultiSelect\";\nimport { ChipRow, ChipRowItem } from \"./ChipRow\";\n\nexport interface ChipMultiSelectOption extends ChipRowItem {}\n\n/**\n * @deprecated renamed to ChipMultiSelectOption\n */\nexport type ChipMultiSelectValue = ChipMultiSelectOption;\n\nexport interface ChipMultiSelectProps<TOption>\n  extends Omit<MultiSelectProps<TOption>, \"value\" | \"onChange\" | \"isLoading\">,\n    ValueAndOnValueChangeProps<Array<TOption>> {\n  loading?: boolean;\n  inputValue?: string;\n  onInputChange?: (inputValue: string) => void;\n  noneSelectedLabel?: string;\n}\n\nfunction _ChipMultiSelect<TOption extends ChipMultiSelectOption>({\n  value,\n  onValueChange,\n  placeholder = \"Type to search\",\n  loading,\n  inputValue,\n  onInputChange,\n  noneSelectedLabel = \"None\",\n  ...selectProps\n}: ChipMultiSelectProps<TOption>) {\n  return (\n    <ChipRow\n      noneSelectedLabel={noneSelectedLabel}\n      onValueChange={onValueChange}\n      value={value}\n    >\n      <MultiSelect<TOption>\n        {...selectProps}\n        isClearable={false}\n        value={value}\n        onChange={\n          onValueChange ? (value) => onValueChange([...value]) : undefined\n        }\n        backspaceRemovesValue={false}\n        hideSelectedOptions\n        controlShouldRenderValue={false}\n        placeholder={placeholder}\n        isLoading={loading}\n        inputValue={inputValue}\n        onInputChange={onInputChange}\n      />\n    </ChipRow>\n  );\n}\n\nexport const ChipMultiSelect = React.memo(\n  _ChipMultiSelect\n) as typeof _ChipMultiSelect;\n","import * as React from \"react\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport {\n  GroupedMultiSelect,\n  GroupedMultiSelectProps,\n} from \"../GroupedMultiSelect\";\nimport { DropdownOption } from \"../GroupedMultiSelectTypes\";\nimport { ChipRow } from \"./ChipRow\";\n\nexport interface GroupedChipMultiSelectValue<TData>\n  extends DropdownOption<TData> {}\n\nexport interface GroupedChipMultiSelectProps<TData>\n  extends Omit<GroupedMultiSelectProps<TData>, \"onChange\" | \"value\">,\n    ValueAndOnValueChangeProps<Array<DropdownOption<TData>>> {\n  loading?: boolean;\n  inputValue?: string;\n  onInputChange?: (inputValue: string) => void;\n  noneSelectedLabel?: string;\n}\n\nfunction _GroupedChipMultiSelect<TData>({\n  value,\n  onValueChange,\n  placeholder = \"Type to search\",\n  loading,\n  inputValue,\n  onInputChange,\n  noneSelectedLabel = \"None\",\n  ...selectProps\n}: GroupedChipMultiSelectProps<TData>) {\n  return (\n    <ChipRow\n      noneSelectedLabel={noneSelectedLabel}\n      onValueChange={onValueChange}\n      value={value}\n    >\n      <GroupedMultiSelect<TData>\n        {...selectProps}\n        isClearable={false}\n        value={value}\n        onChange={\n          onValueChange ? (value) => onValueChange([...value]) : undefined\n        }\n        backspaceRemovesValue={false}\n        hideSelectedOptions\n        controlShouldRenderValue={false}\n        placeholder={placeholder}\n        isLoading={loading}\n        inputValue={inputValue}\n        onInputChange={onInputChange}\n      />\n    </ChipRow>\n  );\n}\n\nexport const GroupedChipMultiSelect = React.memo(\n  _GroupedChipMultiSelect\n) as typeof _GroupedChipMultiSelect;\n"],"names":["defaultSelectTheme","cssColor","resolveOptionBackgroundColor","colors","isDisabled","isSelected","isFocused","resolveOptionColor","resolveInputBackgroundColor","variant","resolveInputBorderColor","isHovered","createStylesFromTheme","menu","menuPortal","input","multiSelect","clearButtonColor","arrowColor","groupHeading","loadingIndicator","base","menuIsOpen","styles","createStylesFromVariant","AsyncMultiSelect","isMulti","selectProps","selectStyles","useMemo","sourceStyles","mergeStyles","AsyncComponent","AsyncSelect","MultiSelect","components","jsx","SelectComponent","props","CloseButton","OverflowingMultiSelect","FirstValueOnlyValueContainer","memo","prevOptions","restChildren","options","getOptionsToRender","jsxs","optionElements","children","innerProps","className","spreadProps","createElement","Select","removeGroupedOptionsType","removedValue","selectedInternalOptions","differenceWith","isEqual","convertInternalOptionToDropdownOption","removeInternalOptions","selectedInternalOption","removeOptionHeaders","createOnChange","onChange","incomingSelectedInternalOptions","meta","selectedOptions","uniqWith","previousValue","currentValue","convertGroupedDropdownOptionsToInternalOptions","convertGroupedDropdownOptionToInternalOption","convertDropdownOptionToInternalOption","convertValueToInternalValue","values","option","allOptionsExists","intersectionWith","selectedValues","resolveIconColor","theme","formatInnerOptionLabel","formatGroupLabel","formatOptionLabel","GroupedMultiSelect","value","Option","label","isGroupOption","Row","Space","InnerOption","MultiValue","internalValue","internalOptions","focused","selected","size","Text","Icon","stenaCheck","CreatableSelect","ariaLabelClear","CreatableComponent","ChipRow","onValueChange","noneSelectedLabel","Column","v","Spacing","Chip","f","FlatButton","_ChipMultiSelect","placeholder","loading","inputValue","onInputChange","ChipMultiSelect","React","_GroupedChipMultiSelect","GroupedChipMultiSelect"],"mappings":"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"}

package/dist/index.js

@@ -1,3 +1,2 @@
-(function(){"use strict";try{var e=document.createElement("style");e.appendChild(document.createTextNode("")),document.head.appendChild(e)}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),x=require("react"),b=require("react-select"),V=require("react-select/async"),f=require("@stenajs-webui/theme"),v=require("@stenajs-webui/elements"),m=require("@stenajs-webui/core"),g=require("lodash"),L=require("react-select/creatable"),k=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function G(e){if(e&&e.__esModule)return e;const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const t=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,t.get?t:{enumerable:!0,get:()=>e[o]})}}return r.default=e,Object.freeze(r)}const M=G(x),z=k(b),T=k(V),W=k(L),O={arrowColor:{disabled:f.cssColor("--silver-light"),focused:{hover:f.cssColor("--lhds-color-blue-600"),standard:f.cssColor("--lhds-color-blue-600")},closed:{hover:f.cssColor("--lhds-color-blue-600"),standard:f.cssColor("--lhds-color-blue-600")}},clearButtonColor:{hover:f.cssColor("--lhds-color-red-600"),standard:f.cssColor("--lhds-color-red-500")},input:{backgroundColor:"var(--swui-field-bg-enabled)",border:"1px solid var(--swui-select-border-color)",borderColor:"var(--swui-field-border-color)",borderColorFocused:"var(--swui-field-border-color-hover)",disabledBackgroundColor:"var(--swui-field-bg-disabled)",disabledBorderColor:"var(--swui-field-bg-disabled)",warningBackgroundColor:"var(--swui-state-alert-light-color)",warningBorderColor:"var(--swui-state-alert-light-color)",errorBackgroundColor:"var(--swui-state-error-light-color)",errorBorderColor:"var(--swui-state-error-light-color)",successBackgroundColor:"var(--swui-state-success-light-color)",successBorderColor:"var(--swui-state-success-light-color)",boxShadowFocused:"none",fontFamily:"var(--swui-font-primary)",fontSize:"var(--swui-font-size-inputs)",minHeight:"30px",placeholderColor:"var(--swui-field-text-color)",textColor:"var(--swui-field-text-color)",borderRadius:"var(--swui-field-border-radius)"},loadingIndicator:{textColor:"var(--swui-field-text-color)"},groupHeading:{fontSize:"var(--swui-font-size-smaller)",lineHeight:"var(--swui-line-height-smaller)",fontWeight:"var(--swui-font-weight-text-bold)",color:f.cssColor("--lhds-color-ui-600"),letterSpacing:"0.1rem"},menu:{activeBackgroundColor:f.cssColor("--lhds-color-blue-100"),activeTextColor:"var(--swui-field-text-color)",selectedItemActiveBackgroundColor:f.cssColor("--lhds-color-blue-500"),selectedItemActiveTextColor:f.cssColor("--lhds-color-blue-50"),disabledTextColor:"var(--swui-field-text-color-disabled)",disabledBackgroundColor:"var(--swui-field-bg-disabled)",textColor:"var(--swui-field-text-color)",backgroundColor:"var(--swui-field-bg-enabled)",hoverTextColor:"var(--swui-field-text-color)",hoverBackgroundColor:f.cssColor("--lhds-color-blue-200"),selectedItemTextColor:f.cssColor("--lhds-color-blue-500"),selectedItemIconColor:f.cssColor("--lhds-color-blue-500"),selectedItemHoverTextColor:"var(--swui-field-text-color)",selectedItemHoverIconColor:"var(--swui-field-text-color)",selectedItemBackgroundColor:f.cssColor("--lhds-color-blue-50"),selectedItemHoverBackgroundColor:f.cssColor("--lhds-color-blue-50"),zIndex:1,width:"auto",minWidth:"100%",whiteSpace:"nowrap"},menuPortal:{zIndex:1},multiSelect:{backgroundColor:"var(--swui-primary-action-color)",textColor:f.cssColor("--lhds-color-blue-50"),removeButtonBackgroundColor:"transparent",removeButtonTextColor:"var(--swui-white)",removeButtonHoverBackgroundColor:"var(--swui-primary-action-color-hover)",removeButtonHoverTextColor:"var(--swui-white)"}},A=(e,r,o,t)=>r?e.disabledBackgroundColor:o&&t?e.selectedItemHoverBackgroundColor:o?e.selectedItemBackgroundColor:t?e.hoverBackgroundColor:void 0,P=(e,r,o,t)=>r?e.disabledTextColor:o&&t?e.selectedItemHoverTextColor:o?e.selectedItemTextColor:t?e.hoverTextColor:void 0,N=(e,r,o,t)=>r?e.disabledBackgroundColor:o?e.backgroundColor:t==="warning"?e.warningBackgroundColor:t==="success"?e.successBackgroundColor:t==="error"?e.errorBackgroundColor:e.backgroundColor,B=(e,r,o,t,s)=>r?e.disabledBorderColor:o?e.borderColorFocused:s==="warning"?e.warningBorderColor:s==="success"?e.successBorderColor:s==="error"?e.errorBorderColor:t?e.borderColorFocused:e.borderColor,F=({menu:e,menuPortal:r,input:o,multiSelect:t,clearButtonColor:s,arrowColor:i,groupHeading:c,loadingIndicator:a},C)=>({option:(l,{isDisabled:d,isFocused:u,isSelected:h})=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize,backgroundColor:A(e,d,h,u),color:P(e,d,h,u),cursor:d?"not-allowed":"default",whiteSpace:e.whiteSpace||l.whiteSpace,":active":{backgroundColor:d?void 0:h?e.selectedItemActiveBackgroundColor:e.activeBackgroundColor,color:d?void 0:h?e.selectedItemActiveTextColor:e.activeTextColor}}),control:(l,{isFocused:d,isDisabled:u,menuIsOpen:h})=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize,minHeight:o.minHeight,backgroundColor:N(o,u,d,C),borderRadius:o.borderRadius,border:o.border,"--swui-select-border-color":B(o,u,d||h,!1,C),outline:d?"var(--swui-focus-outline)":void 0,outlineOffset:d?"-1px":void 0,transition:"none",boxShadow:d?o.boxShadowFocused:void 0,"&:hover":{"--swui-select-border-color":B(o,!1,d||h,!0,C)}}),singleValue:l=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize,color:o.textColor}),noOptionsMessage:l=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize}),input:l=>({...l,minHeight:o.minHeight,fontFamily:o.fontFamily,fontSize:o.fontSize,color:o.textColor}),groupHeading:l=>({...l,fontFamily:o.fontFamily,fontSize:c.fontSize,lineHeight:c.lineHeight,fontWeight:c.fontWeight,color:c.color,letterSpacing:c.letterSpacing}),multiValueLabel:l=>({...l,backgroundColor:t.backgroundColor,color:t.textColor,fontFamily:o.fontFamily,fontSize:c.fontSize}),indicatorSeparator:l=>({...l,display:"none"}),clearIndicator:l=>({...l,padding:"5px",color:s.standard,"&:hover":{color:s.hover},cursor:"pointer"}),placeholder:l=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize,color:o.placeholderColor}),container:l=>({...l}),valueContainer:l=>({...l,padding:"0 8px"}),dropdownIndicator:(l,{isFocused:d,isDisabled:u})=>({...l,padding:"5px",color:u?i.disabled:d?i.focused.standard:i.closed.standard,"&:hover":{color:u?i.disabled:d?i.focused.hover:i.closed.hover},svg:{width:14,height:14}}),menu:l=>({...l,backgroundColor:e.backgroundColor,color:e.textColor,minWidth:e.minWidth||l.minWidth,zIndex:e.zIndex,width:e.width||l.width,border:o.border,borderColor:o.borderColorFocused}),menuPortal:l=>({...l,zIndex:r.zIndex}),multiValueRemove:l=>({...l,backgroundColor:t.removeButtonBackgroundColor,":hover":{color:t.removeButtonHoverTextColor,backgroundColor:t.removeButtonHoverBackgroundColor},color:t.removeButtonTextColor,borderRadius:"50%",width:16,height:16,padding:0,margin:3,marginTop:4,display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer"}),multiValue:l=>({...l,backgroundColor:t.backgroundColor,color:t.textColor,fontFamily:o.fontFamily,fontSize:c.fontSize,alignItems:"center",margin:0,marginRight:2}),loadingMessage:l=>({...l,color:a.textColor,fontFamily:o.fontFamily,fontSize:o.fontSize})}),p=e=>F(O,e);function E({variant:e="standard",styles:r,isMulti:o,...t}){const s=x.useMemo(()=>{const i=p(e);return r?b.mergeStyles(i,r):i},[e,r]);return n.jsx(T.default,{styles:s,...t,isMulti:!0})}function U({variant:e="standard",styles:r,isMulti:o,...t}){const s=x.useMemo(()=>{const i=p(e);return r?b.mergeStyles(i,r):i},[e,r]);return n.jsx(T.default,{styles:s,...t,isMulti:!1})}function y({variant:e="standard",styles:r,isMulti:o,components:t,...s}){const i=x.useMemo(()=>{const a=p(e);return r?b.mergeStyles(a,r):a},[e,r]),c=a=>n.jsx(v.CloseButton,{"aria-label":"Clear",onClick:a.clearValue});return n.jsx(z.default,{styles:i,components:{...t,ClearIndicator:c},...s,isMulti:!0})}function D(e){return n.jsx(y,{hideSelectedOptions:!1,...e,components:{...e.components,ValueContainer:X}})}const X=x.memo(e=>{const[r,...o]=e.children,t=Y(r,e);return n.jsxs(b.components.ValueContainer,{...e,children:[t,o]})}),Y=(e,{children:r,innerProps:o,className:t,...s})=>e?e.length>1?[e[0],x.createElement(b.components.MultiValue,{...s,key:"DUMMY_VALUE_FOR_PLUS_X",innerProps:{},data:null,isFocused:!1,removeProps:{},index:1,components:{Container:b.components.MultiValueContainer,Label:b.components.MultiValueLabel,Remove:()=>n.jsx("div",{style:{height:16,margin:3,marginTop:4}})}},"+"+(e.length-1))]:e:null;function J({variant:e="standard",styles:r,isMulti:o,components:t,...s}){const i=x.useMemo(()=>{const a=p(e);return r?b.mergeStyles(a,r):a},[e,r]),c=a=>n.jsx(v.CloseButton,{"aria-label":"Clear",onClick:a.clearValue});return n.jsx(z.default,{styles:i,components:{...t,ClearIndicator:c},...s,isMulti:!1})}const I=(e,r)=>g.differenceWith(r,[...e.internalOptions,e],g.isEqual).map(w),K=e=>!("internalOptions"in e),S=e=>e.filter(K).map(w),Q=e=>(r,o)=>{const t=r!=null?r:[];switch(o.action){case"select-option":if(o.option&&"internalOptions"in o.option){const s=g.uniqWith(t.reduce((i,c)=>"internalOptions"in c?[...i,...c.internalOptions]:[...i,w(c)],[]),g.isEqual);e(s,o)}else e(S(t),o);break;case"deselect-option":o.option&&"internalOptions"in o.option?e(I(o.option,S(t)),o):e(S(t),o);break;case"remove-value":case"pop-value":o.removedValue&&"internalOptions"in o.removedValue?e(I(o.removedValue,S(t)),o):e(S(t),o);break;case"clear":e(t.map(w),o);break;case"create-option":e(t.map(w),o);break}},Z=e=>e.reduce((r,o)=>[...r,_(o),...o.options.map(R)],[]),$=(e,r)=>{if(!r)return[];const o=[];return e.forEach(t=>{ee(t.options,r)&&o.push(_(t)),o.push(...g.intersectionWith(t.options,r,g.isEqual).map(s=>R(s)))}),o},ee=(e,r)=>r?g.intersectionWith(e,r,g.isEqual).length===e.length:!1,R=e=>({data:e.data,label:e.label,value:e.value}),_=e=>({data:e.label,label:e.label,value:e.label,internalOptions:e.options}),w=e=>({data:e.data,label:e.label,value:e.value}),oe=(e,r)=>r?e.menu.selectedItemHoverIconColor:e.menu.selectedItemIconColor;function re(e){var t;const{formatGroupLabel:r,formatOptionLabel:o}=e.selectProps;return"internalOptions"in e.data?r?r({label:e.data.label,options:e.data.internalOptions}):e.label:o?o(e.data,{context:"menu",inputValue:(t=e.selectProps.inputValue)!=null?t:"",selectValue:e.getValue()}):e.label}function H({onChange:e,options:r,value:o,variant:t="standard",formatGroupLabel:s,formatOptionLabel:i,...c}){const a=u=>{const h=re(u),j="internalOptions"in u.data;return n.jsx(b.components.Option,{...u,children:n.jsxs(m.Row,{children:[!j&&n.jsx(m.Space,{}),n.jsx(te,{theme:O,size:j?void 0:"small",label:h,selected:u.isSelected,focused:u.isFocused})]})})},C=u=>"internalOptions"in u.data?null:n.jsx(b.components.MultiValue,{...u}),l=r?$(r,o):void 0,d=r?Z(r):void 0;return n.jsx(y,{...c,onChange:e?Q(e):void 0,hideSelectedOptions:!1,components:{...c.components,MultiValue:C,Option:a},isMulti:!0,options:d,value:l,variant:t})}const te=({focused:e,label:r,selected:o,size:t,theme:s})=>n.jsxs(m.Row,{alignItems:"center",justifyContent:"space-between",flexGrow:1,children:[n.jsx(m.Text,{tabIndex:-1,size:t,color:"currentColor",children:r}),o&&n.jsx(v.Icon,{color:oe(s,e),icon:v.stenaCheck,size:12})]});function le({variant:e="standard",styles:r,isMulti:o,components:t,ariaLabelClear:s="Clear",...i}){const c=x.useMemo(()=>{const C=p(e);return r?b.mergeStyles(C,r):C},[e,r]),a=C=>n.jsx(v.CloseButton,{"aria-label":s,onClick:C.clearValue});return n.jsx(W.default,{styles:c,components:{...t,ClearIndicator:a},...i,isMulti:!1})}function q({value:e,onValueChange:r,noneSelectedLabel:o="None",children:t}){return n.jsxs(m.Column,{flex:1,children:[n.jsxs(m.Row,{flexWrap:"wrap",children:[e==null?void 0:e.map(s=>n.jsxs(m.Row,{children:[n.jsx(m.Spacing,{num:.5,children:n.jsx(v.Chip,{label:s.label,onClickRemove:()=>{var i;return r==null?void 0:r((i=e==null?void 0:e.filter(c=>c.value!==s.value))!=null?i:[])}})}),n.jsx(m.Space,{})]},s.value)),e!=null&&e.length?n.jsx(m.Spacing,{num:.5,children:n.jsx(v.FlatButton,{size:"small",label:"Clear",onClick:()=>r==null?void 0:r([])})}):n.jsx(m.Spacing,{num:.5,children:n.jsx(v.Chip,{variant:"secondary",label:o})})]}),n.jsx(m.Space,{num:.5}),t]})}function ne({value:e,onValueChange:r,placeholder:o="Type to search",loading:t,inputValue:s,onInputChange:i,noneSelectedLabel:c="None",...a}){return n.jsx(q,{noneSelectedLabel:c,onValueChange:r,value:e,children:n.jsx(y,{...a,isClearable:!1,value:e,onChange:r?C=>r([...C]):void 0,backspaceRemovesValue:!1,hideSelectedOptions:!0,controlShouldRenderValue:!1,placeholder:o,isLoading:t,inputValue:s,onInputChange:i})})}const se=M.memo(ne);function ie({value:e,onValueChange:r,placeholder:o="Type to search",loading:t,inputValue:s,onInputChange:i,noneSelectedLabel:c="None",...a}){return n.jsx(q,{noneSelectedLabel:c,onValueChange:r,value:e,children:n.jsx(H,{...a,isClearable:!1,value:e,onChange:r?C=>r([...C]):void 0,backspaceRemovesValue:!1,hideSelectedOptions:!0,controlShouldRenderValue:!1,placeholder:o,isLoading:t,inputValue:s,onInputChange:i})})}const ce=M.memo(ie);exports.AsyncMultiSelect=E;exports.AsyncSelect=U;exports.ChipMultiSelect=se;exports.CreatableSelect=le;exports.GroupedChipMultiSelect=ce;exports.GroupedMultiSelect=H;exports.MultiSelect=y;exports.OverflowingMultiSelect=D;exports.Select=J;exports.createStylesFromTheme=F;exports.createStylesFromVariant=p;exports.defaultSelectTheme=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),x=require("react"),m=require("react-select"),j=require("react-select/async"),f=require("@stenajs-webui/theme"),v=require("@stenajs-webui/elements"),b=require("@stenajs-webui/core"),g=require("lodash"),q=require("react-select/creatable");function V(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const t=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,t.get?t:{enumerable:!0,get:()=>e[o]})}}return r.default=e,Object.freeze(r)}const M=V(x),k={arrowColor:{disabled:f.cssColor("--silver-light"),focused:{hover:f.cssColor("--lhds-color-blue-600"),standard:f.cssColor("--lhds-color-blue-600")},closed:{hover:f.cssColor("--lhds-color-blue-600"),standard:f.cssColor("--lhds-color-blue-600")}},clearButtonColor:{hover:f.cssColor("--lhds-color-red-600"),standard:f.cssColor("--lhds-color-red-500")},input:{backgroundColor:"var(--swui-field-bg-enabled)",border:"1px solid var(--swui-select-border-color)",borderColor:"var(--swui-field-border-color)",borderColorFocused:"var(--swui-field-border-color-hover)",disabledBackgroundColor:"var(--swui-field-bg-disabled)",disabledBorderColor:"var(--swui-field-bg-disabled)",warningBackgroundColor:"var(--swui-state-alert-light-color)",warningBorderColor:"var(--swui-state-alert-light-color)",errorBackgroundColor:"var(--swui-state-error-light-color)",errorBorderColor:"var(--swui-state-error-light-color)",successBackgroundColor:"var(--swui-state-success-light-color)",successBorderColor:"var(--swui-state-success-light-color)",boxShadowFocused:"none",fontFamily:"var(--swui-font-primary)",fontSize:"var(--swui-font-size-inputs)",minHeight:"30px",placeholderColor:"var(--swui-field-text-color)",textColor:"var(--swui-field-text-color)",borderRadius:"var(--swui-field-border-radius)"},loadingIndicator:{textColor:"var(--swui-field-text-color)"},groupHeading:{fontSize:"var(--swui-font-size-smaller)",lineHeight:"var(--swui-line-height-smaller)",fontWeight:"var(--swui-font-weight-text-bold)",color:f.cssColor("--lhds-color-ui-600"),letterSpacing:"0.1rem"},menu:{activeBackgroundColor:f.cssColor("--lhds-color-blue-100"),activeTextColor:"var(--swui-field-text-color)",selectedItemActiveBackgroundColor:f.cssColor("--lhds-color-blue-500"),selectedItemActiveTextColor:f.cssColor("--lhds-color-blue-50"),disabledTextColor:"var(--swui-field-text-color-disabled)",disabledBackgroundColor:"var(--swui-field-bg-disabled)",textColor:"var(--swui-field-text-color)",backgroundColor:"var(--swui-field-bg-enabled)",hoverTextColor:"var(--swui-field-text-color)",hoverBackgroundColor:f.cssColor("--lhds-color-blue-200"),selectedItemTextColor:f.cssColor("--lhds-color-blue-500"),selectedItemIconColor:f.cssColor("--lhds-color-blue-500"),selectedItemHoverTextColor:"var(--swui-field-text-color)",selectedItemHoverIconColor:"var(--swui-field-text-color)",selectedItemBackgroundColor:f.cssColor("--lhds-color-blue-50"),selectedItemHoverBackgroundColor:f.cssColor("--lhds-color-blue-50"),zIndex:1,width:"auto",minWidth:"100%",whiteSpace:"nowrap"},menuPortal:{zIndex:1},multiSelect:{backgroundColor:"var(--swui-primary-action-color)",textColor:f.cssColor("--lhds-color-blue-50"),removeButtonBackgroundColor:"transparent",removeButtonTextColor:"var(--swui-white)",removeButtonHoverBackgroundColor:"var(--swui-primary-action-color-hover)",removeButtonHoverTextColor:"var(--swui-white)"}},G=(e,r,o,t)=>r?e.disabledBackgroundColor:o&&t?e.selectedItemHoverBackgroundColor:o?e.selectedItemBackgroundColor:t?e.hoverBackgroundColor:void 0,L=(e,r,o,t)=>r?e.disabledTextColor:o&&t?e.selectedItemHoverTextColor:o?e.selectedItemTextColor:t?e.hoverTextColor:void 0,W=(e,r,o,t)=>r?e.disabledBackgroundColor:o?e.backgroundColor:t==="warning"?e.warningBackgroundColor:t==="success"?e.successBackgroundColor:t==="error"?e.errorBackgroundColor:e.backgroundColor,I=(e,r,o,t,i)=>r?e.disabledBorderColor:o?e.borderColorFocused:i==="warning"?e.warningBorderColor:i==="success"?e.successBorderColor:i==="error"?e.errorBorderColor:t?e.borderColorFocused:e.borderColor,z=({menu:e,menuPortal:r,input:o,multiSelect:t,clearButtonColor:i,arrowColor:s,groupHeading:c,loadingIndicator:a},C)=>({option:(l,{isDisabled:d,isFocused:u,isSelected:h})=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize,backgroundColor:G(e,d,h,u),color:L(e,d,h,u),cursor:d?"not-allowed":"default",whiteSpace:e.whiteSpace||l.whiteSpace,":active":{backgroundColor:d?void 0:h?e.selectedItemActiveBackgroundColor:e.activeBackgroundColor,color:d?void 0:h?e.selectedItemActiveTextColor:e.activeTextColor}}),control:(l,{isFocused:d,isDisabled:u,menuIsOpen:h})=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize,minHeight:o.minHeight,backgroundColor:W(o,u,d,C),borderRadius:o.borderRadius,border:o.border,"--swui-select-border-color":I(o,u,d||h,!1,C),outline:d?"var(--swui-focus-outline)":void 0,outlineOffset:d?"-1px":void 0,transition:"none",boxShadow:d?o.boxShadowFocused:void 0,"&:hover":{"--swui-select-border-color":I(o,!1,d||h,!0,C)}}),singleValue:l=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize,color:o.textColor}),noOptionsMessage:l=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize}),input:l=>({...l,minHeight:o.minHeight,fontFamily:o.fontFamily,fontSize:o.fontSize,color:o.textColor}),groupHeading:l=>({...l,fontFamily:o.fontFamily,fontSize:c.fontSize,lineHeight:c.lineHeight,fontWeight:c.fontWeight,color:c.color,letterSpacing:c.letterSpacing}),multiValueLabel:l=>({...l,backgroundColor:t.backgroundColor,color:t.textColor,fontFamily:o.fontFamily,fontSize:c.fontSize}),indicatorSeparator:l=>({...l,display:"none"}),clearIndicator:l=>({...l,padding:"5px",color:i.standard,"&:hover":{color:i.hover},cursor:"pointer"}),placeholder:l=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize,color:o.placeholderColor}),container:l=>({...l}),valueContainer:l=>({...l,padding:"0 8px"}),dropdownIndicator:(l,{isFocused:d,isDisabled:u})=>({...l,padding:"5px",color:u?s.disabled:d?s.focused.standard:s.closed.standard,"&:hover":{color:u?s.disabled:d?s.focused.hover:s.closed.hover},svg:{width:14,height:14}}),menu:l=>({...l,backgroundColor:e.backgroundColor,color:e.textColor,minWidth:e.minWidth||l.minWidth,zIndex:e.zIndex,width:e.width||l.width,border:o.border,borderColor:o.borderColorFocused}),menuPortal:l=>({...l,zIndex:r.zIndex}),multiValueRemove:l=>({...l,backgroundColor:t.removeButtonBackgroundColor,":hover":{color:t.removeButtonHoverTextColor,backgroundColor:t.removeButtonHoverBackgroundColor},color:t.removeButtonTextColor,borderRadius:"50%",width:16,height:16,padding:0,margin:3,marginTop:4,display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer"}),multiValue:l=>({...l,backgroundColor:t.backgroundColor,color:t.textColor,fontFamily:o.fontFamily,fontSize:c.fontSize,alignItems:"center",margin:0,marginRight:2}),loadingMessage:l=>({...l,color:a.textColor,fontFamily:o.fontFamily,fontSize:o.fontSize})}),p=e=>z(k,e);function A({variant:e="standard",styles:r,isMulti:o,...t}){const i=x.useMemo(()=>{const s=p(e);return r?m.mergeStyles(s,r):s},[e,r]);return n.jsx(j,{styles:i,...t,isMulti:!0})}function P({variant:e="standard",styles:r,isMulti:o,...t}){const i=x.useMemo(()=>{const s=p(e);return r?m.mergeStyles(s,r):s},[e,r]);return n.jsx(j,{styles:i,...t,isMulti:!1})}function y({variant:e="standard",styles:r,isMulti:o,components:t,...i}){const s=x.useMemo(()=>{const a=p(e);return r?m.mergeStyles(a,r):a},[e,r]),c=a=>n.jsx(v.CloseButton,{"aria-label":"Clear",onClick:a.clearValue});return n.jsx(m,{styles:s,components:{...t,ClearIndicator:c},...i,isMulti:!0})}function _(e){return n.jsx(y,{hideSelectedOptions:!1,...e,components:{...e.components,ValueContainer:N}})}const N=x.memo(e=>{const[r,...o]=e.children,t=E(r,e);return n.jsxs(m.components.ValueContainer,{...e,children:[t,o]})}),E=(e,{children:r,innerProps:o,className:t,...i})=>e?e.length>1?[e[0],x.createElement(m.components.MultiValue,{...i,key:"DUMMY_VALUE_FOR_PLUS_X",innerProps:{},data:null,isFocused:!1,removeProps:{},index:1,components:{Container:m.components.MultiValueContainer,Label:m.components.MultiValueLabel,Remove:()=>n.jsx("div",{style:{height:16,margin:3,marginTop:4}})}},"+"+(e.length-1))]:e:null;function U({variant:e="standard",styles:r,isMulti:o,components:t,...i}){const s=x.useMemo(()=>{const a=p(e);return r?m.mergeStyles(a,r):a},[e,r]),c=a=>n.jsx(v.CloseButton,{"aria-label":"Clear",onClick:a.clearValue});return n.jsx(m,{styles:s,components:{...t,ClearIndicator:c},...i,isMulti:!1})}const B=(e,r)=>g.differenceWith(r,[...e.internalOptions,e],g.isEqual).map(w),D=e=>!("internalOptions"in e),S=e=>e.filter(D).map(w),X=e=>(r,o)=>{const t=r??[];switch(o.action){case"select-option":if(o.option&&"internalOptions"in o.option){const i=g.uniqWith(t.reduce((s,c)=>"internalOptions"in c?[...s,...c.internalOptions]:[...s,w(c)],[]),g.isEqual);e(i,o)}else e(S(t),o);break;case"deselect-option":o.option&&"internalOptions"in o.option?e(B(o.option,S(t)),o):e(S(t),o);break;case"remove-value":case"pop-value":o.removedValue&&"internalOptions"in o.removedValue?e(B(o.removedValue,S(t)),o):e(S(t),o);break;case"clear":e(t.map(w),o);break;case"create-option":e(t.map(w),o);break}},Y=e=>e.reduce((r,o)=>[...r,F(o),...o.options.map(T)],[]),J=(e,r)=>{if(!r)return[];const o=[];return e.forEach(t=>{K(t.options,r)&&o.push(F(t)),o.push(...g.intersectionWith(t.options,r,g.isEqual).map(i=>T(i)))}),o},K=(e,r)=>r?g.intersectionWith(e,r,g.isEqual).length===e.length:!1,T=e=>({data:e.data,label:e.label,value:e.value}),F=e=>({data:e.label,label:e.label,value:e.label,internalOptions:e.options}),w=e=>({data:e.data,label:e.label,value:e.value}),Q=(e,r)=>r?e.menu.selectedItemHoverIconColor:e.menu.selectedItemIconColor;function Z(e){const{formatGroupLabel:r,formatOptionLabel:o}=e.selectProps;return"internalOptions"in e.data?r?r({label:e.data.label,options:e.data.internalOptions}):e.label:o?o(e.data,{context:"menu",inputValue:e.selectProps.inputValue??"",selectValue:e.getValue()}):e.label}function R({onChange:e,options:r,value:o,variant:t="standard",formatGroupLabel:i,formatOptionLabel:s,...c}){const a=u=>{const h=Z(u),O="internalOptions"in u.data;return n.jsx(m.components.Option,{...u,children:n.jsxs(b.Row,{children:[!O&&n.jsx(b.Space,{}),n.jsx($,{theme:k,size:O?void 0:"small",label:h,selected:u.isSelected,focused:u.isFocused})]})})},C=u=>"internalOptions"in u.data?null:n.jsx(m.components.MultiValue,{...u}),l=r?J(r,o):void 0,d=r?Y(r):void 0;return n.jsx(y,{...c,onChange:e?X(e):void 0,hideSelectedOptions:!1,components:{...c.components,MultiValue:C,Option:a},isMulti:!0,options:d,value:l,variant:t})}const $=({focused:e,label:r,selected:o,size:t,theme:i})=>n.jsxs(b.Row,{alignItems:"center",justifyContent:"space-between",flexGrow:1,children:[n.jsx(b.Text,{tabIndex:-1,size:t,color:"currentColor",children:r}),o&&n.jsx(v.Icon,{color:Q(i,e),icon:v.stenaCheck,size:12})]});function ee({variant:e="standard",styles:r,isMulti:o,components:t,ariaLabelClear:i="Clear",...s}){const c=x.useMemo(()=>{const C=p(e);return r?m.mergeStyles(C,r):C},[e,r]),a=C=>n.jsx(v.CloseButton,{"aria-label":i,onClick:C.clearValue});return n.jsx(q,{styles:c,components:{...t,ClearIndicator:a},...s,isMulti:!1})}function H({value:e,onValueChange:r,noneSelectedLabel:o="None",children:t}){return n.jsxs(b.Column,{flex:1,children:[n.jsxs(b.Row,{flexWrap:"wrap",children:[e==null?void 0:e.map(i=>n.jsxs(b.Row,{children:[n.jsx(b.Spacing,{num:.5,children:n.jsx(v.Chip,{label:i.label,onClickRemove:()=>r==null?void 0:r((e==null?void 0:e.filter(s=>s.value!==i.value))??[])})}),n.jsx(b.Space,{})]},i.value)),e!=null&&e.length?n.jsx(b.Spacing,{num:.5,children:n.jsx(v.FlatButton,{size:"small",label:"Clear",onClick:()=>r==null?void 0:r([])})}):n.jsx(b.Spacing,{num:.5,children:n.jsx(v.Chip,{variant:"secondary",label:o})})]}),n.jsx(b.Space,{num:.5}),t]})}function oe({value:e,onValueChange:r,placeholder:o="Type to search",loading:t,inputValue:i,onInputChange:s,noneSelectedLabel:c="None",...a}){return n.jsx(H,{noneSelectedLabel:c,onValueChange:r,value:e,children:n.jsx(y,{...a,isClearable:!1,value:e,onChange:r?C=>r([...C]):void 0,backspaceRemovesValue:!1,hideSelectedOptions:!0,controlShouldRenderValue:!1,placeholder:o,isLoading:t,inputValue:i,onInputChange:s})})}const re=M.memo(oe);function te({value:e,onValueChange:r,placeholder:o="Type to search",loading:t,inputValue:i,onInputChange:s,noneSelectedLabel:c="None",...a}){return n.jsx(H,{noneSelectedLabel:c,onValueChange:r,value:e,children:n.jsx(R,{...a,isClearable:!1,value:e,onChange:r?C=>r([...C]):void 0,backspaceRemovesValue:!1,hideSelectedOptions:!0,controlShouldRenderValue:!1,placeholder:o,isLoading:t,inputValue:i,onInputChange:s})})}const le=M.memo(te);exports.AsyncMultiSelect=A;exports.AsyncSelect=P;exports.ChipMultiSelect=re;exports.CreatableSelect=ee;exports.GroupedChipMultiSelect=le;exports.GroupedMultiSelect=R;exports.MultiSelect=y;exports.OverflowingMultiSelect=_;exports.Select=U;exports.createStylesFromTheme=z;exports.createStylesFromVariant=p;exports.defaultSelectTheme=k;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/SelectTheme.ts","../src/util/StylesBuilder.ts","../src/components/ui/AsyncMultiSelect.tsx","../src/components/ui/AsyncSelect.tsx","../src/components/ui/MultiSelect.tsx","../src/components/ui/OverflowingMultiSelect.tsx","../src/components/ui/Select.tsx","../src/util/multiDropdownUtils.ts","../src/components/ui/GroupedMultiSelect.tsx","../src/components/ui/CreatableSelect.tsx","../src/components/ui/ChipMultiSelect/ChipRow.tsx","../src/components/ui/ChipMultiSelect/ChipMultiSelect.tsx","../src/components/ui/ChipMultiSelect/GroupedChipMultiSelect.tsx"],"sourcesContent":["import { Property } from \"csstype\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SelectTheme {\n  arrowColor: {\n    disabled: string;\n    focused: {\n      standard: string;\n      hover: string;\n    };\n    closed: {\n      standard: string;\n      hover: string;\n    };\n  };\n  clearButtonColor: {\n    standard: string;\n    hover: string;\n  };\n  input: {\n    backgroundColor: string;\n    border: string;\n    borderColor: string;\n    disabledBorderColor: string;\n    borderColorFocused: string;\n    borderRadius: string;\n    disabledBackgroundColor: string;\n    warningBackgroundColor: string;\n    errorBackgroundColor: string;\n    successBackgroundColor: string;\n    warningBorderColor: string;\n    errorBorderColor: string;\n    successBorderColor: string;\n    boxShadowFocused: string;\n    fontFamily: string;\n    fontSize: string;\n    height?: string;\n    minHeight?: string;\n    placeholderColor: string;\n    textColor: string;\n  };\n  loadingIndicator: {\n    textColor: string;\n  };\n  menu: {\n    disabledTextColor: string;\n    disabledBackgroundColor: string;\n    textColor: string;\n    backgroundColor: string;\n    hoverTextColor: string;\n    hoverBackgroundColor: string;\n    activeTextColor: string;\n    activeBackgroundColor: string;\n    minWidth?: string;\n    selectedItemTextColor: string;\n    selectedItemBackgroundColor: string;\n    selectedItemHoverTextColor: string;\n    selectedItemIconColor: string;\n    selectedItemHoverIconColor: string;\n    selectedItemHoverBackgroundColor: string;\n    selectedItemActiveTextColor: string;\n    selectedItemActiveBackgroundColor: string;\n    zIndex: number;\n    width?: string;\n    whiteSpace?: Property.WhiteSpace;\n  };\n  groupHeading: {\n    fontSize: string;\n    lineHeight: string;\n    fontWeight: string;\n    color: string;\n    letterSpacing: string;\n  };\n  menuPortal: {\n    zIndex: number;\n  };\n  multiSelect: {\n    backgroundColor: string;\n    textColor: string;\n    removeButtonBackgroundColor: string;\n    removeButtonTextColor: string;\n    removeButtonHoverBackgroundColor: string;\n    removeButtonHoverTextColor: string;\n  };\n}\n\nexport const defaultSelectTheme: SelectTheme = {\n  arrowColor: {\n    disabled: cssColor(\"--silver-light\"),\n    focused: {\n      hover: cssColor(\"--lhds-color-blue-600\"),\n      standard: cssColor(\"--lhds-color-blue-600\"),\n    },\n    closed: {\n      hover: cssColor(\"--lhds-color-blue-600\"),\n      standard: cssColor(\"--lhds-color-blue-600\"),\n    },\n  },\n  clearButtonColor: {\n    hover: cssColor(\"--lhds-color-red-600\"),\n    standard: cssColor(\"--lhds-color-red-500\"),\n  },\n  input: {\n    backgroundColor: \"var(--swui-field-bg-enabled)\",\n    border: `1px solid var(--swui-select-border-color)`,\n    borderColor: \"var(--swui-field-border-color)\",\n    borderColorFocused: \"var(--swui-field-border-color-hover)\",\n    disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n    disabledBorderColor: \"var(--swui-field-bg-disabled)\",\n    warningBackgroundColor: \"var(--swui-state-alert-light-color)\",\n    warningBorderColor: \"var(--swui-state-alert-light-color)\",\n    errorBackgroundColor: \"var(--swui-state-error-light-color)\",\n    errorBorderColor: \"var(--swui-state-error-light-color)\",\n    successBackgroundColor: \"var(--swui-state-success-light-color)\",\n    successBorderColor: \"var(--swui-state-success-light-color)\",\n    boxShadowFocused: \"none\",\n    fontFamily: \"var(--swui-font-primary)\",\n    fontSize: \"var(--swui-font-size-inputs)\",\n    minHeight: \"30px\",\n    placeholderColor: \"var(--swui-field-text-color)\",\n    textColor: \"var(--swui-field-text-color)\",\n    borderRadius: \"var(--swui-field-border-radius)\",\n  },\n  loadingIndicator: {\n    textColor: \"var(--swui-field-text-color)\",\n  },\n  groupHeading: {\n    fontSize: \"var(--swui-font-size-smaller)\",\n    lineHeight: \"var(--swui-line-height-smaller)\",\n    fontWeight: \"var(--swui-font-weight-text-bold)\",\n    color: cssColor(\"--lhds-color-ui-600\"),\n    letterSpacing: \"0.1rem\",\n  },\n  menu: {\n    activeBackgroundColor: cssColor(\"--lhds-color-blue-100\"),\n    activeTextColor: \"var(--swui-field-text-color)\",\n    selectedItemActiveBackgroundColor: cssColor(\"--lhds-color-blue-500\"),\n    selectedItemActiveTextColor: cssColor(\"--lhds-color-blue-50\"),\n    disabledTextColor: \"var(--swui-field-text-color-disabled)\",\n    disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n    textColor: \"var(--swui-field-text-color)\",\n    backgroundColor: \"var(--swui-field-bg-enabled)\",\n    hoverTextColor: \"var(--swui-field-text-color)\",\n    hoverBackgroundColor: cssColor(\"--lhds-color-blue-200\"),\n    selectedItemTextColor: cssColor(\"--lhds-color-blue-500\"),\n    selectedItemIconColor: cssColor(\"--lhds-color-blue-500\"),\n    selectedItemHoverTextColor: \"var(--swui-field-text-color)\",\n    selectedItemHoverIconColor: \"var(--swui-field-text-color)\",\n    selectedItemBackgroundColor: cssColor(\"--lhds-color-blue-50\"),\n    selectedItemHoverBackgroundColor: cssColor(\"--lhds-color-blue-50\"),\n    zIndex: 1,\n    width: \"auto\",\n    minWidth: \"100%\",\n    whiteSpace: \"nowrap\",\n  },\n  menuPortal: {\n    zIndex: 1,\n  },\n  multiSelect: {\n    backgroundColor: \"var(--swui-primary-action-color)\",\n    textColor: cssColor(\"--lhds-color-blue-50\"),\n    removeButtonBackgroundColor: \"transparent\",\n    removeButtonTextColor: \"var(--swui-white)\",\n    removeButtonHoverBackgroundColor: \"var(--swui-primary-action-color-hover)\",\n    removeButtonHoverTextColor: \"var(--swui-white)\",\n  },\n};\n","import { StylesConfig } from \"react-select\";\nimport { defaultSelectTheme, SelectTheme } from \"../SelectTheme\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport type SelectVariant = \"standard\" | \"warning\" | \"error\" | \"success\";\n\nconst resolveOptionBackgroundColor = (\n  colors: SelectTheme[\"menu\"],\n  isDisabled: boolean,\n  isSelected: boolean,\n  isFocused: boolean\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledBackgroundColor;\n  } else if (isSelected && isFocused) {\n    return colors.selectedItemHoverBackgroundColor;\n  } else if (isSelected) {\n    return colors.selectedItemBackgroundColor;\n  } else if (isFocused) {\n    return colors.hoverBackgroundColor;\n  } else {\n    return undefined;\n  }\n};\n\nconst resolveOptionColor = (\n  colors: SelectTheme[\"menu\"],\n  isDisabled: boolean,\n  isSelected: boolean,\n  isFocused: boolean\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledTextColor;\n  } else if (isSelected && isFocused) {\n    return colors.selectedItemHoverTextColor;\n  } else if (isSelected) {\n    return colors.selectedItemTextColor;\n  } else if (isFocused) {\n    return colors.hoverTextColor;\n  } else {\n    return undefined;\n  }\n};\n\nconst resolveInputBackgroundColor = (\n  colors: SelectTheme[\"input\"],\n  isDisabled: boolean,\n  isFocused: boolean,\n  variant: SelectVariant | undefined\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledBackgroundColor;\n  } else if (isFocused) {\n    return colors.backgroundColor;\n  } else if (variant === \"warning\") {\n    return colors.warningBackgroundColor;\n  } else if (variant === \"success\") {\n    return colors.successBackgroundColor;\n  } else if (variant === \"error\") {\n    return colors.errorBackgroundColor;\n  } else {\n    return colors.backgroundColor;\n  }\n};\n\nconst resolveInputBorderColor = (\n  colors: SelectTheme[\"input\"],\n  isDisabled: boolean,\n  isFocused: boolean,\n  isHovered: boolean,\n  variant: SelectVariant | undefined\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledBorderColor;\n  } else if (isFocused) {\n    return colors.borderColorFocused;\n  } else if (variant === \"warning\") {\n    return colors.warningBorderColor;\n  } else if (variant === \"success\") {\n    return colors.successBorderColor;\n  } else if (variant === \"error\") {\n    return colors.errorBorderColor;\n  } else if (isHovered) {\n    return colors.borderColorFocused;\n  } else {\n    return colors.borderColor;\n  }\n};\n\n/**\n * @deprecated\n */\nexport const createStylesFromTheme = <\n  OptionType,\n  IsMulti extends boolean,\n  TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>(\n  {\n    menu,\n    menuPortal,\n    input,\n    multiSelect,\n    clearButtonColor,\n    arrowColor,\n    groupHeading,\n    loadingIndicator,\n  }: SelectTheme,\n  variant: SelectVariant | undefined\n): StylesConfig<OptionType, IsMulti, TGroup> => ({\n  option: (base, { isDisabled, isFocused, isSelected }) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    backgroundColor: resolveOptionBackgroundColor(\n      menu,\n      isDisabled,\n      isSelected,\n      isFocused\n    ),\n    color: resolveOptionColor(menu, isDisabled, isSelected, isFocused),\n    cursor: isDisabled ? \"not-allowed\" : \"default\",\n    whiteSpace: menu.whiteSpace || base.whiteSpace,\n    \":active\": {\n      backgroundColor: isDisabled\n        ? undefined\n        : isSelected\n        ? menu.selectedItemActiveBackgroundColor\n        : menu.activeBackgroundColor,\n      color: isDisabled\n        ? undefined\n        : isSelected\n        ? menu.selectedItemActiveTextColor\n        : menu.activeTextColor,\n    },\n  }),\n  control: (base, { isFocused, isDisabled, menuIsOpen }) => ({\n    ...base,\n    // none of react-selects styles are passed to <View />\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    minHeight: input.minHeight,\n    backgroundColor: resolveInputBackgroundColor(\n      input,\n      isDisabled,\n      isFocused,\n      variant\n    ),\n    borderRadius: input.borderRadius,\n    border: input.border,\n    \"--swui-select-border-color\": resolveInputBorderColor(\n      input,\n      isDisabled,\n      isFocused || menuIsOpen,\n      false,\n      variant\n    ),\n    outline: isFocused ? \"var(--swui-focus-outline)\" : undefined,\n    outlineOffset: isFocused ? \"-1px\" : undefined,\n    transition: \"none\",\n    boxShadow: isFocused ? input.boxShadowFocused : undefined,\n    \"&:hover\": {\n      \"--swui-select-border-color\": resolveInputBorderColor(\n        input,\n        false,\n        isFocused || menuIsOpen,\n        true,\n        variant\n      ),\n    },\n  }),\n  singleValue: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    color: input.textColor,\n  }),\n  noOptionsMessage: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n  }),\n  input: (base) => ({\n    ...base,\n    minHeight: input.minHeight,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    color: input.textColor,\n  }),\n  groupHeading: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: groupHeading.fontSize,\n    lineHeight: groupHeading.lineHeight,\n    fontWeight: groupHeading.fontWeight as any,\n    color: groupHeading.color,\n    letterSpacing: groupHeading.letterSpacing,\n  }),\n  multiValueLabel: (base) => ({\n    ...base,\n    backgroundColor: multiSelect.backgroundColor,\n    color: multiSelect.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: groupHeading.fontSize,\n  }),\n  indicatorSeparator: (base) => ({\n    ...base,\n    display: \"none\",\n  }),\n  clearIndicator: (base) => ({\n    ...base,\n    padding: \"5px\",\n    color: clearButtonColor.standard,\n    \"&:hover\": {\n      color: clearButtonColor.hover,\n    },\n    cursor: \"pointer\",\n  }),\n  placeholder: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    color: input.placeholderColor,\n  }),\n  container: (base) => ({\n    ...base,\n  }),\n  valueContainer: (base) => ({\n    ...base,\n    padding: \"0 8px\",\n  }),\n  dropdownIndicator: (base, { isFocused, isDisabled }) => ({\n    ...base,\n    padding: \"5px\",\n    color: isDisabled\n      ? arrowColor.disabled\n      : isFocused\n      ? arrowColor.focused.standard\n      : arrowColor.closed.standard,\n    \"&:hover\": {\n      color: isDisabled\n        ? arrowColor.disabled\n        : isFocused\n        ? arrowColor.focused.hover\n        : arrowColor.closed.hover,\n    },\n    svg: {\n      width: 14,\n      height: 14,\n    },\n  }),\n  menu: (base) => ({\n    ...base,\n    backgroundColor: menu.backgroundColor,\n    color: menu.textColor,\n    minWidth: menu.minWidth || base.minWidth,\n    zIndex: menu.zIndex,\n    width: menu.width || base.width,\n    border: input.border,\n    borderColor: input.borderColorFocused,\n  }),\n  menuPortal: (base) => ({\n    ...base,\n    zIndex: menuPortal.zIndex,\n  }),\n  multiValueRemove: (styles) => ({\n    ...styles,\n    backgroundColor: multiSelect.removeButtonBackgroundColor,\n    \":hover\": {\n      color: multiSelect.removeButtonHoverTextColor,\n      backgroundColor: multiSelect.removeButtonHoverBackgroundColor,\n    },\n    color: multiSelect.removeButtonTextColor,\n    borderRadius: \"50%\",\n    width: 16,\n    height: 16,\n    padding: 0,\n    margin: 3,\n    marginTop: 4,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    cursor: \"pointer\",\n  }),\n  multiValue: (base) => ({\n    ...base,\n    backgroundColor: multiSelect.backgroundColor,\n    color: multiSelect.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: groupHeading.fontSize,\n    alignItems: \"center\",\n    margin: 0,\n    marginRight: 2,\n  }),\n  loadingMessage: (base) => ({\n    ...base,\n    color: loadingIndicator.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n  }),\n});\n\nexport const createStylesFromVariant = <\n  OptionType,\n  IsMulti extends boolean,\n  TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>(\n  variant: SelectVariant\n): StylesConfig<OptionType, IsMulti, TGroup> =>\n  createStylesFromTheme(defaultSelectTheme, variant);\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { mergeStyles } from \"react-select\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncMultiSelectProps<T = { label: string; value: string }>\n  extends AsyncProps<T, true, GroupBase<T>> {\n  variant?: SelectVariant;\n  isMulti?: true;\n}\n\nexport function AsyncMultiSelect<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  ...selectProps\n}: AsyncMultiSelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, true>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  return (\n    <AsyncComponent styles={selectStyles} {...selectProps} isMulti={true} />\n  );\n}\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { mergeStyles } from \"react-select\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncSelectProps<T = { label: string; value: string }>\n  extends AsyncProps<T, false, GroupBase<T>> {\n  variant?: SelectVariant;\n  isMulti?: false;\n}\n\nexport function AsyncSelect<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  ...selectProps\n}: AsyncSelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  return (\n    <AsyncComponent styles={selectStyles} {...selectProps} isMulti={false} />\n  );\n}\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, {\n  ClearIndicatorProps,\n  GroupBase,\n  mergeStyles,\n  Props,\n  SelectComponentsConfig,\n} from \"react-select\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { CloseButton } from \"@stenajs-webui/elements\";\n\nexport interface MultiSelectProps<TOption = { label: string; value: string }>\n  extends Props<TOption, true> {\n  variant?: SelectVariant;\n  isMulti?: true;\n}\n\nexport type MultiSelectComponentsConfig<TOption> = SelectComponentsConfig<\n  TOption,\n  true,\n  GroupBase<TOption>\n>;\n\nexport function MultiSelect<TOption>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  components,\n  ...selectProps\n}: MultiSelectProps<TOption>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<TOption, true>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  const ClearIndicator = (\n    props: ClearIndicatorProps<TOption, true, GroupBase<TOption>>\n  ) => <CloseButton aria-label={\"Clear\"} onClick={props.clearValue} />;\n\n  return (\n    <SelectComponent\n      styles={selectStyles}\n      components={{ ...components, ClearIndicator }}\n      {...selectProps}\n      isMulti={true}\n    />\n  );\n}\n","import * as React from \"react\";\nimport { MultiSelect, MultiSelectProps } from \"./MultiSelect\";\nimport { memo, ReactElement } from \"react\";\nimport { components, ValueContainerProps } from \"react-select\";\n\nexport function OverflowingMultiSelect<T>(props: MultiSelectProps<T>) {\n  return (\n    <MultiSelect\n      hideSelectedOptions={false}\n      {...props}\n      components={{\n        ...props.components,\n        ValueContainer: FirstValueOnlyValueContainer,\n      }}\n    />\n  );\n}\n\nconst FirstValueOnlyValueContainer = memo(\n  (props: ValueContainerProps<any, true>) => {\n    const [prevOptions, ...restChildren] = props.children as [\n      ReactElement[] | null | undefined,\n      ReactElement[] | null | undefined\n    ];\n\n    const options = getOptionsToRender(prevOptions, props);\n\n    return (\n      <components.ValueContainer {...props}>\n        {options}\n        {restChildren}\n      </components.ValueContainer>\n    );\n  }\n);\n\nconst getOptionsToRender = (\n  optionElements: ReactElement[] | null | undefined,\n  {\n    children,\n    innerProps,\n    className,\n    ...spreadProps\n  }: ValueContainerProps<any, true>\n) => {\n  if (!optionElements) {\n    return null;\n  }\n\n  if (optionElements.length > 1) {\n    return [\n      optionElements[0],\n      <components.MultiValue\n        {...spreadProps}\n        key={\"DUMMY_VALUE_FOR_PLUS_X\"}\n        innerProps={{}}\n        data={null}\n        isFocused={false}\n        removeProps={{}}\n        index={1}\n        components={{\n          Container: components.MultiValueContainer,\n          Label: components.MultiValueLabel,\n          Remove: () => <div style={{ height: 16, margin: 3, marginTop: 4 }} />,\n        }}\n      >\n        {\"+\" + (optionElements.length - 1)}\n      </components.MultiValue>,\n    ];\n  } else {\n    return optionElements;\n  }\n};\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, {\n  ClearIndicatorProps,\n  GroupBase,\n  mergeStyles,\n  Props,\n} from \"react-select\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { CloseButton } from \"@stenajs-webui/elements\";\n\nexport interface SelectProps<T = { label: string; value: string }>\n  extends Props<T, false> {\n  variant?: SelectVariant;\n  isMulti?: false;\n}\n\nexport function Select<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  components,\n  ...selectProps\n}: SelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  const ClearIndicator = (\n    props: ClearIndicatorProps<T, false, GroupBase<T>>\n  ) => <CloseButton aria-label={\"Clear\"} onClick={props.clearValue} />;\n\n  return (\n    <SelectComponent\n      styles={selectStyles}\n      components={{ ...components, ClearIndicator }}\n      {...selectProps}\n      isMulti={false}\n    />\n  );\n}\n","import { differenceWith, intersectionWith, isEqual, uniqWith } from \"lodash\";\nimport { ActionMeta, GroupBase, OnChangeValue, Options } from \"react-select\";\nimport { OnChange } from \"../components/ui/GroupedMultiSelect\";\nimport { DropdownOption } from \"../components/ui/GroupedMultiSelectTypes\";\n\nexport type GroupedOptionsType<TOption> = ReadonlyArray<GroupBase<TOption>>;\n\nexport type InternalDropdownOption<TData> =\n  | InternalChildOption<TData>\n  | InternalParentDropdownOption<TData>;\n\ninterface InternalChildOption<TData> {\n  data: TData;\n  label: string;\n  value: string;\n}\n\ninterface InternalParentDropdownOption<TData> {\n  data: TData;\n  label: string;\n  value: string;\n  internalOptions: Options<DropdownOption<TData>>;\n}\n\nconst removeGroupedOptionsType = <TData>(\n  removedValue: InternalParentDropdownOption<TData>,\n  selectedInternalOptions: Options<InternalDropdownOption<TData>>\n): Options<InternalDropdownOption<TData>> =>\n  differenceWith(\n    selectedInternalOptions,\n    [...removedValue.internalOptions, removedValue],\n    isEqual\n  ).map(convertInternalOptionToDropdownOption);\n\nconst removeInternalOptions = <TData>(\n  selectedInternalOption: InternalDropdownOption<TData>\n): boolean => !(\"internalOptions\" in selectedInternalOption);\n\nconst removeOptionHeaders = <TData>(\n  selectedInternalOptions: Options<InternalDropdownOption<TData>>\n): Options<InternalDropdownOption<TData>> =>\n  selectedInternalOptions\n    .filter(removeInternalOptions)\n    .map(convertInternalOptionToDropdownOption);\n\nexport const createOnChange =\n  <TData>(onChange: OnChange<TData>) =>\n  (\n    incomingSelectedInternalOptions: OnChangeValue<\n      InternalDropdownOption<TData>,\n      true\n    >,\n    meta: ActionMeta<InternalDropdownOption<TData>>\n  ) => {\n    const selectedInternalOptions = incomingSelectedInternalOptions ?? [];\n    switch (meta.action) {\n      case \"select-option\":\n        if (meta.option && \"internalOptions\" in meta.option) {\n          const selectedOptions: OnChangeValue<\n            InternalDropdownOption<TData>,\n            true\n          > = uniqWith(\n            selectedInternalOptions.reduce<Options<DropdownOption<TData>>>(\n              (previousValue, currentValue) => {\n                if (\"internalOptions\" in currentValue) {\n                  return [...previousValue, ...currentValue.internalOptions];\n                } else {\n                  return [\n                    ...previousValue,\n                    convertInternalOptionToDropdownOption(currentValue),\n                  ];\n                }\n              },\n              []\n            ),\n            isEqual\n          );\n\n          onChange(selectedOptions, meta);\n        } else {\n          onChange(removeOptionHeaders(selectedInternalOptions), meta);\n        }\n        break;\n      case \"deselect-option\":\n        if (meta.option && \"internalOptions\" in meta.option) {\n          onChange(\n            removeGroupedOptionsType(\n              meta.option,\n              removeOptionHeaders(selectedInternalOptions)\n            ),\n            meta\n          );\n        } else {\n          onChange(removeOptionHeaders(selectedInternalOptions), meta);\n        }\n        break;\n      case \"remove-value\":\n      case \"pop-value\":\n        if (meta.removedValue && \"internalOptions\" in meta.removedValue) {\n          onChange(\n            removeGroupedOptionsType(\n              meta.removedValue,\n              removeOptionHeaders(selectedInternalOptions)\n            ),\n            meta\n          );\n        } else {\n          onChange(removeOptionHeaders(selectedInternalOptions), meta);\n        }\n        break;\n      case \"clear\":\n        onChange(\n          selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n          meta\n        );\n        break;\n      case \"create-option\":\n        onChange(\n          selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n          meta\n        );\n        break;\n      default:\n        break;\n    }\n  };\n\nexport const convertGroupedDropdownOptionsToInternalOptions = <TData>(\n  options: GroupedOptionsType<DropdownOption<TData>>\n): InternalDropdownOption<TData>[] => {\n  return options.reduce<InternalDropdownOption<TData>[]>(\n    (previousValue, currentValue) => {\n      return [\n        ...previousValue,\n        convertGroupedDropdownOptionToInternalOption(currentValue),\n        ...currentValue.options.map(convertDropdownOptionToInternalOption),\n      ];\n    },\n    []\n  );\n};\n\nexport const convertValueToInternalValue = <TData>(\n  options: GroupedOptionsType<DropdownOption<TData>>,\n  values: Options<DropdownOption<TData>> | undefined\n): InternalDropdownOption<TData>[] => {\n  if (!values) {\n    return [];\n  }\n  const selectedOptions: InternalDropdownOption<TData>[] = [];\n  options.forEach((option) => {\n    if (allOptionsExists(option.options, values)) {\n      selectedOptions.push(\n        convertGroupedDropdownOptionToInternalOption(option)\n      );\n    }\n    selectedOptions.push(\n      ...intersectionWith(option.options, values, isEqual).map((option) =>\n        convertDropdownOptionToInternalOption(option)\n      )\n    );\n  });\n  return selectedOptions;\n};\n\nexport const allOptionsExists = <TData>(\n  options: Options<DropdownOption<TData>>,\n  selectedValues: Options<DropdownOption<TData>> | undefined\n): boolean => {\n  if (!selectedValues) {\n    return false;\n  }\n\n  return (\n    intersectionWith(options, selectedValues, isEqual).length === options.length\n  );\n};\n\nexport const convertDropdownOptionToInternalOption = <TData>(\n  option: DropdownOption<TData>\n): InternalDropdownOption<TData> => ({\n  data: option.data,\n  label: option.label,\n  value: option.value,\n});\n\n// TODO: can this be done `any` other way\nexport const convertGroupedDropdownOptionToInternalOption = <TData>(\n  option: GroupBase<DropdownOption<TData>>\n): InternalDropdownOption<TData> => ({\n  data: option.label as any,\n  label: option.label as any,\n  value: option.label as any,\n  internalOptions: option.options,\n});\n\nexport const convertInternalOptionToDropdownOption = <TData>(\n  option: InternalDropdownOption<TData>\n): DropdownOption<TData> => ({\n  data: option.data,\n  label: option.label,\n  value: option.value,\n});\n","import { Row, Space, Text, TextSize } from \"@stenajs-webui/core\";\nimport { Icon, stenaCheck } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n  ActionMeta,\n  components,\n  GroupBase,\n  MultiValueProps,\n  OnChangeValue,\n  OptionProps,\n  Options,\n} from \"react-select\";\nimport { defaultSelectTheme, SelectTheme } from \"../../SelectTheme\";\nimport {\n  convertGroupedDropdownOptionsToInternalOptions,\n  convertValueToInternalValue,\n  createOnChange,\n  GroupedOptionsType,\n  InternalDropdownOption,\n} from \"../../util/multiDropdownUtils\";\nimport { DropdownOption } from \"./GroupedMultiSelectTypes\";\nimport {\n  MultiSelect,\n  MultiSelectComponentsConfig,\n  MultiSelectProps,\n} from \"./MultiSelect\";\n\nexport type OnChange<TData> = (\n  value: OnChangeValue<DropdownOption<TData>, true>,\n  action: ActionMeta<any>\n) => void;\n\nexport interface GroupedMultiSelectProps<TData>\n  extends Omit<\n    MultiSelectProps<InternalDropdownOption<TData>>,\n    \"options\" | \"onChange\" | \"value\" | \"components\"\n  > {\n  /**\n   * Same as Select prop `component` but without MultiValue and Option since they can not be modified\n   */\n  components?: Omit<\n    MultiSelectComponentsConfig<InternalDropdownOption<TData>>,\n    \"MultiValue\" | \"Option\"\n  >;\n  /**\n   * Same as Select prop `options` but only with GroupOptionsType\n   */\n  options?: GroupedOptionsType<DropdownOption<TData>>;\n  /**\n   * Same as Select prop `onChange` but only with GroupOptionsType\n   */\n  onChange?: OnChange<TData>;\n  /**\n   * Same as Select prop `value` but only with GroupOptionsType\n   */\n  value?: Options<DropdownOption<TData>> | undefined;\n}\n\nconst resolveIconColor = (\n  theme: SelectTheme,\n  isFocused: boolean\n): string | undefined =>\n  isFocused\n    ? theme.menu.selectedItemHoverIconColor\n    : theme.menu.selectedItemIconColor;\n\nfunction formatInnerOptionLabel<TData>(\n  props: OptionProps<\n    InternalDropdownOption<TData>,\n    true,\n    GroupBase<InternalDropdownOption<TData>>\n  >\n) {\n  const { formatGroupLabel, formatOptionLabel } = props.selectProps;\n\n  if (\"internalOptions\" in props.data) {\n    return formatGroupLabel\n      ? formatGroupLabel({\n          label: props.data.label,\n          options: props.data.internalOptions,\n        })\n      : props.label;\n  }\n\n  return formatOptionLabel\n    ? formatOptionLabel(props.data, {\n        context: \"menu\",\n        inputValue: props.selectProps.inputValue ?? \"\",\n        selectValue: props.getValue(),\n      })\n    : props.label;\n}\n\nexport function GroupedMultiSelect<TData>({\n  onChange,\n  options,\n  value,\n  variant = \"standard\",\n  formatGroupLabel,\n  formatOptionLabel,\n  ...selectProps\n}: GroupedMultiSelectProps<TData>): React.ReactElement<\n  GroupedMultiSelectProps<TData>\n> {\n  const Option = (\n    props: OptionProps<\n      InternalDropdownOption<TData>,\n      true,\n      GroupBase<InternalDropdownOption<TData>>\n    >\n  ) => {\n    const label = formatInnerOptionLabel(props);\n    const isGroupOption = \"internalOptions\" in props.data;\n\n    return (\n      <components.Option {...props}>\n        <Row>\n          {!isGroupOption && <Space />}\n          <InnerOption\n            theme={defaultSelectTheme}\n            size={!isGroupOption ? \"small\" : undefined}\n            label={label}\n            selected={props.isSelected}\n            focused={props.isFocused}\n          />\n        </Row>\n      </components.Option>\n    );\n  };\n\n  const MultiValue = (\n    props: MultiValueProps<\n      InternalDropdownOption<TData>,\n      true,\n      GroupBase<InternalDropdownOption<TData>>\n    >\n  ) => {\n    return !(\"internalOptions\" in props.data) ? (\n      <components.MultiValue {...props} />\n    ) : null;\n  };\n\n  const internalValue = options\n    ? convertValueToInternalValue(options, value)\n    : undefined;\n  const internalOptions = options\n    ? convertGroupedDropdownOptionsToInternalOptions(options)\n    : undefined;\n\n  return (\n    <MultiSelect<InternalDropdownOption<TData>>\n      {...selectProps}\n      onChange={onChange ? createOnChange<TData>(onChange) : undefined}\n      hideSelectedOptions={false}\n      components={{\n        ...selectProps.components,\n        MultiValue,\n        Option,\n      }}\n      isMulti={true}\n      options={internalOptions}\n      value={internalValue}\n      variant={variant}\n    />\n  );\n}\n\ninterface InnerOptionProps {\n  size?: TextSize;\n  selected: boolean;\n  theme: SelectTheme;\n  label: ReactNode;\n  focused: boolean;\n}\n\nconst InnerOption: React.VFC<InnerOptionProps> = ({\n  focused,\n  label,\n  selected,\n  size,\n  theme,\n}) => (\n  <Row alignItems={\"center\"} justifyContent={\"space-between\"} flexGrow={1}>\n    <Text tabIndex={-1} size={size} color={\"currentColor\"}>\n      {label}\n    </Text>\n    {selected && (\n      <Icon\n        color={resolveIconColor(theme, focused)}\n        icon={stenaCheck}\n        size={12}\n      />\n    )}\n  </Row>\n);\n","import { CloseButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { ClearIndicatorProps, mergeStyles } from \"react-select\";\nimport CreatableComponent, { CreatableProps } from \"react-select/creatable\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\n\nexport interface CreatableSelectProps<T = { label: string; value: string }>\n  extends CreatableProps<T, false, GroupBase<T>> {\n  variant?: SelectVariant;\n  isMulti?: false;\n  ariaLabelClear?: string;\n}\n\nexport function CreatableSelect<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  components,\n  ariaLabelClear = \"Clear\",\n  ...selectProps\n}: CreatableSelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  const ClearIndicator = (\n    props: ClearIndicatorProps<T, false, GroupBase<T>>\n  ) => <CloseButton aria-label={ariaLabelClear} onClick={props.clearValue} />;\n\n  return (\n    <CreatableComponent\n      styles={selectStyles}\n      components={{ ...components, ClearIndicator }}\n      {...selectProps}\n      isMulti={false}\n    />\n  );\n}\n","import { Column, Row, Space, Spacing } from \"@stenajs-webui/core\";\nimport { Chip, FlatButton } from \"@stenajs-webui/elements\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\n\nexport interface ChipRowItem {\n  label: string;\n  value: string;\n}\n\nexport interface ChipRowProps<TValue>\n  extends ValueAndOnValueChangeProps<TValue> {\n  noneSelectedLabel?: string;\n}\n\nexport function ChipRow<TValue extends ChipRowItem>({\n  value,\n  onValueChange,\n  noneSelectedLabel = \"None\",\n  children,\n}: PropsWithChildren<ChipRowProps<Array<TValue>>>) {\n  return (\n    <Column flex={1}>\n      <Row flexWrap={\"wrap\"}>\n        {value?.map((v) => (\n          <Row key={v.value}>\n            <Spacing num={0.5}>\n              <Chip\n                label={v.label}\n                onClickRemove={() =>\n                  onValueChange?.(\n                    value?.filter((f) => f.value !== v.value) ?? []\n                  )\n                }\n              />\n            </Spacing>\n            <Space />\n          </Row>\n        ))}\n        {value?.length ? (\n          <Spacing num={0.5}>\n            <FlatButton\n              size={\"small\"}\n              label={\"Clear\"}\n              onClick={() => onValueChange?.([])}\n            />\n          </Spacing>\n        ) : (\n          <Spacing num={0.5}>\n            <Chip variant={\"secondary\"} label={noneSelectedLabel} />\n          </Spacing>\n        )}\n      </Row>\n      <Space num={0.5} />\n      {children}\n    </Column>\n  );\n}\n","import { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { MultiSelect, MultiSelectProps } from \"../MultiSelect\";\nimport { ChipRow, ChipRowItem } from \"./ChipRow\";\n\nexport interface ChipMultiSelectOption extends ChipRowItem {}\n\n/**\n * @deprecated renamed to ChipMultiSelectOption\n */\nexport type ChipMultiSelectValue = ChipMultiSelectOption;\n\nexport interface ChipMultiSelectProps<TOption>\n  extends Omit<MultiSelectProps<TOption>, \"value\" | \"onChange\" | \"isLoading\">,\n    ValueAndOnValueChangeProps<Array<TOption>> {\n  loading?: boolean;\n  inputValue?: string;\n  onInputChange?: (inputValue: string) => void;\n  noneSelectedLabel?: string;\n}\n\nfunction _ChipMultiSelect<TOption extends ChipMultiSelectOption>({\n  value,\n  onValueChange,\n  placeholder = \"Type to search\",\n  loading,\n  inputValue,\n  onInputChange,\n  noneSelectedLabel = \"None\",\n  ...selectProps\n}: ChipMultiSelectProps<TOption>) {\n  return (\n    <ChipRow\n      noneSelectedLabel={noneSelectedLabel}\n      onValueChange={onValueChange}\n      value={value}\n    >\n      <MultiSelect<TOption>\n        {...selectProps}\n        isClearable={false}\n        value={value}\n        onChange={\n          onValueChange ? (value) => onValueChange([...value]) : undefined\n        }\n        backspaceRemovesValue={false}\n        hideSelectedOptions\n        controlShouldRenderValue={false}\n        placeholder={placeholder}\n        isLoading={loading}\n        inputValue={inputValue}\n        onInputChange={onInputChange}\n      />\n    </ChipRow>\n  );\n}\n\nexport const ChipMultiSelect = React.memo(\n  _ChipMultiSelect\n) as typeof _ChipMultiSelect;\n","import * as React from \"react\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport {\n  GroupedMultiSelect,\n  GroupedMultiSelectProps,\n} from \"../GroupedMultiSelect\";\nimport { DropdownOption } from \"../GroupedMultiSelectTypes\";\nimport { ChipRow } from \"./ChipRow\";\n\nexport interface GroupedChipMultiSelectValue<TData>\n  extends DropdownOption<TData> {}\n\nexport interface GroupedChipMultiSelectProps<TData>\n  extends Omit<GroupedMultiSelectProps<TData>, \"onChange\" | \"value\">,\n    ValueAndOnValueChangeProps<Array<DropdownOption<TData>>> {\n  loading?: boolean;\n  inputValue?: string;\n  onInputChange?: (inputValue: string) => void;\n  noneSelectedLabel?: string;\n}\n\nfunction _GroupedChipMultiSelect<TData>({\n  value,\n  onValueChange,\n  placeholder = \"Type to search\",\n  loading,\n  inputValue,\n  onInputChange,\n  noneSelectedLabel = \"None\",\n  ...selectProps\n}: GroupedChipMultiSelectProps<TData>) {\n  return (\n    <ChipRow\n      noneSelectedLabel={noneSelectedLabel}\n      onValueChange={onValueChange}\n      value={value}\n    >\n      <GroupedMultiSelect<TData>\n        {...selectProps}\n        isClearable={false}\n        value={value}\n        onChange={\n          onValueChange ? (value) => onValueChange([...value]) : undefined\n        }\n        backspaceRemovesValue={false}\n        hideSelectedOptions\n        controlShouldRenderValue={false}\n        placeholder={placeholder}\n        isLoading={loading}\n        inputValue={inputValue}\n        onInputChange={onInputChange}\n      />\n    </ChipRow>\n  );\n}\n\nexport const GroupedChipMultiSelect = React.memo(\n  _GroupedChipMultiSelect\n) as typeof _GroupedChipMultiSelect;\n"],"names":["defaultSelectTheme","cssColor","resolveOptionBackgroundColor","colors","isDisabled","isSelected","isFocused","resolveOptionColor","resolveInputBackgroundColor","variant","resolveInputBorderColor","isHovered","createStylesFromTheme","menu","menuPortal","input","multiSelect","clearButtonColor","arrowColor","groupHeading","loadingIndicator","base","menuIsOpen","styles","createStylesFromVariant","AsyncMultiSelect","isMulti","selectProps","selectStyles","useMemo","sourceStyles","mergeStyles","AsyncComponent","AsyncSelect","MultiSelect","components","ClearIndicator","props","jsx","CloseButton","SelectComponent","OverflowingMultiSelect","FirstValueOnlyValueContainer","memo","prevOptions","restChildren","options","getOptionsToRender","jsxs","optionElements","children","innerProps","className","spreadProps","createElement","Select","removeGroupedOptionsType","removedValue","selectedInternalOptions","differenceWith","isEqual","convertInternalOptionToDropdownOption","removeInternalOptions","selectedInternalOption","removeOptionHeaders","createOnChange","onChange","incomingSelectedInternalOptions","meta","selectedOptions","uniqWith","previousValue","currentValue","convertGroupedDropdownOptionsToInternalOptions","convertGroupedDropdownOptionToInternalOption","convertDropdownOptionToInternalOption","convertValueToInternalValue","values","option","allOptionsExists","intersectionWith","selectedValues","resolveIconColor","theme","formatInnerOptionLabel","formatGroupLabel","formatOptionLabel","_a","GroupedMultiSelect","value","Option","label","isGroupOption","Row","Space","InnerOption","MultiValue","internalValue","internalOptions","focused","selected","size","Text","Icon","stenaCheck","CreatableSelect","ariaLabelClear","CreatableComponent","ChipRow","onValueChange","noneSelectedLabel","Column","v","Spacing","Chip","f","FlatButton","_ChipMultiSelect","placeholder","loading","inputValue","onInputChange","ChipMultiSelect","React","_GroupedChipMultiSelect","GroupedChipMultiSelect"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/SelectTheme.ts","../src/util/StylesBuilder.ts","../src/components/ui/AsyncMultiSelect.tsx","../src/components/ui/AsyncSelect.tsx","../src/components/ui/MultiSelect.tsx","../src/components/ui/OverflowingMultiSelect.tsx","../src/components/ui/Select.tsx","../src/util/multiDropdownUtils.ts","../src/components/ui/GroupedMultiSelect.tsx","../src/components/ui/CreatableSelect.tsx","../src/components/ui/ChipMultiSelect/ChipRow.tsx","../src/components/ui/ChipMultiSelect/ChipMultiSelect.tsx","../src/components/ui/ChipMultiSelect/GroupedChipMultiSelect.tsx"],"sourcesContent":["import { Property } from \"csstype\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SelectTheme {\n  arrowColor: {\n    disabled: string;\n    focused: {\n      standard: string;\n      hover: string;\n    };\n    closed: {\n      standard: string;\n      hover: string;\n    };\n  };\n  clearButtonColor: {\n    standard: string;\n    hover: string;\n  };\n  input: {\n    backgroundColor: string;\n    border: string;\n    borderColor: string;\n    disabledBorderColor: string;\n    borderColorFocused: string;\n    borderRadius: string;\n    disabledBackgroundColor: string;\n    warningBackgroundColor: string;\n    errorBackgroundColor: string;\n    successBackgroundColor: string;\n    warningBorderColor: string;\n    errorBorderColor: string;\n    successBorderColor: string;\n    boxShadowFocused: string;\n    fontFamily: string;\n    fontSize: string;\n    height?: string;\n    minHeight?: string;\n    placeholderColor: string;\n    textColor: string;\n  };\n  loadingIndicator: {\n    textColor: string;\n  };\n  menu: {\n    disabledTextColor: string;\n    disabledBackgroundColor: string;\n    textColor: string;\n    backgroundColor: string;\n    hoverTextColor: string;\n    hoverBackgroundColor: string;\n    activeTextColor: string;\n    activeBackgroundColor: string;\n    minWidth?: string;\n    selectedItemTextColor: string;\n    selectedItemBackgroundColor: string;\n    selectedItemHoverTextColor: string;\n    selectedItemIconColor: string;\n    selectedItemHoverIconColor: string;\n    selectedItemHoverBackgroundColor: string;\n    selectedItemActiveTextColor: string;\n    selectedItemActiveBackgroundColor: string;\n    zIndex: number;\n    width?: string;\n    whiteSpace?: Property.WhiteSpace;\n  };\n  groupHeading: {\n    fontSize: string;\n    lineHeight: string;\n    fontWeight: string;\n    color: string;\n    letterSpacing: string;\n  };\n  menuPortal: {\n    zIndex: number;\n  };\n  multiSelect: {\n    backgroundColor: string;\n    textColor: string;\n    removeButtonBackgroundColor: string;\n    removeButtonTextColor: string;\n    removeButtonHoverBackgroundColor: string;\n    removeButtonHoverTextColor: string;\n  };\n}\n\nexport const defaultSelectTheme: SelectTheme = {\n  arrowColor: {\n    disabled: cssColor(\"--silver-light\"),\n    focused: {\n      hover: cssColor(\"--lhds-color-blue-600\"),\n      standard: cssColor(\"--lhds-color-blue-600\"),\n    },\n    closed: {\n      hover: cssColor(\"--lhds-color-blue-600\"),\n      standard: cssColor(\"--lhds-color-blue-600\"),\n    },\n  },\n  clearButtonColor: {\n    hover: cssColor(\"--lhds-color-red-600\"),\n    standard: cssColor(\"--lhds-color-red-500\"),\n  },\n  input: {\n    backgroundColor: \"var(--swui-field-bg-enabled)\",\n    border: `1px solid var(--swui-select-border-color)`,\n    borderColor: \"var(--swui-field-border-color)\",\n    borderColorFocused: \"var(--swui-field-border-color-hover)\",\n    disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n    disabledBorderColor: \"var(--swui-field-bg-disabled)\",\n    warningBackgroundColor: \"var(--swui-state-alert-light-color)\",\n    warningBorderColor: \"var(--swui-state-alert-light-color)\",\n    errorBackgroundColor: \"var(--swui-state-error-light-color)\",\n    errorBorderColor: \"var(--swui-state-error-light-color)\",\n    successBackgroundColor: \"var(--swui-state-success-light-color)\",\n    successBorderColor: \"var(--swui-state-success-light-color)\",\n    boxShadowFocused: \"none\",\n    fontFamily: \"var(--swui-font-primary)\",\n    fontSize: \"var(--swui-font-size-inputs)\",\n    minHeight: \"30px\",\n    placeholderColor: \"var(--swui-field-text-color)\",\n    textColor: \"var(--swui-field-text-color)\",\n    borderRadius: \"var(--swui-field-border-radius)\",\n  },\n  loadingIndicator: {\n    textColor: \"var(--swui-field-text-color)\",\n  },\n  groupHeading: {\n    fontSize: \"var(--swui-font-size-smaller)\",\n    lineHeight: \"var(--swui-line-height-smaller)\",\n    fontWeight: \"var(--swui-font-weight-text-bold)\",\n    color: cssColor(\"--lhds-color-ui-600\"),\n    letterSpacing: \"0.1rem\",\n  },\n  menu: {\n    activeBackgroundColor: cssColor(\"--lhds-color-blue-100\"),\n    activeTextColor: \"var(--swui-field-text-color)\",\n    selectedItemActiveBackgroundColor: cssColor(\"--lhds-color-blue-500\"),\n    selectedItemActiveTextColor: cssColor(\"--lhds-color-blue-50\"),\n    disabledTextColor: \"var(--swui-field-text-color-disabled)\",\n    disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n    textColor: \"var(--swui-field-text-color)\",\n    backgroundColor: \"var(--swui-field-bg-enabled)\",\n    hoverTextColor: \"var(--swui-field-text-color)\",\n    hoverBackgroundColor: cssColor(\"--lhds-color-blue-200\"),\n    selectedItemTextColor: cssColor(\"--lhds-color-blue-500\"),\n    selectedItemIconColor: cssColor(\"--lhds-color-blue-500\"),\n    selectedItemHoverTextColor: \"var(--swui-field-text-color)\",\n    selectedItemHoverIconColor: \"var(--swui-field-text-color)\",\n    selectedItemBackgroundColor: cssColor(\"--lhds-color-blue-50\"),\n    selectedItemHoverBackgroundColor: cssColor(\"--lhds-color-blue-50\"),\n    zIndex: 1,\n    width: \"auto\",\n    minWidth: \"100%\",\n    whiteSpace: \"nowrap\",\n  },\n  menuPortal: {\n    zIndex: 1,\n  },\n  multiSelect: {\n    backgroundColor: \"var(--swui-primary-action-color)\",\n    textColor: cssColor(\"--lhds-color-blue-50\"),\n    removeButtonBackgroundColor: \"transparent\",\n    removeButtonTextColor: \"var(--swui-white)\",\n    removeButtonHoverBackgroundColor: \"var(--swui-primary-action-color-hover)\",\n    removeButtonHoverTextColor: \"var(--swui-white)\",\n  },\n};\n","import { StylesConfig } from \"react-select\";\nimport { defaultSelectTheme, SelectTheme } from \"../SelectTheme\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport type SelectVariant = \"standard\" | \"warning\" | \"error\" | \"success\";\n\nconst resolveOptionBackgroundColor = (\n  colors: SelectTheme[\"menu\"],\n  isDisabled: boolean,\n  isSelected: boolean,\n  isFocused: boolean\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledBackgroundColor;\n  } else if (isSelected && isFocused) {\n    return colors.selectedItemHoverBackgroundColor;\n  } else if (isSelected) {\n    return colors.selectedItemBackgroundColor;\n  } else if (isFocused) {\n    return colors.hoverBackgroundColor;\n  } else {\n    return undefined;\n  }\n};\n\nconst resolveOptionColor = (\n  colors: SelectTheme[\"menu\"],\n  isDisabled: boolean,\n  isSelected: boolean,\n  isFocused: boolean\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledTextColor;\n  } else if (isSelected && isFocused) {\n    return colors.selectedItemHoverTextColor;\n  } else if (isSelected) {\n    return colors.selectedItemTextColor;\n  } else if (isFocused) {\n    return colors.hoverTextColor;\n  } else {\n    return undefined;\n  }\n};\n\nconst resolveInputBackgroundColor = (\n  colors: SelectTheme[\"input\"],\n  isDisabled: boolean,\n  isFocused: boolean,\n  variant: SelectVariant | undefined\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledBackgroundColor;\n  } else if (isFocused) {\n    return colors.backgroundColor;\n  } else if (variant === \"warning\") {\n    return colors.warningBackgroundColor;\n  } else if (variant === \"success\") {\n    return colors.successBackgroundColor;\n  } else if (variant === \"error\") {\n    return colors.errorBackgroundColor;\n  } else {\n    return colors.backgroundColor;\n  }\n};\n\nconst resolveInputBorderColor = (\n  colors: SelectTheme[\"input\"],\n  isDisabled: boolean,\n  isFocused: boolean,\n  isHovered: boolean,\n  variant: SelectVariant | undefined\n): string | undefined => {\n  if (isDisabled) {\n    return colors.disabledBorderColor;\n  } else if (isFocused) {\n    return colors.borderColorFocused;\n  } else if (variant === \"warning\") {\n    return colors.warningBorderColor;\n  } else if (variant === \"success\") {\n    return colors.successBorderColor;\n  } else if (variant === \"error\") {\n    return colors.errorBorderColor;\n  } else if (isHovered) {\n    return colors.borderColorFocused;\n  } else {\n    return colors.borderColor;\n  }\n};\n\n/**\n * @deprecated\n */\nexport const createStylesFromTheme = <\n  OptionType,\n  IsMulti extends boolean,\n  TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>(\n  {\n    menu,\n    menuPortal,\n    input,\n    multiSelect,\n    clearButtonColor,\n    arrowColor,\n    groupHeading,\n    loadingIndicator,\n  }: SelectTheme,\n  variant: SelectVariant | undefined\n): StylesConfig<OptionType, IsMulti, TGroup> => ({\n  option: (base, { isDisabled, isFocused, isSelected }) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    backgroundColor: resolveOptionBackgroundColor(\n      menu,\n      isDisabled,\n      isSelected,\n      isFocused\n    ),\n    color: resolveOptionColor(menu, isDisabled, isSelected, isFocused),\n    cursor: isDisabled ? \"not-allowed\" : \"default\",\n    whiteSpace: menu.whiteSpace || base.whiteSpace,\n    \":active\": {\n      backgroundColor: isDisabled\n        ? undefined\n        : isSelected\n        ? menu.selectedItemActiveBackgroundColor\n        : menu.activeBackgroundColor,\n      color: isDisabled\n        ? undefined\n        : isSelected\n        ? menu.selectedItemActiveTextColor\n        : menu.activeTextColor,\n    },\n  }),\n  control: (base, { isFocused, isDisabled, menuIsOpen }) => ({\n    ...base,\n    // none of react-selects styles are passed to <View />\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    minHeight: input.minHeight,\n    backgroundColor: resolveInputBackgroundColor(\n      input,\n      isDisabled,\n      isFocused,\n      variant\n    ),\n    borderRadius: input.borderRadius,\n    border: input.border,\n    \"--swui-select-border-color\": resolveInputBorderColor(\n      input,\n      isDisabled,\n      isFocused || menuIsOpen,\n      false,\n      variant\n    ),\n    outline: isFocused ? \"var(--swui-focus-outline)\" : undefined,\n    outlineOffset: isFocused ? \"-1px\" : undefined,\n    transition: \"none\",\n    boxShadow: isFocused ? input.boxShadowFocused : undefined,\n    \"&:hover\": {\n      \"--swui-select-border-color\": resolveInputBorderColor(\n        input,\n        false,\n        isFocused || menuIsOpen,\n        true,\n        variant\n      ),\n    },\n  }),\n  singleValue: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    color: input.textColor,\n  }),\n  noOptionsMessage: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n  }),\n  input: (base) => ({\n    ...base,\n    minHeight: input.minHeight,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    color: input.textColor,\n  }),\n  groupHeading: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: groupHeading.fontSize,\n    lineHeight: groupHeading.lineHeight,\n    fontWeight: groupHeading.fontWeight as any,\n    color: groupHeading.color,\n    letterSpacing: groupHeading.letterSpacing,\n  }),\n  multiValueLabel: (base) => ({\n    ...base,\n    backgroundColor: multiSelect.backgroundColor,\n    color: multiSelect.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: groupHeading.fontSize,\n  }),\n  indicatorSeparator: (base) => ({\n    ...base,\n    display: \"none\",\n  }),\n  clearIndicator: (base) => ({\n    ...base,\n    padding: \"5px\",\n    color: clearButtonColor.standard,\n    \"&:hover\": {\n      color: clearButtonColor.hover,\n    },\n    cursor: \"pointer\",\n  }),\n  placeholder: (base) => ({\n    ...base,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n    color: input.placeholderColor,\n  }),\n  container: (base) => ({\n    ...base,\n  }),\n  valueContainer: (base) => ({\n    ...base,\n    padding: \"0 8px\",\n  }),\n  dropdownIndicator: (base, { isFocused, isDisabled }) => ({\n    ...base,\n    padding: \"5px\",\n    color: isDisabled\n      ? arrowColor.disabled\n      : isFocused\n      ? arrowColor.focused.standard\n      : arrowColor.closed.standard,\n    \"&:hover\": {\n      color: isDisabled\n        ? arrowColor.disabled\n        : isFocused\n        ? arrowColor.focused.hover\n        : arrowColor.closed.hover,\n    },\n    svg: {\n      width: 14,\n      height: 14,\n    },\n  }),\n  menu: (base) => ({\n    ...base,\n    backgroundColor: menu.backgroundColor,\n    color: menu.textColor,\n    minWidth: menu.minWidth || base.minWidth,\n    zIndex: menu.zIndex,\n    width: menu.width || base.width,\n    border: input.border,\n    borderColor: input.borderColorFocused,\n  }),\n  menuPortal: (base) => ({\n    ...base,\n    zIndex: menuPortal.zIndex,\n  }),\n  multiValueRemove: (styles) => ({\n    ...styles,\n    backgroundColor: multiSelect.removeButtonBackgroundColor,\n    \":hover\": {\n      color: multiSelect.removeButtonHoverTextColor,\n      backgroundColor: multiSelect.removeButtonHoverBackgroundColor,\n    },\n    color: multiSelect.removeButtonTextColor,\n    borderRadius: \"50%\",\n    width: 16,\n    height: 16,\n    padding: 0,\n    margin: 3,\n    marginTop: 4,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    cursor: \"pointer\",\n  }),\n  multiValue: (base) => ({\n    ...base,\n    backgroundColor: multiSelect.backgroundColor,\n    color: multiSelect.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: groupHeading.fontSize,\n    alignItems: \"center\",\n    margin: 0,\n    marginRight: 2,\n  }),\n  loadingMessage: (base) => ({\n    ...base,\n    color: loadingIndicator.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: input.fontSize,\n  }),\n});\n\nexport const createStylesFromVariant = <\n  OptionType,\n  IsMulti extends boolean,\n  TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>(\n  variant: SelectVariant\n): StylesConfig<OptionType, IsMulti, TGroup> =>\n  createStylesFromTheme(defaultSelectTheme, variant);\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { mergeStyles } from \"react-select\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncMultiSelectProps<T = { label: string; value: string }>\n  extends AsyncProps<T, true, GroupBase<T>> {\n  variant?: SelectVariant;\n  isMulti?: true;\n}\n\nexport function AsyncMultiSelect<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  ...selectProps\n}: AsyncMultiSelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, true>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  return (\n    <AsyncComponent styles={selectStyles} {...selectProps} isMulti={true} />\n  );\n}\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { mergeStyles } from \"react-select\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncSelectProps<T = { label: string; value: string }>\n  extends AsyncProps<T, false, GroupBase<T>> {\n  variant?: SelectVariant;\n  isMulti?: false;\n}\n\nexport function AsyncSelect<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  ...selectProps\n}: AsyncSelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  return (\n    <AsyncComponent styles={selectStyles} {...selectProps} isMulti={false} />\n  );\n}\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, {\n  ClearIndicatorProps,\n  GroupBase,\n  mergeStyles,\n  Props,\n  SelectComponentsConfig,\n} from \"react-select\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { CloseButton } from \"@stenajs-webui/elements\";\n\nexport interface MultiSelectProps<TOption = { label: string; value: string }>\n  extends Props<TOption, true> {\n  variant?: SelectVariant;\n  isMulti?: true;\n}\n\nexport type MultiSelectComponentsConfig<TOption> = SelectComponentsConfig<\n  TOption,\n  true,\n  GroupBase<TOption>\n>;\n\nexport function MultiSelect<TOption>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  components,\n  ...selectProps\n}: MultiSelectProps<TOption>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<TOption, true>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  const ClearIndicator = (\n    props: ClearIndicatorProps<TOption, true, GroupBase<TOption>>\n  ) => <CloseButton aria-label={\"Clear\"} onClick={props.clearValue} />;\n\n  return (\n    <SelectComponent\n      styles={selectStyles}\n      components={{ ...components, ClearIndicator }}\n      {...selectProps}\n      isMulti={true}\n    />\n  );\n}\n","import * as React from \"react\";\nimport { MultiSelect, MultiSelectProps } from \"./MultiSelect\";\nimport { memo, ReactElement } from \"react\";\nimport { components, ValueContainerProps } from \"react-select\";\n\nexport function OverflowingMultiSelect<T>(props: MultiSelectProps<T>) {\n  return (\n    <MultiSelect\n      hideSelectedOptions={false}\n      {...props}\n      components={{\n        ...props.components,\n        ValueContainer: FirstValueOnlyValueContainer,\n      }}\n    />\n  );\n}\n\nconst FirstValueOnlyValueContainer = memo(\n  (props: ValueContainerProps<any, true>) => {\n    const [prevOptions, ...restChildren] = props.children as [\n      ReactElement[] | null | undefined,\n      ReactElement[] | null | undefined\n    ];\n\n    const options = getOptionsToRender(prevOptions, props);\n\n    return (\n      <components.ValueContainer {...props}>\n        {options}\n        {restChildren}\n      </components.ValueContainer>\n    );\n  }\n);\n\nconst getOptionsToRender = (\n  optionElements: ReactElement[] | null | undefined,\n  {\n    children,\n    innerProps,\n    className,\n    ...spreadProps\n  }: ValueContainerProps<any, true>\n) => {\n  if (!optionElements) {\n    return null;\n  }\n\n  if (optionElements.length > 1) {\n    return [\n      optionElements[0],\n      <components.MultiValue\n        {...spreadProps}\n        key={\"DUMMY_VALUE_FOR_PLUS_X\"}\n        innerProps={{}}\n        data={null}\n        isFocused={false}\n        removeProps={{}}\n        index={1}\n        components={{\n          Container: components.MultiValueContainer,\n          Label: components.MultiValueLabel,\n          Remove: () => <div style={{ height: 16, margin: 3, marginTop: 4 }} />,\n        }}\n      >\n        {\"+\" + (optionElements.length - 1)}\n      </components.MultiValue>,\n    ];\n  } else {\n    return optionElements;\n  }\n};\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, {\n  ClearIndicatorProps,\n  GroupBase,\n  mergeStyles,\n  Props,\n} from \"react-select\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { CloseButton } from \"@stenajs-webui/elements\";\n\nexport interface SelectProps<T = { label: string; value: string }>\n  extends Props<T, false> {\n  variant?: SelectVariant;\n  isMulti?: false;\n}\n\nexport function Select<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  components,\n  ...selectProps\n}: SelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  const ClearIndicator = (\n    props: ClearIndicatorProps<T, false, GroupBase<T>>\n  ) => <CloseButton aria-label={\"Clear\"} onClick={props.clearValue} />;\n\n  return (\n    <SelectComponent\n      styles={selectStyles}\n      components={{ ...components, ClearIndicator }}\n      {...selectProps}\n      isMulti={false}\n    />\n  );\n}\n","import { differenceWith, intersectionWith, isEqual, uniqWith } from \"lodash\";\nimport { ActionMeta, GroupBase, OnChangeValue, Options } from \"react-select\";\nimport { OnChange } from \"../components/ui/GroupedMultiSelect\";\nimport { DropdownOption } from \"../components/ui/GroupedMultiSelectTypes\";\n\nexport type GroupedOptionsType<TOption> = ReadonlyArray<GroupBase<TOption>>;\n\nexport type InternalDropdownOption<TData> =\n  | InternalChildOption<TData>\n  | InternalParentDropdownOption<TData>;\n\ninterface InternalChildOption<TData> {\n  data: TData;\n  label: string;\n  value: string;\n}\n\ninterface InternalParentDropdownOption<TData> {\n  data: TData;\n  label: string;\n  value: string;\n  internalOptions: Options<DropdownOption<TData>>;\n}\n\nconst removeGroupedOptionsType = <TData>(\n  removedValue: InternalParentDropdownOption<TData>,\n  selectedInternalOptions: Options<InternalDropdownOption<TData>>\n): Options<InternalDropdownOption<TData>> =>\n  differenceWith(\n    selectedInternalOptions,\n    [...removedValue.internalOptions, removedValue],\n    isEqual\n  ).map(convertInternalOptionToDropdownOption);\n\nconst removeInternalOptions = <TData>(\n  selectedInternalOption: InternalDropdownOption<TData>\n): boolean => !(\"internalOptions\" in selectedInternalOption);\n\nconst removeOptionHeaders = <TData>(\n  selectedInternalOptions: Options<InternalDropdownOption<TData>>\n): Options<InternalDropdownOption<TData>> =>\n  selectedInternalOptions\n    .filter(removeInternalOptions)\n    .map(convertInternalOptionToDropdownOption);\n\nexport const createOnChange =\n  <TData>(onChange: OnChange<TData>) =>\n  (\n    incomingSelectedInternalOptions: OnChangeValue<\n      InternalDropdownOption<TData>,\n      true\n    >,\n    meta: ActionMeta<InternalDropdownOption<TData>>\n  ) => {\n    const selectedInternalOptions = incomingSelectedInternalOptions ?? [];\n    switch (meta.action) {\n      case \"select-option\":\n        if (meta.option && \"internalOptions\" in meta.option) {\n          const selectedOptions: OnChangeValue<\n            InternalDropdownOption<TData>,\n            true\n          > = uniqWith(\n            selectedInternalOptions.reduce<Options<DropdownOption<TData>>>(\n              (previousValue, currentValue) => {\n                if (\"internalOptions\" in currentValue) {\n                  return [...previousValue, ...currentValue.internalOptions];\n                } else {\n                  return [\n                    ...previousValue,\n                    convertInternalOptionToDropdownOption(currentValue),\n                  ];\n                }\n              },\n              []\n            ),\n            isEqual\n          );\n\n          onChange(selectedOptions, meta);\n        } else {\n          onChange(removeOptionHeaders(selectedInternalOptions), meta);\n        }\n        break;\n      case \"deselect-option\":\n        if (meta.option && \"internalOptions\" in meta.option) {\n          onChange(\n            removeGroupedOptionsType(\n              meta.option,\n              removeOptionHeaders(selectedInternalOptions)\n            ),\n            meta\n          );\n        } else {\n          onChange(removeOptionHeaders(selectedInternalOptions), meta);\n        }\n        break;\n      case \"remove-value\":\n      case \"pop-value\":\n        if (meta.removedValue && \"internalOptions\" in meta.removedValue) {\n          onChange(\n            removeGroupedOptionsType(\n              meta.removedValue,\n              removeOptionHeaders(selectedInternalOptions)\n            ),\n            meta\n          );\n        } else {\n          onChange(removeOptionHeaders(selectedInternalOptions), meta);\n        }\n        break;\n      case \"clear\":\n        onChange(\n          selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n          meta\n        );\n        break;\n      case \"create-option\":\n        onChange(\n          selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n          meta\n        );\n        break;\n      default:\n        break;\n    }\n  };\n\nexport const convertGroupedDropdownOptionsToInternalOptions = <TData>(\n  options: GroupedOptionsType<DropdownOption<TData>>\n): InternalDropdownOption<TData>[] => {\n  return options.reduce<InternalDropdownOption<TData>[]>(\n    (previousValue, currentValue) => {\n      return [\n        ...previousValue,\n        convertGroupedDropdownOptionToInternalOption(currentValue),\n        ...currentValue.options.map(convertDropdownOptionToInternalOption),\n      ];\n    },\n    []\n  );\n};\n\nexport const convertValueToInternalValue = <TData>(\n  options: GroupedOptionsType<DropdownOption<TData>>,\n  values: Options<DropdownOption<TData>> | undefined\n): InternalDropdownOption<TData>[] => {\n  if (!values) {\n    return [];\n  }\n  const selectedOptions: InternalDropdownOption<TData>[] = [];\n  options.forEach((option) => {\n    if (allOptionsExists(option.options, values)) {\n      selectedOptions.push(\n        convertGroupedDropdownOptionToInternalOption(option)\n      );\n    }\n    selectedOptions.push(\n      ...intersectionWith(option.options, values, isEqual).map((option) =>\n        convertDropdownOptionToInternalOption(option)\n      )\n    );\n  });\n  return selectedOptions;\n};\n\nexport const allOptionsExists = <TData>(\n  options: Options<DropdownOption<TData>>,\n  selectedValues: Options<DropdownOption<TData>> | undefined\n): boolean => {\n  if (!selectedValues) {\n    return false;\n  }\n\n  return (\n    intersectionWith(options, selectedValues, isEqual).length === options.length\n  );\n};\n\nexport const convertDropdownOptionToInternalOption = <TData>(\n  option: DropdownOption<TData>\n): InternalDropdownOption<TData> => ({\n  data: option.data,\n  label: option.label,\n  value: option.value,\n});\n\n// TODO: can this be done `any` other way\nexport const convertGroupedDropdownOptionToInternalOption = <TData>(\n  option: GroupBase<DropdownOption<TData>>\n): InternalDropdownOption<TData> => ({\n  data: option.label as any,\n  label: option.label as any,\n  value: option.label as any,\n  internalOptions: option.options,\n});\n\nexport const convertInternalOptionToDropdownOption = <TData>(\n  option: InternalDropdownOption<TData>\n): DropdownOption<TData> => ({\n  data: option.data,\n  label: option.label,\n  value: option.value,\n});\n","import { Row, Space, Text, TextSize } from \"@stenajs-webui/core\";\nimport { Icon, stenaCheck } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n  ActionMeta,\n  components,\n  GroupBase,\n  MultiValueProps,\n  OnChangeValue,\n  OptionProps,\n  Options,\n} from \"react-select\";\nimport { defaultSelectTheme, SelectTheme } from \"../../SelectTheme\";\nimport {\n  convertGroupedDropdownOptionsToInternalOptions,\n  convertValueToInternalValue,\n  createOnChange,\n  GroupedOptionsType,\n  InternalDropdownOption,\n} from \"../../util/multiDropdownUtils\";\nimport { DropdownOption } from \"./GroupedMultiSelectTypes\";\nimport {\n  MultiSelect,\n  MultiSelectComponentsConfig,\n  MultiSelectProps,\n} from \"./MultiSelect\";\n\nexport type OnChange<TData> = (\n  value: OnChangeValue<DropdownOption<TData>, true>,\n  action: ActionMeta<any>\n) => void;\n\nexport interface GroupedMultiSelectProps<TData>\n  extends Omit<\n    MultiSelectProps<InternalDropdownOption<TData>>,\n    \"options\" | \"onChange\" | \"value\" | \"components\"\n  > {\n  /**\n   * Same as Select prop `component` but without MultiValue and Option since they can not be modified\n   */\n  components?: Omit<\n    MultiSelectComponentsConfig<InternalDropdownOption<TData>>,\n    \"MultiValue\" | \"Option\"\n  >;\n  /**\n   * Same as Select prop `options` but only with GroupOptionsType\n   */\n  options?: GroupedOptionsType<DropdownOption<TData>>;\n  /**\n   * Same as Select prop `onChange` but only with GroupOptionsType\n   */\n  onChange?: OnChange<TData>;\n  /**\n   * Same as Select prop `value` but only with GroupOptionsType\n   */\n  value?: Options<DropdownOption<TData>> | undefined;\n}\n\nconst resolveIconColor = (\n  theme: SelectTheme,\n  isFocused: boolean\n): string | undefined =>\n  isFocused\n    ? theme.menu.selectedItemHoverIconColor\n    : theme.menu.selectedItemIconColor;\n\nfunction formatInnerOptionLabel<TData>(\n  props: OptionProps<\n    InternalDropdownOption<TData>,\n    true,\n    GroupBase<InternalDropdownOption<TData>>\n  >\n) {\n  const { formatGroupLabel, formatOptionLabel } = props.selectProps;\n\n  if (\"internalOptions\" in props.data) {\n    return formatGroupLabel\n      ? formatGroupLabel({\n          label: props.data.label,\n          options: props.data.internalOptions,\n        })\n      : props.label;\n  }\n\n  return formatOptionLabel\n    ? formatOptionLabel(props.data, {\n        context: \"menu\",\n        inputValue: props.selectProps.inputValue ?? \"\",\n        selectValue: props.getValue(),\n      })\n    : props.label;\n}\n\nexport function GroupedMultiSelect<TData>({\n  onChange,\n  options,\n  value,\n  variant = \"standard\",\n  formatGroupLabel,\n  formatOptionLabel,\n  ...selectProps\n}: GroupedMultiSelectProps<TData>): React.ReactElement<\n  GroupedMultiSelectProps<TData>\n> {\n  const Option = (\n    props: OptionProps<\n      InternalDropdownOption<TData>,\n      true,\n      GroupBase<InternalDropdownOption<TData>>\n    >\n  ) => {\n    const label = formatInnerOptionLabel(props);\n    const isGroupOption = \"internalOptions\" in props.data;\n\n    return (\n      <components.Option {...props}>\n        <Row>\n          {!isGroupOption && <Space />}\n          <InnerOption\n            theme={defaultSelectTheme}\n            size={!isGroupOption ? \"small\" : undefined}\n            label={label}\n            selected={props.isSelected}\n            focused={props.isFocused}\n          />\n        </Row>\n      </components.Option>\n    );\n  };\n\n  const MultiValue = (\n    props: MultiValueProps<\n      InternalDropdownOption<TData>,\n      true,\n      GroupBase<InternalDropdownOption<TData>>\n    >\n  ) => {\n    return !(\"internalOptions\" in props.data) ? (\n      <components.MultiValue {...props} />\n    ) : null;\n  };\n\n  const internalValue = options\n    ? convertValueToInternalValue(options, value)\n    : undefined;\n  const internalOptions = options\n    ? convertGroupedDropdownOptionsToInternalOptions(options)\n    : undefined;\n\n  return (\n    <MultiSelect<InternalDropdownOption<TData>>\n      {...selectProps}\n      onChange={onChange ? createOnChange<TData>(onChange) : undefined}\n      hideSelectedOptions={false}\n      components={{\n        ...selectProps.components,\n        MultiValue,\n        Option,\n      }}\n      isMulti={true}\n      options={internalOptions}\n      value={internalValue}\n      variant={variant}\n    />\n  );\n}\n\ninterface InnerOptionProps {\n  size?: TextSize;\n  selected: boolean;\n  theme: SelectTheme;\n  label: ReactNode;\n  focused: boolean;\n}\n\nconst InnerOption: React.VFC<InnerOptionProps> = ({\n  focused,\n  label,\n  selected,\n  size,\n  theme,\n}) => (\n  <Row alignItems={\"center\"} justifyContent={\"space-between\"} flexGrow={1}>\n    <Text tabIndex={-1} size={size} color={\"currentColor\"}>\n      {label}\n    </Text>\n    {selected && (\n      <Icon\n        color={resolveIconColor(theme, focused)}\n        icon={stenaCheck}\n        size={12}\n      />\n    )}\n  </Row>\n);\n","import { CloseButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { ClearIndicatorProps, mergeStyles } from \"react-select\";\nimport CreatableComponent, { CreatableProps } from \"react-select/creatable\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\nimport {\n  createStylesFromVariant,\n  SelectVariant,\n} from \"../../util/StylesBuilder\";\n\nexport interface CreatableSelectProps<T = { label: string; value: string }>\n  extends CreatableProps<T, false, GroupBase<T>> {\n  variant?: SelectVariant;\n  isMulti?: false;\n  ariaLabelClear?: string;\n}\n\nexport function CreatableSelect<T>({\n  variant = \"standard\",\n  styles,\n  isMulti,\n  components,\n  ariaLabelClear = \"Clear\",\n  ...selectProps\n}: CreatableSelectProps<T>) {\n  const selectStyles = useMemo(() => {\n    const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n    return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n  }, [variant, styles]);\n\n  const ClearIndicator = (\n    props: ClearIndicatorProps<T, false, GroupBase<T>>\n  ) => <CloseButton aria-label={ariaLabelClear} onClick={props.clearValue} />;\n\n  return (\n    <CreatableComponent\n      styles={selectStyles}\n      components={{ ...components, ClearIndicator }}\n      {...selectProps}\n      isMulti={false}\n    />\n  );\n}\n","import { Column, Row, Space, Spacing } from \"@stenajs-webui/core\";\nimport { Chip, FlatButton } from \"@stenajs-webui/elements\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\n\nexport interface ChipRowItem {\n  label: string;\n  value: string;\n}\n\nexport interface ChipRowProps<TValue>\n  extends ValueAndOnValueChangeProps<TValue> {\n  noneSelectedLabel?: string;\n}\n\nexport function ChipRow<TValue extends ChipRowItem>({\n  value,\n  onValueChange,\n  noneSelectedLabel = \"None\",\n  children,\n}: PropsWithChildren<ChipRowProps<Array<TValue>>>) {\n  return (\n    <Column flex={1}>\n      <Row flexWrap={\"wrap\"}>\n        {value?.map((v) => (\n          <Row key={v.value}>\n            <Spacing num={0.5}>\n              <Chip\n                label={v.label}\n                onClickRemove={() =>\n                  onValueChange?.(\n                    value?.filter((f) => f.value !== v.value) ?? []\n                  )\n                }\n              />\n            </Spacing>\n            <Space />\n          </Row>\n        ))}\n        {value?.length ? (\n          <Spacing num={0.5}>\n            <FlatButton\n              size={\"small\"}\n              label={\"Clear\"}\n              onClick={() => onValueChange?.([])}\n            />\n          </Spacing>\n        ) : (\n          <Spacing num={0.5}>\n            <Chip variant={\"secondary\"} label={noneSelectedLabel} />\n          </Spacing>\n        )}\n      </Row>\n      <Space num={0.5} />\n      {children}\n    </Column>\n  );\n}\n","import { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { MultiSelect, MultiSelectProps } from \"../MultiSelect\";\nimport { ChipRow, ChipRowItem } from \"./ChipRow\";\n\nexport interface ChipMultiSelectOption extends ChipRowItem {}\n\n/**\n * @deprecated renamed to ChipMultiSelectOption\n */\nexport type ChipMultiSelectValue = ChipMultiSelectOption;\n\nexport interface ChipMultiSelectProps<TOption>\n  extends Omit<MultiSelectProps<TOption>, \"value\" | \"onChange\" | \"isLoading\">,\n    ValueAndOnValueChangeProps<Array<TOption>> {\n  loading?: boolean;\n  inputValue?: string;\n  onInputChange?: (inputValue: string) => void;\n  noneSelectedLabel?: string;\n}\n\nfunction _ChipMultiSelect<TOption extends ChipMultiSelectOption>({\n  value,\n  onValueChange,\n  placeholder = \"Type to search\",\n  loading,\n  inputValue,\n  onInputChange,\n  noneSelectedLabel = \"None\",\n  ...selectProps\n}: ChipMultiSelectProps<TOption>) {\n  return (\n    <ChipRow\n      noneSelectedLabel={noneSelectedLabel}\n      onValueChange={onValueChange}\n      value={value}\n    >\n      <MultiSelect<TOption>\n        {...selectProps}\n        isClearable={false}\n        value={value}\n        onChange={\n          onValueChange ? (value) => onValueChange([...value]) : undefined\n        }\n        backspaceRemovesValue={false}\n        hideSelectedOptions\n        controlShouldRenderValue={false}\n        placeholder={placeholder}\n        isLoading={loading}\n        inputValue={inputValue}\n        onInputChange={onInputChange}\n      />\n    </ChipRow>\n  );\n}\n\nexport const ChipMultiSelect = React.memo(\n  _ChipMultiSelect\n) as typeof _ChipMultiSelect;\n","import * as React from \"react\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport {\n  GroupedMultiSelect,\n  GroupedMultiSelectProps,\n} from \"../GroupedMultiSelect\";\nimport { DropdownOption } from \"../GroupedMultiSelectTypes\";\nimport { ChipRow } from \"./ChipRow\";\n\nexport interface GroupedChipMultiSelectValue<TData>\n  extends DropdownOption<TData> {}\n\nexport interface GroupedChipMultiSelectProps<TData>\n  extends Omit<GroupedMultiSelectProps<TData>, \"onChange\" | \"value\">,\n    ValueAndOnValueChangeProps<Array<DropdownOption<TData>>> {\n  loading?: boolean;\n  inputValue?: string;\n  onInputChange?: (inputValue: string) => void;\n  noneSelectedLabel?: string;\n}\n\nfunction _GroupedChipMultiSelect<TData>({\n  value,\n  onValueChange,\n  placeholder = \"Type to search\",\n  loading,\n  inputValue,\n  onInputChange,\n  noneSelectedLabel = \"None\",\n  ...selectProps\n}: GroupedChipMultiSelectProps<TData>) {\n  return (\n    <ChipRow\n      noneSelectedLabel={noneSelectedLabel}\n      onValueChange={onValueChange}\n      value={value}\n    >\n      <GroupedMultiSelect<TData>\n        {...selectProps}\n        isClearable={false}\n        value={value}\n        onChange={\n          onValueChange ? (value) => onValueChange([...value]) : undefined\n        }\n        backspaceRemovesValue={false}\n        hideSelectedOptions\n        controlShouldRenderValue={false}\n        placeholder={placeholder}\n        isLoading={loading}\n        inputValue={inputValue}\n        onInputChange={onInputChange}\n      />\n    </ChipRow>\n  );\n}\n\nexport const GroupedChipMultiSelect = React.memo(\n  _GroupedChipMultiSelect\n) as typeof _GroupedChipMultiSelect;\n"],"names":["defaultSelectTheme","cssColor","resolveOptionBackgroundColor","colors","isDisabled","isSelected","isFocused","resolveOptionColor","resolveInputBackgroundColor","variant","resolveInputBorderColor","isHovered","createStylesFromTheme","menu","menuPortal","input","multiSelect","clearButtonColor","arrowColor","groupHeading","loadingIndicator","base","menuIsOpen","styles","createStylesFromVariant","AsyncMultiSelect","isMulti","selectProps","selectStyles","useMemo","sourceStyles","mergeStyles","AsyncComponent","AsyncSelect","MultiSelect","components","ClearIndicator","props","jsx","CloseButton","SelectComponent","OverflowingMultiSelect","FirstValueOnlyValueContainer","memo","prevOptions","restChildren","options","getOptionsToRender","jsxs","optionElements","children","innerProps","className","spreadProps","createElement","Select","removeGroupedOptionsType","removedValue","selectedInternalOptions","differenceWith","isEqual","convertInternalOptionToDropdownOption","removeInternalOptions","selectedInternalOption","removeOptionHeaders","createOnChange","onChange","incomingSelectedInternalOptions","meta","selectedOptions","uniqWith","previousValue","currentValue","convertGroupedDropdownOptionsToInternalOptions","convertGroupedDropdownOptionToInternalOption","convertDropdownOptionToInternalOption","convertValueToInternalValue","values","option","allOptionsExists","intersectionWith","selectedValues","resolveIconColor","theme","formatInnerOptionLabel","formatGroupLabel","formatOptionLabel","GroupedMultiSelect","value","Option","label","isGroupOption","Row","Space","InnerOption","MultiValue","internalValue","internalOptions","focused","selected","size","Text","Icon","stenaCheck","CreatableSelect","ariaLabelClear","CreatableComponent","ChipRow","onValueChange","noneSelectedLabel","Column","v","Spacing","Chip","f","FlatButton","_ChipMultiSelect","placeholder","loading","inputValue","onInputChange","ChipMultiSelect","React","_GroupedChipMultiSelect","GroupedChipMultiSelect"],"mappings":"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"}

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@stenajs-webui/select",
-  "version": "19.0.4",
+  "version": "20.0.0",
+  "type": "module",
   "description": "",
   "author": "mattias800",
   "license": "MIT",
@@ -12,6 +13,11 @@
   "types": "dist/index.d.ts",
   "module": "dist/index.es.js",
   "jsnext:main": "dist/index.es.js",
+  "exports": {
+    "require": "dist/index.js",
+    "import": "dist/index.es.js",
+    "types": "dist/index.d.ts"
+  },
   "sideEffects": false,
   "engines": {
     "node": ">=8",
@@ -20,16 +26,17 @@
   "scripts": {
     "build": "yarn tsc -p tsconfig.build.json && yarn vite build",
     "start": "yarn tsc -p tsconfig.build.json && yarn vite build --watch",
+    "test": "vitest run",
     "clean": "rimraf dist",
     "prepare": "yarn clean && yarn run build",
     "predeploy": "cd example && yarn install && yarn run build",
     "deploy": "gh-pages -d example/build"
   },
   "dependencies": {
-    "@stenajs-webui/core": "19.0.4",
-    "@stenajs-webui/elements": "19.0.4",
-    "@stenajs-webui/forms": "19.0.4",
-    "@stenajs-webui/theme": "19.0.4",
+    "@stenajs-webui/core": "20.0.0",
+    "@stenajs-webui/elements": "20.0.0",
+    "@stenajs-webui/forms": "20.0.0",
+    "@stenajs-webui/theme": "20.0.0",
     "react-select": "^5.2.1"
   },
   "peerDependencies": {
@@ -62,5 +69,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "a327c660e0501c9829265c2553bfdbde78d0bfe9"
+  "gitHead": "44209c859186d3264a3bd136fac61c622b51d01d"
 }