@stenajs-webui/select 14.1.1 → 15.0.0-alpha.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/components/ui/AsyncMultiSelect.d.ts +3 -2
  2. package/dist/components/ui/AsyncSelect.d.ts +3 -2
  3. package/dist/components/ui/ChipMultiSelect/ChipMultiSelect.d.ts +2 -2
  4. package/dist/components/ui/ChipMultiSelect/ChipRow.d.ts +10 -0
  5. package/dist/components/ui/GroupedMultiSelect.d.ts +8 -8
  6. package/dist/components/ui/GroupedMultiSelect.stories.d.ts +1 -1
  7. package/dist/components/ui/MultiSelect.d.ts +6 -4
  8. package/dist/components/ui/MultiSelect.stories.d.ts +1 -1
  9. package/dist/index.es.js +69 -66
  10. package/dist/index.es.js.map +1 -1
  11. package/dist/index.js +86 -65
  12. package/dist/index.js.map +1 -1
  13. package/dist/util/StylesBuilder.d.ts +3 -3
  14. package/dist/util/StylesMerger.d.ts +1 -2
  15. package/dist/util/multiDropdownUtils.d.ts +10 -7
  16. package/package.json +6 -8
  17. package/dist/components/ui/ChipMultiSelect/CommonChipMultiSelect.d.ts +0 -10
