npm - @stenajs-webui/select - Versions diffs - 17.12.0 → 17.12.1 - Mend

@stenajs-webui/select 17.12.0 → 17.12.1

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 (6) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,3 +1,15 @@
+# v17.12.1 (Mon Aug 22 2022)
+#### 🐛 Bug Fix
+- Bring back lost font family to Select group heading [#488](https://github.com/StenaIT/stenajs-webui/pull/488) ([@juiceit](https://github.com/juiceit))
+#### Authors: 1
+- Josefina Andreasson ([@juiceit](https://github.com/juiceit))
+---
 # v17.10.0 (Tue Jul 12 2022)
 #### 🚀 Enhancement

package/dist/index.es.js CHANGED Viewed

@@ -200,6 +200,7 @@ const createStylesFromTheme = ({
   }),
   groupHeading: (base) => ({
     ...base,
+    fontFamily: input.fontFamily,
     fontSize: groupHeading.fontSize,
     lineHeight: groupHeading.lineHeight,
     fontWeight: groupHeading.fontWeight,

package/dist/index.es.js.map CHANGED Viewed

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

package/dist/index.js CHANGED Viewed

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

package/dist/index.js.map CHANGED Viewed

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

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@stenajs-webui/select",
-  "version": "17.12.0",
+  "version": "17.12.1",
   "description": "",
   "author": "mattias800",
   "license": "MIT",
@@ -26,9 +26,9 @@
     "deploy": "gh-pages -d example/build"
   },
   "dependencies": {
-    "@stenajs-webui/core": "17.12.0",
-    "@stenajs-webui/elements": "17.12.0",
-    "@stenajs-webui/forms": "17.12.0",
+    "@stenajs-webui/core": "17.12.1",
+    "@stenajs-webui/elements": "17.12.1",
+    "@stenajs-webui/forms": "17.12.1",
     "react-select": "^5.2.1"
   },
   "peerDependencies": {
@@ -61,5 +61,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "4f3e93084951159a84af017142bab5e1b113ef96"
+  "gitHead": "7eb20aa07eb1b68a91f9f85e7d8ef6429b62342e"
 }