@stenajs-webui/select 17.0.0 → 17.1.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# v17.1.0 (Wed Jun 22 2022)
+
+#### 🚀 Enhancement
+
+- Add generics to ChipMultiSelect and GroupedChipMultiSelect [#465](https://github.com/StenaIT/stenajs-webui/pull/465) ([@nikteg](https://github.com/nikteg) [@juiceit](https://github.com/juiceit) [@lindskogen](https://github.com/lindskogen))
+
+#### Authors: 3
+
+- Johan Lindskogen ([@lindskogen](https://github.com/lindskogen))
+- Josefina Andreasson ([@juiceit](https://github.com/juiceit))
+- Niklas ([@nikteg](https://github.com/nikteg))
+
+---
+
 # v17.0.0 (Fri Jun 17 2022)
 
 #### 💥 Breaking Change

package/dist/components/ui/ChipMultiSelect/ChipMultiSelect.d.ts

@@ -1,13 +1,19 @@
+/// <reference types="react" />
 import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
-import * as React from "react";
 import { MultiSelectProps } from "../MultiSelect";
 import { ChipRowItem } from "./ChipRow";
-export interface ChipMultiSelectValue extends ChipRowItem {
+export interface ChipMultiSelectOption extends ChipRowItem {
 }
-export interface ChipMultiSelectProps extends Omit<MultiSelectProps, "value" | "onChange" | "isLoading">, ValueAndOnValueChangeProps<Array<ChipMultiSelectValue>> {
+/**
+ * @deprecated renamed to ChipMultiSelectOption
+ */
+export declare type ChipMultiSelectValue = ChipMultiSelectOption;
+export interface ChipMultiSelectProps<TOption> extends Omit<MultiSelectProps<TOption>, "value" | "onChange" | "isLoading">, ValueAndOnValueChangeProps<Array<TOption>> {
     loading?: boolean;
     inputValue?: string;
     onInputChange?: (inputValue: string) => void;
     noneSelectedLabel?: string;
 }
-export declare const ChipMultiSelect: React.NamedExoticComponent<ChipMultiSelectProps>;
+declare function _ChipMultiSelect<TOption extends ChipMultiSelectOption>({ value, onValueChange, placeholder, loading, inputValue, onInputChange, noneSelectedLabel, ...selectProps }: ChipMultiSelectProps<TOption>): JSX.Element;
+export declare const ChipMultiSelect: typeof _ChipMultiSelect;
+export {};

package/dist/components/ui/ChipMultiSelect/ChipMultiSelect.stories.d.ts

@@ -1,10 +1,12 @@
+/// <reference types="react" />
 import { Story } from "@storybook/react";
-import * as React from "react";
+import { ChipMultiSelectOption } from "./ChipMultiSelect";
 declare const _default: {
     title: string;
-    component: React.NamedExoticComponent<import("./ChipMultiSelect").ChipMultiSelectProps>;
+    component: <TOption extends ChipMultiSelectOption>({ value, onValueChange, placeholder, loading, inputValue, onInputChange, noneSelectedLabel, ...selectProps }: import("./ChipMultiSelect").ChipMultiSelectProps<TOption>) => JSX.Element;
     decorators: ((TheStory: Story) => JSX.Element)[];
 };
 export default _default;
 export declare const Demo: () => JSX.Element;
+export declare const WithComplexData: () => JSX.Element;
 export declare const WithDataFetch: () => JSX.Element;

package/dist/components/ui/ChipMultiSelect/GroupedChipMultiSelect.d.ts

@@ -1,15 +1,15 @@
-import * as React from "react";
+/// <reference types="react" />
 import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
 import { GroupedMultiSelectProps } from "../GroupedMultiSelect";
 import { DropdownOption } from "../GroupedMultiSelectTypes";
-declare type StringGroupedMultiSelectProps = GroupedMultiSelectProps<string>;
-export interface GroupedChipMultiSelectValue extends DropdownOption<string> {
+export interface GroupedChipMultiSelectValue<TData> extends DropdownOption<TData> {
 }
-export interface GroupedChipMultiSelectProps extends Omit<StringGroupedMultiSelectProps, "onChange" | "value">, ValueAndOnValueChangeProps<Array<DropdownOption<string>>> {
+export interface GroupedChipMultiSelectProps<TData> extends Omit<GroupedMultiSelectProps<TData>, "onChange" | "value">, ValueAndOnValueChangeProps<Array<DropdownOption<TData>>> {
     loading?: boolean;
     inputValue?: string;
     onInputChange?: (inputValue: string) => void;
     noneSelectedLabel?: string;
 }
-export declare const GroupedChipMultiSelect: React.NamedExoticComponent<GroupedChipMultiSelectProps>;
+declare function _GroupedChipMultiSelect<TData>({ value, onValueChange, placeholder, loading, inputValue, onInputChange, noneSelectedLabel, ...selectProps }: GroupedChipMultiSelectProps<TData>): JSX.Element;
+export declare const GroupedChipMultiSelect: typeof _GroupedChipMultiSelect;
 export {};

package/dist/components/ui/ChipMultiSelect/GroupedChipMultiSelect.stories.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 import { Story } from "@storybook/react";
-import * as React from "react";
 declare const _default: {
     title: string;
-    component: React.NamedExoticComponent<import("./GroupedChipMultiSelect").GroupedChipMultiSelectProps>;
+    component: <TData>({ value, onValueChange, placeholder, loading, inputValue, onInputChange, noneSelectedLabel, ...selectProps }: import("./GroupedChipMultiSelect").GroupedChipMultiSelectProps<TData>) => JSX.Element;
     decorators: ((TheStory: Story) => JSX.Element)[];
 };
 export default _default;
 export declare const Demo: () => JSX.Element;
+export declare const WithComplexData: () => JSX.Element;

package/dist/index.es.js

@@ -479,17 +479,19 @@ function ChipRow(_a) {
         children));
 }
 
-var ChipMultiSelect = React.memo(function (_a) {
+function _ChipMultiSelect(_a) {
     var value = _a.value, onValueChange = _a.onValueChange, _b = _a.placeholder, placeholder = _b === void 0 ? "Type to search" : _b, loading = _a.loading, inputValue = _a.inputValue, onInputChange = _a.onInputChange, _c = _a.noneSelectedLabel, noneSelectedLabel = _c === void 0 ? "None" : _c, selectProps = __rest(_a, ["value", "onValueChange", "placeholder", "loading", "inputValue", "onInputChange", "noneSelectedLabel"]);
     return (React.createElement(ChipRow, { noneSelectedLabel: noneSelectedLabel, onValueChange: onValueChange, value: value },
-        React.createElement(MultiSelect, __assign({}, selectProps, { isClearable: false, value: value, onChange: onValueChange, backspaceRemovesValue: false, hideSelectedOptions: true, controlShouldRenderValue: false, placeholder: placeholder, isLoading: loading, inputValue: inputValue, onInputChange: onInputChange }))));
-});
+        React.createElement(MultiSelect, __assign({}, selectProps, { isClearable: false, value: value, onChange: onValueChange ? function (value) { return onValueChange(__spreadArray([], value, true)); } : undefined, backspaceRemovesValue: false, hideSelectedOptions: true, controlShouldRenderValue: false, placeholder: placeholder, isLoading: loading, inputValue: inputValue, onInputChange: onInputChange }))));
+}
+var ChipMultiSelect = React.memo(_ChipMultiSelect);
 
-var GroupedChipMultiSelect = React.memo(function (_a) {
+function _GroupedChipMultiSelect(_a) {
     var value = _a.value, onValueChange = _a.onValueChange, _b = _a.placeholder, placeholder = _b === void 0 ? "Type to search" : _b, loading = _a.loading, inputValue = _a.inputValue, onInputChange = _a.onInputChange, _c = _a.noneSelectedLabel, noneSelectedLabel = _c === void 0 ? "None" : _c, selectProps = __rest(_a, ["value", "onValueChange", "placeholder", "loading", "inputValue", "onInputChange", "noneSelectedLabel"]);
     return (React.createElement(ChipRow, { noneSelectedLabel: noneSelectedLabel, onValueChange: onValueChange, value: value },
-        React.createElement(GroupedMultiSelect, __assign({}, selectProps, { isClearable: false, value: value, onChange: onValueChange, backspaceRemovesValue: false, hideSelectedOptions: true, controlShouldRenderValue: false, placeholder: placeholder, isLoading: loading, inputValue: inputValue, onInputChange: onInputChange }))));
-});
+        React.createElement(GroupedMultiSelect, __assign({}, selectProps, { isClearable: false, value: value, onChange: onValueChange ? function (value) { return onValueChange(__spreadArray([], value, true)); } : undefined, backspaceRemovesValue: false, hideSelectedOptions: true, controlShouldRenderValue: false, placeholder: placeholder, isLoading: loading, inputValue: inputValue, onInputChange: onInputChange }))));
+}
+var GroupedChipMultiSelect = React.memo(_GroupedChipMultiSelect);
 
 export { AsyncMultiSelect, AsyncSelect, ChipMultiSelect, GroupedChipMultiSelect, GroupedMultiSelect, MultiSelect, Select, createStylesFromTheme, createStylesFromVariant, defaultSelectTheme };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/SelectTheme.ts","../src/util/StylesBuilder.ts","../src/components/ui/AsyncMultiSelect.tsx","../src/components/ui/AsyncSelect.tsx","../src/components/ui/MultiSelect.tsx","../src/components/ui/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    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  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    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: \"var(--swui-field-focus-shadow)\",\n    fontFamily: \"var(--swui-font-primary)\",\n    fontSize: \"var(--swui-font-size-inputs)\",\n    height: \"32px\",\n    minHeight: \"32px\",\n    placeholderColor: \"var(--swui-field-border-color-disabled)\",\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  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.borderColor;\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    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  }),\n  multiValueLabel: (base) => ({\n    ...base,\n    backgroundColor: multiSelect.backgroundColor,\n    color: multiSelect.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: \"12px\",\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: \"12px\",\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 const AsyncMultiSelect = <T extends {}>({\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 const AsyncSelect = <T extends {}>({\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 const MultiSelect = <TOption extends {}>({\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 { 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 const Select = <T extends {}>({\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 { faCheck } from \"@fortawesome/free-solid-svg-icons/faCheck\";\nimport { Row, Space, Text, TextSize } from \"@stenajs-webui/core\";\nimport { Icon } 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 const GroupedMultiSelect = <TData extends {}>({\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 color={resolveIconColor(theme, focused)} icon={faCheck} size={12} />\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 ChipMultiSelectValue extends ChipRowItem {}\n\nexport interface ChipMultiSelectProps\n  extends Omit<MultiSelectProps, \"value\" | \"onChange\" | \"isLoading\">,\n    ValueAndOnValueChangeProps<Array<ChipMultiSelectValue>> {\n  loading?: boolean;\n  inputValue?: string;\n  onInputChange?: (inputValue: string) => void;\n  noneSelectedLabel?: string;\n}\n\nexport const ChipMultiSelect = React.memo<ChipMultiSelectProps>(\n  ({\n    value,\n    onValueChange,\n    placeholder = \"Type to search\",\n    loading,\n    inputValue,\n    onInputChange,\n    noneSelectedLabel = \"None\",\n    ...selectProps\n  }) => {\n    return (\n      <ChipRow\n        noneSelectedLabel={noneSelectedLabel}\n        onValueChange={onValueChange}\n        value={value}\n      >\n        <MultiSelect<ChipMultiSelectValue>\n          {...selectProps}\n          isClearable={false}\n          value={value}\n          onChange={onValueChange as MultiSelectProps[\"onChange\"]}\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);\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\ntype StringGroupedMultiSelectProps = GroupedMultiSelectProps<string>;\n\nexport interface GroupedChipMultiSelectValue extends DropdownOption<string> {}\n\nexport interface GroupedChipMultiSelectProps\n  extends Omit<StringGroupedMultiSelectProps, \"onChange\" | \"value\">,\n    ValueAndOnValueChangeProps<Array<DropdownOption<string>>> {\n  loading?: boolean;\n  inputValue?: string;\n  onInputChange?: (inputValue: string) => void;\n  noneSelectedLabel?: string;\n}\n\nexport const GroupedChipMultiSelect = React.memo<GroupedChipMultiSelectProps>(\n  ({\n    value,\n    onValueChange,\n    placeholder = \"Type to search\",\n    loading,\n    inputValue,\n    onInputChange,\n    noneSelectedLabel = \"None\",\n    ...selectProps\n  }) => {\n    return (\n      <ChipRow\n        noneSelectedLabel={noneSelectedLabel}\n        onValueChange={onValueChange}\n        value={value}\n      >\n        <GroupedMultiSelect<string>\n          {...selectProps}\n          isClearable={false}\n          value={value}\n          onChange={onValueChange as StringGroupedMultiSelectProps[\"onChange\"]}\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);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/SelectTheme.ts","../src/util/StylesBuilder.ts","../src/components/ui/AsyncMultiSelect.tsx","../src/components/ui/AsyncSelect.tsx","../src/components/ui/MultiSelect.tsx","../src/components/ui/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    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  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    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: \"var(--swui-field-focus-shadow)\",\n    fontFamily: \"var(--swui-font-primary)\",\n    fontSize: \"var(--swui-font-size-inputs)\",\n    height: \"32px\",\n    minHeight: \"32px\",\n    placeholderColor: \"var(--swui-field-border-color-disabled)\",\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  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.borderColor;\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    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  }),\n  multiValueLabel: (base) => ({\n    ...base,\n    backgroundColor: multiSelect.backgroundColor,\n    color: multiSelect.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: \"12px\",\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: \"12px\",\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 const AsyncMultiSelect = <T extends {}>({\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 const AsyncSelect = <T extends {}>({\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 const MultiSelect = <TOption extends {}>({\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 { 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 const Select = <T extends {}>({\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 { faCheck } from \"@fortawesome/free-solid-svg-icons/faCheck\";\nimport { Row, Space, Text, TextSize } from \"@stenajs-webui/core\";\nimport { Icon } 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 const GroupedMultiSelect = <TData extends {}>({\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 color={resolveIconColor(theme, focused)} icon={faCheck} size={12} />\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":[],"mappings":"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"}

package/dist/index.js

@@ -506,17 +506,19 @@ function ChipRow(_a) {
         children));
 }
 
-var ChipMultiSelect = React__namespace.memo(function (_a) {
+function _ChipMultiSelect(_a) {
     var value = _a.value, onValueChange = _a.onValueChange, _b = _a.placeholder, placeholder = _b === void 0 ? "Type to search" : _b, loading = _a.loading, inputValue = _a.inputValue, onInputChange = _a.onInputChange, _c = _a.noneSelectedLabel, noneSelectedLabel = _c === void 0 ? "None" : _c, selectProps = __rest(_a, ["value", "onValueChange", "placeholder", "loading", "inputValue", "onInputChange", "noneSelectedLabel"]);
     return (React__namespace.createElement(ChipRow, { noneSelectedLabel: noneSelectedLabel, onValueChange: onValueChange, value: value },
-        React__namespace.createElement(MultiSelect, __assign({}, selectProps, { isClearable: false, value: value, onChange: onValueChange, backspaceRemovesValue: false, hideSelectedOptions: true, controlShouldRenderValue: false, placeholder: placeholder, isLoading: loading, inputValue: inputValue, onInputChange: onInputChange }))));
-});
+        React__namespace.createElement(MultiSelect, __assign({}, selectProps, { isClearable: false, value: value, onChange: onValueChange ? function (value) { return onValueChange(__spreadArray([], value, true)); } : undefined, backspaceRemovesValue: false, hideSelectedOptions: true, controlShouldRenderValue: false, placeholder: placeholder, isLoading: loading, inputValue: inputValue, onInputChange: onInputChange }))));
+}
+var ChipMultiSelect = React__namespace.memo(_ChipMultiSelect);
 