package/dist/index.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../src/SelectTheme.ts","../src/util/StylesBuilder.ts","../src/components/ui/AsyncMultiSelect.tsx","../src/components/ui/AsyncSelect.tsx","../src/components/ui/MultiSelect.tsx","../src/components/ui/Select.tsx","../src/util/multiDropdownUtils.ts","../src/components/ui/GroupedMultiSelect.tsx","../src/components/ui/ChipMultiSelect/CommonChipMultiSelect.tsx","../src/components/ui/ChipMultiSelect/ChipMultiSelect.tsx","../src/components/ui/ChipMultiSelect/GroupedChipMultiSelect.tsx","../src/util/StylesMerger.ts"],"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 borderFocused: string;\n borderColor: string;\n borderColorFocused: string;\n borderRadius: string;\n disabledBackgroundColor: 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-field-border-color)`,\n borderFocused: `1px solid var(--swui-field-border-color-hover)`,\n borderColor: \"var(--swui-field-border-color)\",\n borderColorFocused: \"var(--swui-field-border-color-hover)\",\n disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\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\nexport const selectThemeDark: SelectTheme = {\n arrowColor: {\n focused: {\n hover: \"white\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n closed: {\n hover: \"white\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n },\n clearButtonColor: {\n standard: \"var(--lhds-color-ui-400)\",\n hover: \"white\",\n },\n input: {\n backgroundColor: \"#4a5d73\",\n border: \"1px solid transparent\",\n borderFocused: `1px solid #92a3b5`,\n borderColor: \"transparent\",\n borderColorFocused: \"#92a3b5\",\n disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\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: \"white\",\n textColor: \"white\",\n borderRadius: \"4px\",\n },\n loadingIndicator: {\n textColor: \"white\",\n },\n menu: {\n activeBackgroundColor: \"#6F7E90\",\n activeTextColor: \"white\",\n selectedItemActiveBackgroundColor: \"#6F7E90\",\n selectedItemActiveTextColor: \"white\",\n disabledTextColor: \"var(--swui-text-disabled-color)\",\n disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n backgroundColor: \"#4a5d73\",\n textColor: \"white\",\n hoverTextColor: \"white\",\n hoverBackgroundColor: \"#6F7E90\",\n selectedItemTextColor: \"white\",\n selectedItemIconColor: \"white\",\n selectedItemHoverTextColor: \"white\",\n selectedItemHoverIconColor: \"white\",\n selectedItemBackgroundColor: \"#4a5d73\",\n selectedItemHoverBackgroundColor: \"#6F7E90\",\n zIndex: 1,\n width: \"auto\",\n minWidth: \"100%\",\n whiteSpace: \"nowrap\",\n },\n menuPortal: {\n zIndex: 1,\n },\n multiSelect: {\n backgroundColor: \"#B9D8DF\",\n textColor: \"var(--lhds-color-ui-700)\",\n removeButtonBackgroundColor: \"#B9D8DF\",\n removeButtonTextColor: \"var(--lhds-color-ui-700)\",\n removeButtonHoverBackgroundColor: \"#226F81\",\n removeButtonHoverTextColor: \"white\",\n },\n};\n","import { OptionTypeBase } from \"react-select/src/types\";\nimport { SelectTheme } from \"../SelectTheme\";\nimport { StylesConfig } from \"react-select\";\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\nexport const createStylesFromTheme = <\n OptionType extends OptionTypeBase,\n IsMulti extends boolean\n>({\n menu,\n menuPortal,\n input,\n multiSelect,\n clearButtonColor,\n arrowColor,\n loadingIndicator,\n}: SelectTheme): StylesConfig<OptionType, IsMulti> => ({\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 }) => ({\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: isDisabled\n ? input.disabledBackgroundColor\n : input.backgroundColor,\n borderRadius: input.borderRadius,\n border: isFocused ? input.borderFocused : input.border,\n borderColor: isFocused ? input.borderColorFocused : input.borderColor,\n boxShadow: isFocused ? input.boxShadowFocused : undefined,\n \"&:hover\": {\n border: input.borderFocused,\n borderColor: input.borderColorFocused,\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.borderFocused,\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","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { mergeStyles } from \"react-select\";\nimport AsyncComponent, { Props } from \"react-select/async\";\nimport { defaultSelectTheme, selectThemeDark } from \"../../SelectTheme\";\nimport { createStylesFromTheme } from \"../../util/StylesBuilder\";\n\nexport interface AsyncMultiSelectProps<T = { label: string; value: string }>\n extends Props<T, true> {\n variant?: \"dark\" | \"light\";\n isMulti?: true;\n}\n\nexport const AsyncMultiSelect = <T extends {}>({\n variant = \"light\",\n styles,\n isMulti,\n ...selectProps\n}: AsyncMultiSelectProps<T>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromTheme<T, true>(\n variant === \"light\" ? defaultSelectTheme : selectThemeDark\n );\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, { Props } from \"react-select/async\";\nimport { defaultSelectTheme, selectThemeDark } from \"../../SelectTheme\";\nimport { createStylesFromTheme } from \"../../util/StylesBuilder\";\nimport { mergeStyles } from \"react-select\";\n\nexport interface AsyncSelectProps<T = { label: string; value: string }>\n extends Props<T, false> {\n variant?: \"dark\" | \"light\";\n isMulti?: false;\n}\n\nexport const AsyncSelect = <T extends {}>({\n variant = \"light\",\n styles,\n isMulti,\n ...selectProps\n}: AsyncSelectProps<T>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromTheme<T, false>(\n variant === \"light\" ? defaultSelectTheme : selectThemeDark\n );\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, { mergeStyles, Props } from \"react-select\";\nimport { defaultSelectTheme, selectThemeDark } from \"../../SelectTheme\";\nimport { createStylesFromTheme } from \"../../util/StylesBuilder\";\n\nexport interface MultiSelectProps<T = { label: string; value: string }>\n extends Props<T, true> {\n variant?: \"dark\" | \"light\";\n isMulti?: true;\n}\n\nexport const MultiSelect = <T extends {}>({\n variant = \"light\",\n styles,\n isMulti,\n ...selectProps\n}: MultiSelectProps<T>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromTheme<T, true>(\n variant === \"light\" ? defaultSelectTheme : selectThemeDark\n );\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 { defaultSelectTheme, selectThemeDark } from \"../../SelectTheme\";\nimport { createStylesFromTheme } from \"../../util/StylesBuilder\";\n\nexport interface SelectProps<T = { label: string; value: string }>\n extends Props<T, false> {\n variant?: \"dark\" | \"light\";\n isMulti?: false;\n}\n\nexport const Select = <T extends {}>({\n variant = \"light\",\n styles,\n isMulti,\n ...selectProps\n}: SelectProps<T>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromTheme<T, false>(\n variant === \"light\" ? defaultSelectTheme : selectThemeDark\n );\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 {\n ActionMeta,\n GroupedOptionsType,\n GroupTypeBase,\n OptionsType,\n ValueType,\n} from \"react-select\";\nimport { OnChange, OnChangeValue } from \"../components/ui/GroupedMultiSelect\";\nimport { DropdownOption } from \"../components/ui/GroupedMultiSelectTypes\";\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: OptionsType<DropdownOption<TData>>;\n}\n\nconst removeGroupedOptions = <TData>(\n removedValue: InternalParentDropdownOption<TData>,\n selectedInternalOptions: OptionsType<InternalDropdownOption<TData>>\n): OptionsType<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: OptionsType<InternalDropdownOption<TData>>\n): OptionsType<InternalDropdownOption<TData>> =>\n selectedInternalOptions\n .filter(removeInternalOptions)\n .map(convertInternalOptionToDropdownOption);\n\nexport const createOnChange = <TData>(onChange: OnChange<TData>) => (\n incomingSelectedInternalOptions: ValueType<\n InternalDropdownOption<TData>,\n true\n >,\n meta: ActionMeta<DropdownOption<TData>>\n) => {\n const selectedInternalOptions = (() => {\n if (!incomingSelectedInternalOptions) {\n return [];\n } else if (\"length\" in incomingSelectedInternalOptions) {\n return incomingSelectedInternalOptions;\n } else {\n return [incomingSelectedInternalOptions];\n }\n })();\n\n switch (meta.action) {\n case \"select-option\":\n if (meta.option && \"internalOptions\" in meta.option) {\n const selectedOptions: OnChangeValue<TData> = uniqWith(\n selectedInternalOptions.reduce<OptionsType<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 removeGroupedOptions(\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 removeGroupedOptions(\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: OptionsType<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: OptionsType<DropdownOption<TData>>,\n selectedValues: OptionsType<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\nexport const convertGroupedDropdownOptionToInternalOption = <TData>(\n option: GroupTypeBase<DropdownOption<TData>>\n): InternalDropdownOption<TData> => ({\n data: option.label,\n label: option.label,\n value: option.label,\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 { Box, Row, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport {\n ActionMeta,\n components,\n GroupedOptionsType,\n MultiValueProps,\n OptionProps,\n OptionsType,\n SelectComponentsConfig,\n} from \"react-select\";\nimport {\n defaultSelectTheme,\n SelectTheme,\n selectThemeDark,\n} from \"../../SelectTheme\";\nimport {\n convertGroupedDropdownOptionsToInternalOptions,\n convertValueToInternalValue,\n createOnChange,\n InternalDropdownOption,\n} from \"../../util/multiDropdownUtils\";\nimport { DropdownOption } from \"./GroupedMultiSelectTypes\";\nimport { MultiSelect, MultiSelectProps } from \"./MultiSelect\";\n\nexport type OnChangeValue<TData> =\n | OptionsType<DropdownOption<TData>>\n | undefined;\n\nexport type OnChange<TData> = (\n value: OnChangeValue<TData>,\n action: ActionMeta<any>\n) => void;\n\nexport interface GroupedMultiSelectProps<TData>\n extends Omit<\n MultiSelectProps<DropdownOption<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 SelectComponentsConfig<DropdownOption<TData>, true>,\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?: OptionsType<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\nexport const GroupedMultiSelect = <TData extends {}>({\n onChange,\n options,\n value,\n variant = \"light\",\n formatGroupLabel,\n formatOptionLabel,\n ...selectProps\n}: GroupedMultiSelectProps<TData>): React.ReactElement<\n GroupedMultiSelectProps<TData>\n> => {\n const theme = variant === \"light\" ? defaultSelectTheme : selectThemeDark;\n\n const Option = (props: OptionProps<DropdownOption<TData>, true>) => {\n if (props.data.internalOptions) {\n return (\n <components.Option {...props}>\n <Box\n alignItems={\"center\"}\n justifyContent={\"space-between\"}\n flexDirection={\"row\"}\n >\n <Text tabIndex={-1}>\n {formatGroupLabel ? formatGroupLabel(props.data) : props.label}\n </Text>\n {props.isSelected && (\n <Icon\n color={resolveIconColor(theme, props.isFocused)}\n icon={faCheck}\n size={12}\n />\n )}\n </Box>\n </components.Option>\n );\n }\n return (\n <components.Option {...props}>\n <Row>\n <Space />\n <Box\n alignItems={\"center\"}\n justifyContent={\"space-between\"}\n flexDirection={\"row\"}\n flexGrow={1}\n >\n <Text\n size={\"small\"}\n tabIndex={-1}\n color={\n props.isSelected ? theme.menu.selectedItemTextColor : undefined\n }\n >\n {formatOptionLabel ? formatOptionLabel(props.data) : props.label}\n </Text>\n {props.isSelected && (\n <Icon\n color={resolveIconColor(theme, props.isFocused)}\n icon={faCheck}\n size={12}\n />\n )}\n </Box>\n </Row>\n </components.Option>\n );\n };\n\n const MultiValue = (\n props: MultiValueProps<InternalDropdownOption<TData>>\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<DropdownOption<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","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 CommonChipMultiSelectSelectValue {\n label: string;\n value: string;\n}\n\nexport interface CommonChipMultiSelectProps<TValue>\n extends ValueAndOnValueChangeProps<TValue> {\n noneSelectedLabel?: string;\n}\n\nexport function CommonChipMultiSelect<\n TValue extends CommonChipMultiSelectSelectValue\n>({\n value,\n onValueChange,\n noneSelectedLabel = \"None\",\n children,\n}: PropsWithChildren<CommonChipMultiSelectProps<Array<TValue>>>) {\n return (\n <Column>\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 {\n CommonChipMultiSelect,\n CommonChipMultiSelectSelectValue,\n} from \"./CommonChipMultiSelect\";\n\nexport interface ChipMultiSelectValue\n extends CommonChipMultiSelectSelectValue {}\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 <CommonChipMultiSelect\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 </CommonChipMultiSelect>\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 { CommonChipMultiSelect } from \"./CommonChipMultiSelect\";\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 <CommonChipMultiSelect\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 </CommonChipMultiSelect>\n );\n }\n);\n","import { merge } from \"lodash\";\nimport { StylesConfig } from \"react-select\";\nimport { OptionTypeBase } from \"react-select/src/types\";\n\nexport const mergeStyles = <\n OptionType extends OptionTypeBase,\n IsMulti extends boolean\n>(\n themeStyle: StylesConfig<OptionType, IsMulti>,\n userStyle?: StylesConfig<OptionType, IsMulti>\n): StylesConfig<OptionType, IsMulti> => {\n if (!userStyle) {\n return themeStyle;\n }\n return merge({}, themeStyle, userStyle);\n};\n"],"names":["mergeStyles","React.createElement","React.memo"],"mappings":"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"}
1
+ {"version":3,"file":"index.es.js","sources":["../src/SelectTheme.ts","../src/util/StylesBuilder.ts","../src/components/ui/AsyncMultiSelect.tsx","../src/components/ui/AsyncSelect.tsx","../src/components/ui/MultiSelect.tsx","../src/components/ui/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","../src/util/StylesMerger.ts"],"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 borderFocused: string;\n borderColor: string;\n borderColorFocused: string;\n borderRadius: string;\n disabledBackgroundColor: 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-field-border-color)`,\n borderFocused: `1px solid var(--swui-field-border-color-hover)`,\n borderColor: \"var(--swui-field-border-color)\",\n borderColorFocused: \"var(--swui-field-border-color-hover)\",\n disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\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\nexport const selectThemeDark: SelectTheme = {\n arrowColor: {\n focused: {\n hover: \"white\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n closed: {\n hover: \"white\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n },\n clearButtonColor: {\n standard: \"var(--lhds-color-ui-400)\",\n hover: \"white\",\n },\n input: {\n backgroundColor: \"#4a5d73\",\n border: \"1px solid transparent\",\n borderFocused: `1px solid #92a3b5`,\n borderColor: \"transparent\",\n borderColorFocused: \"#92a3b5\",\n disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\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: \"white\",\n textColor: \"white\",\n borderRadius: \"4px\",\n },\n loadingIndicator: {\n textColor: \"white\",\n },\n menu: {\n activeBackgroundColor: \"#6F7E90\",\n activeTextColor: \"white\",\n selectedItemActiveBackgroundColor: \"#6F7E90\",\n selectedItemActiveTextColor: \"white\",\n disabledTextColor: \"var(--swui-text-disabled-color)\",\n disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n backgroundColor: \"#4a5d73\",\n textColor: \"white\",\n hoverTextColor: \"white\",\n hoverBackgroundColor: \"#6F7E90\",\n selectedItemTextColor: \"white\",\n selectedItemIconColor: \"white\",\n selectedItemHoverTextColor: \"white\",\n selectedItemHoverIconColor: \"white\",\n selectedItemBackgroundColor: \"#4a5d73\",\n selectedItemHoverBackgroundColor: \"#6F7E90\",\n zIndex: 1,\n width: \"auto\",\n minWidth: \"100%\",\n whiteSpace: \"nowrap\",\n },\n menuPortal: {\n zIndex: 1,\n },\n multiSelect: {\n backgroundColor: \"#B9D8DF\",\n textColor: \"var(--lhds-color-ui-700)\",\n removeButtonBackgroundColor: \"#B9D8DF\",\n removeButtonTextColor: \"var(--lhds-color-ui-700)\",\n removeButtonHoverBackgroundColor: \"#226F81\",\n removeButtonHoverTextColor: \"white\",\n },\n};\n","import { StylesConfig } from \"react-select\";\nimport { SelectTheme } from \"../SelectTheme\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\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\nexport const createStylesFromTheme = <\n OptionType,\n IsMulti extends boolean,\n TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>({\n menu,\n menuPortal,\n input,\n multiSelect,\n clearButtonColor,\n arrowColor,\n loadingIndicator,\n}: SelectTheme): 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 }) => ({\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: isDisabled\n ? input.disabledBackgroundColor\n : input.backgroundColor,\n borderRadius: input.borderRadius,\n border: isFocused ? input.borderFocused : input.border,\n borderColor: isFocused ? input.borderColorFocused : input.borderColor,\n boxShadow: isFocused ? input.boxShadowFocused : undefined,\n \"&:hover\": {\n border: input.borderFocused,\n borderColor: input.borderColorFocused,\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.borderFocused,\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","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { mergeStyles } from \"react-select\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport { defaultSelectTheme, selectThemeDark } from \"../../SelectTheme\";\nimport { createStylesFromTheme } 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?: \"dark\" | \"light\";\n isMulti?: true;\n}\n\nexport const AsyncMultiSelect = <T extends {}>({\n variant = \"light\",\n styles,\n isMulti,\n ...selectProps\n}: AsyncMultiSelectProps<T>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromTheme<T, true>(\n variant === \"light\" ? defaultSelectTheme : selectThemeDark\n );\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 { defaultSelectTheme, selectThemeDark } from \"../../SelectTheme\";\nimport { createStylesFromTheme } 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?: \"dark\" | \"light\";\n isMulti?: false;\n}\n\nexport const AsyncSelect = <T extends {}>({\n variant = \"light\",\n styles,\n isMulti,\n ...selectProps\n}: AsyncSelectProps<T>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromTheme<T, false>(\n variant === \"light\" ? defaultSelectTheme : selectThemeDark\n );\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 { defaultSelectTheme, selectThemeDark } from \"../../SelectTheme\";\nimport { createStylesFromTheme } 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?: \"dark\" | \"light\";\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 = \"light\",\n styles,\n isMulti,\n ...selectProps\n}: MultiSelectProps<TOption>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromTheme<TOption, true>(\n variant === \"light\" ? defaultSelectTheme : selectThemeDark\n );\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 { defaultSelectTheme, selectThemeDark } from \"../../SelectTheme\";\nimport { createStylesFromTheme } from \"../../util/StylesBuilder\";\n\nexport interface SelectProps<T = { label: string; value: string }>\n extends Props<T, false> {\n variant?: \"dark\" | \"light\";\n isMulti?: false;\n}\n\nexport const Select = <T extends {}>({\n variant = \"light\",\n styles,\n isMulti,\n ...selectProps\n}: SelectProps<T>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromTheme<T, false>(\n variant === \"light\" ? defaultSelectTheme : selectThemeDark\n );\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<\n GroupBase<TOption> & { value: string }\n>;\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 = <TData>(onChange: OnChange<TData>) => (\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 { Box, Row, Space, Text } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport {\n ActionMeta,\n components,\n GroupBase,\n MultiValueProps,\n OnChangeValue,\n OptionProps,\n Options,\n} from \"react-select\";\nimport {\n defaultSelectTheme,\n SelectTheme,\n selectThemeDark,\n} 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\nexport const GroupedMultiSelect = <TData extends {}>({\n onChange,\n options,\n value,\n variant = \"light\",\n formatGroupLabel,\n formatOptionLabel,\n ...selectProps\n}: GroupedMultiSelectProps<TData>): React.ReactElement<\n GroupedMultiSelectProps<TData>\n> => {\n const theme = variant === \"light\" ? defaultSelectTheme : selectThemeDark;\n\n const Option = (\n props: OptionProps<\n InternalDropdownOption<TData>,\n true,\n GroupBase<InternalDropdownOption<TData>>\n >\n ) => {\n if (\"options\" in props.data) {\n return (\n <components.Option {...props}>\n <Box\n alignItems={\"center\"}\n justifyContent={\"space-between\"}\n flexDirection={\"row\"}\n >\n <Text tabIndex={-1}>\n {formatGroupLabel ? formatGroupLabel(props.data) : props.label}\n </Text>\n {props.isSelected && (\n <Icon\n color={resolveIconColor(theme, props.isFocused)}\n icon={faCheck}\n size={12}\n />\n )}\n </Box>\n </components.Option>\n );\n }\n return (\n <components.Option {...props}>\n <Row>\n <Space />\n <Box\n alignItems={\"center\"}\n justifyContent={\"space-between\"}\n flexDirection={\"row\"}\n flexGrow={1}\n >\n <Text\n size={\"small\"}\n tabIndex={-1}\n color={\n props.isSelected ? theme.menu.selectedItemTextColor : undefined\n }\n >\n {formatOptionLabel\n ? formatOptionLabel(props.data, {\n context: \"menu\",\n inputValue: selectProps.inputValue ?? \"\",\n selectValue: props.getValue(),\n })\n : props.label}\n </Text>\n {props.isSelected && (\n <Icon\n color={resolveIconColor(theme, props.isFocused)}\n icon={faCheck}\n size={12}\n />\n )}\n </Box>\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","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","import { merge } from \"lodash\";\nimport { StylesConfig } from \"react-select\";\n\nexport const mergeStyles = <OptionType, IsMulti extends boolean>(\n themeStyle: StylesConfig<OptionType, IsMulti>,\n userStyle?: StylesConfig<OptionType, IsMulti>\n): StylesConfig<OptionType, IsMulti> => {\n if (!userStyle) {\n return themeStyle;\n }\n return merge({}, themeStyle, userStyle);\n};\n"],"names":["mergeStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAuEa,kBAAkB,GAAgB;IAC7C,UAAU,EAAE;QACV,OAAO,EAAE;YACP,KAAK,EAAE,0BAA0B;YACjC,QAAQ,EAAE,0BAA0B;SACrC;QACD,MAAM,EAAE;YACN,KAAK,EAAE,0BAA0B;YACjC,QAAQ,EAAE,0BAA0B;SACrC;KACF;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,0BAA0B;QACjC,QAAQ,EAAE,0BAA0B;KACrC;IACD,KAAK,EAAE;QACL,eAAe,EAAE,8BAA8B;QAC/C,MAAM,EAAE,0CAA0C;QAClD,aAAa,EAAE,gDAAgD;QAC/D,WAAW,EAAE,gCAAgC;QAC7C,kBAAkB,EAAE,sCAAsC;QAC1D,uBAAuB,EAAE,+BAA+B;QACxD,gBAAgB,EAAE,gCAAgC;QAClD,UAAU,EAAE,0BAA0B;QACtC,QAAQ,EAAE,8BAA8B;QACxC,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,gBAAgB,EAAE,yCAAyC;QAC3D,SAAS,EAAE,8BAA8B;QACzC,YAAY,EAAE,iCAAiC;KAChD;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,8BAA8B;KAC1C;IACD,IAAI,EAAE;QACJ,qBAAqB,EAAE,4BAA4B;QACnD,eAAe,EAAE,8BAA8B;QAC/C,iCAAiC,EAAE,4BAA4B;QAC/D,2BAA2B,EAAE,2BAA2B;QACxD,iBAAiB,EAAE,uCAAuC;QAC1D,uBAAuB,EAAE,+BAA+B;QACxD,SAAS,EAAE,8BAA8B;QACzC,eAAe,EAAE,8BAA8B;QAC/C,cAAc,EAAE,8BAA8B;QAC9C,oBAAoB,EAAE,4BAA4B;QAClD,qBAAqB,EAAE,4BAA4B;QACnD,qBAAqB,EAAE,4BAA4B;QACnD,0BAA0B,EAAE,8BAA8B;QAC1D,0BAA0B,EAAE,8BAA8B;QAC1D,2BAA2B,EAAE,2BAA2B;QACxD,gCAAgC,EAAE,2BAA2B;QAC7D,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ;KACrB;IACD,UAAU,EAAE;QACV,MAAM,EAAE,CAAC;KACV;IACD,WAAW,EAAE;QACX,eAAe,EAAE,kCAAkC;QACnD,SAAS,EAAE,2BAA2B;QACtC,2BAA2B,EAAE,aAAa;QAC1C,qBAAqB,EAAE,mBAAmB;QAC1C,gCAAgC,EAAE,wCAAwC;QAC1E,0BAA0B,EAAE,mBAAmB;KAChD;EACD;IAEW,eAAe,GAAgB;IAC1C,UAAU,EAAE;QACV,OAAO,EAAE;YACP,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,0BAA0B;SACrC;QACD,MAAM,EAAE;YACN,KAAK,EAAE,OAAO;YACd,QAAQ,EAAE,0BAA0B;SACrC;KACF;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,0BAA0B;QACpC,KAAK,EAAE,OAAO;KACf;IACD,KAAK,EAAE;QACL,eAAe,EAAE,SAAS;QAC1B,MAAM,EAAE,uBAAuB;QAC/B,aAAa,EAAE,mBAAmB;QAClC,WAAW,EAAE,aAAa;QAC1B,kBAAkB,EAAE,SAAS;QAC7B,uBAAuB,EAAE,+BAA+B;QACxD,gBAAgB,EAAE,gCAAgC;QAClD,UAAU,EAAE,0BAA0B;QACtC,QAAQ,EAAE,8BAA8B;QACxC,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;QACjB,gBAAgB,EAAE,OAAO;QACzB,SAAS,EAAE,OAAO;QAClB,YAAY,EAAE,KAAK;KACpB;IACD,gBAAgB,EAAE;QAChB,SAAS,EAAE,OAAO;KACnB;IACD,IAAI,EAAE;QACJ,qBAAqB,EAAE,SAAS;QAChC,eAAe,EAAE,OAAO;QACxB,iCAAiC,EAAE,SAAS;QAC5C,2BAA2B,EAAE,OAAO;QACpC,iBAAiB,EAAE,iCAAiC;QACpD,uBAAuB,EAAE,+BAA+B;QACxD,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,OAAO;QAClB,cAAc,EAAE,OAAO;QACvB,oBAAoB,EAAE,SAAS;QAC/B,qBAAqB,EAAE,OAAO;QAC9B,qBAAqB,EAAE,OAAO;QAC9B,0BAA0B,EAAE,OAAO;QACnC,0BAA0B,EAAE,OAAO;QACnC,2BAA2B,EAAE,SAAS;QACtC,gCAAgC,EAAE,SAAS;QAC3C,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ;KACrB;IACD,UAAU,EAAE;QACV,MAAM,EAAE,CAAC;KACV;IACD,WAAW,EAAE;QACX,eAAe,EAAE,SAAS;QAC1B,SAAS,EAAE,0BAA0B;QACrC,2BAA2B,EAAE,SAAS;QACtC,qBAAqB,EAAE,0BAA0B;QACjD,gCAAgC,EAAE,SAAS;QAC3C,0BAA0B,EAAE,OAAO;KACpC;;;AC1MH,IAAM,4BAA4B,GAAG,UACnC,MAA2B,EAC3B,UAAmB,EACnB,UAAmB,EACnB,SAAkB;IAElB,IAAI,UAAU,EAAE;QACd,OAAO,MAAM,CAAC,uBAAuB,CAAC;KACvC;SAAM,IAAI,UAAU,IAAI,SAAS,EAAE;QAClC,OAAO,MAAM,CAAC,gCAAgC,CAAC;KAChD;SAAM,IAAI,UAAU,EAAE;QACrB,OAAO,MAAM,CAAC,2BAA2B,CAAC;KAC3C;SAAM,IAAI,SAAS,EAAE;QACpB,OAAO,MAAM,CAAC,oBAAoB,CAAC;KACpC;SAAM;QACL,OAAO,SAAS,CAAC;KAClB;AACH,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAAG,UACzB,MAA2B,EAC3B,UAAmB,EACnB,UAAmB,EACnB,SAAkB;IAElB,IAAI,UAAU,EAAE;QACd,OAAO,MAAM,CAAC,iBAAiB,CAAC;KACjC;SAAM,IAAI,UAAU,IAAI,SAAS,EAAE;QAClC,OAAO,MAAM,CAAC,0BAA0B,CAAC;KAC1C;SAAM,IAAI,UAAU,EAAE;QACrB,OAAO,MAAM,CAAC,qBAAqB,CAAC;KACrC;SAAM,IAAI,SAAS,EAAE;QACpB,OAAO,MAAM,CAAC,cAAc,CAAC;KAC9B;SAAM;QACL,OAAO,SAAS,CAAC;KAClB;AACH,CAAC,CAAC;IAEW,qBAAqB,GAAG,UAInC,EAQY;QAPZ,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,gBAAgB,sBAAA,EAChB,UAAU,gBAAA,EACV,gBAAgB,sBAAA;IAC4C,QAAC;QAC7D,MAAM,EAAE,UAAC,IAAI,EAAE,EAAqC;gBAAnC,UAAU,gBAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAA;YAAO,8BACpD,IAAI,KACP,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,eAAe,EAAE,4BAA4B,CAC3C,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,CACV,EACD,KAAK,EAAE,kBAAkB,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,CAAC,EAClE,MAAM,EAAE,UAAU,GAAG,aAAa,GAAG,SAAS,EAC9C,UAAU,EAAE,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,EAC9C,SAAS,EAAE;oBACT,eAAe,EAAE,UAAU;0BACvB,SAAS;0BACT,UAAU;8BACV,IAAI,CAAC,iCAAiC;8BACtC,IAAI,CAAC,qBAAqB;oBAC9B,KAAK,EAAE,UAAU;0BACb,SAAS;0BACT,UAAU;8BACV,IAAI,CAAC,2BAA2B;8BAChC,IAAI,CAAC,eAAe;iBACzB;SACD;QACF,OAAO,EAAE,UAAC,IAAI,EAAE,EAAyB;gBAAvB,SAAS,eAAA,EAAE,UAAU,gBAAA;YAAO,8BACzC,IAAI;;gBAEP,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,eAAe,EAAE,UAAU;sBACvB,KAAK,CAAC,uBAAuB;sBAC7B,KAAK,CAAC,eAAe,EACzB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,MAAM,EAAE,SAAS,GAAG,KAAK,CAAC,aAAa,GAAG,KAAK,CAAC,MAAM,EACtD,WAAW,EAAE,SAAS,GAAG,KAAK,CAAC,kBAAkB,GAAG,KAAK,CAAC,WAAW,EACrE,SAAS,EAAE,SAAS,GAAG,KAAK,CAAC,gBAAgB,GAAG,SAAS,EACzD,SAAS,EAAE;oBACT,MAAM,EAAE,KAAK,CAAC,aAAa;oBAC3B,WAAW,EAAE,KAAK,CAAC,kBAAkB;iBACtC;SACD;QACF,WAAW,EAAE,UAAC,IAAI,IAAK,8BAClB,IAAI,KACP,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,SAAS,OACtB;QACF,gBAAgB,EAAE,UAAC,IAAI,IAAK,8BACvB,IAAI,KACP,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,OACxB;QACF,KAAK,EAAE,UAAC,IAAI,IAAK,8BACZ,IAAI,KACP,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,SAAS,OACtB;QACF,YAAY,EAAE,UAAC,IAAI,IAAK,8BACnB,IAAI,KACP,UAAU,EAAE,KAAK,CAAC,UAAU,OAC5B;QACF,eAAe,EAAE,UAAC,IAAI,IAAK,8BACtB,IAAI,KACP,eAAe,EAAE,WAAW,CAAC,eAAe,EAC5C,KAAK,EAAE,WAAW,CAAC,SAAS,EAC5B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,MAAM,OAChB;QACF,kBAAkB,EAAE,UAAC,IAAI,IAAK,8BACzB,IAAI,KACP,OAAO,EAAE,MAAM,OACf;QACF,cAAc,EAAE,UAAC,IAAI,IAAK,8BACrB,IAAI,KACP,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,gBAAgB,CAAC,QAAQ,EAChC,SAAS,EAAE;gBACT,KAAK,EAAE,gBAAgB,CAAC,KAAK;aAC9B,EACD,MAAM,EAAE,SAAS,OACjB;QACF,WAAW,EAAE,UAAC,IAAI,IAAK,8BAClB,IAAI,KACP,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,gBAAgB,OAC7B;QACF,SAAS,EAAE,UAAC,IAAI,IAAK,qBAChB,IAAI,KACP;QACF,cAAc,EAAE,UAAC,IAAI,IAAK,8BACrB,IAAI,KACP,OAAO,EAAE,OAAO,OAChB;QACF,iBAAiB,EAAE,UAAC,IAAI,EAAE,EAAa;gBAAX,SAAS,eAAA;YAAO,8BACvC,IAAI,KACP,OAAO,EAAE,KAAK,EACd,KAAK,EAAE,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,QAAQ,EAC3E,SAAS,EAAE;oBACT,KAAK,EAAE,SAAS,GAAG,UAAU,CAAC,OAAO,CAAC,KAAK,GAAG,UAAU,CAAC,MAAM,CAAC,KAAK;iBACtE,EACD,GAAG,EAAE;oBACH,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,EAAE;iBACX;SACD;QACF,IAAI,EAAE,UAAC,IAAI,IAAK,8BACX,IAAI,KACP,eAAe,EAAE,IAAI,CAAC,eAAe,EACrC,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,EACxC,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,EAC/B,MAAM,EAAE,KAAK,CAAC,aAAa,OAC3B;QACF,UAAU,EAAE,UAAC,IAAI,IAAK,8BACjB,IAAI,KACP,MAAM,EAAE,UAAU,CAAC,MAAM,OACzB;QACF,gBAAgB,EAAE,UAAC,MAAM,IAAK,8BACzB,MAAM,KACT,eAAe,EAAE,WAAW,CAAC,2BAA2B,EACxD,QAAQ,EAAE;gBACR,KAAK,EAAE,WAAW,CAAC,0BAA0B;gBAC7C,eAAe,EAAE,WAAW,CAAC,gCAAgC;aAC9D,EACD,KAAK,EAAE,WAAW,CAAC,qBAAqB,EACxC,YAAY,EAAE,KAAK,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAE,CAAC,EACV,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,MAAM,EACf,cAAc,EAAE,QAAQ,EACxB,UAAU,EAAE,QAAQ,EACpB,MAAM,EAAE,SAAS,OACjB;QACF,UAAU,EAAE,UAAC,IAAI,IAAK,8BACjB,IAAI,KACP,eAAe,EAAE,WAAW,CAAC,eAAe,EAC5C,KAAK,EAAE,WAAW,CAAC,SAAS,EAC5B,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,QAAQ,EACpB,MAAM,EAAE,CAAC,EACT,WAAW,EAAE,CAAC,OACd;QACF,cAAc,EAAE,UAAC,IAAI,IAAK,8BACrB,IAAI,KACP,KAAK,EAAE,gBAAgB,CAAC,SAAS,EACjC,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,OACxB;KACH;AA/J6D;;ICxCjD,gBAAgB,GAAG,UAAe,EAKpB;QAJzB,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACjB,MAAM,YAAA,YACC,MACJ,WAAW,cAJ+B,gCAK9C;IACC,IAAM,YAAY,GAAG,OAAO,CAAC;QAC3B,IAAM,YAAY,GAAG,qBAAqB,CACxC,OAAO,KAAK,OAAO,GAAG,kBAAkB,GAAG,eAAe,CAC3D,CAAC;QAEF,OAAO,MAAM,GAAGA,aAAW,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC;KAClE,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,QACE,oBAAC,cAAc,aAAC,MAAM,EAAE,YAAY,IAAM,WAAW,IAAE,OAAO,EAAE,IAAI,IAAI,EACxE;AACJ;;ICjBa,WAAW,GAAG,UAAe,EAKpB;QAJpB,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACjB,MAAM,YAAA,YACC,MACJ,WAAW,cAJ0B,gCAKzC;IACC,IAAM,YAAY,GAAG,OAAO,CAAC;QAC3B,IAAM,YAAY,GAAG,qBAAqB,CACxC,OAAO,KAAK,OAAO,GAAG,kBAAkB,GAAG,eAAe,CAC3D,CAAC;QAEF,OAAO,MAAM,GAAGA,aAAW,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC;KAClE,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,QACE,oBAAC,cAAc,aAAC,MAAM,EAAE,YAAY,IAAM,WAAW,IAAE,OAAO,EAAE,KAAK,IAAI,EACzE;AACJ;;ICRa,WAAW,GAAG,UAAqB,EAKpB;QAJ1B,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACjB,MAAM,YAAA,YACC,MACJ,WAAW,cAJgC,gCAK/C;IACC,IAAM,YAAY,GAAG,OAAO,CAAC;QAC3B,IAAM,YAAY,GAAG,qBAAqB,CACxC,OAAO,KAAK,OAAO,GAAG,kBAAkB,GAAG,eAAe,CAC3D,CAAC;QAEF,OAAO,MAAM,GAAGA,aAAW,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC;KAClE,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,QACE,oBAAC,eAAe,aAAC,MAAM,EAAE,YAAY,IAAM,WAAW,IAAE,OAAO,EAAE,IAAI,IAAI,EACzE;AACJ;;IC5Ba,MAAM,GAAG,UAAe,EAKpB;QAJf,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACjB,MAAM,YAAA,YACC,MACJ,WAAW,cAJqB,gCAKpC;IACC,IAAM,YAAY,GAAG,OAAO,CAAC;QAC3B,IAAM,YAAY,GAAG,qBAAqB,CACxC,OAAO,KAAK,OAAO,GAAG,kBAAkB,GAAG,eAAe,CAC3D,CAAC;QAEF,OAAO,MAAM,GAAGA,aAAW,CAAC,YAAY,EAAE,MAAM,CAAC,GAAG,YAAY,CAAC;KAClE,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAEtB,QACE,oBAAC,eAAe,aAAC,MAAM,EAAE,YAAY,IAAM,WAAW,IAAE,OAAO,EAAE,KAAK,IAAI,EAC1E;AACJ;;ACHA,IAAM,wBAAwB,GAAG,UAC/B,YAAiD,EACjD,uBAA+D;IAE/D,OAAA,cAAc,CACZ,uBAAuB,kCACnB,YAAY,CAAC,eAAe,UAAE,YAAY,WAC9C,OAAO,CACR,CAAC,GAAG,CAAC,qCAAqC,CAAC;AAJ5C,CAI4C,CAAC;AAE/C,IAAM,qBAAqB,GAAG,UAC5B,sBAAqD,IACzC,OAAA,EAAE,iBAAiB,IAAI,sBAAsB,CAAC,GAAA,CAAC;AAE7D,IAAM,mBAAmB,GAAG,UAC1B,uBAA+D;IAE/D,OAAA,uBAAuB;SACpB,MAAM,CAAC,qBAAqB,CAAC;SAC7B,GAAG,CAAC,qCAAqC,CAAC;AAF7C,CAE6C,CAAC;AAEzC,IAAM,cAAc,GAAG,UAAQ,QAAyB,IAAK,OAAA,UAClE,+BAGC,EACD,IAA+C;IAE/C,IAAM,uBAAuB,GAAG,+BAA+B,aAA/B,+BAA+B,cAA/B,+BAA+B,GAAI,EAAE,CAAC;IACtE,QAAQ,IAAI,CAAC,MAAM;QACjB,KAAK,eAAe;YAClB,IAAI,IAAI,CAAC,MAAM,IAAI,iBAAiB,IAAI,IAAI,CAAC,MAAM,EAAE;gBACnD,IAAM,eAAe,GAGjB,QAAQ,CACV,uBAAuB,CAAC,MAAM,CAC5B,UAAC,aAAa,EAAE,YAAY;oBAC1B,IAAI,iBAAiB,IAAI,YAAY,EAAE;wBACrC,uCAAW,aAAa,SAAK,YAAY,CAAC,eAAe,QAAE;qBAC5D;yBAAM;wBACL,uCACK,aAAa;4BAChB,qCAAqC,CAAC,YAAY,CAAC;kCACnD;qBACH;iBACF,EACD,EAAE,CACH,EACD,OAAO,CACR,CAAC;gBAEF,QAAQ,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;aACjC;iBAAM;gBACL,QAAQ,CAAC,mBAAmB,CAAC,uBAAuB,CAAC,EAAE,IAAI,CAAC,CAAC;aAC9D;YACD,MAAM;QACR,KAAK,iBAAiB;YACpB,IAAI,IAAI,CAAC,MAAM,IAAI,iBAAiB,IAAI,IAAI,CAAC,MAAM,EAAE;gBACnD,QAAQ,CACN,wBAAwB,CACtB,IAAI,CAAC,MAAM,EACX,mBAAmB,CAAC,uBAAuB,CAAC,CAC7C,EACD,IAAI,CACL,CAAC;aACH;iBAAM;gBACL,QAAQ,CAAC,mBAAmB,CAAC,uBAAuB,CAAC,EAAE,IAAI,CAAC,CAAC;aAC9D;YACD,MAAM;QACR,KAAK,cAAc,CAAC;QACpB,KAAK,WAAW;YACd,IAAI,IAAI,CAAC,YAAY,IAAI,iBAAiB,IAAI,IAAI,CAAC,YAAY,EAAE;gBAC/D,QAAQ,CACN,wBAAwB,CACtB,IAAI,CAAC,YAAY,EACjB,mBAAmB,CAAC,uBAAuB,CAAC,CAC7C,EACD,IAAI,CACL,CAAC;aACH;iBAAM;gBACL,QAAQ,CAAC,mBAAmB,CAAC,uBAAuB,CAAC,EAAE,IAAI,CAAC,CAAC;aAC9D;YACD,MAAM;QACR,KAAK,OAAO;YACV,QAAQ,CACN,uBAAuB,CAAC,GAAG,CAAC,qCAAqC,CAAC,EAClE,IAAI,CACL,CAAC;YACF,MAAM;QACR,KAAK,eAAe;YAClB,QAAQ,CACN,uBAAuB,CAAC,GAAG,CAAC,qCAAqC,CAAC,EAClE,IAAI,CACL,CAAC;YACF,MAAM;KAGT;AACH,CAAC,GAAA,CAAC;AAEK,IAAM,8CAA8C,GAAG,UAC5D,OAAkD;IAElD,OAAO,OAAO,CAAC,MAAM,CACnB,UAAC,aAAa,EAAE,YAAY;QAC1B,qDACK,aAAa;YAChB,4CAA4C,CAAC,YAAY,CAAC;mBACvD,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,QAClE;KACH,EACD,EAAE,CACH,CAAC;AACJ,CAAC,CAAC;AAEK,IAAM,2BAA2B,GAAG,UACzC,OAAkD,EAClD,MAAkD;IAElD,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,EAAE,CAAC;KACX;IACD,IAAM,eAAe,GAAoC,EAAE,CAAC;IAC5D,OAAO,CAAC,OAAO,CAAC,UAAC,MAAM;QACrB,IAAI,gBAAgB,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE;YAC5C,eAAe,CAAC,IAAI,CAClB,4CAA4C,CAAC,MAAM,CAAC,CACrD,CAAC;SACH;QACD,eAAe,CAAC,IAAI,OAApB,eAAe,EACV,gBAAgB,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,MAAM;YAC9D,OAAA,qCAAqC,CAAC,MAAM,CAAC;SAAA,CAC9C,EACD;KACH,CAAC,CAAC;IACH,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC;AAEK,IAAM,gBAAgB,GAAG,UAC9B,OAAuC,EACvC,cAA0D;IAE1D,IAAI,CAAC,cAAc,EAAE;QACnB,OAAO,KAAK,CAAC;KACd;IAED,QACE,gBAAgB,CAAC,OAAO,EAAE,cAAc,EAAE,OAAO,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,EAC5E;AACJ,CAAC,CAAC;AAEK,IAAM,qCAAqC,GAAG,UACnD,MAA6B,IACK,QAAC;IACnC,IAAI,EAAE,MAAM,CAAC,IAAI;IACjB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,KAAK,EAAE,MAAM,CAAC,KAAK;CACpB,IAAC,CAAC;AAEH;AACO,IAAM,4CAA4C,GAAG,UAC1D,MAAwC,IACN,QAAC;IACnC,IAAI,EAAE,MAAM,CAAC,KAAY;IACzB,KAAK,EAAE,MAAM,CAAC,KAAY;IAC1B,KAAK,EAAE,MAAM,CAAC,KAAY;IAC1B,eAAe,EAAE,MAAM,CAAC,OAAO;CAChC,IAAC,CAAC;AAEI,IAAM,qCAAqC,GAAG,UACnD,MAAqC,IACX,QAAC;IAC3B,IAAI,EAAE,MAAM,CAAC,IAAI;IACjB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,KAAK,EAAE,MAAM,CAAC,KAAK;CACpB,IAAC;;AC3IF,IAAM,gBAAgB,GAAG,UACvB,KAAkB,EAClB,SAAkB;IAElB,OAAA,SAAS;UACL,KAAK,CAAC,IAAI,CAAC,0BAA0B;UACrC,KAAK,CAAC,IAAI,CAAC,qBAAqB;AAFpC,CAEoC,CAAC;IAE1B,kBAAkB,GAAG,UAAmB,EAQpB;IAP/B,IAAA,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,eAAiB,EAAjB,OAAO,mBAAG,OAAO,KAAA,EACjB,gBAAgB,sBAAA,EAChB,iBAAiB,uBAAA,EACd,WAAW,cAPqC,oFAQpD,CADe;IAId,IAAM,KAAK,GAAG,OAAO,KAAK,OAAO,GAAG,kBAAkB,GAAG,eAAe,CAAC;IAEzE,IAAM,MAAM,GAAG,UACb,KAIC;;QAED,IAAI,SAAS,IAAI,KAAK,CAAC,IAAI,EAAE;YAC3B,QACE,oBAAC,UAAU,CAAC,MAAM,eAAK,KAAK;gBAC1B,oBAAC,GAAG,IACF,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,eAAe,EAC/B,aAAa,EAAE,KAAK;oBAEpB,oBAAC,IAAI,IAAC,QAAQ,EAAE,CAAC,CAAC,IACf,gBAAgB,GAAG,gBAAgB,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,KAAK,CACzD;oBACN,KAAK,CAAC,UAAU,KACf,oBAAC,IAAI,IACH,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,EAC/C,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,EAAE,GACR,CACH,CACG,CACY,EACpB;SACH;QACD,QACE,oBAAC,UAAU,CAAC,MAAM,eAAK,KAAK;YAC1B,oBAAC,GAAG;gBACF,oBAAC,KAAK,OAAG;gBACT,oBAAC,GAAG,IACF,UAAU,EAAE,QAAQ,EACpB,cAAc,EAAE,eAAe,EAC/B,aAAa,EAAE,KAAK,EACpB,QAAQ,EAAE,CAAC;oBAEX,oBAAC,IAAI,IACH,IAAI,EAAE,OAAO,EACb,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EACH,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,qBAAqB,GAAG,SAAS,IAGhE,iBAAiB;0BACd,iBAAiB,CAAC,KAAK,CAAC,IAAI,EAAE;4BAC5B,OAAO,EAAE,MAAM;4BACf,UAAU,EAAE,MAAA,WAAW,CAAC,UAAU,mCAAI,EAAE;4BACxC,WAAW,EAAE,KAAK,CAAC,QAAQ,EAAE;yBAC9B,CAAC;0BACF,KAAK,CAAC,KAAK,CACV;oBACN,KAAK,CAAC,UAAU,KACf,oBAAC,IAAI,IACH,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,EAC/C,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,EAAE,GACR,CACH,CACG,CACF,CACY,EACpB;KACH,CAAC;IAEF,IAAM,UAAU,GAAG,UACjB,KAIC;QAED,OAAO,EAAE,iBAAiB,IAAI,KAAK,CAAC,IAAI,CAAC,IACvC,oBAAC,UAAU,CAAC,UAAU,eAAK,KAAK,EAAI,IAClC,IAAI,CAAC;KACV,CAAC;IAEF,IAAM,aAAa,GAAG,OAAO;UACzB,2BAA2B,CAAC,OAAO,EAAE,KAAK,CAAC;UAC3C,SAAS,CAAC;IACd,IAAM,eAAe,GAAG,OAAO;UAC3B,8CAA8C,CAAC,OAAO,CAAC;UACvD,SAAS,CAAC;IAEd,QACE,oBAAC,WAAW,eACN,WAAW,IACf,QAAQ,EAAE,QAAQ,GAAG,cAAc,CAAQ,QAAQ,CAAC,GAAG,SAAS,EAChE,mBAAmB,EAAE,KAAK,EAC1B,UAAU,wBACL,WAAW,CAAC,UAAU,KACzB,UAAU,YAAA,EACV,MAAM,QAAA,KAER,OAAO,EAAE,IAAI,EACb,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,aAAa,EACpB,OAAO,EAAE,OAAO,IAChB,EACF;AACJ;;SC1KgB,OAAO,CAA6B,EAKH;QAJ/C,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,yBAA0B,EAA1B,iBAAiB,mBAAG,MAAM,KAAA,EAC1B,QAAQ,cAAA;IAER,QACE,oBAAC,MAAM,IAAC,IAAI,EAAE,CAAC;QACb,oBAAC,GAAG,IAAC,QAAQ,EAAE,MAAM,IAClB,KAAK,aAAL,KAAK;YAAL,KAAK,CAAE,GAAG,CAAC,UAAC,CAAC,IAAK,QACjB,oBAAC,GAAG,IAAC,GAAG,EAAE,CAAC,CAAC,KAAK;gBACf,oBAAC,OAAO,IAAC,GAAG,EAAE,GAAG;oBACf,oBAAC,IAAI,IACH,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,aAAa,EAAE;;4BACb,OAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CACX,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,GAAA,CAAC,mCAAI,EAAE,CAChD,CAAA;yBAAA,GAEH,CACM;gBACV,oBAAC,KAAK,OAAG,CACL,IACP,CAAC;YACD,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,KACZ,oBAAC,OAAO,IAAC,GAAG,EAAE,GAAG;gBACf,oBAAC,UAAU,IACT,IAAI,EAAE,OAAO,EACb,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,cAAM,OAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,EAAE,CAAC,GAAA,GAClC,CACM,KAEV,oBAAC,OAAO,IAAC,GAAG,EAAE,GAAG;gBACf,oBAAC,IAAI,IAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,iBAAiB,GAAI,CAChD,CACX,CACG;QACN,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,GAAI;QAClB,QAAQ,CACF,EACT;AACJ;;IC1Ca,eAAe,GAAG,KAAK,CAAC,IAAI,CACvC,UAAC,EASA;IARC,IAAA,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,mBAA8B,EAA9B,WAAW,mBAAG,gBAAgB,KAAA,EAC9B,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,aAAa,mBAAA,EACb,yBAA0B,EAA1B,iBAAiB,mBAAG,MAAM,KAAA,EACvB,WAAW,cARf,wGASA,CADe;IAEd,QACE,oBAAC,OAAO,IACN,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK;QAEZ,oBAAC,WAAW,eACN,WAAW,IACf,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,aAA6C,EACvD,qBAAqB,EAAE,KAAK,EAC5B,mBAAmB,QACnB,wBAAwB,EAAE,KAAK,EAC/B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,IAC5B,CACM,EACV;AACJ,CAAC;;IC1BU,sBAAsB,GAAG,KAAK,CAAC,IAAI,CAC9C,UAAC,EASA;IARC,IAAA,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,mBAA8B,EAA9B,WAAW,mBAAG,gBAAgB,KAAA,EAC9B,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,aAAa,mBAAA,EACb,yBAA0B,EAA1B,iBAAiB,mBAAG,MAAM,KAAA,EACvB,WAAW,cARf,wGASA,CADe;IAEd,QACE,oBAAC,OAAO,IACN,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK;QAEZ,oBAAC,kBAAkB,eACb,WAAW,IACf,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,aAA0D,EACpE,qBAAqB,EAAE,KAAK,EAC5B,mBAAmB,QACnB,wBAAwB,EAAE,KAAK,EAC/B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,IAC5B,CACM,EACV;AACJ,CAAC;;ICnDU,WAAW,GAAG,UACzB,UAA6C,EAC7C,SAA6C;IAE7C,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,UAAU,CAAC;KACnB;IACD,OAAO,KAAK,CAAC,EAAE,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC;AAC1C;;;;"}
package/dist/index.js CHANGED
@@ -12,6 +12,25 @@ var lodash = require('lodash');
12
12
 
