@stenajs-webui/select 15.7.0 → 17.0.0

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 (18) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/dist/SelectTheme.d.ts +6 -2
  3. package/dist/components/ui/AsyncMultiSelect.d.ts +2 -1
  4. package/dist/components/ui/AsyncSelect.d.ts +2 -1
  5. package/dist/components/ui/AsyncSelect.stories.d.ts +0 -1
  6. package/dist/components/ui/GroupedMultiSelect.stories.d.ts +1 -1
  7. package/dist/components/ui/MultiSelect.d.ts +2 -1
  8. package/dist/components/ui/MultiSelect.stories.d.ts +1 -1
  9. package/dist/components/ui/Select.d.ts +2 -1
  10. package/dist/components/ui/Select.stories.d.ts +1 -1
  11. package/dist/index.d.ts +0 -1
  12. package/dist/index.es.js +126 -149
  13. package/dist/index.es.js.map +1 -1
  14. package/dist/index.js +120 -144
  15. package/dist/index.js.map +1 -1
  16. package/dist/util/StylesBuilder.d.ts +6 -1
  17. package/package.json +13 -13
  18. package/dist/util/StylesMerger.d.ts +0 -2
package/dist/index.es.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../src/SelectTheme.ts","../src/util/StylesBuilder.ts","../src/components/ui/AsyncMultiSelect.tsx","../src/components/ui/AsyncSelect.tsx","../src/components/ui/MultiSelect.tsx","../src/components/ui/Select.tsx","../src/util/multiDropdownUtils.ts","../src/components/ui/GroupedMultiSelect.tsx","../src/components/ui/ChipMultiSelect/ChipRow.tsx","../src/components/ui/ChipMultiSelect/ChipMultiSelect.tsx","../src/components/ui/ChipMultiSelect/GroupedChipMultiSelect.tsx","../src/util/StylesMerger.ts"],"sourcesContent":["import { Property } from \"csstype\";\n\nexport interface SelectTheme {\n arrowColor: {\n focused: {\n standard: string;\n hover: string;\n };\n closed: {\n standard: string;\n hover: string;\n };\n };\n clearButtonColor: {\n standard: string;\n hover: string;\n };\n input: {\n backgroundColor: string;\n border: string;\n borderFocused: string;\n borderColor: string;\n borderColorFocused: string;\n borderRadius: string;\n disabledBackgroundColor: string;\n boxShadowFocused: string;\n fontFamily: string;\n fontSize: string;\n height?: string;\n minHeight?: string;\n placeholderColor: string;\n textColor: string;\n };\n loadingIndicator: {\n textColor: string;\n };\n menu: {\n disabledTextColor: string;\n disabledBackgroundColor: string;\n textColor: string;\n backgroundColor: string;\n hoverTextColor: string;\n hoverBackgroundColor: string;\n activeTextColor: string;\n activeBackgroundColor: string;\n minWidth?: string;\n selectedItemTextColor: string;\n selectedItemBackgroundColor: string;\n selectedItemHoverTextColor: string;\n selectedItemIconColor: string;\n selectedItemHoverIconColor: string;\n selectedItemHoverBackgroundColor: string;\n selectedItemActiveTextColor: string;\n selectedItemActiveBackgroundColor: string;\n zIndex: number;\n width?: string;\n whiteSpace?: Property.WhiteSpace;\n };\n menuPortal: {\n zIndex: number;\n };\n multiSelect: {\n backgroundColor: string;\n textColor: string;\n removeButtonBackgroundColor: string;\n removeButtonTextColor: string;\n removeButtonHoverBackgroundColor: string;\n removeButtonHoverTextColor: string;\n };\n}\n\nexport const defaultSelectTheme: SelectTheme = {\n arrowColor: {\n focused: {\n hover: \"var(--lhds-color-ui-500)\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n closed: {\n hover: \"var(--lhds-color-ui-500)\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n },\n clearButtonColor: {\n hover: \"var(--lhds-color-ui-600)\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n input: {\n backgroundColor: \"var(--swui-field-bg-enabled)\",\n border: `1px solid var(--swui-field-border-color)`,\n borderFocused: `1px solid var(--swui-field-border-color-hover)`,\n borderColor: \"var(--swui-field-border-color)\",\n borderColorFocused: \"var(--swui-field-border-color-hover)\",\n disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n boxShadowFocused: \"var(--swui-field-focus-shadow)\",\n fontFamily: \"var(--swui-font-primary)\",\n fontSize: \"var(--swui-font-size-inputs)\",\n height: \"32px\",\n minHeight: \"32px\",\n placeholderColor: \"var(--swui-field-border-color-disabled)\",\n textColor: \"var(--swui-field-text-color)\",\n borderRadius: \"var(--swui-field-border-radius)\",\n },\n loadingIndicator: {\n textColor: \"var(--swui-field-text-color)\",\n },\n menu: {\n activeBackgroundColor: \"var(--lhds-color-blue-100)\",\n activeTextColor: \"var(--swui-field-text-color)\",\n selectedItemActiveBackgroundColor: \"var(--lhds-color-blue-500)\",\n selectedItemActiveTextColor: \"var(--lhds-color-blue-50)\",\n disabledTextColor: \"var(--swui-field-text-color-disabled)\",\n disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n textColor: \"var(--swui-field-text-color)\",\n backgroundColor: \"var(--swui-field-bg-enabled)\",\n hoverTextColor: \"var(--swui-field-text-color)\",\n hoverBackgroundColor: \"var(--lhds-color-blue-200)\",\n selectedItemTextColor: \"var(--lhds-color-blue-500)\",\n selectedItemIconColor: \"var(--lhds-color-blue-500)\",\n selectedItemHoverTextColor: \"var(--swui-field-text-color)\",\n selectedItemHoverIconColor: \"var(--swui-field-text-color)\",\n selectedItemBackgroundColor: \"var(--lhds-color-blue-50)\",\n selectedItemHoverBackgroundColor: \"var(--lhds-color-blue-50)\",\n zIndex: 1,\n width: \"auto\",\n minWidth: \"100%\",\n whiteSpace: \"nowrap\",\n },\n menuPortal: {\n zIndex: 1,\n },\n multiSelect: {\n backgroundColor: \"var(--swui-primary-action-color)\",\n textColor: \"var(--lhds-color-blue-50)\",\n removeButtonBackgroundColor: \"transparent\",\n removeButtonTextColor: \"var(--swui-white)\",\n removeButtonHoverBackgroundColor: \"var(--swui-primary-action-color-hover)\",\n removeButtonHoverTextColor: \"var(--swui-white)\",\n },\n};\n\nexport const selectThemeDark: SelectTheme = {\n arrowColor: {\n focused: {\n hover: \"white\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n closed: {\n hover: \"white\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n },\n clearButtonColor: {\n standard: \"var(--lhds-color-ui-400)\",\n hover: \"white\",\n },\n input: {\n backgroundColor: \"#4a5d73\",\n border: \"1px solid transparent\",\n borderFocused: `1px solid #92a3b5`,\n borderColor: \"transparent\",\n borderColorFocused: \"#92a3b5\",\n disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n boxShadowFocused: \"var(--swui-field-focus-shadow)\",\n fontFamily: \"var(--swui-font-primary)\",\n fontSize: \"var(--swui-font-size-inputs)\",\n height: \"32px\",\n minHeight: \"32px\",\n placeholderColor: \"white\",\n textColor: \"white\",\n borderRadius: \"4px\",\n },\n loadingIndicator: {\n textColor: \"white\",\n },\n menu: {\n activeBackgroundColor: \"#6F7E90\",\n activeTextColor: \"white\",\n selectedItemActiveBackgroundColor: \"#6F7E90\",\n selectedItemActiveTextColor: \"white\",\n disabledTextColor: \"var(--swui-text-disabled-color)\",\n disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n backgroundColor: \"#4a5d73\",\n textColor: \"white\",\n hoverTextColor: \"white\",\n hoverBackgroundColor: \"#6F7E90\",\n selectedItemTextColor: \"white\",\n selectedItemIconColor: \"white\",\n selectedItemHoverTextColor: \"white\",\n selectedItemHoverIconColor: \"white\",\n selectedItemBackgroundColor: \"#4a5d73\",\n selectedItemHoverBackgroundColor: \"#6F7E90\",\n zIndex: 1,\n width: \"auto\",\n minWidth: \"100%\",\n whiteSpace: \"nowrap\",\n },\n menuPortal: {\n zIndex: 1,\n },\n multiSelect: {\n backgroundColor: \"#B9D8DF\",\n textColor: \"var(--lhds-color-ui-700)\",\n removeButtonBackgroundColor: \"#B9D8DF\",\n removeButtonTextColor: \"var(--lhds-color-ui-700)\",\n removeButtonHoverBackgroundColor: \"#226F81\",\n removeButtonHoverTextColor: \"white\",\n },\n};\n","import { StylesConfig } from \"react-select\";\nimport { SelectTheme } from \"../SelectTheme\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nconst resolveOptionBackgroundColor = (\n colors: SelectTheme[\"menu\"],\n isDisabled: boolean,\n isSelected: boolean,\n isFocused: boolean\n): string | undefined => {\n if (isDisabled) {\n return colors.disabledBackgroundColor;\n } else if (isSelected && isFocused) {\n return colors.selectedItemHoverBackgroundColor;\n } else if (isSelected) {\n return colors.selectedItemBackgroundColor;\n } else if (isFocused) {\n return colors.hoverBackgroundColor;\n } else {\n return undefined;\n }\n};\n\nconst resolveOptionColor = (\n colors: SelectTheme[\"menu\"],\n isDisabled: boolean,\n isSelected: boolean,\n isFocused: boolean\n): string | undefined => {\n if (isDisabled) {\n return colors.disabledTextColor;\n } else if (isSelected && isFocused) {\n return colors.selectedItemHoverTextColor;\n } else if (isSelected) {\n return colors.selectedItemTextColor;\n } else if (isFocused) {\n return colors.hoverTextColor;\n } else {\n return undefined;\n }\n};\n\nexport const createStylesFromTheme = <\n OptionType,\n IsMulti extends boolean,\n TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>({\n menu,\n menuPortal,\n input,\n multiSelect,\n clearButtonColor,\n arrowColor,\n loadingIndicator,\n}: SelectTheme): StylesConfig<OptionType, IsMulti, TGroup> => ({\n option: (base, { isDisabled, isFocused, isSelected }) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n backgroundColor: resolveOptionBackgroundColor(\n menu,\n isDisabled,\n isSelected,\n isFocused\n ),\n color: resolveOptionColor(menu, isDisabled, isSelected, isFocused),\n cursor: isDisabled ? \"not-allowed\" : \"default\",\n whiteSpace: menu.whiteSpace || base.whiteSpace,\n \":active\": {\n backgroundColor: isDisabled\n ? undefined\n : isSelected\n ? menu.selectedItemActiveBackgroundColor\n : menu.activeBackgroundColor,\n color: isDisabled\n ? undefined\n : isSelected\n ? menu.selectedItemActiveTextColor\n : menu.activeTextColor,\n },\n }),\n control: (base, { isFocused, isDisabled }) => ({\n ...base,\n // none of react-selects styles are passed to <View />\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n minHeight: input.minHeight,\n backgroundColor: isDisabled\n ? input.disabledBackgroundColor\n : input.backgroundColor,\n borderRadius: input.borderRadius,\n border: isFocused ? input.borderFocused : input.border,\n borderColor: isFocused ? input.borderColorFocused : input.borderColor,\n boxShadow: isFocused ? input.boxShadowFocused : undefined,\n \"&:hover\": {\n border: input.borderFocused,\n borderColor: input.borderColorFocused,\n },\n }),\n singleValue: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n color: input.textColor,\n }),\n noOptionsMessage: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n }),\n input: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n color: input.textColor,\n }),\n groupHeading: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n }),\n multiValueLabel: (base) => ({\n ...base,\n backgroundColor: multiSelect.backgroundColor,\n color: multiSelect.textColor,\n fontFamily: input.fontFamily,\n fontSize: \"12px\",\n }),\n indicatorSeparator: (base) => ({\n ...base,\n display: \"none\",\n }),\n clearIndicator: (base) => ({\n ...base,\n padding: \"5px\",\n color: clearButtonColor.standard,\n \"&:hover\": {\n color: clearButtonColor.hover,\n },\n cursor: \"pointer\",\n }),\n placeholder: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n color: input.placeholderColor,\n }),\n container: (base) => ({\n ...base,\n }),\n valueContainer: (base) => ({\n ...base,\n padding: \"0 8px\",\n }),\n dropdownIndicator: (base, { isFocused }) => ({\n ...base,\n padding: \"5px\",\n color: isFocused ? arrowColor.focused.standard : arrowColor.closed.standard,\n \"&:hover\": {\n color: isFocused ? arrowColor.focused.hover : arrowColor.closed.hover,\n },\n svg: {\n width: 14,\n height: 14,\n },\n }),\n menu: (base) => ({\n ...base,\n backgroundColor: menu.backgroundColor,\n color: menu.textColor,\n minWidth: menu.minWidth || base.minWidth,\n zIndex: menu.zIndex,\n width: menu.width || base.width,\n border: input.borderFocused,\n }),\n menuPortal: (base) => ({\n ...base,\n zIndex: menuPortal.zIndex,\n }),\n multiValueRemove: (styles) => ({\n ...styles,\n backgroundColor: multiSelect.removeButtonBackgroundColor,\n \":hover\": {\n color: multiSelect.removeButtonHoverTextColor,\n backgroundColor: multiSelect.removeButtonHoverBackgroundColor,\n },\n color: multiSelect.removeButtonTextColor,\n borderRadius: \"50%\",\n width: 16,\n height: 16,\n padding: 0,\n margin: 3,\n marginTop: 4,\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n cursor: \"pointer\",\n }),\n multiValue: (base) => ({\n ...base,\n backgroundColor: multiSelect.backgroundColor,\n color: multiSelect.textColor,\n fontFamily: input.fontFamily,\n fontSize: \"12px\",\n alignItems: \"center\",\n margin: 0,\n marginRight: 2,\n }),\n loadingMessage: (base) => ({\n ...base,\n color: loadingIndicator.textColor,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n }),\n});\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { mergeStyles } from \"react-select\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport { defaultSelectTheme, selectThemeDark } from \"../../SelectTheme\";\nimport { createStylesFromTheme } from \"../../util/StylesBuilder\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncMultiSelectProps<T = { label: string; value: string }>\n extends AsyncProps<T, true, GroupBase<T>> {\n variant?: \"dark\" | \"light\";\n isMulti?: true;\n}\n\nexport const AsyncMultiSelect = <T extends {}>({\n variant = \"light\",\n styles,\n isMulti,\n ...selectProps\n}: AsyncMultiSelectProps<T>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromTheme<T, true>(\n variant === \"light\" ? defaultSelectTheme : selectThemeDark\n );\n\n return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n }, [variant, styles]);\n\n return (\n <AsyncComponent styles={selectStyles} {...selectProps} isMulti={true} />\n );\n};\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport { defaultSelectTheme, selectThemeDark } from \"../../SelectTheme\";\nimport { createStylesFromTheme } from \"../../util/StylesBuilder\";\nimport { mergeStyles } from \"react-select\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncSelectProps<T = { label: string; value: string }>\n extends AsyncProps<T, false, GroupBase<T>> {\n variant?: \"dark\" | \"light\";\n isMulti?: false;\n}\n\nexport const AsyncSelect = <T extends {}>({\n variant = \"light\",\n styles,\n isMulti,\n ...selectProps\n}: AsyncSelectProps<T>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromTheme<T, false>(\n variant === \"light\" ? defaultSelectTheme : selectThemeDark\n );\n\n return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n }, [variant, styles]);\n\n return (\n <AsyncComponent styles={selectStyles} {...selectProps} isMulti={false} />\n );\n};\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, {\n mergeStyles,\n Props,\n SelectComponentsConfig,\n} from \"react-select\";\nimport { defaultSelectTheme, selectThemeDark } from \"../../SelectTheme\";\nimport { createStylesFromTheme } from \"../../util/StylesBuilder\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface MultiSelectProps<TOption = { label: string; value: string }>\n extends Props<TOption, true> {\n variant?: \"dark\" | \"light\";\n isMulti?: true;\n}\n\nexport type MultiSelectComponentsConfig<TOption> = SelectComponentsConfig<\n TOption,\n true,\n GroupBase<TOption>\n>;\n\nexport const MultiSelect = <TOption extends {}>({\n variant = \"light\",\n styles,\n isMulti,\n ...selectProps\n}: MultiSelectProps<TOption>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromTheme<TOption, true>(\n variant === \"light\" ? defaultSelectTheme : selectThemeDark\n );\n\n return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n }, [variant, styles]);\n\n return (\n <SelectComponent styles={selectStyles} {...selectProps} isMulti={true} />\n );\n};\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, { mergeStyles, Props } from \"react-select\";\nimport { defaultSelectTheme, selectThemeDark } from \"../../SelectTheme\";\nimport { createStylesFromTheme } from \"../../util/StylesBuilder\";\n\nexport interface SelectProps<T = { label: string; value: string }>\n extends Props<T, false> {\n variant?: \"dark\" | \"light\";\n isMulti?: false;\n}\n\nexport const Select = <T extends {}>({\n variant = \"light\",\n styles,\n isMulti,\n ...selectProps\n}: SelectProps<T>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromTheme<T, false>(\n variant === \"light\" ? defaultSelectTheme : selectThemeDark\n );\n\n return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n }, [variant, styles]);\n\n return (\n <SelectComponent styles={selectStyles} {...selectProps} isMulti={false} />\n );\n};\n","import { differenceWith, intersectionWith, isEqual, uniqWith } from \"lodash\";\nimport { ActionMeta, GroupBase, OnChangeValue, Options } from \"react-select\";\nimport { OnChange } from \"../components/ui/GroupedMultiSelect\";\nimport { DropdownOption } from \"../components/ui/GroupedMultiSelectTypes\";\n\nexport type GroupedOptionsType<TOption> = ReadonlyArray<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 = <TData>(onChange: OnChange<TData>) => (\n incomingSelectedInternalOptions: OnChangeValue<\n InternalDropdownOption<TData>,\n true\n >,\n meta: ActionMeta<InternalDropdownOption<TData>>\n) => {\n const selectedInternalOptions = incomingSelectedInternalOptions ?? [];\n switch (meta.action) {\n case \"select-option\":\n if (meta.option && \"internalOptions\" in meta.option) {\n const selectedOptions: OnChangeValue<\n InternalDropdownOption<TData>,\n true\n > = uniqWith(\n selectedInternalOptions.reduce<Options<DropdownOption<TData>>>(\n (previousValue, currentValue) => {\n if (\"internalOptions\" in currentValue) {\n return [...previousValue, ...currentValue.internalOptions];\n } else {\n return [\n ...previousValue,\n convertInternalOptionToDropdownOption(currentValue),\n ];\n }\n },\n []\n ),\n isEqual\n );\n\n onChange(selectedOptions, meta);\n } else {\n onChange(removeOptionHeaders(selectedInternalOptions), meta);\n }\n break;\n case \"deselect-option\":\n if (meta.option && \"internalOptions\" in meta.option) {\n onChange(\n removeGroupedOptionsType(\n meta.option,\n removeOptionHeaders(selectedInternalOptions)\n ),\n meta\n );\n } else {\n onChange(removeOptionHeaders(selectedInternalOptions), meta);\n }\n break;\n case \"remove-value\":\n case \"pop-value\":\n if (meta.removedValue && \"internalOptions\" in meta.removedValue) {\n onChange(\n removeGroupedOptionsType(\n meta.removedValue,\n removeOptionHeaders(selectedInternalOptions)\n ),\n meta\n );\n } else {\n onChange(removeOptionHeaders(selectedInternalOptions), meta);\n }\n break;\n case \"clear\":\n onChange(\n selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n meta\n );\n break;\n case \"create-option\":\n onChange(\n selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n meta\n );\n break;\n default:\n break;\n }\n};\n\nexport const convertGroupedDropdownOptionsToInternalOptions = <TData>(\n options: GroupedOptionsType<DropdownOption<TData>>\n): InternalDropdownOption<TData>[] => {\n return options.reduce<InternalDropdownOption<TData>[]>(\n (previousValue, currentValue) => {\n return [\n ...previousValue,\n convertGroupedDropdownOptionToInternalOption(currentValue),\n ...currentValue.options.map(convertDropdownOptionToInternalOption),\n ];\n },\n []\n );\n};\n\nexport const convertValueToInternalValue = <TData>(\n options: GroupedOptionsType<DropdownOption<TData>>,\n values: Options<DropdownOption<TData>> | undefined\n): InternalDropdownOption<TData>[] => {\n if (!values) {\n return [];\n }\n const selectedOptions: InternalDropdownOption<TData>[] = [];\n options.forEach((option) => {\n if (allOptionsExists(option.options, values)) {\n selectedOptions.push(\n convertGroupedDropdownOptionToInternalOption(option)\n );\n }\n selectedOptions.push(\n ...intersectionWith(option.options, values, isEqual).map((option) =>\n convertDropdownOptionToInternalOption(option)\n )\n );\n });\n return selectedOptions;\n};\n\nexport const allOptionsExists = <TData>(\n options: Options<DropdownOption<TData>>,\n selectedValues: Options<DropdownOption<TData>> | undefined\n): boolean => {\n if (!selectedValues) {\n return false;\n }\n\n return (\n intersectionWith(options, selectedValues, isEqual).length === options.length\n );\n};\n\nexport const convertDropdownOptionToInternalOption = <TData>(\n option: DropdownOption<TData>\n): InternalDropdownOption<TData> => ({\n data: option.data,\n label: option.label,\n value: option.value,\n});\n\n// TODO: can this be done `any` other way\nexport const convertGroupedDropdownOptionToInternalOption = <TData>(\n option: GroupBase<DropdownOption<TData>>\n): InternalDropdownOption<TData> => ({\n data: option.label as any,\n label: option.label as any,\n value: option.label as any,\n internalOptions: option.options,\n});\n\nexport const convertInternalOptionToDropdownOption = <TData>(\n option: InternalDropdownOption<TData>\n): DropdownOption<TData> => ({\n data: option.data,\n label: option.label,\n value: option.value,\n});\n","import { faCheck } from \"@fortawesome/free-solid-svg-icons/faCheck\";\nimport { Row, Space, Text, TextSize } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n ActionMeta,\n components,\n GroupBase,\n MultiValueProps,\n OnChangeValue,\n OptionProps,\n Options,\n} from \"react-select\";\nimport {\n defaultSelectTheme,\n SelectTheme,\n selectThemeDark,\n} from \"../../SelectTheme\";\nimport {\n convertGroupedDropdownOptionsToInternalOptions,\n convertValueToInternalValue,\n createOnChange,\n GroupedOptionsType,\n InternalDropdownOption,\n} from \"../../util/multiDropdownUtils\";\nimport { DropdownOption } from \"./GroupedMultiSelectTypes\";\nimport {\n MultiSelect,\n MultiSelectComponentsConfig,\n MultiSelectProps,\n} from \"./MultiSelect\";\n\nexport type OnChange<TData> = (\n value: OnChangeValue<DropdownOption<TData>, true>,\n action: ActionMeta<any>\n) => void;\n\nexport interface GroupedMultiSelectProps<TData>\n extends Omit<\n MultiSelectProps<InternalDropdownOption<TData>>,\n \"options\" | \"onChange\" | \"value\" | \"components\"\n > {\n /**\n * Same as Select prop `component` but without MultiValue and Option since they can not be modified\n */\n components?: Omit<\n MultiSelectComponentsConfig<InternalDropdownOption<TData>>,\n \"MultiValue\" | \"Option\"\n >;\n /**\n * Same as Select prop `options` but only with GroupOptionsType\n */\n options?: GroupedOptionsType<DropdownOption<TData>>;\n /**\n * Same as Select prop `onChange` but only with GroupOptionsType\n */\n onChange?: OnChange<TData>;\n /**\n * Same as Select prop `value` but only with GroupOptionsType\n */\n value?: Options<DropdownOption<TData>> | undefined;\n}\n\nconst resolveIconColor = (\n theme: SelectTheme,\n isFocused: boolean\n): string | undefined =>\n isFocused\n ? theme.menu.selectedItemHoverIconColor\n : theme.menu.selectedItemIconColor;\n\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 = \"light\",\n formatGroupLabel,\n formatOptionLabel,\n ...selectProps\n}: GroupedMultiSelectProps<TData>): React.ReactElement<\n GroupedMultiSelectProps<TData>\n> => {\n const theme = variant === \"light\" ? defaultSelectTheme : selectThemeDark;\n\n const Option = (\n props: OptionProps<\n InternalDropdownOption<TData>,\n true,\n GroupBase<InternalDropdownOption<TData>>\n >\n ) => {\n 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={theme}\n size={!isGroupOption ? \"small\" : undefined}\n label={label}\n selected={props.isSelected}\n focused={props.isFocused}\n />\n </Row>\n </components.Option>\n );\n };\n\n const MultiValue = (\n props: MultiValueProps<\n InternalDropdownOption<TData>,\n true,\n GroupBase<InternalDropdownOption<TData>>\n >\n ) => {\n return !(\"internalOptions\" in props.data) ? (\n <components.MultiValue {...props} />\n ) : null;\n };\n\n const internalValue = options\n ? convertValueToInternalValue(options, value)\n : undefined;\n const internalOptions = options\n ? convertGroupedDropdownOptionsToInternalOptions(options)\n : undefined;\n\n return (\n <MultiSelect<InternalDropdownOption<TData>>\n {...selectProps}\n onChange={onChange ? createOnChange<TData>(onChange) : undefined}\n hideSelectedOptions={false}\n components={{\n ...selectProps.components,\n MultiValue,\n Option,\n }}\n isMulti={true}\n options={internalOptions}\n value={internalValue}\n variant={variant}\n />\n );\n};\n\ninterface InnerOptionProps {\n size?: TextSize;\n selected: boolean;\n theme: SelectTheme;\n label: ReactNode;\n focused: boolean;\n}\n\nconst InnerOption: React.VFC<InnerOptionProps> = ({\n focused,\n label,\n selected,\n size,\n theme,\n}) => (\n <Row alignItems={\"center\"} justifyContent={\"space-between\"} flexGrow={1}>\n <Text tabIndex={-1} size={size} color={\"currentColor\"}>\n {label}\n </Text>\n {selected && (\n <Icon color={resolveIconColor(theme, focused)} icon={faCheck} size={12} />\n )}\n </Row>\n);\n","import { Column, Row, Space, Spacing } from \"@stenajs-webui/core\";\nimport { Chip, FlatButton } from \"@stenajs-webui/elements\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\n\nexport interface ChipRowItem {\n label: string;\n value: string;\n}\n\nexport interface ChipRowProps<TValue>\n extends ValueAndOnValueChangeProps<TValue> {\n noneSelectedLabel?: string;\n}\n\nexport function ChipRow<TValue extends ChipRowItem>({\n value,\n onValueChange,\n noneSelectedLabel = \"None\",\n children,\n}: PropsWithChildren<ChipRowProps<Array<TValue>>>) {\n return (\n <Column flex={1}>\n <Row flexWrap={\"wrap\"}>\n {value?.map((v) => (\n <Row key={v.value}>\n <Spacing num={0.5}>\n <Chip\n label={v.label}\n onClickRemove={() =>\n onValueChange?.(\n value?.filter((f) => f.value !== v.value) ?? []\n )\n }\n />\n </Spacing>\n <Space />\n </Row>\n ))}\n {value?.length ? (\n <Spacing num={0.5}>\n <FlatButton\n size={\"small\"}\n label={\"Clear\"}\n onClick={() => onValueChange?.([])}\n />\n </Spacing>\n ) : (\n <Spacing num={0.5}>\n <Chip variant={\"secondary\"} label={noneSelectedLabel} />\n </Spacing>\n )}\n </Row>\n <Space num={0.5} />\n {children}\n </Column>\n );\n}\n","import { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { MultiSelect, MultiSelectProps } from \"../MultiSelect\";\nimport { ChipRow, ChipRowItem } from \"./ChipRow\";\n\nexport interface ChipMultiSelectValue extends ChipRowItem {}\n\nexport interface ChipMultiSelectProps\n extends Omit<MultiSelectProps, \"value\" | \"onChange\" | \"isLoading\">,\n ValueAndOnValueChangeProps<Array<ChipMultiSelectValue>> {\n loading?: boolean;\n inputValue?: string;\n onInputChange?: (inputValue: string) => void;\n noneSelectedLabel?: string;\n}\n\nexport const ChipMultiSelect = React.memo<ChipMultiSelectProps>(\n ({\n value,\n onValueChange,\n placeholder = \"Type to search\",\n loading,\n inputValue,\n onInputChange,\n noneSelectedLabel = \"None\",\n ...selectProps\n }) => {\n return (\n <ChipRow\n noneSelectedLabel={noneSelectedLabel}\n onValueChange={onValueChange}\n value={value}\n >\n <MultiSelect<ChipMultiSelectValue>\n {...selectProps}\n isClearable={false}\n value={value}\n onChange={onValueChange as MultiSelectProps[\"onChange\"]}\n backspaceRemovesValue={false}\n hideSelectedOptions\n controlShouldRenderValue={false}\n placeholder={placeholder}\n isLoading={loading}\n inputValue={inputValue}\n onInputChange={onInputChange}\n />\n </ChipRow>\n );\n }\n);\n","import * as React from \"react\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport {\n GroupedMultiSelect,\n GroupedMultiSelectProps,\n} from \"../GroupedMultiSelect\";\nimport { DropdownOption } from \"../GroupedMultiSelectTypes\";\nimport { ChipRow } from \"./ChipRow\";\n\ntype StringGroupedMultiSelectProps = GroupedMultiSelectProps<string>;\n\nexport interface GroupedChipMultiSelectValue extends DropdownOption<string> {}\n\nexport interface GroupedChipMultiSelectProps\n extends Omit<StringGroupedMultiSelectProps, \"onChange\" | \"value\">,\n ValueAndOnValueChangeProps<Array<DropdownOption<string>>> {\n loading?: boolean;\n inputValue?: string;\n onInputChange?: (inputValue: string) => void;\n noneSelectedLabel?: string;\n}\n\nexport const GroupedChipMultiSelect = React.memo<GroupedChipMultiSelectProps>(\n ({\n value,\n onValueChange,\n placeholder = \"Type to search\",\n loading,\n inputValue,\n onInputChange,\n noneSelectedLabel = \"None\",\n ...selectProps\n }) => {\n return (\n <ChipRow\n noneSelectedLabel={noneSelectedLabel}\n onValueChange={onValueChange}\n value={value}\n >\n <GroupedMultiSelect<string>\n {...selectProps}\n isClearable={false}\n value={value}\n onChange={onValueChange as StringGroupedMultiSelectProps[\"onChange\"]}\n backspaceRemovesValue={false}\n hideSelectedOptions\n controlShouldRenderValue={false}\n placeholder={placeholder}\n isLoading={loading}\n inputValue={inputValue}\n onInputChange={onInputChange}\n />\n </ChipRow>\n );\n }\n);\n","import { merge } from \"lodash\";\nimport { StylesConfig } from \"react-select\";\n\nexport const mergeStyles = <OptionType, IsMulti extends boolean>(\n themeStyle: StylesConfig<OptionType, IsMulti>,\n userStyle?: StylesConfig<OptionType, IsMulti>\n): StylesConfig<OptionType, IsMulti> => {\n if (!userStyle) {\n return themeStyle;\n }\n return merge({}, themeStyle, userStyle);\n};\n"],"names":["mergeStyles"],"mappings":"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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 menuPortal: {\n zIndex: number;\n };\n multiSelect: {\n backgroundColor: string;\n textColor: string;\n removeButtonBackgroundColor: string;\n removeButtonTextColor: string;\n removeButtonHoverBackgroundColor: string;\n removeButtonHoverTextColor: string;\n };\n}\n\nexport const defaultSelectTheme: SelectTheme = {\n arrowColor: {\n focused: {\n hover: \"var(--lhds-color-ui-500)\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n closed: {\n hover: \"var(--lhds-color-ui-500)\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n },\n clearButtonColor: {\n hover: \"var(--lhds-color-ui-600)\",\n standard: \"var(--lhds-color-ui-500)\",\n },\n input: {\n backgroundColor: \"var(--swui-field-bg-enabled)\",\n border: `1px solid var(--swui-select-border-color)`,\n borderColor: \"var(--swui-field-border-color)\",\n borderColorFocused: \"var(--swui-field-border-color-hover)\",\n disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n warningBackgroundColor: \"var(--swui-state-alert-light-color)\",\n errorBackgroundColor: \"var(--swui-state-error-light-color)\",\n successBackgroundColor: \"var(--swui-state-success-light-color)\",\n warningBorderColor: \"var(--swui-state-alert-color)\",\n errorBorderColor: \"var(--swui-state-error-color)\",\n successBorderColor: \"var(--swui-state-success-color)\",\n boxShadowFocused: \"var(--swui-field-focus-shadow)\",\n fontFamily: \"var(--swui-font-primary)\",\n fontSize: \"var(--swui-font-size-inputs)\",\n height: \"32px\",\n minHeight: \"32px\",\n placeholderColor: \"var(--swui-field-border-color-disabled)\",\n textColor: \"var(--swui-field-text-color)\",\n borderRadius: \"var(--swui-field-border-radius)\",\n },\n loadingIndicator: {\n textColor: \"var(--swui-field-text-color)\",\n },\n menu: {\n activeBackgroundColor: \"var(--lhds-color-blue-100)\",\n activeTextColor: \"var(--swui-field-text-color)\",\n selectedItemActiveBackgroundColor: \"var(--lhds-color-blue-500)\",\n selectedItemActiveTextColor: \"var(--lhds-color-blue-50)\",\n disabledTextColor: \"var(--swui-field-text-color-disabled)\",\n disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n textColor: \"var(--swui-field-text-color)\",\n backgroundColor: \"var(--swui-field-bg-enabled)\",\n hoverTextColor: \"var(--swui-field-text-color)\",\n hoverBackgroundColor: \"var(--lhds-color-blue-200)\",\n selectedItemTextColor: \"var(--lhds-color-blue-500)\",\n selectedItemIconColor: \"var(--lhds-color-blue-500)\",\n selectedItemHoverTextColor: \"var(--swui-field-text-color)\",\n selectedItemHoverIconColor: \"var(--swui-field-text-color)\",\n selectedItemBackgroundColor: \"var(--lhds-color-blue-50)\",\n selectedItemHoverBackgroundColor: \"var(--lhds-color-blue-50)\",\n zIndex: 1,\n width: \"auto\",\n minWidth: \"100%\",\n whiteSpace: \"nowrap\",\n },\n menuPortal: {\n zIndex: 1,\n },\n multiSelect: {\n backgroundColor: \"var(--swui-primary-action-color)\",\n textColor: \"var(--lhds-color-blue-50)\",\n removeButtonBackgroundColor: \"transparent\",\n removeButtonTextColor: \"var(--swui-white)\",\n removeButtonHoverBackgroundColor: \"var(--swui-primary-action-color-hover)\",\n removeButtonHoverTextColor: \"var(--swui-white)\",\n },\n};\n","import { StylesConfig } from \"react-select\";\nimport { defaultSelectTheme, SelectTheme } from \"../SelectTheme\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport type SelectVariant = \"standard\" | \"warning\" | \"error\" | \"success\";\n\nconst resolveOptionBackgroundColor = (\n colors: SelectTheme[\"menu\"],\n isDisabled: boolean,\n isSelected: boolean,\n isFocused: boolean\n): string | undefined => {\n if (isDisabled) {\n return colors.disabledBackgroundColor;\n } else if (isSelected && isFocused) {\n return colors.selectedItemHoverBackgroundColor;\n } else if (isSelected) {\n return colors.selectedItemBackgroundColor;\n } else if (isFocused) {\n return colors.hoverBackgroundColor;\n } else {\n return undefined;\n }\n};\n\nconst resolveOptionColor = (\n colors: SelectTheme[\"menu\"],\n isDisabled: boolean,\n isSelected: boolean,\n isFocused: boolean\n): string | undefined => {\n if (isDisabled) {\n return colors.disabledTextColor;\n } else if (isSelected && isFocused) {\n return colors.selectedItemHoverTextColor;\n } else if (isSelected) {\n return colors.selectedItemTextColor;\n } else if (isFocused) {\n return colors.hoverTextColor;\n } else {\n return undefined;\n }\n};\n\nconst resolveInputBackgroundColor = (\n colors: SelectTheme[\"input\"],\n isDisabled: boolean,\n isFocused: boolean,\n variant: SelectVariant | undefined\n): string | undefined => {\n if (isDisabled) {\n return colors.disabledBackgroundColor;\n } else if (isFocused) {\n return colors.backgroundColor;\n } else if (variant === \"warning\") {\n return colors.warningBackgroundColor;\n } else if (variant === \"success\") {\n return colors.successBackgroundColor;\n } else if (variant === \"error\") {\n return colors.errorBackgroundColor;\n } else {\n return colors.backgroundColor;\n }\n};\n\nconst resolveInputBorderColor = (\n colors: SelectTheme[\"input\"],\n isDisabled: boolean,\n isFocused: boolean,\n isHovered: boolean,\n variant: SelectVariant | undefined\n): string | undefined => {\n if (isDisabled) {\n return colors.borderColor;\n } else if (isFocused) {\n return colors.borderColorFocused;\n } else if (variant === \"warning\") {\n return colors.warningBorderColor;\n } else if (variant === \"success\") {\n return colors.successBorderColor;\n } else if (variant === \"error\") {\n return colors.errorBorderColor;\n } else if (isHovered) {\n return colors.borderColorFocused;\n } else {\n return colors.borderColor;\n }\n};\n\n/**\n * @deprecated\n */\nexport const createStylesFromTheme = <\n OptionType,\n IsMulti extends boolean,\n TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>(\n {\n menu,\n menuPortal,\n input,\n multiSelect,\n clearButtonColor,\n arrowColor,\n loadingIndicator,\n }: SelectTheme,\n variant: SelectVariant | undefined\n): StylesConfig<OptionType, IsMulti, TGroup> => ({\n option: (base, { isDisabled, isFocused, isSelected }) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n backgroundColor: resolveOptionBackgroundColor(\n menu,\n isDisabled,\n isSelected,\n isFocused\n ),\n color: resolveOptionColor(menu, isDisabled, isSelected, isFocused),\n cursor: isDisabled ? \"not-allowed\" : \"default\",\n whiteSpace: menu.whiteSpace || base.whiteSpace,\n \":active\": {\n backgroundColor: isDisabled\n ? undefined\n : isSelected\n ? menu.selectedItemActiveBackgroundColor\n : menu.activeBackgroundColor,\n color: isDisabled\n ? undefined\n : isSelected\n ? menu.selectedItemActiveTextColor\n : menu.activeTextColor,\n },\n }),\n control: (base, { isFocused, isDisabled, menuIsOpen }) => ({\n ...base,\n // none of react-selects styles are passed to <View />\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n minHeight: input.minHeight,\n backgroundColor: resolveInputBackgroundColor(\n input,\n isDisabled,\n isFocused,\n variant\n ),\n borderRadius: input.borderRadius,\n border: input.border,\n \"--swui-select-border-color\": resolveInputBorderColor(\n input,\n isDisabled,\n isFocused || menuIsOpen,\n false,\n variant\n ),\n boxShadow: isFocused ? input.boxShadowFocused : undefined,\n \"&:hover\": {\n \"--swui-select-border-color\": resolveInputBorderColor(\n input,\n false,\n isFocused || menuIsOpen,\n true,\n variant\n ),\n },\n }),\n singleValue: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n color: input.textColor,\n }),\n noOptionsMessage: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n }),\n input: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n color: input.textColor,\n }),\n groupHeading: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n }),\n multiValueLabel: (base) => ({\n ...base,\n backgroundColor: multiSelect.backgroundColor,\n color: multiSelect.textColor,\n fontFamily: input.fontFamily,\n fontSize: \"12px\",\n }),\n indicatorSeparator: (base) => ({\n ...base,\n display: \"none\",\n }),\n clearIndicator: (base) => ({\n ...base,\n padding: \"5px\",\n color: clearButtonColor.standard,\n \"&:hover\": {\n color: clearButtonColor.hover,\n },\n cursor: \"pointer\",\n }),\n placeholder: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n color: input.placeholderColor,\n }),\n container: (base) => ({\n ...base,\n }),\n valueContainer: (base) => ({\n ...base,\n padding: \"0 8px\",\n }),\n dropdownIndicator: (base, { isFocused }) => ({\n ...base,\n padding: \"5px\",\n color: isFocused ? arrowColor.focused.standard : arrowColor.closed.standard,\n \"&:hover\": {\n color: isFocused ? arrowColor.focused.hover : arrowColor.closed.hover,\n },\n svg: {\n width: 14,\n height: 14,\n },\n }),\n menu: (base) => ({\n ...base,\n backgroundColor: menu.backgroundColor,\n color: menu.textColor,\n minWidth: menu.minWidth || base.minWidth,\n zIndex: menu.zIndex,\n width: menu.width || base.width,\n border: input.border,\n borderColor: input.borderColorFocused,\n }),\n menuPortal: (base) => ({\n ...base,\n zIndex: menuPortal.zIndex,\n }),\n multiValueRemove: (styles) => ({\n ...styles,\n backgroundColor: multiSelect.removeButtonBackgroundColor,\n \":hover\": {\n color: multiSelect.removeButtonHoverTextColor,\n backgroundColor: multiSelect.removeButtonHoverBackgroundColor,\n },\n color: multiSelect.removeButtonTextColor,\n borderRadius: \"50%\",\n width: 16,\n height: 16,\n padding: 0,\n margin: 3,\n marginTop: 4,\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n cursor: \"pointer\",\n }),\n multiValue: (base) => ({\n ...base,\n backgroundColor: multiSelect.backgroundColor,\n color: multiSelect.textColor,\n fontFamily: input.fontFamily,\n fontSize: \"12px\",\n alignItems: \"center\",\n margin: 0,\n marginRight: 2,\n }),\n loadingMessage: (base) => ({\n ...base,\n color: loadingIndicator.textColor,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n }),\n});\n\nexport const createStylesFromVariant = <\n OptionType,\n IsMulti extends boolean,\n TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>(\n variant: SelectVariant\n): StylesConfig<OptionType, IsMulti, TGroup> =>\n createStylesFromTheme(defaultSelectTheme, variant);\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { mergeStyles } from \"react-select\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncMultiSelectProps<T = { label: string; value: string }>\n extends AsyncProps<T, true, GroupBase<T>> {\n variant?: SelectVariant;\n isMulti?: true;\n}\n\nexport const AsyncMultiSelect = <T extends {}>({\n variant = \"standard\",\n styles,\n isMulti,\n ...selectProps\n}: AsyncMultiSelectProps<T>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromVariant<T, true>(variant);\n\n return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n }, [variant, styles]);\n\n return (\n <AsyncComponent styles={selectStyles} {...selectProps} isMulti={true} />\n );\n};\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { mergeStyles } from \"react-select\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncSelectProps<T = { label: string; value: string }>\n extends AsyncProps<T, false, GroupBase<T>> {\n variant?: SelectVariant;\n isMulti?: false;\n}\n\nexport const AsyncSelect = <T extends {}>({\n variant = \"standard\",\n styles,\n isMulti,\n ...selectProps\n}: AsyncSelectProps<T>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n }, [variant, styles]);\n\n return (\n <AsyncComponent styles={selectStyles} {...selectProps} isMulti={false} />\n );\n};\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, {\n mergeStyles,\n Props,\n SelectComponentsConfig,\n} from \"react-select\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface MultiSelectProps<TOption = { label: string; value: string }>\n extends Props<TOption, true> {\n variant?: SelectVariant;\n isMulti?: true;\n}\n\nexport type MultiSelectComponentsConfig<TOption> = SelectComponentsConfig<\n TOption,\n true,\n GroupBase<TOption>\n>;\n\nexport const MultiSelect = <TOption extends {}>({\n variant = \"standard\",\n styles,\n isMulti,\n ...selectProps\n}: MultiSelectProps<TOption>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromVariant<TOption, true>(variant);\n\n return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n }, [variant, styles]);\n\n return (\n <SelectComponent styles={selectStyles} {...selectProps} isMulti={true} />\n );\n};\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, { mergeStyles, Props } from \"react-select\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\n\nexport interface SelectProps<T = { label: string; value: string }>\n extends Props<T, false> {\n variant?: SelectVariant;\n isMulti?: false;\n}\n\nexport const Select = <T extends {}>({\n variant = \"standard\",\n styles,\n isMulti,\n ...selectProps\n}: SelectProps<T>) => {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n }, [variant, styles]);\n\n return (\n <SelectComponent styles={selectStyles} {...selectProps} isMulti={false} />\n );\n};\n","import { differenceWith, intersectionWith, isEqual, uniqWith } from \"lodash\";\nimport { ActionMeta, GroupBase, OnChangeValue, Options } from \"react-select\";\nimport { OnChange } from \"../components/ui/GroupedMultiSelect\";\nimport { DropdownOption } from \"../components/ui/GroupedMultiSelectTypes\";\n\nexport type GroupedOptionsType<TOption> = ReadonlyArray<GroupBase<TOption>>;\n\nexport type InternalDropdownOption<TData> =\n | InternalChildOption<TData>\n | InternalParentDropdownOption<TData>;\n\ninterface InternalChildOption<TData> {\n data: TData;\n label: string;\n value: string;\n}\n\ninterface InternalParentDropdownOption<TData> {\n data: TData;\n label: string;\n value: string;\n internalOptions: Options<DropdownOption<TData>>;\n}\n\nconst removeGroupedOptionsType = <TData>(\n removedValue: InternalParentDropdownOption<TData>,\n selectedInternalOptions: Options<InternalDropdownOption<TData>>\n): Options<InternalDropdownOption<TData>> =>\n differenceWith(\n selectedInternalOptions,\n [...removedValue.internalOptions, removedValue],\n isEqual\n ).map(convertInternalOptionToDropdownOption);\n\nconst removeInternalOptions = <TData>(\n selectedInternalOption: InternalDropdownOption<TData>\n): boolean => !(\"internalOptions\" in selectedInternalOption);\n\nconst removeOptionHeaders = <TData>(\n selectedInternalOptions: Options<InternalDropdownOption<TData>>\n): Options<InternalDropdownOption<TData>> =>\n selectedInternalOptions\n .filter(removeInternalOptions)\n .map(convertInternalOptionToDropdownOption);\n\nexport const createOnChange =\n <TData>(onChange: OnChange<TData>) =>\n (\n incomingSelectedInternalOptions: OnChangeValue<\n InternalDropdownOption<TData>,\n true\n >,\n meta: ActionMeta<InternalDropdownOption<TData>>\n ) => {\n const selectedInternalOptions = incomingSelectedInternalOptions ?? [];\n switch (meta.action) {\n case \"select-option\":\n if (meta.option && \"internalOptions\" in meta.option) {\n const selectedOptions: OnChangeValue<\n InternalDropdownOption<TData>,\n true\n > = uniqWith(\n selectedInternalOptions.reduce<Options<DropdownOption<TData>>>(\n (previousValue, currentValue) => {\n if (\"internalOptions\" in currentValue) {\n return [...previousValue, ...currentValue.internalOptions];\n } else {\n return [\n ...previousValue,\n convertInternalOptionToDropdownOption(currentValue),\n ];\n }\n },\n []\n ),\n isEqual\n );\n\n onChange(selectedOptions, meta);\n } else {\n onChange(removeOptionHeaders(selectedInternalOptions), meta);\n }\n break;\n case \"deselect-option\":\n if (meta.option && \"internalOptions\" in meta.option) {\n onChange(\n removeGroupedOptionsType(\n meta.option,\n removeOptionHeaders(selectedInternalOptions)\n ),\n meta\n );\n } else {\n onChange(removeOptionHeaders(selectedInternalOptions), meta);\n }\n break;\n case \"remove-value\":\n case \"pop-value\":\n if (meta.removedValue && \"internalOptions\" in meta.removedValue) {\n onChange(\n removeGroupedOptionsType(\n meta.removedValue,\n removeOptionHeaders(selectedInternalOptions)\n ),\n meta\n );\n } else {\n onChange(removeOptionHeaders(selectedInternalOptions), meta);\n }\n break;\n case \"clear\":\n onChange(\n selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n meta\n );\n break;\n case \"create-option\":\n onChange(\n selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n meta\n );\n break;\n default:\n break;\n }\n };\n\nexport const convertGroupedDropdownOptionsToInternalOptions = <TData>(\n options: GroupedOptionsType<DropdownOption<TData>>\n): InternalDropdownOption<TData>[] => {\n return options.reduce<InternalDropdownOption<TData>[]>(\n (previousValue, currentValue) => {\n return [\n ...previousValue,\n convertGroupedDropdownOptionToInternalOption(currentValue),\n ...currentValue.options.map(convertDropdownOptionToInternalOption),\n ];\n },\n []\n );\n};\n\nexport const convertValueToInternalValue = <TData>(\n options: GroupedOptionsType<DropdownOption<TData>>,\n values: Options<DropdownOption<TData>> | undefined\n): InternalDropdownOption<TData>[] => {\n if (!values) {\n return [];\n }\n const selectedOptions: InternalDropdownOption<TData>[] = [];\n options.forEach((option) => {\n if (allOptionsExists(option.options, values)) {\n selectedOptions.push(\n convertGroupedDropdownOptionToInternalOption(option)\n );\n }\n selectedOptions.push(\n ...intersectionWith(option.options, values, isEqual).map((option) =>\n convertDropdownOptionToInternalOption(option)\n )\n );\n });\n return selectedOptions;\n};\n\nexport const allOptionsExists = <TData>(\n options: Options<DropdownOption<TData>>,\n selectedValues: Options<DropdownOption<TData>> | undefined\n): boolean => {\n if (!selectedValues) {\n return false;\n }\n\n return (\n intersectionWith(options, selectedValues, isEqual).length === options.length\n );\n};\n\nexport const convertDropdownOptionToInternalOption = <TData>(\n option: DropdownOption<TData>\n): InternalDropdownOption<TData> => ({\n data: option.data,\n label: option.label,\n value: option.value,\n});\n\n// TODO: can this be done `any` other way\nexport const convertGroupedDropdownOptionToInternalOption = <TData>(\n option: GroupBase<DropdownOption<TData>>\n): InternalDropdownOption<TData> => ({\n data: option.label as any,\n label: option.label as any,\n value: option.label as any,\n internalOptions: option.options,\n});\n\nexport const convertInternalOptionToDropdownOption = <TData>(\n option: InternalDropdownOption<TData>\n): DropdownOption<TData> => ({\n data: option.data,\n label: option.label,\n value: option.value,\n});\n","import { faCheck } from \"@fortawesome/free-solid-svg-icons/faCheck\";\nimport { Row, Space, Text, TextSize } from \"@stenajs-webui/core\";\nimport { Icon } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n ActionMeta,\n components,\n GroupBase,\n MultiValueProps,\n OnChangeValue,\n OptionProps,\n Options,\n} from \"react-select\";\nimport { defaultSelectTheme, SelectTheme } from \"../../SelectTheme\";\nimport {\n convertGroupedDropdownOptionsToInternalOptions,\n convertValueToInternalValue,\n createOnChange,\n GroupedOptionsType,\n InternalDropdownOption,\n} from \"../../util/multiDropdownUtils\";\nimport { DropdownOption } from \"./GroupedMultiSelectTypes\";\nimport {\n MultiSelect,\n MultiSelectComponentsConfig,\n MultiSelectProps,\n} from \"./MultiSelect\";\n\nexport type OnChange<TData> = (\n value: OnChangeValue<DropdownOption<TData>, true>,\n action: ActionMeta<any>\n) => void;\n\nexport interface GroupedMultiSelectProps<TData>\n extends Omit<\n MultiSelectProps<InternalDropdownOption<TData>>,\n \"options\" | \"onChange\" | \"value\" | \"components\"\n > {\n /**\n * Same as Select prop `component` but without MultiValue and Option since they can not be modified\n */\n components?: Omit<\n MultiSelectComponentsConfig<InternalDropdownOption<TData>>,\n \"MultiValue\" | \"Option\"\n >;\n /**\n * Same as Select prop `options` but only with GroupOptionsType\n */\n options?: GroupedOptionsType<DropdownOption<TData>>;\n /**\n * Same as Select prop `onChange` but only with GroupOptionsType\n */\n onChange?: OnChange<TData>;\n /**\n * Same as Select prop `value` but only with GroupOptionsType\n */\n value?: Options<DropdownOption<TData>> | undefined;\n}\n\nconst resolveIconColor = (\n theme: SelectTheme,\n isFocused: boolean\n): string | undefined =>\n isFocused\n ? theme.menu.selectedItemHoverIconColor\n : theme.menu.selectedItemIconColor;\n\nfunction formatInnerOptionLabel<TData>(\n props: OptionProps<\n InternalDropdownOption<TData>,\n true,\n GroupBase<InternalDropdownOption<TData>>\n >\n) {\n const { formatGroupLabel, formatOptionLabel } = props.selectProps;\n\n if (\"internalOptions\" in props.data) {\n return formatGroupLabel\n ? formatGroupLabel({\n label: props.data.label,\n options: props.data.internalOptions,\n })\n : props.label;\n }\n\n return formatOptionLabel\n ? formatOptionLabel(props.data, {\n context: \"menu\",\n inputValue: props.selectProps.inputValue ?? \"\",\n selectValue: props.getValue(),\n })\n : props.label;\n}\n\nexport const GroupedMultiSelect = <TData extends {}>({\n onChange,\n options,\n value,\n variant = \"standard\",\n formatGroupLabel,\n formatOptionLabel,\n ...selectProps\n}: GroupedMultiSelectProps<TData>): React.ReactElement<\n GroupedMultiSelectProps<TData>\n> => {\n const Option = (\n props: OptionProps<\n InternalDropdownOption<TData>,\n true,\n GroupBase<InternalDropdownOption<TData>>\n >\n ) => {\n const label = formatInnerOptionLabel(props);\n const isGroupOption = \"internalOptions\" in props.data;\n\n return (\n <components.Option {...props}>\n <Row>\n {!isGroupOption && <Space />}\n <InnerOption\n theme={defaultSelectTheme}\n size={!isGroupOption ? \"small\" : undefined}\n label={label}\n selected={props.isSelected}\n focused={props.isFocused}\n />\n </Row>\n </components.Option>\n );\n };\n\n const MultiValue = (\n props: MultiValueProps<\n InternalDropdownOption<TData>,\n true,\n GroupBase<InternalDropdownOption<TData>>\n >\n ) => {\n return !(\"internalOptions\" in props.data) ? (\n <components.MultiValue {...props} />\n ) : null;\n };\n\n const internalValue = options\n ? convertValueToInternalValue(options, value)\n : undefined;\n const internalOptions = options\n ? convertGroupedDropdownOptionsToInternalOptions(options)\n : undefined;\n\n return (\n <MultiSelect<InternalDropdownOption<TData>>\n {...selectProps}\n onChange={onChange ? createOnChange<TData>(onChange) : undefined}\n hideSelectedOptions={false}\n components={{\n ...selectProps.components,\n MultiValue,\n Option,\n }}\n isMulti={true}\n options={internalOptions}\n value={internalValue}\n variant={variant}\n />\n );\n};\n\ninterface InnerOptionProps {\n size?: TextSize;\n selected: boolean;\n theme: SelectTheme;\n label: ReactNode;\n focused: boolean;\n}\n\nconst InnerOption: React.VFC<InnerOptionProps> = ({\n focused,\n label,\n selected,\n size,\n theme,\n}) => (\n <Row alignItems={\"center\"} justifyContent={\"space-between\"} flexGrow={1}>\n <Text tabIndex={-1} size={size} color={\"currentColor\"}>\n {label}\n </Text>\n {selected && (\n <Icon color={resolveIconColor(theme, focused)} icon={faCheck} size={12} />\n )}\n </Row>\n);\n","import { Column, Row, Space, Spacing } from \"@stenajs-webui/core\";\nimport { Chip, FlatButton } from \"@stenajs-webui/elements\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\n\nexport interface ChipRowItem {\n label: string;\n value: string;\n}\n\nexport interface ChipRowProps<TValue>\n extends ValueAndOnValueChangeProps<TValue> {\n noneSelectedLabel?: string;\n}\n\nexport function ChipRow<TValue extends ChipRowItem>({\n value,\n onValueChange,\n noneSelectedLabel = \"None\",\n children,\n}: PropsWithChildren<ChipRowProps<Array<TValue>>>) {\n return (\n <Column flex={1}>\n <Row flexWrap={\"wrap\"}>\n {value?.map((v) => (\n <Row key={v.value}>\n <Spacing num={0.5}>\n <Chip\n label={v.label}\n onClickRemove={() =>\n onValueChange?.(\n value?.filter((f) => f.value !== v.value) ?? []\n )\n }\n />\n </Spacing>\n <Space />\n </Row>\n ))}\n {value?.length ? (\n <Spacing num={0.5}>\n <FlatButton\n size={\"small\"}\n label={\"Clear\"}\n onClick={() => onValueChange?.([])}\n />\n </Spacing>\n ) : (\n <Spacing num={0.5}>\n <Chip variant={\"secondary\"} label={noneSelectedLabel} />\n </Spacing>\n )}\n </Row>\n <Space num={0.5} />\n {children}\n </Column>\n );\n}\n","import { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { MultiSelect, MultiSelectProps } from \"../MultiSelect\";\nimport { ChipRow, ChipRowItem } from \"./ChipRow\";\n\nexport interface ChipMultiSelectValue extends ChipRowItem {}\n\nexport interface ChipMultiSelectProps\n extends Omit<MultiSelectProps, \"value\" | \"onChange\" | \"isLoading\">,\n ValueAndOnValueChangeProps<Array<ChipMultiSelectValue>> {\n loading?: boolean;\n inputValue?: string;\n onInputChange?: (inputValue: string) => void;\n noneSelectedLabel?: string;\n}\n\nexport const ChipMultiSelect = React.memo<ChipMultiSelectProps>(\n ({\n value,\n onValueChange,\n placeholder = \"Type to search\",\n loading,\n inputValue,\n onInputChange,\n noneSelectedLabel = \"None\",\n ...selectProps\n }) => {\n return (\n <ChipRow\n noneSelectedLabel={noneSelectedLabel}\n onValueChange={onValueChange}\n value={value}\n >\n <MultiSelect<ChipMultiSelectValue>\n {...selectProps}\n isClearable={false}\n value={value}\n onChange={onValueChange as MultiSelectProps[\"onChange\"]}\n backspaceRemovesValue={false}\n hideSelectedOptions\n controlShouldRenderValue={false}\n placeholder={placeholder}\n isLoading={loading}\n inputValue={inputValue}\n onInputChange={onInputChange}\n />\n </ChipRow>\n );\n }\n);\n","import * as React from \"react\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport {\n GroupedMultiSelect,\n GroupedMultiSelectProps,\n} from \"../GroupedMultiSelect\";\nimport { DropdownOption } from \"../GroupedMultiSelectTypes\";\nimport { ChipRow } from \"./ChipRow\";\n\ntype StringGroupedMultiSelectProps = GroupedMultiSelectProps<string>;\n\nexport interface GroupedChipMultiSelectValue extends DropdownOption<string> {}\n\nexport interface GroupedChipMultiSelectProps\n extends Omit<StringGroupedMultiSelectProps, \"onChange\" | \"value\">,\n ValueAndOnValueChangeProps<Array<DropdownOption<string>>> {\n loading?: boolean;\n inputValue?: string;\n onInputChange?: (inputValue: string) => void;\n noneSelectedLabel?: string;\n}\n\nexport const GroupedChipMultiSelect = React.memo<GroupedChipMultiSelectProps>(\n ({\n value,\n onValueChange,\n placeholder = \"Type to search\",\n loading,\n inputValue,\n onInputChange,\n noneSelectedLabel = \"None\",\n ...selectProps\n }) => {\n return (\n <ChipRow\n noneSelectedLabel={noneSelectedLabel}\n onValueChange={onValueChange}\n value={value}\n >\n <GroupedMultiSelect<string>\n {...selectProps}\n isClearable={false}\n value={value}\n onChange={onValueChange as StringGroupedMultiSelectProps[\"onChange\"]}\n backspaceRemovesValue={false}\n hideSelectedOptions\n controlShouldRenderValue={false}\n placeholder={placeholder}\n isLoading={loading}\n inputValue={inputValue}\n onInputChange={onInputChange}\n />\n </ChipRow>\n );\n }\n);\n"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -99,11 +99,16 @@ var defaultSelectTheme = {
99
99
  },
