@stenajs-webui/select 20.0.3 → 20.2.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 (9) hide show
  1. package/dist/components/ui/ChipMultiSelect/ChipMultiSelect.d.ts +2 -2
  2. package/dist/components/ui/ChipMultiSelect/ChipRow.d.ts +2 -3
  3. package/dist/components/ui/MultiSelect.d.ts +4 -3
  4. package/dist/components/ui/OverflowingMultiSelect.d.ts +2 -2
  5. package/dist/index.es.js +192 -152
  6. package/dist/index.es.js.map +1 -1
  7. package/dist/index.js +1 -1
  8. package/dist/index.js.map +1 -1
  9. package/package.json +6 -6
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/SelectTheme.ts","../src/util/StylesBuilder.ts","../src/components/ui/AsyncMultiSelect.tsx","../src/components/ui/AsyncSelect.tsx","../src/components/ui/MultiSelect.tsx","../src/components/ui/OverflowingMultiSelect.tsx","../src/components/ui/Select.tsx","../src/util/multiDropdownUtils.ts","../src/components/ui/GroupedMultiSelect.tsx","../src/components/ui/CreatableSelect.tsx","../src/components/ui/ChipMultiSelect/ChipRow.tsx","../src/components/ui/ChipMultiSelect/ChipMultiSelect.tsx","../src/components/ui/ChipMultiSelect/GroupedChipMultiSelect.tsx"],"sourcesContent":["import { Property } from \"csstype\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SelectTheme {\n arrowColor: {\n disabled: string;\n focused: {\n standard: string;\n hover: string;\n };\n closed: {\n standard: string;\n hover: string;\n };\n };\n clearButtonColor: {\n standard: string;\n hover: string;\n };\n input: {\n backgroundColor: string;\n border: string;\n borderColor: string;\n disabledBorderColor: string;\n borderColorFocused: string;\n borderRadius: string;\n disabledBackgroundColor: string;\n warningBackgroundColor: string;\n errorBackgroundColor: string;\n successBackgroundColor: string;\n warningBorderColor: string;\n errorBorderColor: string;\n successBorderColor: string;\n boxShadowFocused: string;\n fontFamily: string;\n fontSize: string;\n height?: string;\n minHeight?: string;\n placeholderColor: string;\n textColor: string;\n };\n loadingIndicator: {\n textColor: string;\n };\n menu: {\n disabledTextColor: string;\n disabledBackgroundColor: string;\n textColor: string;\n backgroundColor: string;\n hoverTextColor: string;\n hoverBackgroundColor: string;\n activeTextColor: string;\n activeBackgroundColor: string;\n minWidth?: string;\n selectedItemTextColor: string;\n selectedItemBackgroundColor: string;\n selectedItemHoverTextColor: string;\n selectedItemIconColor: string;\n selectedItemHoverIconColor: string;\n selectedItemHoverBackgroundColor: string;\n selectedItemActiveTextColor: string;\n selectedItemActiveBackgroundColor: string;\n zIndex: number;\n width?: string;\n whiteSpace?: Property.WhiteSpace;\n };\n groupHeading: {\n fontSize: string;\n lineHeight: string;\n fontWeight: string;\n color: string;\n letterSpacing: string;\n };\n menuPortal: {\n zIndex: number;\n };\n multiSelect: {\n backgroundColor: string;\n textColor: string;\n removeButtonBackgroundColor: string;\n removeButtonTextColor: string;\n removeButtonHoverBackgroundColor: string;\n removeButtonHoverTextColor: string;\n };\n}\n\nexport const defaultSelectTheme: SelectTheme = {\n arrowColor: {\n disabled: cssColor(\"--silver-light\"),\n focused: {\n hover: cssColor(\"--lhds-color-blue-600\"),\n standard: cssColor(\"--lhds-color-blue-600\"),\n },\n closed: {\n hover: cssColor(\"--lhds-color-blue-600\"),\n standard: cssColor(\"--lhds-color-blue-600\"),\n },\n },\n clearButtonColor: {\n hover: cssColor(\"--lhds-color-red-600\"),\n standard: cssColor(\"--lhds-color-red-500\"),\n },\n input: {\n backgroundColor: \"var(--swui-field-bg-enabled)\",\n border: `1px solid var(--swui-select-border-color)`,\n borderColor: \"var(--swui-field-border-color)\",\n borderColorFocused: \"var(--swui-field-border-color-hover)\",\n disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n disabledBorderColor: \"var(--swui-field-bg-disabled)\",\n warningBackgroundColor: \"var(--swui-state-alert-light-color)\",\n warningBorderColor: \"var(--swui-state-alert-light-color)\",\n errorBackgroundColor: \"var(--swui-state-error-light-color)\",\n errorBorderColor: \"var(--swui-state-error-light-color)\",\n successBackgroundColor: \"var(--swui-state-success-light-color)\",\n successBorderColor: \"var(--swui-state-success-light-color)\",\n boxShadowFocused: \"none\",\n fontFamily: \"var(--swui-font-primary)\",\n fontSize: \"var(--swui-font-size-inputs)\",\n minHeight: \"30px\",\n placeholderColor: \"var(--swui-field-text-color)\",\n textColor: \"var(--swui-field-text-color)\",\n borderRadius: \"var(--swui-field-border-radius)\",\n },\n loadingIndicator: {\n textColor: \"var(--swui-field-text-color)\",\n },\n groupHeading: {\n fontSize: \"var(--swui-font-size-smaller)\",\n lineHeight: \"var(--swui-line-height-smaller)\",\n fontWeight: \"var(--swui-font-weight-text-bold)\",\n color: cssColor(\"--lhds-color-ui-600\"),\n letterSpacing: \"0.1rem\",\n },\n menu: {\n activeBackgroundColor: cssColor(\"--lhds-color-blue-100\"),\n activeTextColor: \"var(--swui-field-text-color)\",\n selectedItemActiveBackgroundColor: cssColor(\"--lhds-color-blue-500\"),\n selectedItemActiveTextColor: cssColor(\"--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: cssColor(\"--lhds-color-blue-200\"),\n selectedItemTextColor: cssColor(\"--lhds-color-blue-500\"),\n selectedItemIconColor: cssColor(\"--lhds-color-blue-500\"),\n selectedItemHoverTextColor: \"var(--swui-field-text-color)\",\n selectedItemHoverIconColor: \"var(--swui-field-text-color)\",\n selectedItemBackgroundColor: cssColor(\"--lhds-color-blue-50\"),\n selectedItemHoverBackgroundColor: cssColor(\"--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: cssColor(\"--lhds-color-blue-50\"),\n removeButtonBackgroundColor: \"transparent\",\n removeButtonTextColor: \"var(--swui-white)\",\n removeButtonHoverBackgroundColor: \"var(--swui-primary-action-color-hover)\",\n removeButtonHoverTextColor: \"var(--swui-white)\",\n },\n};\n","import { StylesConfig } from \"react-select\";\nimport { defaultSelectTheme, SelectTheme } from \"../SelectTheme\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport type SelectVariant = \"standard\" | \"warning\" | \"error\" | \"success\";\n\nconst resolveOptionBackgroundColor = (\n colors: SelectTheme[\"menu\"],\n isDisabled: boolean,\n isSelected: boolean,\n isFocused: boolean\n): string | undefined => {\n if (isDisabled) {\n return colors.disabledBackgroundColor;\n } else if (isSelected && isFocused) {\n return colors.selectedItemHoverBackgroundColor;\n } else if (isSelected) {\n return colors.selectedItemBackgroundColor;\n } else if (isFocused) {\n return colors.hoverBackgroundColor;\n } else {\n return undefined;\n }\n};\n\nconst resolveOptionColor = (\n colors: SelectTheme[\"menu\"],\n isDisabled: boolean,\n isSelected: boolean,\n isFocused: boolean\n): string | undefined => {\n if (isDisabled) {\n return colors.disabledTextColor;\n } else if (isSelected && isFocused) {\n return colors.selectedItemHoverTextColor;\n } else if (isSelected) {\n return colors.selectedItemTextColor;\n } else if (isFocused) {\n return colors.hoverTextColor;\n } else {\n return undefined;\n }\n};\n\nconst resolveInputBackgroundColor = (\n colors: SelectTheme[\"input\"],\n isDisabled: boolean,\n isFocused: boolean,\n variant: SelectVariant | undefined\n): string | undefined => {\n if (isDisabled) {\n return colors.disabledBackgroundColor;\n } else if (isFocused) {\n return colors.backgroundColor;\n } else if (variant === \"warning\") {\n return colors.warningBackgroundColor;\n } else if (variant === \"success\") {\n return colors.successBackgroundColor;\n } else if (variant === \"error\") {\n return colors.errorBackgroundColor;\n } else {\n return colors.backgroundColor;\n }\n};\n\nconst resolveInputBorderColor = (\n colors: SelectTheme[\"input\"],\n isDisabled: boolean,\n isFocused: boolean,\n isHovered: boolean,\n variant: SelectVariant | undefined\n): string | undefined => {\n if (isDisabled) {\n return colors.disabledBorderColor;\n } else if (isFocused) {\n return colors.borderColorFocused;\n } else if (variant === \"warning\") {\n return colors.warningBorderColor;\n } else if (variant === \"success\") {\n return colors.successBorderColor;\n } else if (variant === \"error\") {\n return colors.errorBorderColor;\n } else if (isHovered) {\n return colors.borderColorFocused;\n } else {\n return colors.borderColor;\n }\n};\n\n/**\n * @deprecated\n */\nexport const createStylesFromTheme = <\n OptionType,\n IsMulti extends boolean,\n TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>(\n {\n menu,\n menuPortal,\n input,\n multiSelect,\n clearButtonColor,\n arrowColor,\n groupHeading,\n loadingIndicator,\n }: SelectTheme,\n variant: SelectVariant | undefined\n): StylesConfig<OptionType, IsMulti, TGroup> => ({\n option: (base, { isDisabled, isFocused, isSelected }) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n backgroundColor: resolveOptionBackgroundColor(\n menu,\n isDisabled,\n isSelected,\n isFocused\n ),\n color: resolveOptionColor(menu, isDisabled, isSelected, isFocused),\n cursor: isDisabled ? \"not-allowed\" : \"default\",\n whiteSpace: menu.whiteSpace || base.whiteSpace,\n \":active\": {\n backgroundColor: isDisabled\n ? undefined\n : isSelected\n ? menu.selectedItemActiveBackgroundColor\n : menu.activeBackgroundColor,\n color: isDisabled\n ? undefined\n : isSelected\n ? menu.selectedItemActiveTextColor\n : menu.activeTextColor,\n },\n }),\n control: (base, { isFocused, isDisabled, menuIsOpen }) => ({\n ...base,\n // none of react-selects styles are passed to <View />\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n minHeight: input.minHeight,\n backgroundColor: resolveInputBackgroundColor(\n input,\n isDisabled,\n isFocused,\n variant\n ),\n borderRadius: input.borderRadius,\n border: input.border,\n \"--swui-select-border-color\": resolveInputBorderColor(\n input,\n isDisabled,\n isFocused || menuIsOpen,\n false,\n variant\n ),\n outline: isFocused ? \"var(--swui-focus-outline)\" : undefined,\n outlineOffset: isFocused ? \"-1px\" : undefined,\n transition: \"none\",\n boxShadow: isFocused ? input.boxShadowFocused : undefined,\n \"&:hover\": {\n \"--swui-select-border-color\": resolveInputBorderColor(\n input,\n false,\n isFocused || menuIsOpen,\n true,\n variant\n ),\n },\n }),\n singleValue: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n color: input.textColor,\n }),\n noOptionsMessage: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n }),\n input: (base) => ({\n ...base,\n minHeight: input.minHeight,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n color: input.textColor,\n }),\n groupHeading: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: groupHeading.fontSize,\n lineHeight: groupHeading.lineHeight,\n fontWeight: groupHeading.fontWeight as any,\n color: groupHeading.color,\n letterSpacing: groupHeading.letterSpacing,\n }),\n multiValueLabel: (base) => ({\n ...base,\n backgroundColor: multiSelect.backgroundColor,\n color: multiSelect.textColor,\n fontFamily: input.fontFamily,\n fontSize: groupHeading.fontSize,\n }),\n indicatorSeparator: (base) => ({\n ...base,\n display: \"none\",\n }),\n clearIndicator: (base) => ({\n ...base,\n padding: \"5px\",\n color: clearButtonColor.standard,\n \"&:hover\": {\n color: clearButtonColor.hover,\n },\n cursor: \"pointer\",\n }),\n placeholder: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n color: input.placeholderColor,\n }),\n container: (base) => ({\n ...base,\n }),\n valueContainer: (base) => ({\n ...base,\n padding: \"0 8px\",\n }),\n dropdownIndicator: (base, { isFocused, isDisabled }) => ({\n ...base,\n padding: \"5px\",\n color: isDisabled\n ? arrowColor.disabled\n : isFocused\n ? arrowColor.focused.standard\n : arrowColor.closed.standard,\n \"&:hover\": {\n color: isDisabled\n ? arrowColor.disabled\n : isFocused\n ? arrowColor.focused.hover\n : arrowColor.closed.hover,\n },\n svg: {\n width: 14,\n height: 14,\n },\n }),\n menu: (base) => ({\n ...base,\n backgroundColor: menu.backgroundColor,\n color: menu.textColor,\n minWidth: menu.minWidth || base.minWidth,\n zIndex: menu.zIndex,\n width: menu.width || base.width,\n border: input.border,\n borderColor: input.borderColorFocused,\n }),\n menuPortal: (base) => ({\n ...base,\n zIndex: menuPortal.zIndex,\n }),\n multiValueRemove: (styles) => ({\n ...styles,\n backgroundColor: multiSelect.removeButtonBackgroundColor,\n \":hover\": {\n color: multiSelect.removeButtonHoverTextColor,\n backgroundColor: multiSelect.removeButtonHoverBackgroundColor,\n },\n color: multiSelect.removeButtonTextColor,\n borderRadius: \"50%\",\n width: 16,\n height: 16,\n padding: 0,\n margin: 3,\n marginTop: 4,\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n cursor: \"pointer\",\n }),\n multiValue: (base) => ({\n ...base,\n backgroundColor: multiSelect.backgroundColor,\n color: multiSelect.textColor,\n fontFamily: input.fontFamily,\n fontSize: groupHeading.fontSize,\n alignItems: \"center\",\n margin: 0,\n marginRight: 2,\n }),\n loadingMessage: (base) => ({\n ...base,\n color: loadingIndicator.textColor,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n }),\n});\n\nexport const createStylesFromVariant = <\n OptionType,\n IsMulti extends boolean,\n TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>(\n variant: SelectVariant\n): StylesConfig<OptionType, IsMulti, TGroup> =>\n createStylesFromTheme(defaultSelectTheme, variant);\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { mergeStyles } from \"react-select\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncMultiSelectProps<T = { label: string; value: string }>\n extends AsyncProps<T, true, GroupBase<T>> {\n variant?: SelectVariant;\n isMulti?: true;\n}\n\nexport function AsyncMultiSelect<T>({\n variant = \"standard\",\n styles,\n isMulti,\n ...selectProps\n}: AsyncMultiSelectProps<T>) {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromVariant<T, true>(variant);\n\n return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n }, [variant, styles]);\n\n return (\n <AsyncComponent styles={selectStyles} {...selectProps} isMulti={true} />\n );\n}\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { mergeStyles } from \"react-select\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncSelectProps<T = { label: string; value: string }>\n extends AsyncProps<T, false, GroupBase<T>> {\n variant?: SelectVariant;\n isMulti?: false;\n}\n\nexport function AsyncSelect<T>({\n variant = \"standard\",\n styles,\n isMulti,\n ...selectProps\n}: AsyncSelectProps<T>) {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n }, [variant, styles]);\n\n return (\n <AsyncComponent styles={selectStyles} {...selectProps} isMulti={false} />\n );\n}\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, {\n ClearIndicatorProps,\n GroupBase,\n mergeStyles,\n Props,\n SelectComponentsConfig,\n} from \"react-select\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { CloseButton } from \"@stenajs-webui/elements\";\n\nexport interface MultiSelectProps<TOption = { label: string; value: string }>\n extends Props<TOption, true> {\n variant?: SelectVariant;\n isMulti?: true;\n}\n\nexport type MultiSelectComponentsConfig<TOption> = SelectComponentsConfig<\n TOption,\n true,\n GroupBase<TOption>\n>;\n\nexport function MultiSelect<TOption>({\n variant = \"standard\",\n styles,\n isMulti,\n components,\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 const ClearIndicator = (\n props: ClearIndicatorProps<TOption, true, GroupBase<TOption>>\n ) => <CloseButton aria-label={\"Clear\"} onClick={props.clearValue} />;\n\n return (\n <SelectComponent\n styles={selectStyles}\n components={{ ...components, ClearIndicator }}\n {...selectProps}\n isMulti={true}\n />\n );\n}\n","import * as React from \"react\";\nimport { MultiSelect, MultiSelectProps } from \"./MultiSelect\";\nimport { memo, ReactElement } from \"react\";\nimport { components, ValueContainerProps } from \"react-select\";\n\nexport function OverflowingMultiSelect<T>(props: MultiSelectProps<T>) {\n return (\n <MultiSelect\n hideSelectedOptions={false}\n {...props}\n components={{\n ...props.components,\n ValueContainer: FirstValueOnlyValueContainer,\n }}\n />\n );\n}\n\nconst FirstValueOnlyValueContainer = memo(\n (props: ValueContainerProps<any, true>) => {\n const [prevOptions, ...restChildren] = props.children as [\n ReactElement[] | null | undefined,\n ReactElement[] | null | undefined\n ];\n\n const options = getOptionsToRender(prevOptions, props);\n\n return (\n <components.ValueContainer {...props}>\n {options}\n {restChildren}\n </components.ValueContainer>\n );\n }\n);\n\nconst getOptionsToRender = (\n optionElements: ReactElement[] | null | undefined,\n {\n children,\n innerProps,\n className,\n ...spreadProps\n }: ValueContainerProps<any, true>\n) => {\n if (!optionElements) {\n return null;\n }\n\n if (optionElements.length > 1) {\n return [\n optionElements[0],\n <components.MultiValue\n {...spreadProps}\n key={\"DUMMY_VALUE_FOR_PLUS_X\"}\n innerProps={{}}\n data={null}\n isFocused={false}\n removeProps={{}}\n index={1}\n components={{\n Container: components.MultiValueContainer,\n Label: components.MultiValueLabel,\n Remove: () => <div style={{ height: 16, margin: 3, marginTop: 4 }} />,\n }}\n >\n {\"+\" + (optionElements.length - 1)}\n </components.MultiValue>,\n ];\n } else {\n return optionElements;\n }\n};\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, {\n ClearIndicatorProps,\n GroupBase,\n mergeStyles,\n Props,\n} from \"react-select\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { CloseButton } from \"@stenajs-webui/elements\";\n\nexport interface SelectProps<T = { label: string; value: string }>\n extends Props<T, false> {\n variant?: SelectVariant;\n isMulti?: false;\n}\n\nexport function Select<T>({\n variant = \"standard\",\n styles,\n isMulti,\n components,\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 const ClearIndicator = (\n props: ClearIndicatorProps<T, false, GroupBase<T>>\n ) => <CloseButton aria-label={\"Clear\"} onClick={props.clearValue} />;\n\n return (\n <SelectComponent\n styles={selectStyles}\n components={{ ...components, ClearIndicator }}\n {...selectProps}\n isMulti={false}\n />\n );\n}\n","import { differenceWith, intersectionWith, isEqual, uniqWith } from \"lodash\";\nimport { ActionMeta, GroupBase, OnChangeValue, Options } from \"react-select\";\nimport { OnChange } from \"../components/ui/GroupedMultiSelect\";\nimport { DropdownOption } from \"../components/ui/GroupedMultiSelectTypes\";\n\nexport type GroupedOptionsType<TOption> = ReadonlyArray<GroupBase<TOption>>;\n\nexport type InternalDropdownOption<TData> =\n | InternalChildOption<TData>\n | InternalParentDropdownOption<TData>;\n\ninterface InternalChildOption<TData> {\n data: TData;\n label: string;\n value: string;\n}\n\ninterface InternalParentDropdownOption<TData> {\n data: TData;\n label: string;\n value: string;\n internalOptions: Options<DropdownOption<TData>>;\n}\n\nconst removeGroupedOptionsType = <TData>(\n removedValue: InternalParentDropdownOption<TData>,\n selectedInternalOptions: Options<InternalDropdownOption<TData>>\n): Options<InternalDropdownOption<TData>> =>\n differenceWith(\n selectedInternalOptions,\n [...removedValue.internalOptions, removedValue],\n isEqual\n ).map(convertInternalOptionToDropdownOption);\n\nconst removeInternalOptions = <TData>(\n selectedInternalOption: InternalDropdownOption<TData>\n): boolean => !(\"internalOptions\" in selectedInternalOption);\n\nconst removeOptionHeaders = <TData>(\n selectedInternalOptions: Options<InternalDropdownOption<TData>>\n): Options<InternalDropdownOption<TData>> =>\n selectedInternalOptions\n .filter(removeInternalOptions)\n .map(convertInternalOptionToDropdownOption);\n\nexport const createOnChange =\n <TData>(onChange: OnChange<TData>) =>\n (\n incomingSelectedInternalOptions: OnChangeValue<\n InternalDropdownOption<TData>,\n true\n >,\n meta: ActionMeta<InternalDropdownOption<TData>>\n ) => {\n const selectedInternalOptions = incomingSelectedInternalOptions ?? [];\n switch (meta.action) {\n case \"select-option\":\n if (meta.option && \"internalOptions\" in meta.option) {\n const selectedOptions: OnChangeValue<\n InternalDropdownOption<TData>,\n true\n > = uniqWith(\n selectedInternalOptions.reduce<Options<DropdownOption<TData>>>(\n (previousValue, currentValue) => {\n if (\"internalOptions\" in currentValue) {\n return [...previousValue, ...currentValue.internalOptions];\n } else {\n return [\n ...previousValue,\n convertInternalOptionToDropdownOption(currentValue),\n ];\n }\n },\n []\n ),\n isEqual\n );\n\n onChange(selectedOptions, meta);\n } else {\n onChange(removeOptionHeaders(selectedInternalOptions), meta);\n }\n break;\n case \"deselect-option\":\n if (meta.option && \"internalOptions\" in meta.option) {\n onChange(\n removeGroupedOptionsType(\n meta.option,\n removeOptionHeaders(selectedInternalOptions)\n ),\n meta\n );\n } else {\n onChange(removeOptionHeaders(selectedInternalOptions), meta);\n }\n break;\n case \"remove-value\":\n case \"pop-value\":\n if (meta.removedValue && \"internalOptions\" in meta.removedValue) {\n onChange(\n removeGroupedOptionsType(\n meta.removedValue,\n removeOptionHeaders(selectedInternalOptions)\n ),\n meta\n );\n } else {\n onChange(removeOptionHeaders(selectedInternalOptions), meta);\n }\n break;\n case \"clear\":\n onChange(\n selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n meta\n );\n break;\n case \"create-option\":\n onChange(\n selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n meta\n );\n break;\n default:\n break;\n }\n };\n\nexport const convertGroupedDropdownOptionsToInternalOptions = <TData>(\n options: GroupedOptionsType<DropdownOption<TData>>\n): InternalDropdownOption<TData>[] => {\n return options.reduce<InternalDropdownOption<TData>[]>(\n (previousValue, currentValue) => {\n return [\n ...previousValue,\n convertGroupedDropdownOptionToInternalOption(currentValue),\n ...currentValue.options.map(convertDropdownOptionToInternalOption),\n ];\n },\n []\n );\n};\n\nexport const convertValueToInternalValue = <TData>(\n options: GroupedOptionsType<DropdownOption<TData>>,\n values: Options<DropdownOption<TData>> | undefined\n): InternalDropdownOption<TData>[] => {\n if (!values) {\n return [];\n }\n const selectedOptions: InternalDropdownOption<TData>[] = [];\n options.forEach((option) => {\n if (allOptionsExists(option.options, values)) {\n selectedOptions.push(\n convertGroupedDropdownOptionToInternalOption(option)\n );\n }\n selectedOptions.push(\n ...intersectionWith(option.options, values, isEqual).map((option) =>\n convertDropdownOptionToInternalOption(option)\n )\n );\n });\n return selectedOptions;\n};\n\nexport const allOptionsExists = <TData>(\n options: Options<DropdownOption<TData>>,\n selectedValues: Options<DropdownOption<TData>> | undefined\n): boolean => {\n if (!selectedValues) {\n return false;\n }\n\n return (\n intersectionWith(options, selectedValues, isEqual).length === options.length\n );\n};\n\nexport const convertDropdownOptionToInternalOption = <TData>(\n option: DropdownOption<TData>\n): InternalDropdownOption<TData> => ({\n data: option.data,\n label: option.label,\n value: option.value,\n});\n\n// TODO: can this be done `any` other way\nexport const convertGroupedDropdownOptionToInternalOption = <TData>(\n option: GroupBase<DropdownOption<TData>>\n): InternalDropdownOption<TData> => ({\n data: option.label as any,\n label: option.label as any,\n value: option.label as any,\n internalOptions: option.options,\n});\n\nexport const convertInternalOptionToDropdownOption = <TData>(\n option: InternalDropdownOption<TData>\n): DropdownOption<TData> => ({\n data: option.data,\n label: option.label,\n value: option.value,\n});\n","import { Row, Space, Text, TextSize } from \"@stenajs-webui/core\";\nimport { Icon, stenaCheck } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n ActionMeta,\n components,\n GroupBase,\n MultiValueProps,\n OnChangeValue,\n OptionProps,\n Options,\n} from \"react-select\";\nimport { defaultSelectTheme, SelectTheme } from \"../../SelectTheme\";\nimport {\n convertGroupedDropdownOptionsToInternalOptions,\n convertValueToInternalValue,\n createOnChange,\n GroupedOptionsType,\n InternalDropdownOption,\n} from \"../../util/multiDropdownUtils\";\nimport { DropdownOption } from \"./GroupedMultiSelectTypes\";\nimport {\n MultiSelect,\n MultiSelectComponentsConfig,\n MultiSelectProps,\n} from \"./MultiSelect\";\n\nexport type OnChange<TData> = (\n value: OnChangeValue<DropdownOption<TData>, true>,\n action: ActionMeta<any>\n) => void;\n\nexport interface GroupedMultiSelectProps<TData>\n extends Omit<\n MultiSelectProps<InternalDropdownOption<TData>>,\n \"options\" | \"onChange\" | \"value\" | \"components\"\n > {\n /**\n * Same as Select prop `component` but without MultiValue and Option since they can not be modified\n */\n components?: Omit<\n MultiSelectComponentsConfig<InternalDropdownOption<TData>>,\n \"MultiValue\" | \"Option\"\n >;\n /**\n * Same as Select prop `options` but only with GroupOptionsType\n */\n options?: GroupedOptionsType<DropdownOption<TData>>;\n /**\n * Same as Select prop `onChange` but only with GroupOptionsType\n */\n onChange?: OnChange<TData>;\n /**\n * Same as Select prop `value` but only with GroupOptionsType\n */\n value?: Options<DropdownOption<TData>> | undefined;\n}\n\nconst resolveIconColor = (\n theme: SelectTheme,\n isFocused: boolean\n): string | undefined =>\n isFocused\n ? theme.menu.selectedItemHoverIconColor\n : theme.menu.selectedItemIconColor;\n\nfunction formatInnerOptionLabel<TData>(\n props: OptionProps<\n InternalDropdownOption<TData>,\n true,\n GroupBase<InternalDropdownOption<TData>>\n >\n) {\n const { formatGroupLabel, formatOptionLabel } = props.selectProps;\n\n if (\"internalOptions\" in props.data) {\n return formatGroupLabel\n ? formatGroupLabel({\n label: props.data.label,\n options: props.data.internalOptions,\n })\n : props.label;\n }\n\n return formatOptionLabel\n ? formatOptionLabel(props.data, {\n context: \"menu\",\n inputValue: props.selectProps.inputValue ?? \"\",\n selectValue: props.getValue(),\n })\n : props.label;\n}\n\nexport function GroupedMultiSelect<TData>({\n onChange,\n options,\n value,\n variant = \"standard\",\n formatGroupLabel,\n formatOptionLabel,\n ...selectProps\n}: GroupedMultiSelectProps<TData>): React.ReactElement<\n GroupedMultiSelectProps<TData>\n> {\n const Option = (\n props: OptionProps<\n InternalDropdownOption<TData>,\n true,\n GroupBase<InternalDropdownOption<TData>>\n >\n ) => {\n const label = formatInnerOptionLabel(props);\n const isGroupOption = \"internalOptions\" in props.data;\n\n return (\n <components.Option {...props}>\n <Row>\n {!isGroupOption && <Space />}\n <InnerOption\n theme={defaultSelectTheme}\n size={!isGroupOption ? \"small\" : undefined}\n label={label}\n selected={props.isSelected}\n focused={props.isFocused}\n />\n </Row>\n </components.Option>\n );\n };\n\n const MultiValue = (\n props: MultiValueProps<\n InternalDropdownOption<TData>,\n true,\n GroupBase<InternalDropdownOption<TData>>\n >\n ) => {\n return !(\"internalOptions\" in props.data) ? (\n <components.MultiValue {...props} />\n ) : null;\n };\n\n const internalValue = options\n ? convertValueToInternalValue(options, value)\n : undefined;\n const internalOptions = options\n ? convertGroupedDropdownOptionsToInternalOptions(options)\n : undefined;\n\n return (\n <MultiSelect<InternalDropdownOption<TData>>\n {...selectProps}\n onChange={onChange ? createOnChange<TData>(onChange) : undefined}\n hideSelectedOptions={false}\n components={{\n ...selectProps.components,\n MultiValue,\n Option,\n }}\n isMulti={true}\n options={internalOptions}\n value={internalValue}\n variant={variant}\n />\n );\n}\n\ninterface InnerOptionProps {\n size?: TextSize;\n selected: boolean;\n theme: SelectTheme;\n label: ReactNode;\n focused: boolean;\n}\n\nconst InnerOption: React.VFC<InnerOptionProps> = ({\n focused,\n label,\n selected,\n size,\n theme,\n}) => (\n <Row alignItems={\"center\"} justifyContent={\"space-between\"} flexGrow={1}>\n <Text tabIndex={-1} size={size} color={\"currentColor\"}>\n {label}\n </Text>\n {selected && (\n <Icon\n color={resolveIconColor(theme, focused)}\n icon={stenaCheck}\n size={12}\n />\n )}\n </Row>\n);\n","import { CloseButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { ClearIndicatorProps, mergeStyles } from \"react-select\";\nimport CreatableComponent, { CreatableProps } from \"react-select/creatable\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\n\nexport interface CreatableSelectProps<T = { label: string; value: string }>\n extends CreatableProps<T, false, GroupBase<T>> {\n variant?: SelectVariant;\n isMulti?: false;\n ariaLabelClear?: string;\n}\n\nexport function CreatableSelect<T>({\n variant = \"standard\",\n styles,\n isMulti,\n components,\n ariaLabelClear = \"Clear\",\n ...selectProps\n}: CreatableSelectProps<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 const ClearIndicator = (\n props: ClearIndicatorProps<T, false, GroupBase<T>>\n ) => <CloseButton aria-label={ariaLabelClear} onClick={props.clearValue} />;\n\n return (\n <CreatableComponent\n styles={selectStyles}\n components={{ ...components, ClearIndicator }}\n {...selectProps}\n isMulti={false}\n />\n );\n}\n","import { Column, Row, Space, Spacing } from \"@stenajs-webui/core\";\nimport { Chip, FlatButton } from \"@stenajs-webui/elements\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\n\nexport interface ChipRowItem {\n label: string;\n value: string;\n}\n\nexport interface ChipRowProps<TValue>\n extends ValueAndOnValueChangeProps<TValue> {\n noneSelectedLabel?: string;\n}\n\nexport function ChipRow<TValue extends ChipRowItem>({\n value,\n onValueChange,\n noneSelectedLabel = \"None\",\n children,\n}: PropsWithChildren<ChipRowProps<Array<TValue>>>) {\n return (\n <Column flex={1}>\n <Row flexWrap={\"wrap\"}>\n {value?.map((v) => (\n <Row key={v.value}>\n <Spacing num={0.5}>\n <Chip\n label={v.label}\n onClickRemove={() =>\n onValueChange?.(\n value?.filter((f) => f.value !== v.value) ?? []\n )\n }\n />\n </Spacing>\n <Space />\n </Row>\n ))}\n {value?.length ? (\n <Spacing num={0.5}>\n <FlatButton\n size={\"small\"}\n label={\"Clear\"}\n onClick={() => onValueChange?.([])}\n />\n </Spacing>\n ) : (\n <Spacing num={0.5}>\n <Chip variant={\"secondary\"} label={noneSelectedLabel} />\n </Spacing>\n )}\n </Row>\n <Space num={0.5} />\n {children}\n </Column>\n );\n}\n","import { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { MultiSelect, MultiSelectProps } from \"../MultiSelect\";\nimport { ChipRow, ChipRowItem } from \"./ChipRow\";\n\nexport interface ChipMultiSelectOption extends ChipRowItem {}\n\n/**\n * @deprecated renamed to ChipMultiSelectOption\n */\nexport type ChipMultiSelectValue = ChipMultiSelectOption;\n\nexport interface ChipMultiSelectProps<TOption>\n extends Omit<MultiSelectProps<TOption>, \"value\" | \"onChange\" | \"isLoading\">,\n ValueAndOnValueChangeProps<Array<TOption>> {\n loading?: boolean;\n inputValue?: string;\n onInputChange?: (inputValue: string) => void;\n noneSelectedLabel?: string;\n}\n\nfunction _ChipMultiSelect<TOption extends ChipMultiSelectOption>({\n value,\n onValueChange,\n placeholder = \"Type to search\",\n loading,\n inputValue,\n onInputChange,\n noneSelectedLabel = \"None\",\n ...selectProps\n}: ChipMultiSelectProps<TOption>) {\n return (\n <ChipRow\n noneSelectedLabel={noneSelectedLabel}\n onValueChange={onValueChange}\n value={value}\n >\n <MultiSelect<TOption>\n {...selectProps}\n isClearable={false}\n value={value}\n onChange={\n onValueChange ? (value) => onValueChange([...value]) : undefined\n }\n backspaceRemovesValue={false}\n hideSelectedOptions\n controlShouldRenderValue={false}\n placeholder={placeholder}\n isLoading={loading}\n inputValue={inputValue}\n onInputChange={onInputChange}\n />\n </ChipRow>\n );\n}\n\nexport const ChipMultiSelect = React.memo(\n _ChipMultiSelect\n) as typeof _ChipMultiSelect;\n","import * as React from \"react\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport {\n GroupedMultiSelect,\n GroupedMultiSelectProps,\n} from \"../GroupedMultiSelect\";\nimport { DropdownOption } from \"../GroupedMultiSelectTypes\";\nimport { ChipRow } from \"./ChipRow\";\n\nexport interface GroupedChipMultiSelectValue<TData>\n extends DropdownOption<TData> {}\n\nexport interface GroupedChipMultiSelectProps<TData>\n extends Omit<GroupedMultiSelectProps<TData>, \"onChange\" | \"value\">,\n ValueAndOnValueChangeProps<Array<DropdownOption<TData>>> {\n loading?: boolean;\n inputValue?: string;\n onInputChange?: (inputValue: string) => void;\n noneSelectedLabel?: string;\n}\n\nfunction _GroupedChipMultiSelect<TData>({\n value,\n onValueChange,\n placeholder = \"Type to search\",\n loading,\n inputValue,\n onInputChange,\n noneSelectedLabel = \"None\",\n ...selectProps\n}: GroupedChipMultiSelectProps<TData>) {\n return (\n <ChipRow\n noneSelectedLabel={noneSelectedLabel}\n onValueChange={onValueChange}\n value={value}\n >\n <GroupedMultiSelect<TData>\n {...selectProps}\n isClearable={false}\n value={value}\n onChange={\n onValueChange ? (value) => onValueChange([...value]) : undefined\n }\n backspaceRemovesValue={false}\n hideSelectedOptions\n controlShouldRenderValue={false}\n placeholder={placeholder}\n isLoading={loading}\n inputValue={inputValue}\n onInputChange={onInputChange}\n />\n </ChipRow>\n );\n}\n\nexport const GroupedChipMultiSelect = React.memo(\n _GroupedChipMultiSelect\n) as typeof _GroupedChipMultiSelect;\n"],"names":["defaultSelectTheme","cssColor","resolveOptionBackgroundColor","colors","isDisabled","isSelected","isFocused","resolveOptionColor","resolveInputBackgroundColor","variant","resolveInputBorderColor","isHovered","createStylesFromTheme","menu","menuPortal","input","multiSelect","clearButtonColor","arrowColor","groupHeading","loadingIndicator","base","menuIsOpen","styles","createStylesFromVariant","AsyncMultiSelect","isMulti","selectProps","selectStyles","useMemo","sourceStyles","mergeStyles","AsyncComponent","AsyncSelect","MultiSelect","components","ClearIndicator","props","jsx","CloseButton","SelectComponent","OverflowingMultiSelect","FirstValueOnlyValueContainer","memo","prevOptions","restChildren","options","getOptionsToRender","jsxs","optionElements","children","innerProps","className","spreadProps","createElement","Select","removeGroupedOptionsType","removedValue","selectedInternalOptions","differenceWith","isEqual","convertInternalOptionToDropdownOption","removeInternalOptions","selectedInternalOption","removeOptionHeaders","createOnChange","onChange","incomingSelectedInternalOptions","meta","selectedOptions","uniqWith","previousValue","currentValue","convertGroupedDropdownOptionsToInternalOptions","convertGroupedDropdownOptionToInternalOption","convertDropdownOptionToInternalOption","convertValueToInternalValue","values","option","allOptionsExists","intersectionWith","selectedValues","resolveIconColor","theme","formatInnerOptionLabel","formatGroupLabel","formatOptionLabel","GroupedMultiSelect","value","Option","label","isGroupOption","Row","Space","InnerOption","MultiValue","internalValue","internalOptions","focused","selected","size","Text","Icon","stenaCheck","CreatableSelect","ariaLabelClear","CreatableComponent","ChipRow","onValueChange","noneSelectedLabel","Column","v","Spacing","Chip","f","FlatButton","_ChipMultiSelect","placeholder","loading","inputValue","onInputChange","ChipMultiSelect","React","_GroupedChipMultiSelect","GroupedChipMultiSelect"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../src/SelectTheme.ts","../src/util/StylesBuilder.ts","../src/components/ui/AsyncMultiSelect.tsx","../src/components/ui/AsyncSelect.tsx","../src/components/ui/MultiSelect.tsx","../src/components/ui/OverflowingMultiSelect.tsx","../src/components/ui/Select.tsx","../src/util/multiDropdownUtils.ts","../src/components/ui/GroupedMultiSelect.tsx","../src/components/ui/CreatableSelect.tsx","../src/components/ui/ChipMultiSelect/ChipRow.tsx","../src/components/ui/ChipMultiSelect/ChipMultiSelect.tsx","../src/components/ui/ChipMultiSelect/GroupedChipMultiSelect.tsx"],"sourcesContent":["import { Property } from \"csstype\";\nimport { cssColor } from \"@stenajs-webui/theme\";\n\nexport interface SelectTheme {\n arrowColor: {\n disabled: string;\n focused: {\n standard: string;\n hover: string;\n };\n closed: {\n standard: string;\n hover: string;\n };\n };\n clearButtonColor: {\n standard: string;\n hover: string;\n };\n input: {\n backgroundColor: string;\n border: string;\n borderColor: string;\n disabledBorderColor: string;\n borderColorFocused: string;\n borderRadius: string;\n disabledBackgroundColor: string;\n warningBackgroundColor: string;\n errorBackgroundColor: string;\n successBackgroundColor: string;\n warningBorderColor: string;\n errorBorderColor: string;\n successBorderColor: string;\n boxShadowFocused: string;\n fontFamily: string;\n fontSize: string;\n height?: string;\n minHeight?: string;\n placeholderColor: string;\n textColor: string;\n };\n loadingIndicator: {\n textColor: string;\n };\n menu: {\n disabledTextColor: string;\n disabledBackgroundColor: string;\n textColor: string;\n backgroundColor: string;\n hoverTextColor: string;\n hoverBackgroundColor: string;\n activeTextColor: string;\n activeBackgroundColor: string;\n minWidth?: string;\n selectedItemTextColor: string;\n selectedItemBackgroundColor: string;\n selectedItemHoverTextColor: string;\n selectedItemIconColor: string;\n selectedItemHoverIconColor: string;\n selectedItemHoverBackgroundColor: string;\n selectedItemActiveTextColor: string;\n selectedItemActiveBackgroundColor: string;\n zIndex: number;\n width?: string;\n whiteSpace?: Property.WhiteSpace;\n };\n groupHeading: {\n fontSize: string;\n lineHeight: string;\n fontWeight: string;\n color: string;\n letterSpacing: string;\n };\n menuPortal: {\n zIndex: number;\n };\n multiSelect: {\n backgroundColor: string;\n textColor: string;\n removeButtonBackgroundColor: string;\n removeButtonTextColor: string;\n removeButtonHoverBackgroundColor: string;\n removeButtonHoverTextColor: string;\n };\n}\n\nexport const defaultSelectTheme: SelectTheme = {\n arrowColor: {\n disabled: cssColor(\"--silver-light\"),\n focused: {\n hover: cssColor(\"--lhds-color-blue-600\"),\n standard: cssColor(\"--lhds-color-blue-600\"),\n },\n closed: {\n hover: cssColor(\"--lhds-color-blue-600\"),\n standard: cssColor(\"--lhds-color-blue-600\"),\n },\n },\n clearButtonColor: {\n hover: cssColor(\"--lhds-color-red-600\"),\n standard: cssColor(\"--lhds-color-red-500\"),\n },\n input: {\n backgroundColor: \"var(--swui-field-bg-enabled)\",\n border: `1px solid var(--swui-select-border-color)`,\n borderColor: \"var(--swui-field-border-color)\",\n borderColorFocused: \"var(--swui-field-border-color-hover)\",\n disabledBackgroundColor: \"var(--swui-field-bg-disabled)\",\n disabledBorderColor: \"var(--swui-field-bg-disabled)\",\n warningBackgroundColor: \"var(--swui-state-alert-light-color)\",\n warningBorderColor: \"var(--swui-state-alert-light-color)\",\n errorBackgroundColor: \"var(--swui-state-error-light-color)\",\n errorBorderColor: \"var(--swui-state-error-light-color)\",\n successBackgroundColor: \"var(--swui-state-success-light-color)\",\n successBorderColor: \"var(--swui-state-success-light-color)\",\n boxShadowFocused: \"none\",\n fontFamily: \"var(--swui-font-primary)\",\n fontSize: \"var(--swui-font-size-inputs)\",\n minHeight: \"24px\",\n placeholderColor: \"var(--swui-field-text-color)\",\n textColor: \"var(--swui-field-text-color)\",\n borderRadius: \"var(--swui-field-border-radius)\",\n },\n loadingIndicator: {\n textColor: \"var(--swui-field-text-color)\",\n },\n groupHeading: {\n fontSize: \"var(--swui-font-size-small)\",\n lineHeight: \"var(--swui-line-height-smaller)\",\n fontWeight: \"var(--swui-font-weight-text-bold)\",\n color: cssColor(\"--lhds-color-ui-600\"),\n letterSpacing: \"0.1rem\",\n },\n menu: {\n activeBackgroundColor: cssColor(\"--lhds-color-blue-100\"),\n activeTextColor: \"var(--swui-field-text-color)\",\n selectedItemActiveBackgroundColor: cssColor(\"--lhds-color-blue-500\"),\n selectedItemActiveTextColor: cssColor(\"--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: cssColor(\"--lhds-color-blue-200\"),\n selectedItemTextColor: cssColor(\"--lhds-color-blue-500\"),\n selectedItemIconColor: cssColor(\"--lhds-color-blue-500\"),\n selectedItemHoverTextColor: \"var(--swui-field-text-color)\",\n selectedItemHoverIconColor: \"var(--swui-field-text-color)\",\n selectedItemBackgroundColor: cssColor(\"--lhds-color-blue-50\"),\n selectedItemHoverBackgroundColor: cssColor(\"--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: cssColor(\"--lhds-color-blue-50\"),\n removeButtonBackgroundColor: \"transparent\",\n removeButtonTextColor: \"var(--swui-white)\",\n removeButtonHoverBackgroundColor: \"var(--swui-primary-action-color-hover)\",\n removeButtonHoverTextColor: \"var(--swui-white)\",\n },\n};\n","import { StylesConfig } from \"react-select\";\nimport { defaultSelectTheme, SelectTheme } from \"../SelectTheme\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport type SelectVariant = \"standard\" | \"warning\" | \"error\" | \"success\";\n\nconst resolveOptionBackgroundColor = (\n colors: SelectTheme[\"menu\"],\n isDisabled: boolean,\n isSelected: boolean,\n isFocused: boolean\n): string | undefined => {\n if (isDisabled) {\n return colors.disabledBackgroundColor;\n } else if (isSelected && isFocused) {\n return colors.selectedItemHoverBackgroundColor;\n } else if (isSelected) {\n return colors.selectedItemBackgroundColor;\n } else if (isFocused) {\n return colors.hoverBackgroundColor;\n } else {\n return undefined;\n }\n};\n\nconst resolveOptionColor = (\n colors: SelectTheme[\"menu\"],\n isDisabled: boolean,\n isSelected: boolean,\n isFocused: boolean\n): string | undefined => {\n if (isDisabled) {\n return colors.disabledTextColor;\n } else if (isSelected && isFocused) {\n return colors.selectedItemHoverTextColor;\n } else if (isSelected) {\n return colors.selectedItemTextColor;\n } else if (isFocused) {\n return colors.hoverTextColor;\n } else {\n return undefined;\n }\n};\n\nconst resolveInputBackgroundColor = (\n colors: SelectTheme[\"input\"],\n isDisabled: boolean,\n isFocused: boolean,\n variant: SelectVariant | undefined\n): string | undefined => {\n if (isDisabled) {\n return colors.disabledBackgroundColor;\n } else if (isFocused) {\n return colors.backgroundColor;\n } else if (variant === \"warning\") {\n return colors.warningBackgroundColor;\n } else if (variant === \"success\") {\n return colors.successBackgroundColor;\n } else if (variant === \"error\") {\n return colors.errorBackgroundColor;\n } else {\n return colors.backgroundColor;\n }\n};\n\nconst resolveInputBorderColor = (\n colors: SelectTheme[\"input\"],\n isDisabled: boolean,\n isFocused: boolean,\n isHovered: boolean,\n variant: SelectVariant | undefined\n): string | undefined => {\n if (isDisabled) {\n return colors.disabledBorderColor;\n } else if (isFocused) {\n return colors.borderColorFocused;\n } else if (variant === \"warning\") {\n return colors.warningBorderColor;\n } else if (variant === \"success\") {\n return colors.successBorderColor;\n } else if (variant === \"error\") {\n return colors.errorBorderColor;\n } else if (isHovered) {\n return colors.borderColorFocused;\n } else {\n return colors.borderColor;\n }\n};\n\n/**\n * @deprecated\n */\nexport const createStylesFromTheme = <\n OptionType,\n IsMulti extends boolean,\n TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>(\n {\n menu,\n menuPortal,\n input,\n multiSelect,\n clearButtonColor,\n arrowColor,\n groupHeading,\n loadingIndicator,\n }: SelectTheme,\n variant: SelectVariant | undefined\n): StylesConfig<OptionType, IsMulti, TGroup> => ({\n option: (base, { isDisabled, isFocused, isSelected }) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n backgroundColor: resolveOptionBackgroundColor(\n menu,\n isDisabled,\n isSelected,\n isFocused\n ),\n color: resolveOptionColor(menu, isDisabled, isSelected, isFocused),\n cursor: isDisabled ? \"not-allowed\" : \"default\",\n whiteSpace: menu.whiteSpace || base.whiteSpace,\n \":active\": {\n backgroundColor: isDisabled\n ? undefined\n : isSelected\n ? menu.selectedItemActiveBackgroundColor\n : menu.activeBackgroundColor,\n color: isDisabled\n ? undefined\n : isSelected\n ? menu.selectedItemActiveTextColor\n : menu.activeTextColor,\n },\n }),\n control: (base, { isFocused, isDisabled, menuIsOpen }) => ({\n ...base,\n // none of react-selects styles are passed to <View />\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n minHeight: \"var(--swui-field-height)\",\n backgroundColor: resolveInputBackgroundColor(\n input,\n isDisabled,\n isFocused,\n variant\n ),\n borderRadius: input.borderRadius,\n border: input.border,\n \"--swui-select-border-color\": resolveInputBorderColor(\n input,\n isDisabled,\n isFocused || menuIsOpen,\n false,\n variant\n ),\n outline: isFocused ? \"var(--swui-focus-outline)\" : undefined,\n outlineOffset: isFocused ? \"-1px\" : undefined,\n transition: \"none\",\n boxShadow: isFocused ? input.boxShadowFocused : undefined,\n \"&:hover\": {\n \"--swui-select-border-color\": resolveInputBorderColor(\n input,\n false,\n isFocused || menuIsOpen,\n true,\n variant\n ),\n },\n }),\n singleValue: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n color: input.textColor,\n }),\n noOptionsMessage: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n }),\n input: (base) => ({\n ...base,\n padding: 0,\n margin: 0,\n minHeight: input.minHeight,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n color: input.textColor,\n }),\n groupHeading: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: groupHeading.fontSize,\n lineHeight: groupHeading.lineHeight,\n fontWeight: groupHeading.fontWeight as any,\n color: groupHeading.color,\n letterSpacing: groupHeading.letterSpacing,\n }),\n multiValueLabel: (base) => ({\n ...base,\n backgroundColor: multiSelect.backgroundColor,\n color: multiSelect.textColor,\n fontFamily: input.fontFamily,\n fontSize: groupHeading.fontSize,\n }),\n indicatorSeparator: (base) => ({\n ...base,\n display: \"none\",\n }),\n clearIndicator: (base) => ({\n ...base,\n padding: \"5px\",\n color: clearButtonColor.standard,\n \"&:hover\": {\n color: clearButtonColor.hover,\n },\n cursor: \"pointer\",\n }),\n placeholder: (base) => ({\n ...base,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n color: input.placeholderColor,\n }),\n container: (base) => ({\n ...base,\n }),\n valueContainer: (base) => ({\n ...base,\n padding: \"var(--swui-metrics-space-half)\",\n gap: \"var(--swui-metrics-space-half)\",\n }),\n dropdownIndicator: (base, { isFocused, isDisabled }) => ({\n ...base,\n padding: \"5px\",\n color: isDisabled\n ? arrowColor.disabled\n : isFocused\n ? arrowColor.focused.standard\n : arrowColor.closed.standard,\n \"&:hover\": {\n color: isDisabled\n ? arrowColor.disabled\n : isFocused\n ? arrowColor.focused.hover\n : 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 borderRadius: \"var(--swui-border-radius-small)\",\n overflow: \"hidden\",\n }),\n loadingMessage: (base) => ({\n ...base,\n color: loadingIndicator.textColor,\n fontFamily: input.fontFamily,\n fontSize: input.fontSize,\n }),\n});\n\nexport const createStylesFromVariant = <\n OptionType,\n IsMulti extends boolean,\n TGroup extends GroupBase<OptionType> = GroupBase<OptionType>\n>(\n variant: SelectVariant\n): StylesConfig<OptionType, IsMulti, TGroup> =>\n createStylesFromTheme(defaultSelectTheme, variant);\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { mergeStyles } from \"react-select\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncMultiSelectProps<T = { label: string; value: string }>\n extends AsyncProps<T, true, GroupBase<T>> {\n variant?: SelectVariant;\n isMulti?: true;\n}\n\nexport function AsyncMultiSelect<T>({\n variant = \"standard\",\n styles,\n isMulti,\n ...selectProps\n}: AsyncMultiSelectProps<T>) {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromVariant<T, true>(variant);\n\n return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n }, [variant, styles]);\n\n return (\n <AsyncComponent styles={selectStyles} {...selectProps} isMulti={true} />\n );\n}\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport AsyncComponent, { AsyncProps } from \"react-select/async\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { mergeStyles } from \"react-select\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\n\nexport interface AsyncSelectProps<T = { label: string; value: string }>\n extends AsyncProps<T, false, GroupBase<T>> {\n variant?: SelectVariant;\n isMulti?: false;\n}\n\nexport function AsyncSelect<T>({\n variant = \"standard\",\n styles,\n isMulti,\n ...selectProps\n}: AsyncSelectProps<T>) {\n const selectStyles = useMemo(() => {\n const sourceStyles = createStylesFromVariant<T, false>(variant);\n\n return styles ? mergeStyles(sourceStyles, styles) : sourceStyles;\n }, [variant, styles]);\n\n return (\n <AsyncComponent styles={selectStyles} {...selectProps} isMulti={false} />\n );\n}\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, {\n ClearIndicatorProps,\n GroupBase,\n mergeStyles,\n MultiValueProps,\n Props,\n SelectComponentsConfig,\n} from \"react-select\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { Chip, stenaTimes, TextInputButton } from \"@stenajs-webui/elements\";\n\nexport interface MultiSelectOption {\n label: string;\n value: string;\n}\n\nexport interface MultiSelectProps<\n TOption extends MultiSelectOption = MultiSelectOption\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\nconst ClearIndicator = function <TOption>({\n clearValue,\n}: ClearIndicatorProps<TOption, true, GroupBase<TOption>>) {\n return (\n // stopPropagation is needed to prevent react-select from opening its menu when clicking on the button.\n <div onMouseDown={(ev) => ev.stopPropagation()}>\n <TextInputButton\n aria-label={\"Clear\"}\n onClick={clearValue}\n icon={stenaTimes}\n variant={\"error\"}\n />\n </div>\n );\n};\n\nconst MultiValue = function <TOption extends MultiSelectOption>({\n removeProps,\n data,\n}: MultiValueProps<TOption, true, GroupBase<TOption>>) {\n return (\n // stopPropagation is needed to prevent react-select from opening its menu when clicking on the button.\n <div onMouseDown={(ev) => ev.stopPropagation()}>\n <Chip\n onClickRemove={(ev) =>\n removeProps.onClick?.(\n ev as unknown as React.MouseEvent<HTMLDivElement>\n )\n }\n label={data.label}\n />\n </div>\n );\n};\n\nexport function MultiSelect<TOption extends MultiSelectOption>({\n variant = \"standard\",\n styles,\n isMulti,\n components,\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\n styles={selectStyles}\n components={{ ...components, ClearIndicator, MultiValue }}\n {...selectProps}\n isMulti={true}\n />\n );\n}\n","import * as React from \"react\";\nimport { memo, ReactElement } from \"react\";\nimport {\n MultiSelect,\n MultiSelectOption,\n MultiSelectProps,\n} from \"./MultiSelect\";\nimport { components, ValueContainerProps } from \"react-select\";\n\nexport function OverflowingMultiSelect<T extends MultiSelectOption>(\n props: MultiSelectProps<T>\n) {\n return (\n <MultiSelect\n hideSelectedOptions={false}\n {...props}\n components={{\n ...props.components,\n ValueContainer: FirstValueOnlyValueContainer,\n }}\n />\n );\n}\n\nconst FirstValueOnlyValueContainer = memo(\n (props: ValueContainerProps<any, true>) => {\n const [prevOptions, ...restChildren] = props.children as [\n ReactElement[] | null | undefined,\n ReactElement[] | null | undefined\n ];\n\n const options = getOptionsToRender(prevOptions, props);\n\n return (\n <components.ValueContainer {...props}>\n {options}\n {restChildren}\n </components.ValueContainer>\n );\n }\n);\n\nconst getOptionsToRender = (\n optionElements: ReactElement[] | null | undefined,\n {\n children,\n innerProps,\n className,\n ...spreadProps\n }: ValueContainerProps<any, true>\n) => {\n if (!optionElements) {\n return null;\n }\n\n if (optionElements.length > 1) {\n return [\n optionElements[0],\n <components.MultiValue\n {...spreadProps}\n key={\"DUMMY_VALUE_FOR_PLUS_X\"}\n innerProps={{}}\n data={null}\n isFocused={false}\n removeProps={{}}\n index={1}\n components={{\n Container: components.MultiValueContainer,\n Label: components.MultiValueLabel,\n Remove: () => <div style={{ height: 16, margin: 3, marginTop: 4 }} />,\n }}\n >\n {\"+\" + (optionElements.length - 1)}\n </components.MultiValue>,\n ];\n } else {\n return optionElements;\n }\n};\n","import * as React from \"react\";\nimport { useMemo } from \"react\";\nimport SelectComponent, {\n ClearIndicatorProps,\n GroupBase,\n mergeStyles,\n Props,\n} from \"react-select\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\nimport { CloseButton } from \"@stenajs-webui/elements\";\n\nexport interface SelectProps<T = { label: string; value: string }>\n extends Props<T, false> {\n variant?: SelectVariant;\n isMulti?: false;\n}\n\nexport function Select<T>({\n variant = \"standard\",\n styles,\n isMulti,\n components,\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 const ClearIndicator = (\n props: ClearIndicatorProps<T, false, GroupBase<T>>\n ) => <CloseButton aria-label={\"Clear\"} onClick={props.clearValue} />;\n\n return (\n <SelectComponent\n styles={selectStyles}\n components={{ ...components, ClearIndicator }}\n {...selectProps}\n isMulti={false}\n />\n );\n}\n","import { differenceWith, intersectionWith, isEqual, uniqWith } from \"lodash\";\nimport { ActionMeta, GroupBase, OnChangeValue, Options } from \"react-select\";\nimport { OnChange } from \"../components/ui/GroupedMultiSelect\";\nimport { DropdownOption } from \"../components/ui/GroupedMultiSelectTypes\";\n\nexport type GroupedOptionsType<TOption> = ReadonlyArray<GroupBase<TOption>>;\n\nexport type InternalDropdownOption<TData> =\n | InternalChildOption<TData>\n | InternalParentDropdownOption<TData>;\n\ninterface InternalChildOption<TData> {\n data: TData;\n label: string;\n value: string;\n}\n\ninterface InternalParentDropdownOption<TData> {\n data: TData;\n label: string;\n value: string;\n internalOptions: Options<DropdownOption<TData>>;\n}\n\nconst removeGroupedOptionsType = <TData>(\n removedValue: InternalParentDropdownOption<TData>,\n selectedInternalOptions: Options<InternalDropdownOption<TData>>\n): Options<InternalDropdownOption<TData>> =>\n differenceWith(\n selectedInternalOptions,\n [...removedValue.internalOptions, removedValue],\n isEqual\n ).map(convertInternalOptionToDropdownOption);\n\nconst removeInternalOptions = <TData>(\n selectedInternalOption: InternalDropdownOption<TData>\n): boolean => !(\"internalOptions\" in selectedInternalOption);\n\nconst removeOptionHeaders = <TData>(\n selectedInternalOptions: Options<InternalDropdownOption<TData>>\n): Options<InternalDropdownOption<TData>> =>\n selectedInternalOptions\n .filter(removeInternalOptions)\n .map(convertInternalOptionToDropdownOption);\n\nexport const createOnChange =\n <TData>(onChange: OnChange<TData>) =>\n (\n incomingSelectedInternalOptions: OnChangeValue<\n InternalDropdownOption<TData>,\n true\n >,\n meta: ActionMeta<InternalDropdownOption<TData>>\n ) => {\n const selectedInternalOptions = incomingSelectedInternalOptions ?? [];\n switch (meta.action) {\n case \"select-option\":\n if (meta.option && \"internalOptions\" in meta.option) {\n const selectedOptions: OnChangeValue<\n InternalDropdownOption<TData>,\n true\n > = uniqWith(\n selectedInternalOptions.reduce<Options<DropdownOption<TData>>>(\n (previousValue, currentValue) => {\n if (\"internalOptions\" in currentValue) {\n return [...previousValue, ...currentValue.internalOptions];\n } else {\n return [\n ...previousValue,\n convertInternalOptionToDropdownOption(currentValue),\n ];\n }\n },\n []\n ),\n isEqual\n );\n\n onChange(selectedOptions, meta);\n } else {\n onChange(removeOptionHeaders(selectedInternalOptions), meta);\n }\n break;\n case \"deselect-option\":\n if (meta.option && \"internalOptions\" in meta.option) {\n onChange(\n removeGroupedOptionsType(\n meta.option,\n removeOptionHeaders(selectedInternalOptions)\n ),\n meta\n );\n } else {\n onChange(removeOptionHeaders(selectedInternalOptions), meta);\n }\n break;\n case \"remove-value\":\n case \"pop-value\":\n if (meta.removedValue && \"internalOptions\" in meta.removedValue) {\n onChange(\n removeGroupedOptionsType(\n meta.removedValue,\n removeOptionHeaders(selectedInternalOptions)\n ),\n meta\n );\n } else {\n onChange(removeOptionHeaders(selectedInternalOptions), meta);\n }\n break;\n case \"clear\":\n onChange(\n selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n meta\n );\n break;\n case \"create-option\":\n onChange(\n selectedInternalOptions.map(convertInternalOptionToDropdownOption),\n meta\n );\n break;\n default:\n break;\n }\n };\n\nexport const convertGroupedDropdownOptionsToInternalOptions = <TData>(\n options: GroupedOptionsType<DropdownOption<TData>>\n): InternalDropdownOption<TData>[] => {\n return options.reduce<InternalDropdownOption<TData>[]>(\n (previousValue, currentValue) => {\n return [\n ...previousValue,\n convertGroupedDropdownOptionToInternalOption(currentValue),\n ...currentValue.options.map(convertDropdownOptionToInternalOption),\n ];\n },\n []\n );\n};\n\nexport const convertValueToInternalValue = <TData>(\n options: GroupedOptionsType<DropdownOption<TData>>,\n values: Options<DropdownOption<TData>> | undefined\n): InternalDropdownOption<TData>[] => {\n if (!values) {\n return [];\n }\n const selectedOptions: InternalDropdownOption<TData>[] = [];\n options.forEach((option) => {\n if (allOptionsExists(option.options, values)) {\n selectedOptions.push(\n convertGroupedDropdownOptionToInternalOption(option)\n );\n }\n selectedOptions.push(\n ...intersectionWith(option.options, values, isEqual).map((option) =>\n convertDropdownOptionToInternalOption(option)\n )\n );\n });\n return selectedOptions;\n};\n\nexport const allOptionsExists = <TData>(\n options: Options<DropdownOption<TData>>,\n selectedValues: Options<DropdownOption<TData>> | undefined\n): boolean => {\n if (!selectedValues) {\n return false;\n }\n\n return (\n intersectionWith(options, selectedValues, isEqual).length === options.length\n );\n};\n\nexport const convertDropdownOptionToInternalOption = <TData>(\n option: DropdownOption<TData>\n): InternalDropdownOption<TData> => ({\n data: option.data,\n label: option.label,\n value: option.value,\n});\n\n// TODO: can this be done `any` other way\nexport const convertGroupedDropdownOptionToInternalOption = <TData>(\n option: GroupBase<DropdownOption<TData>>\n): InternalDropdownOption<TData> => ({\n data: option.label as any,\n label: option.label as any,\n value: option.label as any,\n internalOptions: option.options,\n});\n\nexport const convertInternalOptionToDropdownOption = <TData>(\n option: InternalDropdownOption<TData>\n): DropdownOption<TData> => ({\n data: option.data,\n label: option.label,\n value: option.value,\n});\n","import { Row, Space, Text, TextSize } from \"@stenajs-webui/core\";\nimport { Icon, stenaCheck } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n ActionMeta,\n components,\n GroupBase,\n MultiValueProps,\n OnChangeValue,\n OptionProps,\n Options,\n} from \"react-select\";\nimport { defaultSelectTheme, SelectTheme } from \"../../SelectTheme\";\nimport {\n convertGroupedDropdownOptionsToInternalOptions,\n convertValueToInternalValue,\n createOnChange,\n GroupedOptionsType,\n InternalDropdownOption,\n} from \"../../util/multiDropdownUtils\";\nimport { DropdownOption } from \"./GroupedMultiSelectTypes\";\nimport {\n MultiSelect,\n MultiSelectComponentsConfig,\n MultiSelectProps,\n} from \"./MultiSelect\";\n\nexport type OnChange<TData> = (\n value: OnChangeValue<DropdownOption<TData>, true>,\n action: ActionMeta<any>\n) => void;\n\nexport interface GroupedMultiSelectProps<TData>\n extends Omit<\n MultiSelectProps<InternalDropdownOption<TData>>,\n \"options\" | \"onChange\" | \"value\" | \"components\"\n > {\n /**\n * Same as Select prop `component` but without MultiValue and Option since they can not be modified\n */\n components?: Omit<\n MultiSelectComponentsConfig<InternalDropdownOption<TData>>,\n \"MultiValue\" | \"Option\"\n >;\n /**\n * Same as Select prop `options` but only with GroupOptionsType\n */\n options?: GroupedOptionsType<DropdownOption<TData>>;\n /**\n * Same as Select prop `onChange` but only with GroupOptionsType\n */\n onChange?: OnChange<TData>;\n /**\n * Same as Select prop `value` but only with GroupOptionsType\n */\n value?: Options<DropdownOption<TData>> | undefined;\n}\n\nconst resolveIconColor = (\n theme: SelectTheme,\n isFocused: boolean\n): string | undefined =>\n isFocused\n ? theme.menu.selectedItemHoverIconColor\n : theme.menu.selectedItemIconColor;\n\nfunction formatInnerOptionLabel<TData>(\n props: OptionProps<\n InternalDropdownOption<TData>,\n true,\n GroupBase<InternalDropdownOption<TData>>\n >\n) {\n const { formatGroupLabel, formatOptionLabel } = props.selectProps;\n\n if (\"internalOptions\" in props.data) {\n return formatGroupLabel\n ? formatGroupLabel({\n label: props.data.label,\n options: props.data.internalOptions,\n })\n : props.label;\n }\n\n return formatOptionLabel\n ? formatOptionLabel(props.data, {\n context: \"menu\",\n inputValue: props.selectProps.inputValue ?? \"\",\n selectValue: props.getValue(),\n })\n : props.label;\n}\n\nexport function GroupedMultiSelect<TData>({\n onChange,\n options,\n value,\n variant = \"standard\",\n formatGroupLabel,\n formatOptionLabel,\n ...selectProps\n}: GroupedMultiSelectProps<TData>): React.ReactElement<\n GroupedMultiSelectProps<TData>\n> {\n const Option = (\n props: OptionProps<\n InternalDropdownOption<TData>,\n true,\n GroupBase<InternalDropdownOption<TData>>\n >\n ) => {\n const label = formatInnerOptionLabel(props);\n const isGroupOption = \"internalOptions\" in props.data;\n\n return (\n <components.Option {...props}>\n <Row>\n {!isGroupOption && <Space />}\n <InnerOption\n theme={defaultSelectTheme}\n size={!isGroupOption ? \"small\" : undefined}\n label={label}\n selected={props.isSelected}\n focused={props.isFocused}\n />\n </Row>\n </components.Option>\n );\n };\n\n const MultiValue = (\n props: MultiValueProps<\n InternalDropdownOption<TData>,\n true,\n GroupBase<InternalDropdownOption<TData>>\n >\n ) => {\n return !(\"internalOptions\" in props.data) ? (\n <components.MultiValue {...props} />\n ) : null;\n };\n\n const internalValue = options\n ? convertValueToInternalValue(options, value)\n : undefined;\n const internalOptions = options\n ? convertGroupedDropdownOptionsToInternalOptions(options)\n : undefined;\n\n return (\n <MultiSelect<InternalDropdownOption<TData>>\n {...selectProps}\n onChange={onChange ? createOnChange<TData>(onChange) : undefined}\n hideSelectedOptions={false}\n components={{\n ...selectProps.components,\n MultiValue,\n Option,\n }}\n isMulti={true}\n options={internalOptions}\n value={internalValue}\n variant={variant}\n />\n );\n}\n\ninterface InnerOptionProps {\n size?: TextSize;\n selected: boolean;\n theme: SelectTheme;\n label: ReactNode;\n focused: boolean;\n}\n\nconst InnerOption: React.VFC<InnerOptionProps> = ({\n focused,\n label,\n selected,\n size,\n theme,\n}) => (\n <Row alignItems={\"center\"} justifyContent={\"space-between\"} flexGrow={1}>\n <Text tabIndex={-1} size={size} color={\"currentColor\"}>\n {label}\n </Text>\n {selected && (\n <Icon\n color={resolveIconColor(theme, focused)}\n icon={stenaCheck}\n size={12}\n />\n )}\n </Row>\n);\n","import { CloseButton } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { useMemo } from \"react\";\nimport { ClearIndicatorProps, mergeStyles } from \"react-select\";\nimport CreatableComponent, { CreatableProps } from \"react-select/creatable\";\nimport { GroupBase } from \"react-select/dist/declarations/src/types\";\nimport {\n createStylesFromVariant,\n SelectVariant,\n} from \"../../util/StylesBuilder\";\n\nexport interface CreatableSelectProps<T = { label: string; value: string }>\n extends CreatableProps<T, false, GroupBase<T>> {\n variant?: SelectVariant;\n isMulti?: false;\n ariaLabelClear?: string;\n}\n\nexport function CreatableSelect<T>({\n variant = \"standard\",\n styles,\n isMulti,\n components,\n ariaLabelClear = \"Clear\",\n ...selectProps\n}: CreatableSelectProps<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 const ClearIndicator = (\n props: ClearIndicatorProps<T, false, GroupBase<T>>\n ) => <CloseButton aria-label={ariaLabelClear} onClick={props.clearValue} />;\n\n return (\n <CreatableComponent\n styles={selectStyles}\n components={{ ...components, ClearIndicator }}\n {...selectProps}\n isMulti={false}\n />\n );\n}\n","import { Column, Row, Space, Spacing } from \"@stenajs-webui/core\";\nimport { Chip, FlatButton } from \"@stenajs-webui/elements\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { MultiSelectOption } from \"../MultiSelect\";\n\nexport interface ChipRowItem extends MultiSelectOption {}\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 {\n MultiSelect,\n MultiSelectOption,\n MultiSelectProps,\n} 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<\n TOption extends MultiSelectOption = MultiSelectOption\n> extends Omit<MultiSelectProps<TOption>, \"value\" | \"onChange\" | \"isLoading\">,\n ValueAndOnValueChangeProps<Array<TOption>> {\n loading?: boolean;\n inputValue?: string;\n onInputChange?: (inputValue: string) => void;\n noneSelectedLabel?: string;\n}\n\nfunction _ChipMultiSelect<TOption extends ChipMultiSelectOption>({\n value,\n onValueChange,\n placeholder = \"Type to search\",\n loading,\n inputValue,\n onInputChange,\n noneSelectedLabel = \"None\",\n ...selectProps\n}: ChipMultiSelectProps<TOption>) {\n return (\n <ChipRow\n noneSelectedLabel={noneSelectedLabel}\n onValueChange={onValueChange}\n value={value}\n >\n <MultiSelect<TOption>\n {...selectProps}\n isClearable={false}\n value={value}\n onChange={\n onValueChange ? (value) => onValueChange([...value]) : undefined\n }\n backspaceRemovesValue={false}\n hideSelectedOptions\n controlShouldRenderValue={false}\n placeholder={placeholder}\n isLoading={loading}\n inputValue={inputValue}\n onInputChange={onInputChange}\n />\n </ChipRow>\n );\n}\n\nexport const ChipMultiSelect = React.memo(\n _ChipMultiSelect\n) as typeof _ChipMultiSelect;\n","import * as React from \"react\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport {\n GroupedMultiSelect,\n GroupedMultiSelectProps,\n} from \"../GroupedMultiSelect\";\nimport { DropdownOption } from \"../GroupedMultiSelectTypes\";\nimport { ChipRow } from \"./ChipRow\";\n\nexport interface GroupedChipMultiSelectValue<TData>\n extends DropdownOption<TData> {}\n\nexport interface GroupedChipMultiSelectProps<TData>\n extends Omit<GroupedMultiSelectProps<TData>, \"onChange\" | \"value\">,\n ValueAndOnValueChangeProps<Array<DropdownOption<TData>>> {\n loading?: boolean;\n inputValue?: string;\n onInputChange?: (inputValue: string) => void;\n noneSelectedLabel?: string;\n}\n\nfunction _GroupedChipMultiSelect<TData>({\n value,\n onValueChange,\n placeholder = \"Type to search\",\n loading,\n inputValue,\n onInputChange,\n noneSelectedLabel = \"None\",\n ...selectProps\n}: GroupedChipMultiSelectProps<TData>) {\n return (\n <ChipRow\n noneSelectedLabel={noneSelectedLabel}\n onValueChange={onValueChange}\n value={value}\n >\n <GroupedMultiSelect<TData>\n {...selectProps}\n isClearable={false}\n value={value}\n onChange={\n onValueChange ? (value) => onValueChange([...value]) : undefined\n }\n backspaceRemovesValue={false}\n hideSelectedOptions\n controlShouldRenderValue={false}\n placeholder={placeholder}\n isLoading={loading}\n inputValue={inputValue}\n onInputChange={onInputChange}\n />\n </ChipRow>\n );\n}\n\nexport const GroupedChipMultiSelect = React.memo(\n _GroupedChipMultiSelect\n) as typeof _GroupedChipMultiSelect;\n"],"names":["defaultSelectTheme","cssColor","resolveOptionBackgroundColor","colors","isDisabled","isSelected","isFocused","resolveOptionColor","resolveInputBackgroundColor","variant","resolveInputBorderColor","isHovered","createStylesFromTheme","menu","menuPortal","input","multiSelect","clearButtonColor","arrowColor","groupHeading","loadingIndicator","base","menuIsOpen","styles","createStylesFromVariant","AsyncMultiSelect","isMulti","selectProps","selectStyles","useMemo","sourceStyles","mergeStyles","AsyncComponent","AsyncSelect","ClearIndicator","clearValue","ev","jsx","TextInputButton","stenaTimes","MultiValue","removeProps","data","Chip","_a","MultiSelect","components","SelectComponent","OverflowingMultiSelect","props","FirstValueOnlyValueContainer","memo","prevOptions","restChildren","options","getOptionsToRender","jsxs","optionElements","children","innerProps","className","spreadProps","createElement","Select","CloseButton","removeGroupedOptionsType","removedValue","selectedInternalOptions","differenceWith","isEqual","convertInternalOptionToDropdownOption","removeInternalOptions","selectedInternalOption","removeOptionHeaders","createOnChange","onChange","incomingSelectedInternalOptions","meta","selectedOptions","uniqWith","previousValue","currentValue","convertGroupedDropdownOptionsToInternalOptions","convertGroupedDropdownOptionToInternalOption","convertDropdownOptionToInternalOption","convertValueToInternalValue","values","option","allOptionsExists","intersectionWith","selectedValues","resolveIconColor","theme","formatInnerOptionLabel","formatGroupLabel","formatOptionLabel","GroupedMultiSelect","value","Option","label","isGroupOption","Row","Space","InnerOption","internalValue","internalOptions","focused","selected","size","Text","Icon","stenaCheck","CreatableSelect","ariaLabelClear","CreatableComponent","ChipRow","onValueChange","noneSelectedLabel","Column","v","Spacing","f","FlatButton","_ChipMultiSelect","placeholder","loading","inputValue","onInputChange","ChipMultiSelect","React","_GroupedChipMultiSelect","GroupedChipMultiSelect"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stenajs-webui/select",
3
- "version": "20.0.3",
3
+ "version": "20.2.0",
4
4
  "type": "module",
5
5
  "description": "",
6
6
  "author": "mattias800",
@@ -33,10 +33,10 @@
33
33
  "deploy": "gh-pages -d example/build"
34
34
  },
35
35
  "dependencies": {
36
- "@stenajs-webui/core": "20.0.3",
37
- "@stenajs-webui/elements": "20.0.3",
38
- "@stenajs-webui/forms": "20.0.3",
39
- "@stenajs-webui/theme": "20.0.3",
36
+ "@stenajs-webui/core": "20.2.0",
37
+ "@stenajs-webui/elements": "20.2.0",
38
+ "@stenajs-webui/forms": "20.2.0",
39
+ "@stenajs-webui/theme": "20.2.0",
40
40
  "react-select": "^5.2.1"
41
41
  },
42
42
  "peerDependencies": {
@@ -69,5 +69,5 @@
69
69
  "files": [
70
70
  "dist"
71
71
  ],
72
- "gitHead": "d2a4bd79ec7b86ed62ffadc61004c59ed0c34685"
72
+ "gitHead": "2ae515d01732febab6e374d886dcbbdd48cf1f3b"
73
73
  }