13
13
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
14
 
15
+ function _interopNamespace(e) {
16
+ if (e && e.__esModule) return e;
17
+ var n = Object.create(null);
18
+ if (e) {
19
+ Object.keys(e).forEach(function (k) {
20
+ if (k !== 'default') {
21
+ var d = Object.getOwnPropertyDescriptor(e, k);
22
+ Object.defineProperty(n, k, d.get ? d : {
23
+ enumerable: true,
24
+ get: function () { return e[k]; }
25
+ });
26
+ }
27
+ });
28
+ }
29
+ n["default"] = e;
30
+ return Object.freeze(n);
31
+ }
32
+
33
+ var React__namespace = /*#__PURE__*/_interopNamespace(React);
15
34
  var SelectComponent__default = /*#__PURE__*/_interopDefaultLegacy(SelectComponent);
16
35
  var AsyncComponent__default = /*#__PURE__*/_interopDefaultLegacy(AsyncComponent);
17
36
 
@@ -53,12 +72,14 @@ function __rest(s, e) {
53
72
  return t;
54
73
  }
55
74
 
56
- function __spreadArrays() {
57
- for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
58
- for (var r = Array(s), k = 0, i = 0; i < il; i++)
59
- for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
60
- r[k] = a[j];
61
- return r;
75
+ function __spreadArray(to, from, pack) {
76
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
77
+ if (ar || !(i in from)) {
78
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
79
+ ar[i] = from[i];
80
+ }
81
+ }
82
+ return to.concat(ar || Array.prototype.slice.call(from));
62
83
  }