100
100
  input: {
101
101
  backgroundColor: "var(--swui-field-bg-enabled)",
102
- border: "1px solid var(--swui-field-border-color)",
103
- borderFocused: "1px solid var(--swui-field-border-color-hover)",
102
+ border: "1px solid var(--swui-select-border-color)",
104
103
  borderColor: "var(--swui-field-border-color)",
105
104
  borderColorFocused: "var(--swui-field-border-color-hover)",
106
105
  disabledBackgroundColor: "var(--swui-field-bg-disabled)",
106
+ warningBackgroundColor: "var(--swui-state-alert-light-color)",
107
+ errorBackgroundColor: "var(--swui-state-error-light-color)",
108
+ successBackgroundColor: "var(--swui-state-success-light-color)",
109
+ warningBorderColor: "var(--swui-state-alert-color)",
110
+ errorBorderColor: "var(--swui-state-error-color)",
111
+ successBorderColor: "var(--swui-state-success-color)",
107
112
  boxShadowFocused: "var(--swui-field-focus-shadow)",
108
113
  fontFamily: "var(--swui-font-primary)",
109
114
  fontSize: "var(--swui-font-size-inputs)",
@@ -149,74 +154,6 @@ var defaultSelectTheme = {
149
154
  removeButtonHoverBackgroundColor: "var(--swui-primary-action-color-hover)",
150
155
  removeButtonHoverTextColor: "var(--swui-white)",
151
156
  },
152
- };
153
- var selectThemeDark = {
154
- arrowColor: {
155
- focused: {
156
- hover: "white",
157
- standard: "var(--lhds-color-ui-500)",
158
- },
159
- closed: {
160
- hover: "white",
161
- standard: "var(--lhds-color-ui-500)",
162
- },
163
- },
164
- clearButtonColor: {
165
- standard: "var(--lhds-color-ui-400)",
166
- hover: "white",
167
- },
168
- input: {
169
- backgroundColor: "#4a5d73",
170
- border: "1px solid transparent",
171
- borderFocused: "1px solid #92a3b5",
172
- borderColor: "transparent",
173
- borderColorFocused: "#92a3b5",
174
- disabledBackgroundColor: "var(--swui-field-bg-disabled)",
175
- boxShadowFocused: "var(--swui-field-focus-shadow)",
176
- fontFamily: "var(--swui-font-primary)",
177
- fontSize: "var(--swui-font-size-inputs)",
178
- height: "32px",
179
- minHeight: "32px",
180
- placeholderColor: "white",
181
- textColor: "white",
182
- borderRadius: "4px",
183
- },
184
- loadingIndicator: {
185
- textColor: "white",
186
- },
187
- menu: {
188
- activeBackgroundColor: "#6F7E90",
189
- activeTextColor: "white",
190
- selectedItemActiveBackgroundColor: "#6F7E90",
191
- selectedItemActiveTextColor: "white",
192
- disabledTextColor: "var(--swui-text-disabled-color)",
193
- disabledBackgroundColor: "var(--swui-field-bg-disabled)",
194
- backgroundColor: "#4a5d73",
195
- textColor: "white",
196
- hoverTextColor: "white",
197
- hoverBackgroundColor: "#6F7E90",
198
- selectedItemTextColor: "white",
199
- selectedItemIconColor: "white",
200
- selectedItemHoverTextColor: "white",
201
- selectedItemHoverIconColor: "white",
202
- selectedItemBackgroundColor: "#4a5d73",
203
- selectedItemHoverBackgroundColor: "#6F7E90",
204
- zIndex: 1,
205
- width: "auto",
206
- minWidth: "100%",
207
- whiteSpace: "nowrap",
208
- },
209
- menuPortal: {
210
- zIndex: 1,
211
- },
212
- multiSelect: {
213
- backgroundColor: "#B9D8DF",
214
- textColor: "var(--lhds-color-ui-700)",
215
- removeButtonBackgroundColor: "#B9D8DF",
216
- removeButtonTextColor: "var(--lhds-color-ui-700)",
217
- removeButtonHoverBackgroundColor: "#226F81",
218
- removeButtonHoverTextColor: "white",
219
- },
220
157
  };