-var GroupedChipMultiSelect = React__namespace.memo(function (_a) {
+function _GroupedChipMultiSelect(_a) {
     var value = _a.value, onValueChange = _a.onValueChange, _b = _a.placeholder, placeholder = _b === void 0 ? "Type to search" : _b, loading = _a.loading, inputValue = _a.inputValue, onInputChange = _a.onInputChange, _c = _a.noneSelectedLabel, noneSelectedLabel = _c === void 0 ? "None" : _c, selectProps = __rest(_a, ["value", "onValueChange", "placeholder", "loading", "inputValue", "onInputChange", "noneSelectedLabel"]);
     return (React__namespace.createElement(ChipRow, { noneSelectedLabel: noneSelectedLabel, onValueChange: onValueChange, value: value },
-        React__namespace.createElement(GroupedMultiSelect, __assign({}, selectProps, { isClearable: false, value: value, onChange: onValueChange, backspaceRemovesValue: false, hideSelectedOptions: true, controlShouldRenderValue: false, placeholder: placeholder, isLoading: loading, inputValue: inputValue, onInputChange: onInputChange }))));
-});
+        React__namespace.createElement(GroupedMultiSelect, __assign({}, selectProps, { isClearable: false, value: value, onChange: onValueChange ? function (value) { return onValueChange(__spreadArray([], value, true)); } : undefined, backspaceRemovesValue: false, hideSelectedOptions: true, controlShouldRenderValue: false, placeholder: placeholder, isLoading: loading, inputValue: inputValue, onInputChange: onInputChange }))));
+}
+var GroupedChipMultiSelect = React__namespace.memo(_GroupedChipMultiSelect);
 
 exports.AsyncMultiSelect = AsyncMultiSelect;
 exports.AsyncSelect = AsyncSelect;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/SelectTheme.ts","../src/util/StylesBuilder.ts","../src/components/ui/AsyncMultiSelect.tsx","../src/components/ui/AsyncSelect.tsx","../src/components/ui/MultiSelect.tsx","../src/components/ui/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    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  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    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: \"var(--swui-field-focus-shadow)\",\n    fontFamily: \"var(--swui-font-primary)\",\n    fontSize: \"var(--swui-font-size-inputs)\",\n    height: \"32px\",\n    minHeight: \"32px\",\n    placeholderColor: \"var(--swui-field-border-color-disabled)\",\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  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.borderColor;\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    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  }),\n  multiValueLabel: (base) => ({\n    ...base,\n    backgroundColor: multiSelect.backgroundColor,\n    color: multiSelect.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: \"12px\",\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: \"12px\",\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 const AsyncMultiSelect = <T extends {}>({\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 const AsyncSelect = <T extends {}>({\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 const MultiSelect = <TOption extends {}>({\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 { 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 const Select = <T extends {}>({\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 { faCheck } from \"@fortawesome/free-solid-svg-icons/faCheck\";\nimport { Row, Space, Text, TextSize } from \"@stenajs-webui/core\";\nimport { Icon } 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 const GroupedMultiSelect = <TData extends {}>({\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 color={resolveIconColor(theme, focused)} icon={faCheck} size={12} />\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 ChipMultiSelectValue extends ChipRowItem {}\n\nexport interface ChipMultiSelectProps\n  extends Omit<MultiSelectProps, \"value\" | \"onChange\" | \"isLoading\">,\n    ValueAndOnValueChangeProps<Array<ChipMultiSelectValue>> {\n  loading?: boolean;\n  inputValue?: string;\n  onInputChange?: (inputValue: string) => void;\n  noneSelectedLabel?: string;\n}\n\nexport const ChipMultiSelect = React.memo<ChipMultiSelectProps>(\n  ({\n    value,\n    onValueChange,\n    placeholder = \"Type to search\",\n    loading,\n    inputValue,\n    onInputChange,\n    noneSelectedLabel = \"None\",\n    ...selectProps\n  }) => {\n    return (\n      <ChipRow\n        noneSelectedLabel={noneSelectedLabel}\n        onValueChange={onValueChange}\n        value={value}\n      >\n        <MultiSelect<ChipMultiSelectValue>\n          {...selectProps}\n          isClearable={false}\n          value={value}\n          onChange={onValueChange as MultiSelectProps[\"onChange\"]}\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);\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\ntype StringGroupedMultiSelectProps = GroupedMultiSelectProps<string>;\n\nexport interface GroupedChipMultiSelectValue extends DropdownOption<string> {}\n\nexport interface GroupedChipMultiSelectProps\n  extends Omit<StringGroupedMultiSelectProps, \"onChange\" | \"value\">,\n    ValueAndOnValueChangeProps<Array<DropdownOption<string>>> {\n  loading?: boolean;\n  inputValue?: string;\n  onInputChange?: (inputValue: string) => void;\n  noneSelectedLabel?: string;\n}\n\nexport const GroupedChipMultiSelect = React.memo<GroupedChipMultiSelectProps>(\n  ({\n    value,\n    onValueChange,\n    placeholder = \"Type to search\",\n    loading,\n    inputValue,\n    onInputChange,\n    noneSelectedLabel = \"None\",\n    ...selectProps\n  }) => {\n    return (\n      <ChipRow\n        noneSelectedLabel={noneSelectedLabel}\n        onValueChange={onValueChange}\n        value={value}\n      >\n        <GroupedMultiSelect<string>\n          {...selectProps}\n          isClearable={false}\n          value={value}\n          onChange={onValueChange as StringGroupedMultiSelectProps[\"onChange\"]}\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);\n"],"names":["useMemo","mergeStyles","React","AsyncComponent","SelectComponent","differenceWith","isEqual","uniqWith","intersectionWith","components","Row","Space","Text","Icon","faCheck","Column","Spacing","Chip","FlatButton"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/SelectTheme.ts","../src/util/StylesBuilder.ts","../src/components/ui/AsyncMultiSelect.tsx","../src/components/ui/AsyncSelect.tsx","../src/components/ui/MultiSelect.tsx","../src/components/ui/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    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  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    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: \"var(--swui-field-focus-shadow)\",\n    fontFamily: \"var(--swui-font-primary)\",\n    fontSize: \"var(--swui-font-size-inputs)\",\n    height: \"32px\",\n    minHeight: \"32px\",\n    placeholderColor: \"var(--swui-field-border-color-disabled)\",\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  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.borderColor;\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    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  }),\n  multiValueLabel: (base) => ({\n    ...base,\n    backgroundColor: multiSelect.backgroundColor,\n    color: multiSelect.textColor,\n    fontFamily: input.fontFamily,\n    fontSize: \"12px\",\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: \"12px\",\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 const AsyncMultiSelect = <T extends {}>({\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 const AsyncSelect = <T extends {}>({\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 const MultiSelect = <TOption extends {}>({\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 { 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 const Select = <T extends {}>({\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 { faCheck } from \"@fortawesome/free-solid-svg-icons/faCheck\";\nimport { Row, Space, Text, TextSize } from \"@stenajs-webui/core\";\nimport { Icon } 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 const GroupedMultiSelect = <TData extends {}>({\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 color={resolveIconColor(theme, focused)} icon={faCheck} size={12} />\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":["useMemo","mergeStyles","React","AsyncComponent","SelectComponent","differenceWith","isEqual","uniqWith","intersectionWith","components","Row","Space","Text","Icon","faCheck","Column","Spacing","Chip","FlatButton"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stenajs-webui/select",
-  "version": "17.0.0",
+  "version": "17.1.0",
   "description": "",
   "author": "mattias800",
   "license": "MIT",
@@ -27,9 +27,9 @@
     "deploy": "gh-pages -d example/build"
   },
   "dependencies": {
-    "@stenajs-webui/core": "17.0.0",
-    "@stenajs-webui/elements": "17.0.0",
-    "@stenajs-webui/forms": "17.0.0",
+    "@stenajs-webui/core": "17.1.0",
+    "@stenajs-webui/elements": "17.1.0",
+    "@stenajs-webui/forms": "17.1.0",
     "react-select": "^5.2.1"
   },
   "peerDependencies": {
@@ -62,5 +62,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "d2ef80338559080f4106bb97aa7a9d457615e3fb"
+  "gitHead": "0bef18c3b696b9e60cffb1fb24adff3c03fb5edc"
 }