63
84
 
64
85
  var defaultSelectTheme = {
@@ -294,43 +315,43 @@ var createStylesFromTheme = function (_a) {
294
315
  };
295
316
 
296
317
  var AsyncMultiSelect = function (_a) {
297
- var _b = _a.variant, variant = _b === void 0 ? "light" : _b, styles = _a.styles, isMulti = _a.isMulti, selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
318
+ var _b = _a.variant, variant = _b === void 0 ? "light" : _b, styles = _a.styles; _a.isMulti; var selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
298
319
  var selectStyles = React.useMemo(function () {
299
320
  var sourceStyles = createStylesFromTheme(variant === "light" ? defaultSelectTheme : selectThemeDark);
300
321
  return styles ? SelectComponent.mergeStyles(sourceStyles, styles) : sourceStyles;
301
322
  }, [variant, styles]);
302
- return (React.createElement(AsyncComponent__default['default'], __assign({ styles: selectStyles }, selectProps, { isMulti: true })));
323
+ return (React__namespace.createElement(AsyncComponent__default["default"], __assign({ styles: selectStyles }, selectProps, { isMulti: true })));
303
324
  };
304
325
 
305
326
  var AsyncSelect = function (_a) {
306
- var _b = _a.variant, variant = _b === void 0 ? "light" : _b, styles = _a.styles, isMulti = _a.isMulti, selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
327
+ var _b = _a.variant, variant = _b === void 0 ? "light" : _b, styles = _a.styles; _a.isMulti; var selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
307
328
  var selectStyles = React.useMemo(function () {
308
329
  var sourceStyles = createStylesFromTheme(variant === "light" ? defaultSelectTheme : selectThemeDark);
309
330
  return styles ? SelectComponent.mergeStyles(sourceStyles, styles) : sourceStyles;
310
331
  }, [variant, styles]);
311
- return (React.createElement(AsyncComponent__default['default'], __assign({ styles: selectStyles }, selectProps, { isMulti: false })));
332
+ return (React__namespace.createElement(AsyncComponent__default["default"], __assign({ styles: selectStyles }, selectProps, { isMulti: false })));
312
333
  };
313
334
 
314
335
  var MultiSelect = function (_a) {
315
- var _b = _a.variant, variant = _b === void 0 ? "light" : _b, styles = _a.styles, isMulti = _a.isMulti, selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
336
+ var _b = _a.variant, variant = _b === void 0 ? "light" : _b, styles = _a.styles; _a.isMulti; var selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
316
337
  var selectStyles = React.useMemo(function () {
317
338
  var sourceStyles = createStylesFromTheme(variant === "light" ? defaultSelectTheme : selectThemeDark);
318
339
  return styles ? SelectComponent.mergeStyles(sourceStyles, styles) : sourceStyles;
319
340
  }, [variant, styles]);
320
- return (React.createElement(SelectComponent__default['default'], __assign({ styles: selectStyles }, selectProps, { isMulti: true })));
341
+ return (React__namespace.createElement(SelectComponent__default["default"], __assign({ styles: selectStyles }, selectProps, { isMulti: true })));
321
342
  };
322
343
 
323
344
  var Select = function (_a) {
324
- var _b = _a.variant, variant = _b === void 0 ? "light" : _b, styles = _a.styles, isMulti = _a.isMulti, selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
345
+ var _b = _a.variant, variant = _b === void 0 ? "light" : _b, styles = _a.styles; _a.isMulti; var selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
325
346
  var selectStyles = React.useMemo(function () {
326
347
  var sourceStyles = createStylesFromTheme(variant === "light" ? defaultSelectTheme : selectThemeDark);
327
348
  return styles ? SelectComponent.mergeStyles(sourceStyles, styles) : sourceStyles;
328
349
  }, [variant, styles]);
329
- return (React.createElement(SelectComponent__default['default'], __assign({ styles: selectStyles }, selectProps, { isMulti: false })));
350
+ return (React__namespace.createElement(SelectComponent__default["default"], __assign({ styles: selectStyles }, selectProps, { isMulti: false })));
330
351
  };
331
352
 
332
- var removeGroupedOptions = function (removedValue, selectedInternalOptions) {
333
- return lodash.differenceWith(selectedInternalOptions, __spreadArrays(removedValue.internalOptions, [removedValue]), lodash.isEqual).map(convertInternalOptionToDropdownOption);
353
+ var removeGroupedOptionsType = function (removedValue, selectedInternalOptions) {
354
+ return lodash.differenceWith(selectedInternalOptions, __spreadArray(__spreadArray([], removedValue.internalOptions, true), [removedValue], false), lodash.isEqual).map(convertInternalOptionToDropdownOption);
334
355
  };
335
356
  var removeInternalOptions = function (selectedInternalOption) { return !("internalOptions" in selectedInternalOption); };
336
357
  var removeOptionHeaders = function (selectedInternalOptions) {
@@ -339,28 +360,18 @@ var removeOptionHeaders = function (selectedInternalOptions) {
339
360
  .map(convertInternalOptionToDropdownOption);
340
361
  };
341
362
  var createOnChange = function (onChange) { return function (incomingSelectedInternalOptions, meta) {
342
- var selectedInternalOptions = (function () {
343
- if (!incomingSelectedInternalOptions) {
344
- return [];
345
- }
346
- else if ("length" in incomingSelectedInternalOptions) {
347
- return incomingSelectedInternalOptions;
348
- }
349
- else {
350
- return [incomingSelectedInternalOptions];
351
- }
352
- })();
363
+ var selectedInternalOptions = incomingSelectedInternalOptions !== null && incomingSelectedInternalOptions !== void 0 ? incomingSelectedInternalOptions : [];
353
364
  switch (meta.action) {
354
365
  case "select-option":
355
366
  if (meta.option && "internalOptions" in meta.option) {
356
367
  var selectedOptions = lodash.uniqWith(selectedInternalOptions.reduce(function (previousValue, currentValue) {
357
368
  if ("internalOptions" in currentValue) {
358
- return __spreadArrays(previousValue, currentValue.internalOptions);
369
+ return __spreadArray(__spreadArray([], previousValue, true), currentValue.internalOptions, true);
359
370
  }
360
371
  else {
361
- return __spreadArrays(previousValue, [
372
+ return __spreadArray(__spreadArray([], previousValue, true), [
362
373
  convertInternalOptionToDropdownOption(currentValue),
363
- ]);
374
+ ], false);
364
375
  }
365
376
  }, []), lodash.isEqual);
366
377
  onChange(selectedOptions, meta);
@@ -371,7 +382,7 @@ var createOnChange = function (onChange) { return function (incomingSelectedInte
371
382
  break;
372
383
  case "deselect-option":
373
384
  if (meta.option && "internalOptions" in meta.option) {
374
- onChange(removeGroupedOptions(meta.option, removeOptionHeaders(selectedInternalOptions)), meta);
385
+ onChange(removeGroupedOptionsType(meta.option, removeOptionHeaders(selectedInternalOptions)), meta);
375
386
  }
376
387
  else {
377
388
  onChange(removeOptionHeaders(selectedInternalOptions), meta);
@@ -380,7 +391,7 @@ var createOnChange = function (onChange) { return function (incomingSelectedInte
380
391
  case "remove-value":
381
392
  case "pop-value":
382
393
  if (meta.removedValue && "internalOptions" in meta.removedValue) {
383
- onChange(removeGroupedOptions(meta.removedValue, removeOptionHeaders(selectedInternalOptions)), meta);
394
+ onChange(removeGroupedOptionsType(meta.removedValue, removeOptionHeaders(selectedInternalOptions)), meta);
384
395
  }
385
396
  else {
386
397
  onChange(removeOptionHeaders(selectedInternalOptions), meta);
@@ -396,9 +407,9 @@ var createOnChange = function (onChange) { return function (incomingSelectedInte
396
407
  }; };
397
408
  var convertGroupedDropdownOptionsToInternalOptions = function (options) {
398
409
  return options.reduce(function (previousValue, currentValue) {
399
- return __spreadArrays(previousValue, [
410
+ return __spreadArray(__spreadArray(__spreadArray([], previousValue, true), [
400
411
  convertGroupedDropdownOptionToInternalOption(currentValue)
401
- ], currentValue.options.map(convertDropdownOptionToInternalOption));
412
+ ], false), currentValue.options.map(convertDropdownOptionToInternalOption), true);
402
413
  }, []);
403
414
  };
404
415
  var convertValueToInternalValue = function (options, values) {
@@ -427,6 +438,7 @@ var convertDropdownOptionToInternalOption = function (option) { return ({
427
438
  label: option.label,
428
439
  value: option.value,
429
440
  }); };
441
+ // TODO: can this be done `any` other way
430
442
  var convertGroupedDropdownOptionToInternalOption = function (option) { return ({
431
443
  data: option.label,
432
444
  label: option.label,
@@ -448,21 +460,28 @@ var GroupedMultiSelect = function (_a) {
448
460
  var onChange = _a.onChange, options = _a.options, value = _a.value, _b = _a.variant, variant = _b === void 0 ? "light" : _b, formatGroupLabel = _a.formatGroupLabel, formatOptionLabel = _a.formatOptionLabel, selectProps = __rest(_a, ["onChange", "options", "value", "variant", "formatGroupLabel", "formatOptionLabel"]);
449
461
  var theme = variant === "light" ? defaultSelectTheme : selectThemeDark;
450
462
  var Option = function (props) {
451
- if (props.data.internalOptions) {
452
- return (React.createElement(SelectComponent.components.Option, __assign({}, props),
453
- React.createElement(core.Box, { alignItems: "center", justifyContent: "space-between", flexDirection: "row" },
454
- React.createElement(core.Text, { tabIndex: -1 }, formatGroupLabel ? formatGroupLabel(props.data) : props.label),
455
- props.isSelected && (React.createElement(elements.Icon, { color: resolveIconColor(theme, props.isFocused), icon: faCheck.faCheck, size: 12 })))));
463
+ var _a;
464
+ if ("options" in props.data) {
465
+ return (React__namespace.createElement(SelectComponent.components.Option, __assign({}, props),
466
+ React__namespace.createElement(core.Box, { alignItems: "center", justifyContent: "space-between", flexDirection: "row" },
467
+ React__namespace.createElement(core.Text, { tabIndex: -1 }, formatGroupLabel ? formatGroupLabel(props.data) : props.label),
468
+ props.isSelected && (React__namespace.createElement(elements.Icon, { color: resolveIconColor(theme, props.isFocused), icon: faCheck.faCheck, size: 12 })))));
456
469
  }
457
- return (React.createElement(SelectComponent.components.Option, __assign({}, props),
458
- React.createElement(core.Row, null,
459
- React.createElement(core.Space, null),
460
- React.createElement(core.Box, { alignItems: "center", justifyContent: "space-between", flexDirection: "row", flexGrow: 1 },
461
- React.createElement(core.Text, { size: "small", tabIndex: -1, color: props.isSelected ? theme.menu.selectedItemTextColor : undefined }, formatOptionLabel ? formatOptionLabel(props.data) : props.label),
462
- props.isSelected && (React.createElement(elements.Icon, { color: resolveIconColor(theme, props.isFocused), icon: faCheck.faCheck, size: 12 }))))));
470
+ return (React__namespace.createElement(SelectComponent.components.Option, __assign({}, props),
471
+ React__namespace.createElement(core.Row, null,
472
+ React__namespace.createElement(core.Space, null),
473
+ React__namespace.createElement(core.Box, { alignItems: "center", justifyContent: "space-between", flexDirection: "row", flexGrow: 1 },
474
+ React__namespace.createElement(core.Text, { size: "small", tabIndex: -1, color: props.isSelected ? theme.menu.selectedItemTextColor : undefined }, formatOptionLabel
475
+ ? formatOptionLabel(props.data, {
476
+ context: "menu",
477
+ inputValue: (_a = selectProps.inputValue) !== null && _a !== void 0 ? _a : "",
478
+ selectValue: props.getValue(),
479
+ })
480
+ : props.label),
481
+ props.isSelected && (React__namespace.createElement(elements.Icon, { color: resolveIconColor(theme, props.isFocused), icon: faCheck.faCheck, size: 12 }))))));
463
482
  };
464
483
  var MultiValue = function (props) {
465
- return !("internalOptions" in props.data) ? (React.createElement(SelectComponent.components.MultiValue, __assign({}, props))) : null;
484
+ return !("internalOptions" in props.data) ? (React__namespace.createElement(SelectComponent.components.MultiValue, __assign({}, props))) : null;
466
485
  };
467
486
  var internalValue = options
468
487
  ? convertValueToInternalValue(options, value)
@@ -470,35 +489,37 @@ var GroupedMultiSelect = function (_a) {
470
489
  var internalOptions = options
471
490
  ? convertGroupedDropdownOptionsToInternalOptions(options)
472
491
  : undefined;
473
- return (React.createElement(MultiSelect, __assign({}, selectProps, { onChange: onChange ? createOnChange(onChange) : undefined, hideSelectedOptions: false, components: __assign(__assign({}, selectProps.components), { MultiValue: MultiValue,
474
- Option: Option }), isMulti: true, options: internalOptions, value: internalValue, variant: variant })));
492
+ return (React__namespace.createElement(MultiSelect, __assign({}, selectProps, { onChange: onChange ? createOnChange(onChange) : undefined, hideSelectedOptions: false, components: __assign(__assign({}, selectProps.components), { MultiValue: MultiValue, Option: Option }), isMulti: true, options: internalOptions, value: internalValue, variant: variant })));
475
493
  };
476
494
 
477
- function CommonChipMultiSelect(_a) {
495
+ function ChipRow(_a) {
478
496
  var value = _a.value, onValueChange = _a.onValueChange, _b = _a.noneSelectedLabel, noneSelectedLabel = _b === void 0 ? "None" : _b, children = _a.children;
479
- return (React.createElement(core.Column, null,
480
- React.createElement(core.Row, { flexWrap: "wrap" }, value === null || value === void 0 ? void 0 :
481
- value.map(function (v) { return (React.createElement(core.Row, { key: v.value },
482
- React.createElement(core.Spacing, { num: 0.5 },
483
- React.createElement(elements.Chip, { label: v.label, onClickRemove: function () { var _a; return onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange((_a = value === null || value === void 0 ? void 0 : value.filter(function (f) { return f.value !== v.value; })) !== null && _a !== void 0 ? _a : []); } })),
484
- React.createElement(core.Space, null))); }),
485
- (value === null || value === void 0 ? void 0 : value.length) ? (React.createElement(core.Spacing, { num: 0.5 },
486
- React.createElement(elements.FlatButton, { size: "small", label: "Clear", onClick: function () { return onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange([]); } }))) : (React.createElement(core.Spacing, { num: 0.5 },
487
- React.createElement(elements.Chip, { variant: "secondary", label: noneSelectedLabel })))),
488
- React.createElement(core.Space, { num: 0.5 }),
497
+ return (React__namespace.createElement(core.Column, { flex: 1 },
498
+ React__namespace.createElement(core.Row, { flexWrap: "wrap" }, value === null || value === void 0 ? void 0 :
499
+ value.map(function (v) { return (React__namespace.createElement(core.Row, { key: v.value },
500
+ React__namespace.createElement(core.Spacing, { num: 0.5 },
501
+ React__namespace.createElement(elements.Chip, { label: v.label, onClickRemove: function () {
502
+ var _a;
503
+ return onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange((_a = value === null || value === void 0 ? void 0 : value.filter(function (f) { return f.value !== v.value; })) !== null && _a !== void 0 ? _a : []);
504
+ } })),
505
+ React__namespace.createElement(core.Space, null))); }),
506
+ (value === null || value === void 0 ? void 0 : value.length) ? (React__namespace.createElement(core.Spacing, { num: 0.5 },
507
+ React__namespace.createElement(elements.FlatButton, { size: "small", label: "Clear", onClick: function () { return onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange([]); } }))) : (React__namespace.createElement(core.Spacing, { num: 0.5 },
508
+ React__namespace.createElement(elements.Chip, { variant: "secondary", label: noneSelectedLabel })))),
509
+ React__namespace.createElement(core.Space, { num: 0.5 }),
489
510
  children));
490
511
  }
491
512
 
492
- var ChipMultiSelect = React.memo(function (_a) {
513
+ var ChipMultiSelect = React__namespace.memo(function (_a) {
493
514
  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"]);
494
- return (React.createElement(CommonChipMultiSelect, { noneSelectedLabel: noneSelectedLabel, onValueChange: onValueChange, value: value },
495
- 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 }))));
515
+ return (React__namespace.createElement(ChipRow, { noneSelectedLabel: noneSelectedLabel, onValueChange: onValueChange, value: value },
516
+ 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 }))));
496
517
  });
497
518
 
498
- var GroupedChipMultiSelect = React.memo(function (_a) {
519
+ var GroupedChipMultiSelect = React__namespace.memo(function (_a) {
499
520
  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"]);
500
- return (React.createElement(CommonChipMultiSelect, { noneSelectedLabel: noneSelectedLabel, onValueChange: onValueChange, value: value },
501
- 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 }))));
521
+ return (React__namespace.createElement(ChipRow, { noneSelectedLabel: noneSelectedLabel, onValueChange: onValueChange, value: value },
522
+ 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 }))));
502
523
  });
503
524
 
504
525
  var mergeStyles = function (themeStyle, userStyle) {