221
158
 
222
159
  var resolveOptionBackgroundColor = function (colors, isDisabled, isSelected, isFocused) {
@@ -253,7 +190,53 @@ var resolveOptionColor = function (colors, isDisabled, isSelected, isFocused) {
253
190
  return undefined;
254
191
  }
255
192
  };
256
- var createStylesFromTheme = function (_a) {
193
+ var resolveInputBackgroundColor = function (colors, isDisabled, isFocused, variant) {
194
+ if (isDisabled) {
195
+ return colors.disabledBackgroundColor;
196
+ }
197
+ else if (isFocused) {
198
+ return colors.backgroundColor;
199
+ }
200
+ else if (variant === "warning") {
201
+ return colors.warningBackgroundColor;
202
+ }
203
+ else if (variant === "success") {
204
+ return colors.successBackgroundColor;
205
+ }
206
+ else if (variant === "error") {
207
+ return colors.errorBackgroundColor;
208
+ }
209
+ else {
210
+ return colors.backgroundColor;
211
+ }
212
+ };
213
+ var resolveInputBorderColor = function (colors, isDisabled, isFocused, isHovered, variant) {
214
+ if (isDisabled) {
215
+ return colors.borderColor;
216
+ }
217
+ else if (isFocused) {
218
+ return colors.borderColorFocused;
219
+ }
220
+ else if (variant === "warning") {
221
+ return colors.warningBorderColor;
222
+ }
223
+ else if (variant === "success") {
224
+ return colors.successBorderColor;
225
+ }
226
+ else if (variant === "error") {
227
+ return colors.errorBorderColor;
228
+ }
229
+ else if (isHovered) {
230
+ return colors.borderColorFocused;
231
+ }
232
+ else {
233
+ return colors.borderColor;
234
+ }
235
+ };
236
+ /**
237
+ * @deprecated
238
+ */
239
+ var createStylesFromTheme = function (_a, variant) {
257
240
  var menu = _a.menu, menuPortal = _a.menuPortal, input = _a.input, multiSelect = _a.multiSelect, clearButtonColor = _a.clearButtonColor, arrowColor = _a.arrowColor, loadingIndicator = _a.loadingIndicator;
258
241
  return ({
259
242
  option: function (base, _a) {
@@ -272,14 +255,11 @@ var createStylesFromTheme = function (_a) {
272
255
  } }));
273
256
  },
274
257
  control: function (base, _a) {
275
- var isFocused = _a.isFocused, isDisabled = _a.isDisabled;
258
+ var isFocused = _a.isFocused, isDisabled = _a.isDisabled, menuIsOpen = _a.menuIsOpen;
276
259
  return (__assign(__assign({}, base), {
277
260
  // none of react-selects styles are passed to <View />
278
- fontFamily: input.fontFamily, fontSize: input.fontSize, minHeight: input.minHeight, backgroundColor: isDisabled
279
- ? input.disabledBackgroundColor
280
- : input.backgroundColor, borderRadius: input.borderRadius, border: isFocused ? input.borderFocused : input.border, borderColor: isFocused ? input.borderColorFocused : input.borderColor, boxShadow: isFocused ? input.boxShadowFocused : undefined, "&:hover": {
281
- border: input.borderFocused,
282
- borderColor: input.borderColorFocused,
261
+ fontFamily: input.fontFamily, fontSize: input.fontSize, minHeight: input.minHeight, backgroundColor: resolveInputBackgroundColor(input, isDisabled, isFocused, variant), borderRadius: input.borderRadius, border: input.border, "--swui-select-border-color": resolveInputBorderColor(input, isDisabled, isFocused || menuIsOpen, false, variant), boxShadow: isFocused ? input.boxShadowFocused : undefined, "&:hover": {
262
+ "--swui-select-border-color": resolveInputBorderColor(input, false, isFocused || menuIsOpen, true, variant),
283
263
  } }));
284
264
  },
285
265
  singleValue: function (base) { return (__assign(__assign({}, base), { fontFamily: input.fontFamily, fontSize: input.fontSize, color: input.textColor })); },
@@ -303,7 +283,7 @@ var createStylesFromTheme = function (_a) {
303
283
  height: 14,
304
284
  } }));
