@stenajs-webui/select 19.0.0-next.40 → 19.0.0-next.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.es.js +45 -42
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/package.json +5 -5
package/dist/index.es.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (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)}})();
2
2
  import { jsx as a, jsxs as h } from "react/jsx-runtime";
3
- import * as F from "react";
3
+ import * as M from "react";
4
4
  import { useMemo as p, memo as A, createElement as P } from "react";
5
- import M, { mergeStyles as w, components as m } from "react-select";
5
+ import F, { mergeStyles as w, components as m } from "react-select";
6
6
  import R from "react-select/async";
7
7
  import { Row as g, Space as y, Text as _, Column as j, Spacing as S } from "@stenajs-webui/core";
8
8
  import { Icon as N, stenaCheck as U, Chip as I, FlatButton as q } from "@stenajs-webui/elements";
@@ -10,17 +10,17 @@ import { uniqWith as E, isEqual as x, intersectionWith as H, differenceWith as X
10
10
  const L = {
11
11
  arrowColor: {
12
12
  focused: {
13
- hover: "var(--lhds-color-ui-500)",
14
- standard: "var(--lhds-color-ui-500)"
13
+ hover: "var(--lhds-color-blue-600)",
14
+ standard: "var(--lhds-color-blue-600)"
15
15
  },
16
16
  closed: {
17
- hover: "var(--lhds-color-ui-500)",
18
- standard: "var(--lhds-color-ui-500)"
17
+ hover: "var(--lhds-color-blue-600)",
18
+ standard: "var(--lhds-color-blue-600)"
19
19
  }
20
20
  },
21
21
  clearButtonColor: {
22
- hover: "var(--lhds-color-ui-600)",
23
- standard: "var(--lhds-color-ui-500)"
22
+ hover: "var(--lhds-color-red-600)",
23
+ standard: "var(--lhds-color-red-500)"
24
24
  },
25
25
  input: {
26
26
  backgroundColor: "var(--swui-field-bg-enabled)",
@@ -30,16 +30,15 @@ const L = {
30
30
  disabledBackgroundColor: "var(--swui-field-bg-disabled)",
31
31
  disabledBorderColor: "var(--swui-field-bg-disabled)",
32
32
  warningBackgroundColor: "var(--swui-state-alert-light-color)",
33
+ warningBorderColor: "var(--swui-state-alert-light-color)",
33
34
  errorBackgroundColor: "var(--swui-state-error-light-color)",
35
+ errorBorderColor: "var(--swui-state-error-light-color)",
34
36
  successBackgroundColor: "var(--swui-state-success-light-color)",
35
- warningBorderColor: "var(--swui-state-alert-color)",
36
- errorBorderColor: "var(--swui-state-error-color)",
37
- successBorderColor: "var(--swui-state-success-color)",
37
+ successBorderColor: "var(--swui-state-success-light-color)",
38
38
  boxShadowFocused: "none",
39
39
  fontFamily: "var(--swui-font-primary)",
40
40
  fontSize: "var(--swui-font-size-inputs)",
41
- height: "32px",
42
- minHeight: "32px",
41
+ minHeight: "30px",
43
42
  placeholderColor: "var(--swui-field-text-color)",
44
43
  textColor: "var(--swui-field-text-color)",
45
44
  borderRadius: "var(--swui-field-border-radius)"
@@ -97,50 +96,53 @@ const L = {
97
96
  groupHeading: c,
98
97
  loadingIndicator: v
99
98
  }, u) => ({
100
- option: (l, { isDisabled: s, isFocused: d, isSelected: f }) => ({
99
+ option: (l, { isDisabled: d, isFocused: s, isSelected: f }) => ({
101
100
  ...l,
102
101
  fontFamily: o.fontFamily,
103
102
  fontSize: o.fontSize,
104
103
  backgroundColor: Y(
105
104
  e,
106
- s,
105
+ d,
107
106
  f,
108
- d
107
+ s
109
108
  ),
110
- color: D(e, s, f, d),
111
- cursor: s ? "not-allowed" : "default",
109
+ color: D(e, d, f, s),
110
+ cursor: d ? "not-allowed" : "default",
112
111
  whiteSpace: e.whiteSpace || l.whiteSpace,
113
112
  ":active": {
114
- backgroundColor: s ? void 0 : f ? e.selectedItemActiveBackgroundColor : e.activeBackgroundColor,
115
- color: s ? void 0 : f ? e.selectedItemActiveTextColor : e.activeTextColor
113
+ backgroundColor: d ? void 0 : f ? e.selectedItemActiveBackgroundColor : e.activeBackgroundColor,
114
+ color: d ? void 0 : f ? e.selectedItemActiveTextColor : e.activeTextColor
116
115
  }
117
116
  }),
118
- control: (l, { isFocused: s, isDisabled: d, menuIsOpen: f }) => ({
117
+ control: (l, { isFocused: d, isDisabled: s, menuIsOpen: f }) => ({
119
118
  ...l,
120
119
  fontFamily: o.fontFamily,
121
120
  fontSize: o.fontSize,
122
121
  minHeight: o.minHeight,
123
122
  backgroundColor: J(
124
123
  o,
125
- d,
126
124
  s,
125
+ d,
127
126
  u
128
127
  ),
129
128
  borderRadius: o.borderRadius,
130
129
  border: o.border,
131
130
  "--swui-select-border-color": z(
132
131
  o,
133
- d,
134
- s || f,
132
+ s,
133
+ d || f,
135
134
  !1,
136
135
  u
137
136
  ),
138
- boxShadow: s ? o.boxShadowFocused : void 0,
137
+ outline: d ? "var(--swui-focus-outline)" : void 0,
138
+ outlineOffset: d ? "-1px" : void 0,
139
+ transition: "none",
140
+ boxShadow: d ? o.boxShadowFocused : void 0,
139
141
  "&:hover": {
140
142
  "--swui-select-border-color": z(
141
143
  o,
142
144
  !1,
143
- s || f,
145
+ d || f,
144
146
  !0,
145
147
  u
146
148
  )
@@ -159,6 +161,7 @@ const L = {
159
161
  }),
160
162
  input: (l) => ({
161
163
  ...l,
164
+ minHeight: o.minHeight,
162
165
  fontFamily: o.fontFamily,
163
166
  fontSize: o.fontSize,
164
167
  color: o.textColor
@@ -205,12 +208,12 @@ const L = {
205
208
  ...l,
206
209
  padding: "0 8px"
207
210
  }),
208
- dropdownIndicator: (l, { isFocused: s }) => ({
211
+ dropdownIndicator: (l, { isFocused: d }) => ({
209
212
  ...l,
210
213
  padding: "5px",
211
- color: s ? i.focused.standard : i.closed.standard,
214
+ color: d ? i.focused.standard : i.closed.standard,
212
215
  "&:hover": {
213
- color: s ? i.focused.hover : i.closed.hover
216
+ color: d ? i.focused.hover : i.closed.hover
214
217
  },
215
218
  svg: {
216
219
  width: 14,
@@ -301,7 +304,7 @@ function B({
301
304
  const i = k(e);
302
305
  return r ? w(i, r) : i;
303
306
  }, [e, r]);
304
- return /* @__PURE__ */ a(M, { styles: n, ...t, isMulti: !0 });
307
+ return /* @__PURE__ */ a(F, { styles: n, ...t, isMulti: !0 });
305
308
  }
306
309
  function pe(e) {
307
310
  return /* @__PURE__ */ a(
@@ -360,7 +363,7 @@ function we({
360
363
  const i = k(e);
361
364
  return r ? w(i, r) : i;
362
365
  }, [e, r]);
363
- return /* @__PURE__ */ a(M, { styles: n, ...t, isMulti: !1 });
366
+ return /* @__PURE__ */ a(F, { styles: n, ...t, isMulti: !1 });
364
367
  }
365
368
  const T = (e, r) => X(
366
369
  r,
@@ -472,9 +475,9 @@ function ie({
472
475
  formatOptionLabel: i,
473
476
  ...c
474
477
  }) {
475
- const v = (d) => {
476
- const f = ne(d), O = "internalOptions" in d.data;
477
- return /* @__PURE__ */ a(m.Option, { ...d, children: /* @__PURE__ */ h(g, { children: [
478
+ const v = (s) => {
479
+ const f = ne(s), O = "internalOptions" in s.data;
480
+ return /* @__PURE__ */ a(m.Option, { ...s, children: /* @__PURE__ */ h(g, { children: [
478
481
  !O && /* @__PURE__ */ a(y, {}),
479
482
  /* @__PURE__ */ a(
480
483
  ae,
@@ -482,12 +485,12 @@ function ie({
482
485
  theme: L,
483
486
  size: O ? void 0 : "small",
484
487
  label: f,
485
- selected: d.isSelected,
486
- focused: d.isFocused
488
+ selected: s.isSelected,
489
+ focused: s.isFocused
487
490
  }
488
491
  )
489
492
  ] }) });
490
- }, u = (d) => "internalOptions" in d.data ? null : /* @__PURE__ */ a(m.MultiValue, { ...d }), l = r ? re(r, o) : void 0, s = r ? oe(r) : void 0;
493
+ }, u = (s) => "internalOptions" in s.data ? null : /* @__PURE__ */ a(m.MultiValue, { ...s }), l = r ? re(r, o) : void 0, d = r ? oe(r) : void 0;
491
494
  return /* @__PURE__ */ a(
492
495
  B,
493
496
  {
@@ -500,7 +503,7 @@ function ie({
500
503
  Option: v
501
504
  },
502
505
  isMulti: !0,
503
- options: s,
506
+ options: d,
504
507
  value: l,
505
508
  variant: t
506
509
  }
@@ -594,10 +597,10 @@ function ce({
594
597
  }
595
598
  );
596
599
  }
597
- const xe = F.memo(
600
+ const xe = M.memo(
598
601
  ce
599
602
  );
600
- function se({
603
+ function de({
601
604
  value: e,
602
605
  onValueChange: r,
603
606
  placeholder: o = "Type to search",
@@ -632,8 +635,8 @@ function se({
632
635
  }
633
636
  );
634
637
  }
635
- const ke = F.memo(
636
- se
638
+ const ke = M.memo(
639
+ de
637
640
  );
638
641
  export {
639
642
  Ce as AsyncMultiSelect,
package/dist/index.es.js.map CHANGED
@@ -1 +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/ChipMultiSelect/ChipRow.tsx","../src/components/ui/ChipMultiSelect/ChipMultiSelect.tsx","../src/components/ui/ChipMultiSelect/GroupedChipMultiSelect.tsx"],"sourcesContent":["import { Property } from \"csstype\";\n\nexport interface SelectTheme {\n arrowColor: {\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 focused: {\n hover: \"var(--lhds-color-ui-500)\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n closed: {\n hover: \"var(--lhds-color-ui-500)\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n },\n clearButtonColor: {\n hover: \"var(--lhds-color-ui-600)\",\n standard: \"var(--lhds-color-ui-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 errorBackgroundColor: \"var(--swui-state-error-light-color)\",\n successBackgroundColor: \"var(--swui-state-success-light-color)\",\n warningBorderColor: \"var(--swui-state-alert-color)\",\n errorBorderColor: \"var(--swui-state-error-color)\",\n successBorderColor: \"var(--swui-state-success-color)\",\n boxShadowFocused: \"none\",\n fontFamily: \"var(--swui-font-primary)\",\n fontSize: \"var(--swui-font-size-inputs)\",\n height: \"32px\",\n minHeight: \"32px\",\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: \"var(--lhds-color-ui-600)\",\n letterSpacing: \"0.1rem\",\n },\n menu: {\n activeBackgroundColor: \"var(--lhds-color-blue-100)\",\n activeTextColor: \"var(--swui-field-text-color)\",\n selectedItemActiveBackgroundColor: \"var(--lhds-color-blue-500)\",\n selectedItemActiveTextColor: \"var(--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: \"var(--lhds-color-blue-200)\",\n selectedItemTextColor: \"var(--lhds-color-blue-500)\",\n selectedItemIconColor: \"var(--lhds-color-blue-500)\",\n selectedItemHoverTextColor: \"var(--swui-field-text-color)\",\n selectedItemHoverIconColor: \"var(--swui-field-text-color)\",\n selectedItemBackgroundColor: \"var(--lhds-color-blue-50)\",\n selectedItemHoverBackgroundColor: \"var(--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: \"var(--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 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 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 }) => ({\n ...base,\n padding: \"5px\",\n color: isFocused ? arrowColor.focused.standard : arrowColor.closed.standard,\n \"&:hover\": {\n color: isFocused ? arrowColor.focused.hover : 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 mergeStyles,\n Props,\n SelectComponentsConfig,\n} from \"react-select\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\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 ...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 return (\n <SelectComponent styles={selectStyles} {...selectProps} isMulti={true} />\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, { mergeStyles, Props } from \"react-select\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\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 ...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 return (\n <SelectComponent styles={selectStyles} {...selectProps} isMulti={false} />\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 { 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","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","SelectComponent","OverflowingMultiSelect","props","jsx","FirstValueOnlyValueContainer","memo","prevOptions","restChildren","options","getOptionsToRender","jsxs","components","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","ChipRow","onValueChange","noneSelectedLabel","Column","v","Spacing","Chip","f","FlatButton","_ChipMultiSelect","placeholder","loading","inputValue","onInputChange","ChipMultiSelect","React","_GroupedChipMultiSelect","GroupedChipMultiSelect"],"mappings":"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"}
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/ChipMultiSelect/ChipRow.tsx","../src/components/ui/ChipMultiSelect/ChipMultiSelect.tsx","../src/components/ui/ChipMultiSelect/GroupedChipMultiSelect.tsx"],"sourcesContent":["import { Property } from \"csstype\";\n\nexport interface SelectTheme {\n arrowColor: {\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 focused: {\n hover: \"var(--lhds-color-blue-600)\",\n standard: \"var(--lhds-color-blue-600)\",\n },\n closed: {\n hover: \"var(--lhds-color-blue-600)\",\n standard: \"var(--lhds-color-blue-600)\",\n },\n },\n clearButtonColor: {\n hover: \"var(--lhds-color-red-600)\",\n standard: \"var(--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: \"var(--lhds-color-ui-600)\",\n letterSpacing: \"0.1rem\",\n },\n menu: {\n activeBackgroundColor: \"var(--lhds-color-blue-100)\",\n activeTextColor: \"var(--swui-field-text-color)\",\n selectedItemActiveBackgroundColor: \"var(--lhds-color-blue-500)\",\n selectedItemActiveTextColor: \"var(--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: \"var(--lhds-color-blue-200)\",\n selectedItemTextColor: \"var(--lhds-color-blue-500)\",\n selectedItemIconColor: \"var(--lhds-color-blue-500)\",\n selectedItemHoverTextColor: \"var(--swui-field-text-color)\",\n selectedItemHoverIconColor: \"var(--swui-field-text-color)\",\n selectedItemBackgroundColor: \"var(--lhds-color-blue-50)\",\n selectedItemHoverBackgroundColor: \"var(--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: \"var(--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 }) => ({\n ...base,\n padding: \"5px\",\n color: isFocused ? arrowColor.focused.standard : arrowColor.closed.standard,\n \"&:hover\": {\n color: isFocused ? arrowColor.focused.hover : 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 mergeStyles,\n Props,\n SelectComponentsConfig,\n} from \"react-select\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\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 ...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 return (\n <SelectComponent styles={selectStyles} {...selectProps} isMulti={true} />\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, { mergeStyles, Props } from \"react-select\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\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 ...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 return (\n <SelectComponent styles={selectStyles} {...selectProps} isMulti={false} />\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 { 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","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","SelectComponent","OverflowingMultiSelect","props","jsx","FirstValueOnlyValueContainer","memo","prevOptions","restChildren","options","getOptionsToRender","jsxs","components","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","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 CHANGED
@@ -1,3 +1,3 @@
1
1
  (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)}})();
2
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),C=require("react"),f=require("react-select"),L=require("react-select/async"),u=require("@stenajs-webui/core"),g=require("@stenajs-webui/elements"),m=require("lodash"),j=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function q(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 I=q(C),M=j(f),z=j(L),y={arrowColor:{focused:{hover:"var(--lhds-color-ui-500)",standard:"var(--lhds-color-ui-500)"},closed:{hover:"var(--lhds-color-ui-500)",standard:"var(--lhds-color-ui-500)"}},clearButtonColor:{hover:"var(--lhds-color-ui-600)",standard:"var(--lhds-color-ui-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)",errorBackgroundColor:"var(--swui-state-error-light-color)",successBackgroundColor:"var(--swui-state-success-light-color)",warningBorderColor:"var(--swui-state-alert-color)",errorBorderColor:"var(--swui-state-error-color)",successBorderColor:"var(--swui-state-success-color)",boxShadowFocused:"none",fontFamily:"var(--swui-font-primary)",fontSize:"var(--swui-font-size-inputs)",height:"32px",minHeight:"32px",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:"var(--lhds-color-ui-600)",letterSpacing:"0.1rem"},menu:{activeBackgroundColor:"var(--lhds-color-blue-100)",activeTextColor:"var(--swui-field-text-color)",selectedItemActiveBackgroundColor:"var(--lhds-color-blue-500)",selectedItemActiveTextColor:"var(--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:"var(--lhds-color-blue-200)",selectedItemTextColor:"var(--lhds-color-blue-500)",selectedItemIconColor:"var(--lhds-color-blue-500)",selectedItemHoverTextColor:"var(--swui-field-text-color)",selectedItemHoverIconColor:"var(--swui-field-text-color)",selectedItemBackgroundColor:"var(--lhds-color-blue-50)",selectedItemHoverBackgroundColor:"var(--lhds-color-blue-50)",zIndex:1,width:"auto",minWidth:"100%",whiteSpace:"nowrap"},menuPortal:{zIndex:1},multiSelect:{backgroundColor:"var(--swui-primary-action-color)",textColor:"var(--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,W=(e,r,o,t)=>r?e.disabledTextColor:o&&t?e.selectedItemHoverTextColor:o?e.selectedItemTextColor:t?e.hoverTextColor:void 0,A=(e,r,o,t)=>r?e.disabledBackgroundColor:o?e.backgroundColor:t==="warning"?e.warningBackgroundColor:t==="success"?e.successBackgroundColor:t==="error"?e.errorBackgroundColor:e.backgroundColor,O=(e,r,o,t,n)=>r?e.disabledBorderColor:o?e.borderColorFocused:n==="warning"?e.warningBorderColor:n==="success"?e.successBorderColor:n==="error"?e.errorBorderColor:t?e.borderColorFocused:e.borderColor,T=({menu:e,menuPortal:r,input:o,multiSelect:t,clearButtonColor:n,arrowColor:s,groupHeading:c,loadingIndicator:b},v)=>({option:(l,{isDisabled:a,isFocused:d,isSelected:h})=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize,backgroundColor:G(e,a,h,d),color:W(e,a,h,d),cursor:a?"not-allowed":"default",whiteSpace:e.whiteSpace||l.whiteSpace,":active":{backgroundColor:a?void 0:h?e.selectedItemActiveBackgroundColor:e.activeBackgroundColor,color:a?void 0:h?e.selectedItemActiveTextColor:e.activeTextColor}}),control:(l,{isFocused:a,isDisabled:d,menuIsOpen:h})=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize,minHeight:o.minHeight,backgroundColor:A(o,d,a,v),borderRadius:o.borderRadius,border:o.border,"--swui-select-border-color":O(o,d,a||h,!1,v),boxShadow:a?o.boxShadowFocused:void 0,"&:hover":{"--swui-select-border-color":O(o,!1,a||h,!0,v)}}),singleValue:l=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize,color:o.textColor}),noOptionsMessage:l=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize}),input:l=>({...l,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:n.standard,"&:hover":{color:n.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:a})=>({...l,padding:"5px",color:a?s.focused.standard:s.closed.standard,"&:hover":{color:a?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:b.textColor,fontFamily:o.fontFamily,fontSize:o.fontSize})}),w=e=>T(y,e);function V({variant:e="standard",styles:r,isMulti:o,...t}){const n=C.useMemo(()=>{const s=w(e);return r?f.mergeStyles(s,r):s},[e,r]);return i.jsx(z.default,{styles:n,...t,isMulti:!0})}function P({variant:e="standard",styles:r,isMulti:o,...t}){const n=C.useMemo(()=>{const s=w(e);return r?f.mergeStyles(s,r):s},[e,r]);return i.jsx(z.default,{styles:n,...t,isMulti:!1})}function S({variant:e="standard",styles:r,isMulti:o,...t}){const n=C.useMemo(()=>{const s=w(e);return r?f.mergeStyles(s,r):s},[e,r]);return i.jsx(M.default,{styles:n,...t,isMulti:!0})}function N(e){return i.jsx(S,{hideSelectedOptions:!1,...e,components:{...e.components,ValueContainer:E}})}const E=C.memo(e=>{const[r,...o]=e.children,t=U(r,e);return i.jsxs(f.components.ValueContainer,{...e,children:[t,o]})}),U=(e,{children:r,innerProps:o,className:t,...n})=>e?e.length>1?[e[0],C.createElement(f.components.MultiValue,{...n,key:"DUMMY_VALUE_FOR_PLUS_X",innerProps:{},data:null,isFocused:!1,removeProps:{},index:1,components:{Container:f.components.MultiValueContainer,Label:f.components.MultiValueLabel,Remove:()=>i.jsx("div",{style:{height:16,margin:3,marginTop:4}})}},"+"+(e.length-1))]:e:null;function D({variant:e="standard",styles:r,isMulti:o,...t}){const n=C.useMemo(()=>{const s=w(e);return r?f.mergeStyles(s,r):s},[e,r]);return i.jsx(M.default,{styles:n,...t,isMulti:!1})}const B=(e,r)=>m.differenceWith(r,[...e.internalOptions,e],m.isEqual).map(p),X=e=>!("internalOptions"in e),x=e=>e.filter(X).map(p),Y=e=>(r,o)=>{const t=r!=null?r:[];switch(o.action){case"select-option":if(o.option&&"internalOptions"in o.option){const n=m.uniqWith(t.reduce((s,c)=>"internalOptions"in c?[...s,...c.internalOptions]:[...s,p(c)],[]),m.isEqual);e(n,o)}else e(x(t),o);break;case"deselect-option":o.option&&"internalOptions"in o.option?e(B(o.option,x(t)),o):e(x(t),o);break;case"remove-value":case"pop-value":o.removedValue&&"internalOptions"in o.removedValue?e(B(o.removedValue,x(t)),o):e(x(t),o);break;case"clear":e(t.map(p),o);break;case"create-option":e(t.map(p),o);break}},J=e=>e.reduce((r,o)=>[...r,R(o),...o.options.map(F)],[]),K=(e,r)=>{if(!r)return[];const o=[];return e.forEach(t=>{Q(t.options,r)&&o.push(R(t)),o.push(...m.intersectionWith(t.options,r,m.isEqual).map(n=>F(n)))}),o},Q=(e,r)=>r?m.intersectionWith(e,r,m.isEqual).length===e.length:!1,F=e=>({data:e.data,label:e.label,value:e.value}),R=e=>({data:e.label,label:e.label,value:e.label,internalOptions:e.options}),p=e=>({data:e.data,label:e.label,value:e.value}),Z=(e,r)=>r?e.menu.selectedItemHoverIconColor:e.menu.selectedItemIconColor;function $(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 _({onChange:e,options:r,value:o,variant:t="standard",formatGroupLabel:n,formatOptionLabel:s,...c}){const b=d=>{const h=$(d),k="internalOptions"in d.data;return i.jsx(f.components.Option,{...d,children:i.jsxs(u.Row,{children:[!k&&i.jsx(u.Space,{}),i.jsx(ee,{theme:y,size:k?void 0:"small",label:h,selected:d.isSelected,focused:d.isFocused})]})})},v=d=>"internalOptions"in d.data?null:i.jsx(f.components.MultiValue,{...d}),l=r?K(r,o):void 0,a=r?J(r):void 0;return i.jsx(S,{...c,onChange:e?Y(e):void 0,hideSelectedOptions:!1,components:{...c.components,MultiValue:v,Option:b},isMulti:!0,options:a,value:l,variant:t})}const ee=({focused:e,label:r,selected:o,size:t,theme:n})=>i.jsxs(u.Row,{alignItems:"center",justifyContent:"space-between",flexGrow:1,children:[i.jsx(u.Text,{tabIndex:-1,size:t,color:"currentColor",children:r}),o&&i.jsx(g.Icon,{color:Z(n,e),icon:g.stenaCheck,size:12})]});function H({value:e,onValueChange:r,noneSelectedLabel:o="None",children:t}){return i.jsxs(u.Column,{flex:1,children:[i.jsxs(u.Row,{flexWrap:"wrap",children:[e==null?void 0:e.map(n=>i.jsxs(u.Row,{children:[i.jsx(u.Spacing,{num:.5,children:i.jsx(g.Chip,{label:n.label,onClickRemove:()=>{var s;return r==null?void 0:r((s=e==null?void 0:e.filter(c=>c.value!==n.value))!=null?s:[])}})}),i.jsx(u.Space,{})]},n.value)),e!=null&&e.length?i.jsx(u.Spacing,{num:.5,children:i.jsx(g.FlatButton,{size:"small",label:"Clear",onClick:()=>r==null?void 0:r([])})}):i.jsx(u.Spacing,{num:.5,children:i.jsx(g.Chip,{variant:"secondary",label:o})})]}),i.jsx(u.Space,{num:.5}),t]})}function oe({value:e,onValueChange:r,placeholder:o="Type to search",loading:t,inputValue:n,onInputChange:s,noneSelectedLabel:c="None",...b}){return i.jsx(H,{noneSelectedLabel:c,onValueChange:r,value:e,children:i.jsx(S,{...b,isClearable:!1,value:e,onChange:r?v=>r([...v]):void 0,backspaceRemovesValue:!1,hideSelectedOptions:!0,controlShouldRenderValue:!1,placeholder:o,isLoading:t,inputValue:n,onInputChange:s})})}const re=I.memo(oe);function te({value:e,onValueChange:r,placeholder:o="Type to search",loading:t,inputValue:n,onInputChange:s,noneSelectedLabel:c="None",...b}){return i.jsx(H,{noneSelectedLabel:c,onValueChange:r,value:e,children:i.jsx(_,{...b,isClearable:!1,value:e,onChange:r?v=>r([...v]):void 0,backspaceRemovesValue:!1,hideSelectedOptions:!0,controlShouldRenderValue:!1,placeholder:o,isLoading:t,inputValue:n,onInputChange:s})})}const le=I.memo(te);exports.AsyncMultiSelect=V;exports.AsyncSelect=P;exports.ChipMultiSelect=re;exports.GroupedChipMultiSelect=le;exports.GroupedMultiSelect=_;exports.MultiSelect=S;exports.OverflowingMultiSelect=N;exports.Select=D;exports.createStylesFromTheme=T;exports.createStylesFromVariant=w;exports.defaultSelectTheme=y;
2
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),C=require("react"),f=require("react-select"),L=require("react-select/async"),u=require("@stenajs-webui/core"),x=require("@stenajs-webui/elements"),m=require("lodash"),j=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function q(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 I=q(C),M=j(f),z=j(L),y={arrowColor:{focused:{hover:"var(--lhds-color-blue-600)",standard:"var(--lhds-color-blue-600)"},closed:{hover:"var(--lhds-color-blue-600)",standard:"var(--lhds-color-blue-600)"}},clearButtonColor:{hover:"var(--lhds-color-red-600)",standard:"var(--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:"var(--lhds-color-ui-600)",letterSpacing:"0.1rem"},menu:{activeBackgroundColor:"var(--lhds-color-blue-100)",activeTextColor:"var(--swui-field-text-color)",selectedItemActiveBackgroundColor:"var(--lhds-color-blue-500)",selectedItemActiveTextColor:"var(--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:"var(--lhds-color-blue-200)",selectedItemTextColor:"var(--lhds-color-blue-500)",selectedItemIconColor:"var(--lhds-color-blue-500)",selectedItemHoverTextColor:"var(--swui-field-text-color)",selectedItemHoverIconColor:"var(--swui-field-text-color)",selectedItemBackgroundColor:"var(--lhds-color-blue-50)",selectedItemHoverBackgroundColor:"var(--lhds-color-blue-50)",zIndex:1,width:"auto",minWidth:"100%",whiteSpace:"nowrap"},menuPortal:{zIndex:1},multiSelect:{backgroundColor:"var(--swui-primary-action-color)",textColor:"var(--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,W=(e,r,o,t)=>r?e.disabledTextColor:o&&t?e.selectedItemHoverTextColor:o?e.selectedItemTextColor:t?e.hoverTextColor:void 0,A=(e,r,o,t)=>r?e.disabledBackgroundColor:o?e.backgroundColor:t==="warning"?e.warningBackgroundColor:t==="success"?e.successBackgroundColor:t==="error"?e.errorBackgroundColor:e.backgroundColor,O=(e,r,o,t,n)=>r?e.disabledBorderColor:o?e.borderColorFocused:n==="warning"?e.warningBorderColor:n==="success"?e.successBorderColor:n==="error"?e.errorBorderColor:t?e.borderColorFocused:e.borderColor,T=({menu:e,menuPortal:r,input:o,multiSelect:t,clearButtonColor:n,arrowColor:s,groupHeading:a,loadingIndicator:b},v)=>({option:(l,{isDisabled:c,isFocused:d,isSelected:h})=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize,backgroundColor:G(e,c,h,d),color:W(e,c,h,d),cursor:c?"not-allowed":"default",whiteSpace:e.whiteSpace||l.whiteSpace,":active":{backgroundColor:c?void 0:h?e.selectedItemActiveBackgroundColor:e.activeBackgroundColor,color:c?void 0:h?e.selectedItemActiveTextColor:e.activeTextColor}}),control:(l,{isFocused:c,isDisabled:d,menuIsOpen:h})=>({...l,fontFamily:o.fontFamily,fontSize:o.fontSize,minHeight:o.minHeight,backgroundColor:A(o,d,c,v),borderRadius:o.borderRadius,border:o.border,"--swui-select-border-color":O(o,d,c||h,!1,v),outline:c?"var(--swui-focus-outline)":void 0,outlineOffset:c?"-1px":void 0,transition:"none",boxShadow:c?o.boxShadowFocused:void 0,"&:hover":{"--swui-select-border-color":O(o,!1,c||h,!0,v)}}),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:a.fontSize,lineHeight:a.lineHeight,fontWeight:a.fontWeight,color:a.color,letterSpacing:a.letterSpacing}),multiValueLabel:l=>({...l,backgroundColor:t.backgroundColor,color:t.textColor,fontFamily:o.fontFamily,fontSize:a.fontSize}),indicatorSeparator:l=>({...l,display:"none"}),clearIndicator:l=>({...l,padding:"5px",color:n.standard,"&:hover":{color:n.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:c})=>({...l,padding:"5px",color:c?s.focused.standard:s.closed.standard,"&:hover":{color:c?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:a.fontSize,alignItems:"center",margin:0,marginRight:2}),loadingMessage:l=>({...l,color:b.textColor,fontFamily:o.fontFamily,fontSize:o.fontSize})}),w=e=>T(y,e);function V({variant:e="standard",styles:r,isMulti:o,...t}){const n=C.useMemo(()=>{const s=w(e);return r?f.mergeStyles(s,r):s},[e,r]);return i.jsx(z.default,{styles:n,...t,isMulti:!0})}function P({variant:e="standard",styles:r,isMulti:o,...t}){const n=C.useMemo(()=>{const s=w(e);return r?f.mergeStyles(s,r):s},[e,r]);return i.jsx(z.default,{styles:n,...t,isMulti:!1})}function S({variant:e="standard",styles:r,isMulti:o,...t}){const n=C.useMemo(()=>{const s=w(e);return r?f.mergeStyles(s,r):s},[e,r]);return i.jsx(M.default,{styles:n,...t,isMulti:!0})}function N(e){return i.jsx(S,{hideSelectedOptions:!1,...e,components:{...e.components,ValueContainer:E}})}const E=C.memo(e=>{const[r,...o]=e.children,t=U(r,e);return i.jsxs(f.components.ValueContainer,{...e,children:[t,o]})}),U=(e,{children:r,innerProps:o,className:t,...n})=>e?e.length>1?[e[0],C.createElement(f.components.MultiValue,{...n,key:"DUMMY_VALUE_FOR_PLUS_X",innerProps:{},data:null,isFocused:!1,removeProps:{},index:1,components:{Container:f.components.MultiValueContainer,Label:f.components.MultiValueLabel,Remove:()=>i.jsx("div",{style:{height:16,margin:3,marginTop:4}})}},"+"+(e.length-1))]:e:null;function D({variant:e="standard",styles:r,isMulti:o,...t}){const n=C.useMemo(()=>{const s=w(e);return r?f.mergeStyles(s,r):s},[e,r]);return i.jsx(M.default,{styles:n,...t,isMulti:!1})}const B=(e,r)=>m.differenceWith(r,[...e.internalOptions,e],m.isEqual).map(p),X=e=>!("internalOptions"in e),g=e=>e.filter(X).map(p),Y=e=>(r,o)=>{const t=r!=null?r:[];switch(o.action){case"select-option":if(o.option&&"internalOptions"in o.option){const n=m.uniqWith(t.reduce((s,a)=>"internalOptions"in a?[...s,...a.internalOptions]:[...s,p(a)],[]),m.isEqual);e(n,o)}else e(g(t),o);break;case"deselect-option":o.option&&"internalOptions"in o.option?e(B(o.option,g(t)),o):e(g(t),o);break;case"remove-value":case"pop-value":o.removedValue&&"internalOptions"in o.removedValue?e(B(o.removedValue,g(t)),o):e(g(t),o);break;case"clear":e(t.map(p),o);break;case"create-option":e(t.map(p),o);break}},J=e=>e.reduce((r,o)=>[...r,R(o),...o.options.map(F)],[]),K=(e,r)=>{if(!r)return[];const o=[];return e.forEach(t=>{Q(t.options,r)&&o.push(R(t)),o.push(...m.intersectionWith(t.options,r,m.isEqual).map(n=>F(n)))}),o},Q=(e,r)=>r?m.intersectionWith(e,r,m.isEqual).length===e.length:!1,F=e=>({data:e.data,label:e.label,value:e.value}),R=e=>({data:e.label,label:e.label,value:e.label,internalOptions:e.options}),p=e=>({data:e.data,label:e.label,value:e.value}),Z=(e,r)=>r?e.menu.selectedItemHoverIconColor:e.menu.selectedItemIconColor;function $(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 _({onChange:e,options:r,value:o,variant:t="standard",formatGroupLabel:n,formatOptionLabel:s,...a}){const b=d=>{const h=$(d),k="internalOptions"in d.data;return i.jsx(f.components.Option,{...d,children:i.jsxs(u.Row,{children:[!k&&i.jsx(u.Space,{}),i.jsx(ee,{theme:y,size:k?void 0:"small",label:h,selected:d.isSelected,focused:d.isFocused})]})})},v=d=>"internalOptions"in d.data?null:i.jsx(f.components.MultiValue,{...d}),l=r?K(r,o):void 0,c=r?J(r):void 0;return i.jsx(S,{...a,onChange:e?Y(e):void 0,hideSelectedOptions:!1,components:{...a.components,MultiValue:v,Option:b},isMulti:!0,options:c,value:l,variant:t})}const ee=({focused:e,label:r,selected:o,size:t,theme:n})=>i.jsxs(u.Row,{alignItems:"center",justifyContent:"space-between",flexGrow:1,children:[i.jsx(u.Text,{tabIndex:-1,size:t,color:"currentColor",children:r}),o&&i.jsx(x.Icon,{color:Z(n,e),icon:x.stenaCheck,size:12})]});function H({value:e,onValueChange:r,noneSelectedLabel:o="None",children:t}){return i.jsxs(u.Column,{flex:1,children:[i.jsxs(u.Row,{flexWrap:"wrap",children:[e==null?void 0:e.map(n=>i.jsxs(u.Row,{children:[i.jsx(u.Spacing,{num:.5,children:i.jsx(x.Chip,{label:n.label,onClickRemove:()=>{var s;return r==null?void 0:r((s=e==null?void 0:e.filter(a=>a.value!==n.value))!=null?s:[])}})}),i.jsx(u.Space,{})]},n.value)),e!=null&&e.length?i.jsx(u.Spacing,{num:.5,children:i.jsx(x.FlatButton,{size:"small",label:"Clear",onClick:()=>r==null?void 0:r([])})}):i.jsx(u.Spacing,{num:.5,children:i.jsx(x.Chip,{variant:"secondary",label:o})})]}),i.jsx(u.Space,{num:.5}),t]})}function oe({value:e,onValueChange:r,placeholder:o="Type to search",loading:t,inputValue:n,onInputChange:s,noneSelectedLabel:a="None",...b}){return i.jsx(H,{noneSelectedLabel:a,onValueChange:r,value:e,children:i.jsx(S,{...b,isClearable:!1,value:e,onChange:r?v=>r([...v]):void 0,backspaceRemovesValue:!1,hideSelectedOptions:!0,controlShouldRenderValue:!1,placeholder:o,isLoading:t,inputValue:n,onInputChange:s})})}const re=I.memo(oe);function te({value:e,onValueChange:r,placeholder:o="Type to search",loading:t,inputValue:n,onInputChange:s,noneSelectedLabel:a="None",...b}){return i.jsx(H,{noneSelectedLabel:a,onValueChange:r,value:e,children:i.jsx(_,{...b,isClearable:!1,value:e,onChange:r?v=>r([...v]):void 0,backspaceRemovesValue:!1,hideSelectedOptions:!0,controlShouldRenderValue:!1,placeholder:o,isLoading:t,inputValue:n,onInputChange:s})})}const le=I.memo(te);exports.AsyncMultiSelect=V;exports.AsyncSelect=P;exports.ChipMultiSelect=re;exports.GroupedChipMultiSelect=le;exports.GroupedMultiSelect=_;exports.MultiSelect=S;exports.OverflowingMultiSelect=N;exports.Select=D;exports.createStylesFromTheme=T;exports.createStylesFromVariant=w;exports.defaultSelectTheme=y;
3
3
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +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/ChipMultiSelect/ChipRow.tsx","../src/components/ui/ChipMultiSelect/ChipMultiSelect.tsx","../src/components/ui/ChipMultiSelect/GroupedChipMultiSelect.tsx"],"sourcesContent":["import { Property } from \"csstype\";\n\nexport interface SelectTheme {\n arrowColor: {\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 focused: {\n hover: \"var(--lhds-color-ui-500)\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n closed: {\n hover: \"var(--lhds-color-ui-500)\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n },\n clearButtonColor: {\n hover: \"var(--lhds-color-ui-600)\",\n standard: \"var(--lhds-color-ui-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 errorBackgroundColor: \"var(--swui-state-error-light-color)\",\n successBackgroundColor: \"var(--swui-state-success-light-color)\",\n warningBorderColor: \"var(--swui-state-alert-color)\",\n errorBorderColor: \"var(--swui-state-error-color)\",\n successBorderColor: \"var(--swui-state-success-color)\",\n boxShadowFocused: \"none\",\n fontFamily: \"var(--swui-font-primary)\",\n fontSize: \"var(--swui-font-size-inputs)\",\n height: \"32px\",\n minHeight: \"32px\",\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: \"var(--lhds-color-ui-600)\",\n letterSpacing: \"0.1rem\",\n },\n menu: {\n activeBackgroundColor: \"var(--lhds-color-blue-100)\",\n activeTextColor: \"var(--swui-field-text-color)\",\n selectedItemActiveBackgroundColor: \"var(--lhds-color-blue-500)\",\n selectedItemActiveTextColor: \"var(--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: \"var(--lhds-color-blue-200)\",\n selectedItemTextColor: \"var(--lhds-color-blue-500)\",\n selectedItemIconColor: \"var(--lhds-color-blue-500)\",\n selectedItemHoverTextColor: \"var(--swui-field-text-color)\",\n selectedItemHoverIconColor: \"var(--swui-field-text-color)\",\n selectedItemBackgroundColor: \"var(--lhds-color-blue-50)\",\n selectedItemHoverBackgroundColor: \"var(--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: \"var(--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 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 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 }) => ({\n ...base,\n padding: \"5px\",\n color: isFocused ? arrowColor.focused.standard : arrowColor.closed.standard,\n \"&:hover\": {\n color: isFocused ? arrowColor.focused.hover : 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 mergeStyles,\n Props,\n SelectComponentsConfig,\n} from \"react-select\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\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 ...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 return (\n <SelectComponent styles={selectStyles} {...selectProps} isMulti={true} />\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, { mergeStyles, Props } from \"react-select\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\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 ...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 return (\n <SelectComponent styles={selectStyles} {...selectProps} isMulti={false} />\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 { 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","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","SelectComponent","OverflowingMultiSelect","props","jsx","FirstValueOnlyValueContainer","memo","prevOptions","restChildren","options","getOptionsToRender","jsxs","components","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","ChipRow","onValueChange","noneSelectedLabel","Column","v","Spacing","Chip","f","FlatButton","_ChipMultiSelect","placeholder","loading","inputValue","onInputChange","ChipMultiSelect","React","_GroupedChipMultiSelect","GroupedChipMultiSelect"],"mappings":"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"}
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/ChipMultiSelect/ChipRow.tsx","../src/components/ui/ChipMultiSelect/ChipMultiSelect.tsx","../src/components/ui/ChipMultiSelect/GroupedChipMultiSelect.tsx"],"sourcesContent":["import { Property } from \"csstype\";\n\nexport interface SelectTheme {\n arrowColor: {\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 focused: {\n hover: \"var(--lhds-color-blue-600)\",\n standard: \"var(--lhds-color-blue-600)\",\n },\n closed: {\n hover: \"var(--lhds-color-blue-600)\",\n standard: \"var(--lhds-color-blue-600)\",\n },\n },\n clearButtonColor: {\n hover: \"var(--lhds-color-red-600)\",\n standard: \"var(--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: \"var(--lhds-color-ui-600)\",\n letterSpacing: \"0.1rem\",\n },\n menu: {\n activeBackgroundColor: \"var(--lhds-color-blue-100)\",\n activeTextColor: \"var(--swui-field-text-color)\",\n selectedItemActiveBackgroundColor: \"var(--lhds-color-blue-500)\",\n selectedItemActiveTextColor: \"var(--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: \"var(--lhds-color-blue-200)\",\n selectedItemTextColor: \"var(--lhds-color-blue-500)\",\n selectedItemIconColor: \"var(--lhds-color-blue-500)\",\n selectedItemHoverTextColor: \"var(--swui-field-text-color)\",\n selectedItemHoverIconColor: \"var(--swui-field-text-color)\",\n selectedItemBackgroundColor: \"var(--lhds-color-blue-50)\",\n selectedItemHoverBackgroundColor: \"var(--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: \"var(--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 }) => ({\n ...base,\n padding: \"5px\",\n color: isFocused ? arrowColor.focused.standard : arrowColor.closed.standard,\n \"&:hover\": {\n color: isFocused ? arrowColor.focused.hover : 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 mergeStyles,\n Props,\n SelectComponentsConfig,\n} from \"react-select\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\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 ...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 return (\n <SelectComponent styles={selectStyles} {...selectProps} isMulti={true} />\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, { mergeStyles, Props } from \"react-select\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\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 ...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 return (\n <SelectComponent styles={selectStyles} {...selectProps} isMulti={false} />\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 { 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","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","SelectComponent","OverflowingMultiSelect","props","jsx","FirstValueOnlyValueContainer","memo","prevOptions","restChildren","options","getOptionsToRender","jsxs","components","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","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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stenajs-webui/select",
3
- "version": "19.0.0-next.40",
3
+ "version": "19.0.0-next.41",
4
4
  "description": "",
5
5
  "author": "mattias800",
6
6
  "license": "MIT",
@@ -26,9 +26,9 @@
26
26
  "deploy": "gh-pages -d example/build"
27
27
  },
28
28
  "dependencies": {
29
- "@stenajs-webui/core": "19.0.0-next.40",
30
- "@stenajs-webui/elements": "19.0.0-next.40",
31
- "@stenajs-webui/forms": "19.0.0-next.40",
29
+ "@stenajs-webui/core": "19.0.0-next.41",
30
+ "@stenajs-webui/elements": "19.0.0-next.41",
31
+ "@stenajs-webui/forms": "19.0.0-next.41",
32
32
  "react-select": "^5.2.1"
33
33
  },
34
34
  "peerDependencies": {
@@ -61,5 +61,5 @@
61
61
  "files": [
62
62
  "dist"
63
63
  ],
64
- "gitHead": "4311229404177ae582c1a77323e5ccb6f8292de9"
64
+ "gitHead": "9e64ee76c9e9804fec1a325d3e0afc04f7254452"
65
65
  }