305
285
  },
306
- menu: function (base) { return (__assign(__assign({}, base), { backgroundColor: menu.backgroundColor, color: menu.textColor, minWidth: menu.minWidth || base.minWidth, zIndex: menu.zIndex, width: menu.width || base.width, border: input.borderFocused })); },
286
+ menu: function (base) { return (__assign(__assign({}, base), { backgroundColor: menu.backgroundColor, color: menu.textColor, minWidth: menu.minWidth || base.minWidth, zIndex: menu.zIndex, width: menu.width || base.width, border: input.border, borderColor: input.borderColorFocused })); },
307
287
  menuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: menuPortal.zIndex })); },
308
288
  multiValueRemove: function (styles) { return (__assign(__assign({}, styles), { backgroundColor: multiSelect.removeButtonBackgroundColor, ":hover": {
309
289
  color: multiSelect.removeButtonHoverTextColor,
@@ -312,39 +292,42 @@ var createStylesFromTheme = function (_a) {
312
292
  multiValue: function (base) { return (__assign(__assign({}, base), { backgroundColor: multiSelect.backgroundColor, color: multiSelect.textColor, fontFamily: input.fontFamily, fontSize: "12px", alignItems: "center", margin: 0, marginRight: 2 })); },
313
293
  loadingMessage: function (base) { return (__assign(__assign({}, base), { color: loadingIndicator.textColor, fontFamily: input.fontFamily, fontSize: input.fontSize })); },
314
294
  });
295
+ };
296
+ var createStylesFromVariant = function (variant) {
297
+ return createStylesFromTheme(defaultSelectTheme, variant);
315
298
  };
316
299
 
317
300
  var AsyncMultiSelect = function (_a) {
318
- var _b = _a.variant, variant = _b === void 0 ? "light" : _b, styles = _a.styles; _a.isMulti; var selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
301
+ var _b = _a.variant, variant = _b === void 0 ? "standard" : _b, styles = _a.styles; _a.isMulti; var selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
319
302
  var selectStyles = React.useMemo(function () {
320
- var sourceStyles = createStylesFromTheme(variant === "light" ? defaultSelectTheme : selectThemeDark);
303
+ var sourceStyles = createStylesFromVariant(variant);
321
304
  return styles ? SelectComponent.mergeStyles(sourceStyles, styles) : sourceStyles;
322
305
  }, [variant, styles]);
323
306
  return (React__namespace.createElement(AsyncComponent__default["default"], __assign({ styles: selectStyles }, selectProps, { isMulti: true })));
324
307
  };
325
308
 
326
309
  var AsyncSelect = function (_a) {
327
- var _b = _a.variant, variant = _b === void 0 ? "light" : _b, styles = _a.styles; _a.isMulti; var selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
310
+ var _b = _a.variant, variant = _b === void 0 ? "standard" : _b, styles = _a.styles; _a.isMulti; var selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
328
311
  var selectStyles = React.useMemo(function () {
329
- var sourceStyles = createStylesFromTheme(variant === "light" ? defaultSelectTheme : selectThemeDark);
312
+ var sourceStyles = createStylesFromVariant(variant);
330
313
  return styles ? SelectComponent.mergeStyles(sourceStyles, styles) : sourceStyles;
331
314
  }, [variant, styles]);
332
315
  return (React__namespace.createElement(AsyncComponent__default["default"], __assign({ styles: selectStyles }, selectProps, { isMulti: false })));
333
316
  };
334
317
 
335
318
  var MultiSelect = function (_a) {
336
- var _b = _a.variant, variant = _b === void 0 ? "light" : _b, styles = _a.styles; _a.isMulti; var selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
319
+ var _b = _a.variant, variant = _b === void 0 ? "standard" : _b, styles = _a.styles; _a.isMulti; var selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
337
320
  var selectStyles = React.useMemo(function () {
338
- var sourceStyles = createStylesFromTheme(variant === "light" ? defaultSelectTheme : selectThemeDark);
321
+ var sourceStyles = createStylesFromVariant(variant);
339
322
  return styles ? SelectComponent.mergeStyles(sourceStyles, styles) : sourceStyles;
340
323
  }, [variant, styles]);
341
324
  return (React__namespace.createElement(SelectComponent__default["default"], __assign({ styles: selectStyles }, selectProps, { isMulti: true })));
342
325
  };
343
326
 
344
327
  var Select = function (_a) {
345
- var _b = _a.variant, variant = _b === void 0 ? "light" : _b, styles = _a.styles; _a.isMulti; var selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
328
+ var _b = _a.variant, variant = _b === void 0 ? "standard" : _b, styles = _a.styles; _a.isMulti; var selectProps = __rest(_a, ["variant", "styles", "isMulti"]);
346
329
  var selectStyles = React.useMemo(function () {
347
- var sourceStyles = createStylesFromTheme(variant === "light" ? defaultSelectTheme : selectThemeDark);
330
+ var sourceStyles = createStylesFromVariant(variant);
348
331
  return styles ? SelectComponent.mergeStyles(sourceStyles, styles) : sourceStyles;
349
332
  }, [variant, styles]);
350
333
  return (React__namespace.createElement(SelectComponent__default["default"], __assign({ styles: selectStyles }, selectProps, { isMulti: false })));
@@ -359,52 +342,54 @@ var removeOptionHeaders = function (selectedInternalOptions) {
359
342
  .filter(removeInternalOptions)
360
343
  .map(convertInternalOptionToDropdownOption);
361
344
  };
362
- var createOnChange = function (onChange) { return function (incomingSelectedInternalOptions, meta) {
363
- var selectedInternalOptions = incomingSelectedInternalOptions !== null && incomingSelectedInternalOptions !== void 0 ? incomingSelectedInternalOptions : [];
364
- switch (meta.action) {
365
- case "select-option":
366
- if (meta.option && "internalOptions" in meta.option) {
367
- var selectedOptions = lodash.uniqWith(selectedInternalOptions.reduce(function (previousValue, currentValue) {
368
- if ("internalOptions" in currentValue) {
369
- return __spreadArray(__spreadArray([], previousValue, true), currentValue.internalOptions, true);
370
- }
371
- else {
372
- return __spreadArray(__spreadArray([], previousValue, true), [
373
- convertInternalOptionToDropdownOption(currentValue),
374
- ], false);
375
- }
376
- }, []), lodash.isEqual);
377
- onChange(selectedOptions, meta);
378
- }
379
- else {
380
- onChange(removeOptionHeaders(selectedInternalOptions), meta);
381
- }
382
- break;
383
- case "deselect-option":
384
- if (meta.option && "internalOptions" in meta.option) {
385
- onChange(removeGroupedOptionsType(meta.option, removeOptionHeaders(selectedInternalOptions)), meta);
386
- }
387
- else {
388
- onChange(removeOptionHeaders(selectedInternalOptions), meta);
389
- }
390
- break;
391
- case "remove-value":
392
- case "pop-value":
393
- if (meta.removedValue && "internalOptions" in meta.removedValue) {
394
- onChange(removeGroupedOptionsType(meta.removedValue, removeOptionHeaders(selectedInternalOptions)), meta);
395
- }
396
- else {
397
- onChange(removeOptionHeaders(selectedInternalOptions), meta);
398
- }
399
- break;
400
- case "clear":
401
- onChange(selectedInternalOptions.map(convertInternalOptionToDropdownOption), meta);
402
- break;
403
- case "create-option":
404
- onChange(selectedInternalOptions.map(convertInternalOptionToDropdownOption), meta);
405
- break;
406
- }
407
- }; };
345
+ var createOnChange = function (onChange) {
346
+ return function (incomingSelectedInternalOptions, meta) {
347
+ var selectedInternalOptions = incomingSelectedInternalOptions !== null && incomingSelectedInternalOptions !== void 0 ? incomingSelectedInternalOptions : [];
348
+ switch (meta.action) {
349
+ case "select-option":
350
+ if (meta.option && "internalOptions" in meta.option) {
351
+ var selectedOptions = lodash.uniqWith(selectedInternalOptions.reduce(function (previousValue, currentValue) {
352
+ if ("internalOptions" in currentValue) {
353
+ return __spreadArray(__spreadArray([], previousValue, true), currentValue.internalOptions, true);
354
+ }
355
+ else {
356
+ return __spreadArray(__spreadArray([], previousValue, true), [
357
+ convertInternalOptionToDropdownOption(currentValue),
358
+ ], false);
359
+ }
360
+ }, []), lodash.isEqual);
361
+ onChange(selectedOptions, meta);
362
+ }
363
+ else {
364
+ onChange(removeOptionHeaders(selectedInternalOptions), meta);
365
+ }
366
+ break;
367
+ case "deselect-option":
368
+ if (meta.option && "internalOptions" in meta.option) {
369
+ onChange(removeGroupedOptionsType(meta.option, removeOptionHeaders(selectedInternalOptions)), meta);
370
+ }
371
+ else {
372
+ onChange(removeOptionHeaders(selectedInternalOptions), meta);
373
+ }
374
+ break;
375
+ case "remove-value":
376
+ case "pop-value":
377
+ if (meta.removedValue && "internalOptions" in meta.removedValue) {
378
+ onChange(removeGroupedOptionsType(meta.removedValue, removeOptionHeaders(selectedInternalOptions)), meta);
379
+ }
380
+ else {
381
+ onChange(removeOptionHeaders(selectedInternalOptions), meta);
382
+ }
383
+ break;
384
+ case "clear":
385
+ onChange(selectedInternalOptions.map(convertInternalOptionToDropdownOption), meta);
386
+ break;
387
+ case "create-option":
388
+ onChange(selectedInternalOptions.map(convertInternalOptionToDropdownOption), meta);
389
+ break;
390
+ }
391
+ };
392
+ };
408
393
  var convertGroupedDropdownOptionsToInternalOptions = function (options) {
409
394
  return options.reduce(function (previousValue, currentValue) {
410
395
  return __spreadArray(__spreadArray(__spreadArray([], previousValue, true), [
@@ -476,15 +461,14 @@ function formatInnerOptionLabel(props) {
476
461
  : props.label;
477
462
  }
478
463
  var GroupedMultiSelect = function (_a) {
479
- var onChange = _a.onChange, options = _a.options, value = _a.value, _b = _a.variant, variant = _b === void 0 ? "light" : _b; _a.formatGroupLabel; _a.formatOptionLabel; var selectProps = __rest(_a, ["onChange", "options", "value", "variant", "formatGroupLabel", "formatOptionLabel"]);
480
- var theme = variant === "light" ? defaultSelectTheme : selectThemeDark;
464
+ var onChange = _a.onChange, options = _a.options, value = _a.value, _b = _a.variant, variant = _b === void 0 ? "standard" : _b; _a.formatGroupLabel; _a.formatOptionLabel; var selectProps = __rest(_a, ["onChange", "options", "value", "variant", "formatGroupLabel", "formatOptionLabel"]);
481
465
  var Option = function (props) {
482
466
  var label = formatInnerOptionLabel(props);
483
467
  var isGroupOption = "internalOptions" in props.data;
484
468
  return (React__namespace.createElement(SelectComponent.components.Option, __assign({}, props),
485
469
  React__namespace.createElement(core.Row, null,
486
470
  !isGroupOption && React__namespace.createElement(core.Space, null),
487
- React__namespace.createElement(InnerOption, { theme: theme, size: !isGroupOption ? "small" : undefined, label: label, selected: props.isSelected, focused: props.isFocused }))));
471
+ React__namespace.createElement(InnerOption, { theme: defaultSelectTheme, size: !isGroupOption ? "small" : undefined, label: label, selected: props.isSelected, focused: props.isFocused }))));
488
472
  };
489
473
  var MultiValue = function (props) {
490
474
  return !("internalOptions" in props.data) ? (React__namespace.createElement(SelectComponent.components.MultiValue, __assign({}, props))) : null;
@@ -534,13 +518,6 @@ var GroupedChipMultiSelect = React__namespace.memo(function (_a) {
534
518
  React__namespace.createElement(GroupedMultiSelect, __assign({}, selectProps, { isClearable: false, value: value, onChange: onValueChange, backspaceRemovesValue: false, hideSelectedOptions: true, controlShouldRenderValue: false, placeholder: placeholder, isLoading: loading, inputValue: inputValue, onInputChange: onInputChange }))));
535
519
  });
536
520
 
537
- var mergeStyles = function (themeStyle, userStyle) {
538
- if (!userStyle) {
539
- return themeStyle;
540
- }
541
- return lodash.merge({}, themeStyle, userStyle);
542
- };
543
-
544
521
  exports.AsyncMultiSelect = AsyncMultiSelect;
545
522
  exports.AsyncSelect = AsyncSelect;
546
523
  exports.ChipMultiSelect = ChipMultiSelect;
@@ -549,7 +526,6 @@ exports.GroupedMultiSelect = GroupedMultiSelect;
549
526
  exports.MultiSelect = MultiSelect;
550
527
  exports.Select = Select;
551
528
  exports.createStylesFromTheme = createStylesFromTheme;
529
+ exports.createStylesFromVariant = createStylesFromVariant;
552
530
  exports.defaultSelectTheme = defaultSelectTheme;
553
- exports.mergeStyles = mergeStyles;
554
- exports.selectThemeDark = selectThemeDark;
555
531
  //# sourceMappingURL=index.js.map