@televet/kibble-ui 1.20.21-beta.cs39 → 1.20.21-beta.cs40
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.
package/build/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { BrowserDefaultSelectProps } from '
|
|
1
|
+
import { BrowserDefaultSelectProps } from 'components/Select/select.component';
|
|
2
2
|
declare const SelectBrowserDefault: (props: BrowserDefaultSelectProps) => JSX.Element;
|
|
3
3
|
export default SelectBrowserDefault;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.component-98fca0d1.js","sources":["../node_modules/@chakra-ui/select/dist/chakra-ui-select.esm.js","../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import { useFormControl } from '@chakra-ui/form-control';\nimport { forwardRef, chakra, useMultiStyleConfig, omitThemingProps, layoutPropNames } from '@chakra-ui/system';\nimport { cx, __DEV__, split, mergeWith, dataAttr } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nvar _excluded = [\"children\", \"placeholder\", \"className\"],\n _excluded2 = [\"rootProps\", \"placeholder\", \"icon\", \"color\", \"height\", \"h\", \"minH\", \"minHeight\", \"iconColor\", \"iconSize\", \"isFullWidth\"],\n _excluded3 = [\"children\"];\nvar SelectField = /*#__PURE__*/forwardRef(function (props, ref) {\n var children = props.children,\n placeholder = props.placeholder,\n className = props.className,\n rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n return /*#__PURE__*/React.createElement(chakra.select, _extends({}, rest, {\n ref: ref,\n className: cx(\"chakra-select\", className)\n }), placeholder && /*#__PURE__*/React.createElement(\"option\", {\n value: \"\"\n }, placeholder), children);\n});\n\nif (__DEV__) {\n SelectField.displayName = \"SelectField\";\n}\n\n/**\n * React component used to select one item from a list of options.\n */\nvar Select = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Select\", props);\n\n var _omitThemingProps = omitThemingProps(props),\n rootProps = _omitThemingProps.rootProps,\n placeholder = _omitThemingProps.placeholder,\n icon = _omitThemingProps.icon,\n color = _omitThemingProps.color,\n height = _omitThemingProps.height,\n h = _omitThemingProps.h,\n minH = _omitThemingProps.minH,\n minHeight = _omitThemingProps.minHeight,\n iconColor = _omitThemingProps.iconColor,\n iconSize = _omitThemingProps.iconSize;\n _omitThemingProps.isFullWidth;\n var rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded2);\n\n var _split = split(rest, layoutPropNames),\n layoutProps = _split[0],\n otherProps = _split[1];\n\n var ownProps = useFormControl(otherProps);\n var rootStyles = {\n width: \"100%\",\n height: \"fit-content\",\n position: \"relative\",\n color: color\n };\n var fieldStyles = mergeWith({\n paddingEnd: \"2rem\"\n }, styles.field, {\n _focus: {\n zIndex: \"unset\"\n }\n });\n return /*#__PURE__*/React.createElement(chakra.div, _extends({\n className: \"chakra-select__wrapper\",\n __css: rootStyles\n }, layoutProps, rootProps), /*#__PURE__*/React.createElement(SelectField, _extends({\n ref: ref,\n height: h != null ? h : height,\n minH: minH != null ? minH : minHeight,\n placeholder: placeholder\n }, ownProps, {\n __css: fieldStyles\n }), props.children), /*#__PURE__*/React.createElement(SelectIcon, _extends({\n \"data-disabled\": dataAttr(ownProps.disabled)\n }, (iconColor || color) && {\n color: iconColor || color\n }, {\n __css: styles.icon\n }, iconSize && {\n fontSize: iconSize\n }), icon));\n});\n\nif (__DEV__) {\n Select.displayName = \"Select\";\n}\n\nvar DefaultIcon = function DefaultIcon(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 24 24\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\n }));\n};\nvar IconWrapper = chakra(\"div\", {\n baseStyle: {\n position: \"absolute\",\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n pointerEvents: \"none\",\n top: \"50%\",\n transform: \"translateY(-50%)\"\n }\n});\n\nvar SelectIcon = function SelectIcon(props) {\n var _props$children = props.children,\n children = _props$children === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _props$children,\n rest = _objectWithoutPropertiesLoose(props, _excluded3);\n\n var clone = /*#__PURE__*/React.cloneElement(children, {\n role: \"presentation\",\n className: \"chakra-select__icon\",\n focusable: false,\n \"aria-hidden\": true,\n // force icon to adhere to `IconWrapper` styles\n style: {\n width: \"1em\",\n height: \"1em\",\n color: \"currentColor\"\n }\n });\n return /*#__PURE__*/React.createElement(IconWrapper, _extends({}, rest, {\n className: \"chakra-select__icon-wrapper\"\n }), /*#__PURE__*/React.isValidElement(children) ? clone : null);\n};\n\nif (__DEV__) {\n SelectIcon.displayName = \"SelectIcon\";\n}\n\nexport { DefaultIcon, Select, SelectField };\n","import React from 'react';\nimport MenuList, { MenuListProps } from 'components/Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from 'components/Select/select.types';\n\nexport interface SelectListProps\n extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {\n options?: SelectOptionProps[];\n}\n\nconst SelectList = (props: SelectListProps): JSX.Element => {\n const { options, ...rest } = props;\n\n return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n\nexport default SelectList;\n","import React from 'react';\nimport { Select as CSelect } from '@chakra-ui/select';\nimport { BrowserDefaultSelectProps } from '../../select.component';\n\nconst SelectBrowserDefault = (props: BrowserDefaultSelectProps): JSX.Element => {\n const { options } = props;\n return (\n <CSelect className=\"Select\" {...props}>\n {options.map((option, index) => (\n <option key={`options-${index}`} value={option.value}>\n {option.label}\n </option>\n ))}\n </CSelect>\n );\n};\n\nexport default SelectBrowserDefault;\n","import React, { ReactNode } from 'react';\nimport { SelectOptionProps } from 'components/Select/select.types';\nimport Flex from 'chakra/components/Flex';\nimport useTheme from 'hooks/useTheme';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport TruncatedText from 'components/TruncatedText';\nimport Text from 'components/Text';\nimport { TextColor } from 'shared/types';\n\nexport interface SelectContainerProps {\n selectedOption: SelectOptionProps;\n defaultLeftElement: ReactNode;\n shouldTruncateText?: boolean;\n}\n\nconst SelectContainer = ({\n selectedOption,\n defaultLeftElement,\n shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n const { colors } = useTheme();\n const adaptiveColor = useAdaptiveColorMap<TextColor>(\n colors.text,\n selectedOption.colorToken ? selectedOption.colorToken : 'default',\n );\n\n return (\n <Flex className=\"Select__Container\" justify=\"flex-start\" align=\"center\" textAlign=\"left\" color={adaptiveColor}>\n {selectedOption?.leftElement ? (\n <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n {selectedOption.leftElement}\n </Flex>\n ) : defaultLeftElement ? (\n <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n {defaultLeftElement}\n </Flex>\n ) : null}\n {typeof selectedOption.label === 'string' ? (\n shouldTruncateText ? (\n <TruncatedText\n color={adaptiveColor}\n className=\"Select__Text\"\n textContent={selectedOption.label || ''}\n noOfLines={1}\n />\n ) : (\n <Text color={adaptiveColor} className=\"Select__Text\">\n {selectedOption.label}\n </Text>\n )\n ) : (\n selectedOption.label\n )}\n </Flex>\n );\n};\n\nexport default SelectContainer;\n","import React, { useMemo, ChangeEvent, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps } from '@chakra-ui/select';\nimport { MenuButton } from '@chakra-ui/menu';\nimport MenuContainer from 'components/Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from '../FormControl/formControl.component';\nimport MenuProvider from 'components/Menu/context/menu.context';\nimport { SelectOptionProps } from 'components/Select/select.types';\nimport useTheme from 'hooks/useTheme';\nimport SelectList, { SelectListProps } from './components/SelectList/selectList.component';\nimport SelectBrowserDefault from './components/SelectBrowserDefault/selectBrowserDefault.component';\nimport SelectContainer from './components/SelectContainer/selectContainer.component';\nimport Icon from '../Icon';\nimport { IconsSize } from 'components/Icon/icon.types';\nimport { TextColor } from 'shared/types';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface SelectBaseProps extends WithFormControlProps, CSelectProps {\n options: SelectOptionProps[];\n size?: FormControlSize;\n colorToken?: TextColor;\n}\n\nexport interface BrowserDefaultSelectProps extends SelectBaseProps {\n defaultLeftElement?: never;\n listProps?: never;\n onChange: (e: ChangeEvent<HTMLSelectElement>) => void;\n useBrowserDefaultMenu?: boolean;\n}\n\nexport interface CustomSelectProps extends SelectBaseProps {\n defaultLeftElement?: ReactNode;\n listProps?: SelectListProps;\n onChange?: never;\n useBrowserDefaultMenu?: never;\n}\n\nexport type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;\n\nconst Select = ({\n defaultLeftElement,\n isFieldInline,\n listProps,\n onChange,\n options,\n placeholder,\n size = 'md',\n value,\n useBrowserDefaultMenu,\n maxW = '100%',\n colorToken,\n ...domProps\n}: SelectProps): JSX.Element => {\n const selectRef = useRef<HTMLSelectElement>(null);\n const { colors } = useTheme();\n const placeholderOption: SelectOptionProps = useMemo(\n () => ({\n label: placeholder,\n value: '',\n colorToken: 'placeholder',\n leftElement: null,\n isSelected: false,\n isPlaceholder: true,\n }),\n [placeholder],\n );\n\n const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n const selectedOption: SelectOptionProps = useMemo(() => {\n const selectedItem = allOptions.find((option) => option.isSelected);\n\n return selectedItem ? selectedItem : placeholderOption;\n }, [allOptions, placeholderOption]);\n\n const handleSelect = useCallback(\n (selectedItem: SelectOptionProps) => {\n if (!allOptions) return;\n\n const updatedOptions = allOptions.map((option) => {\n return {\n ...option,\n isSelected: option.value === selectedItem.value,\n };\n });\n setAllOptions(updatedOptions);\n\n if (listProps?.onSelect) {\n listProps.onSelect(selectedItem);\n }\n },\n [allOptions, listProps],\n );\n\n // If the text is not being truncated it should grow to fit the content\n const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n const selectWidth = useMemo(() => {\n if (!selectRef.current) {\n return '320px';\n }\n\n return `${selectRef?.current?.clientWidth}px`;\n\n // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectRef?.current]);\n\n // Set default selected state\n useEffect(() => {\n const mappedOptions = options.map((option) => ({\n ...option,\n isSelected: option.value === value,\n }));\n\n setAllOptions([...mappedOptions, placeholderOption]);\n }, [options, placeholderOption, value]);\n\n // Allow users to use browser default Select element instead of custom Select\n if (useBrowserDefaultMenu && onChange) {\n return <SelectBrowserDefault {...domProps} maxW={maxW} size={size} options={options} onChange={onChange} />;\n }\n\n return (\n <MenuProvider menuItems={allOptions}>\n <MenuContainer matchWidth={true} isLazy={true}>\n <CSelect\n icon={<Icon name=\"chevronDown\" size={size as IconsSize} />}\n as={MenuButton}\n _focus={{\n boxShadow: `0 0 0 1px ${colors.border.light.focus} !important`,\n borderColor: colors.border.light.focus,\n }}\n ref={selectRef}\n onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n type=\"button\"\n className=\"Select__MenuButton\"\n maxW={maxW}\n style={{ minHeight: { xs: 24, sm: 32, md: 40, lg: 48 }[size] }}\n {...flexibleHeightProps}\n {...domProps}\n >\n <SelectContainer\n selectedOption={selectedOption}\n defaultLeftElement={defaultLeftElement}\n shouldTruncateText={listProps?.shouldTruncateText}\n />\n </CSelect>\n <SelectList {...listProps} onSelect={handleSelect} options={allOptions} maxW={selectWidth || maxW} />\n </MenuContainer>\n </MenuProvider>\n );\n};\n\nSelect.displayName = 'Select';\n\nexport default withFormControl(Select);\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf","_excluded","_excluded2","_excluded3","SelectField","forwardRef","props","ref","children","placeholder","className","rest","React","createElement","chakra","select","cx","value","__DEV__","displayName","Select","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","rootProps","icon","color","height","h","minH","minHeight","iconColor","iconSize","isFullWidth","_split","split","layoutPropNames","layoutProps","otherProps","ownProps","useFormControl","rootStyles","width","position","fieldStyles","mergeWith","paddingEnd","field","_focus","zIndex","div","__css","SelectIcon","dataAttr","disabled","fontSize","DefaultIcon","viewBox","fill","d","IconWrapper","baseStyle","display","alignItems","justifyContent","pointerEvents","top","transform","_props$children","clone","cloneElement","role","focusable","style","isValidElement","SelectList","options","__rest","MenuList","__assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectBrowserDefault","CSelect","map","option","index","concat","label","SelectContainer","_a","selectedOption","defaultLeftElement","_b","shouldTruncateText","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","colorToken","Flex","justify","align","textAlign","leftElement","pr","TruncatedText","textContent","noOfLines","Text","listProps","onChange","size","useBrowserDefaultMenu","_c","maxW","domProps","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","_d","__read","useState","allOptions","setAllOptions","selectedItem","find","handleSelect","useCallback","updatedOptions","onSelect","flexibleHeightProps","selectWidth","current","clientWidth","useEffect","mappedOptions","__spreadArray","MenuProvider","MenuContainer","matchWidth","isLazy","Icon","name","as","MenuButton","boxShadow","border","light","focus","borderColor","onClick","event","stopPropagation","type","xs","sm","md","lg","withFormControl"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"select.component-98fca0d1.js","sources":["../node_modules/@chakra-ui/select/dist/chakra-ui-select.esm.js","../src/components/Select/components/SelectList/selectList.component.tsx","../src/components/Select/components/SelectBrowserDefault/selectBrowserDefault.component.tsx","../src/components/Select/components/SelectContainer/selectContainer.component.tsx","../src/components/Select/select.component.tsx"],"sourcesContent":["import { useFormControl } from '@chakra-ui/form-control';\nimport { forwardRef, chakra, useMultiStyleConfig, omitThemingProps, layoutPropNames } from '@chakra-ui/system';\nimport { cx, __DEV__, split, mergeWith, dataAttr } from '@chakra-ui/utils';\nimport * as React from 'react';\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nvar _excluded = [\"children\", \"placeholder\", \"className\"],\n _excluded2 = [\"rootProps\", \"placeholder\", \"icon\", \"color\", \"height\", \"h\", \"minH\", \"minHeight\", \"iconColor\", \"iconSize\", \"isFullWidth\"],\n _excluded3 = [\"children\"];\nvar SelectField = /*#__PURE__*/forwardRef(function (props, ref) {\n var children = props.children,\n placeholder = props.placeholder,\n className = props.className,\n rest = _objectWithoutPropertiesLoose(props, _excluded);\n\n return /*#__PURE__*/React.createElement(chakra.select, _extends({}, rest, {\n ref: ref,\n className: cx(\"chakra-select\", className)\n }), placeholder && /*#__PURE__*/React.createElement(\"option\", {\n value: \"\"\n }, placeholder), children);\n});\n\nif (__DEV__) {\n SelectField.displayName = \"SelectField\";\n}\n\n/**\n * React component used to select one item from a list of options.\n */\nvar Select = /*#__PURE__*/forwardRef(function (props, ref) {\n var styles = useMultiStyleConfig(\"Select\", props);\n\n var _omitThemingProps = omitThemingProps(props),\n rootProps = _omitThemingProps.rootProps,\n placeholder = _omitThemingProps.placeholder,\n icon = _omitThemingProps.icon,\n color = _omitThemingProps.color,\n height = _omitThemingProps.height,\n h = _omitThemingProps.h,\n minH = _omitThemingProps.minH,\n minHeight = _omitThemingProps.minHeight,\n iconColor = _omitThemingProps.iconColor,\n iconSize = _omitThemingProps.iconSize;\n _omitThemingProps.isFullWidth;\n var rest = _objectWithoutPropertiesLoose(_omitThemingProps, _excluded2);\n\n var _split = split(rest, layoutPropNames),\n layoutProps = _split[0],\n otherProps = _split[1];\n\n var ownProps = useFormControl(otherProps);\n var rootStyles = {\n width: \"100%\",\n height: \"fit-content\",\n position: \"relative\",\n color: color\n };\n var fieldStyles = mergeWith({\n paddingEnd: \"2rem\"\n }, styles.field, {\n _focus: {\n zIndex: \"unset\"\n }\n });\n return /*#__PURE__*/React.createElement(chakra.div, _extends({\n className: \"chakra-select__wrapper\",\n __css: rootStyles\n }, layoutProps, rootProps), /*#__PURE__*/React.createElement(SelectField, _extends({\n ref: ref,\n height: h != null ? h : height,\n minH: minH != null ? minH : minHeight,\n placeholder: placeholder\n }, ownProps, {\n __css: fieldStyles\n }), props.children), /*#__PURE__*/React.createElement(SelectIcon, _extends({\n \"data-disabled\": dataAttr(ownProps.disabled)\n }, (iconColor || color) && {\n color: iconColor || color\n }, {\n __css: styles.icon\n }, iconSize && {\n fontSize: iconSize\n }), icon));\n});\n\nif (__DEV__) {\n Select.displayName = \"Select\";\n}\n\nvar DefaultIcon = function DefaultIcon(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n viewBox: \"0 0 24 24\"\n }, props), /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\n }));\n};\nvar IconWrapper = chakra(\"div\", {\n baseStyle: {\n position: \"absolute\",\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n pointerEvents: \"none\",\n top: \"50%\",\n transform: \"translateY(-50%)\"\n }\n});\n\nvar SelectIcon = function SelectIcon(props) {\n var _props$children = props.children,\n children = _props$children === void 0 ? /*#__PURE__*/React.createElement(DefaultIcon, null) : _props$children,\n rest = _objectWithoutPropertiesLoose(props, _excluded3);\n\n var clone = /*#__PURE__*/React.cloneElement(children, {\n role: \"presentation\",\n className: \"chakra-select__icon\",\n focusable: false,\n \"aria-hidden\": true,\n // force icon to adhere to `IconWrapper` styles\n style: {\n width: \"1em\",\n height: \"1em\",\n color: \"currentColor\"\n }\n });\n return /*#__PURE__*/React.createElement(IconWrapper, _extends({}, rest, {\n className: \"chakra-select__icon-wrapper\"\n }), /*#__PURE__*/React.isValidElement(children) ? clone : null);\n};\n\nif (__DEV__) {\n SelectIcon.displayName = \"SelectIcon\";\n}\n\nexport { DefaultIcon, Select, SelectField };\n","import React from 'react';\nimport MenuList, { MenuListProps } from 'components/Menu/components/MenuList/menuList.component';\nimport { SelectOptionProps } from 'components/Select/select.types';\n\nexport interface SelectListProps\n extends Omit<MenuListProps, 'canSelectAll' | 'canSelectGroups' | 'isMultiSelect' | 'onSelectAll' | 'menuItems'> {\n options?: SelectOptionProps[];\n}\n\nconst SelectList = (props: SelectListProps): JSX.Element => {\n const { options, ...rest } = props;\n\n return <MenuList shouldRetainSelection={true} menuItems={options} isMatchWidthSet={true} {...rest} />;\n};\n\nexport default SelectList;\n","import React from 'react';\nimport { Select as CSelect } from '@chakra-ui/select';\nimport { BrowserDefaultSelectProps } from 'components/Select/select.component';\n\nconst SelectBrowserDefault = (props: BrowserDefaultSelectProps): JSX.Element => {\n const { options } = props;\n return (\n <CSelect className=\"Select\" {...props}>\n {options.map((option, index) => (\n <option key={`options-${index}`} value={option.value}>\n {option.label}\n </option>\n ))}\n </CSelect>\n );\n};\n\nexport default SelectBrowserDefault;\n","import React, { ReactNode } from 'react';\nimport { SelectOptionProps } from 'components/Select/select.types';\nimport Flex from 'chakra/components/Flex';\nimport useTheme from 'hooks/useTheme';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport TruncatedText from 'components/TruncatedText';\nimport Text from 'components/Text';\nimport { TextColor } from 'shared/types';\n\nexport interface SelectContainerProps {\n selectedOption: SelectOptionProps;\n defaultLeftElement: ReactNode;\n shouldTruncateText?: boolean;\n}\n\nconst SelectContainer = ({\n selectedOption,\n defaultLeftElement,\n shouldTruncateText = true,\n}: SelectContainerProps): JSX.Element => {\n const { colors } = useTheme();\n const adaptiveColor = useAdaptiveColorMap<TextColor>(\n colors.text,\n selectedOption.colorToken ? selectedOption.colorToken : 'default',\n );\n\n return (\n <Flex className=\"Select__Container\" justify=\"flex-start\" align=\"center\" textAlign=\"left\" color={adaptiveColor}>\n {selectedOption?.leftElement ? (\n <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n {selectedOption.leftElement}\n </Flex>\n ) : defaultLeftElement ? (\n <Flex align=\"center\" className=\"Select__LeftElement\" pr={2}>\n {defaultLeftElement}\n </Flex>\n ) : null}\n {typeof selectedOption.label === 'string' ? (\n shouldTruncateText ? (\n <TruncatedText\n color={adaptiveColor}\n className=\"Select__Text\"\n textContent={selectedOption.label || ''}\n noOfLines={1}\n />\n ) : (\n <Text color={adaptiveColor} className=\"Select__Text\">\n {selectedOption.label}\n </Text>\n )\n ) : (\n selectedOption.label\n )}\n </Flex>\n );\n};\n\nexport default SelectContainer;\n","import React, { useMemo, ChangeEvent, ReactNode, useRef, useState, useCallback, useEffect } from 'react';\nimport { Select as CSelect, SelectProps as CSelectProps } from '@chakra-ui/select';\nimport { MenuButton } from '@chakra-ui/menu';\nimport MenuContainer from 'components/Menu/components/MenuContainer/menuContainer.component';\nimport { WithFormControlProps, withFormControl } from '../FormControl/formControl.component';\nimport MenuProvider from 'components/Menu/context/menu.context';\nimport { SelectOptionProps } from 'components/Select/select.types';\nimport useTheme from 'hooks/useTheme';\nimport SelectList, { SelectListProps } from './components/SelectList/selectList.component';\nimport SelectBrowserDefault from './components/SelectBrowserDefault/selectBrowserDefault.component';\nimport SelectContainer from './components/SelectContainer/selectContainer.component';\nimport Icon from '../Icon';\nimport { IconsSize } from 'components/Icon/icon.types';\nimport { TextColor } from 'shared/types';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport interface SelectBaseProps extends WithFormControlProps, CSelectProps {\n options: SelectOptionProps[];\n size?: FormControlSize;\n colorToken?: TextColor;\n}\n\nexport interface BrowserDefaultSelectProps extends SelectBaseProps {\n defaultLeftElement?: never;\n listProps?: never;\n onChange: (e: ChangeEvent<HTMLSelectElement>) => void;\n useBrowserDefaultMenu?: boolean;\n}\n\nexport interface CustomSelectProps extends SelectBaseProps {\n defaultLeftElement?: ReactNode;\n listProps?: SelectListProps;\n onChange?: never;\n useBrowserDefaultMenu?: never;\n}\n\nexport type SelectProps = BrowserDefaultSelectProps | CustomSelectProps;\n\nconst Select = ({\n defaultLeftElement,\n isFieldInline,\n listProps,\n onChange,\n options,\n placeholder,\n size = 'md',\n value,\n useBrowserDefaultMenu,\n maxW = '100%',\n colorToken,\n ...domProps\n}: SelectProps): JSX.Element => {\n const selectRef = useRef<HTMLSelectElement>(null);\n const { colors } = useTheme();\n const placeholderOption: SelectOptionProps = useMemo(\n () => ({\n label: placeholder,\n value: '',\n colorToken: 'placeholder',\n leftElement: null,\n isSelected: false,\n isPlaceholder: true,\n }),\n [placeholder],\n );\n\n const [allOptions, setAllOptions] = useState<SelectOptionProps[]>([]);\n\n const selectedOption: SelectOptionProps = useMemo(() => {\n const selectedItem = allOptions.find((option) => option.isSelected);\n\n return selectedItem ? selectedItem : placeholderOption;\n }, [allOptions, placeholderOption]);\n\n const handleSelect = useCallback(\n (selectedItem: SelectOptionProps) => {\n if (!allOptions) return;\n\n const updatedOptions = allOptions.map((option) => {\n return {\n ...option,\n isSelected: option.value === selectedItem.value,\n };\n });\n setAllOptions(updatedOptions);\n\n if (listProps?.onSelect) {\n listProps.onSelect(selectedItem);\n }\n },\n [allOptions, listProps],\n );\n\n // If the text is not being truncated it should grow to fit the content\n const flexibleHeightProps = !listProps?.shouldTruncateText ? { height: 'max-content', minH: 10 } : {};\n\n const selectWidth = useMemo(() => {\n if (!selectRef.current) {\n return '320px';\n }\n\n return `${selectRef?.current?.clientWidth}px`;\n\n // Disables the warning for not including unused dependency in the hook array. This dependency is needed to rerender the menu list with the correct width\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [selectRef?.current]);\n\n // Set default selected state\n useEffect(() => {\n const mappedOptions = options.map((option) => ({\n ...option,\n isSelected: option.value === value,\n }));\n\n setAllOptions([...mappedOptions, placeholderOption]);\n }, [options, placeholderOption, value]);\n\n // Allow users to use browser default Select element instead of custom Select\n if (useBrowserDefaultMenu && onChange) {\n return <SelectBrowserDefault {...domProps} maxW={maxW} size={size} options={options} onChange={onChange} />;\n }\n\n return (\n <MenuProvider menuItems={allOptions}>\n <MenuContainer matchWidth={true} isLazy={true}>\n <CSelect\n icon={<Icon name=\"chevronDown\" size={size as IconsSize} />}\n as={MenuButton}\n _focus={{\n boxShadow: `0 0 0 1px ${colors.border.light.focus} !important`,\n borderColor: colors.border.light.focus,\n }}\n ref={selectRef}\n onClick={(event: React.MouseEvent): void => event.stopPropagation()}\n type=\"button\"\n className=\"Select__MenuButton\"\n maxW={maxW}\n style={{ minHeight: { xs: 24, sm: 32, md: 40, lg: 48 }[size] }}\n {...flexibleHeightProps}\n {...domProps}\n >\n <SelectContainer\n selectedOption={selectedOption}\n defaultLeftElement={defaultLeftElement}\n shouldTruncateText={listProps?.shouldTruncateText}\n />\n </CSelect>\n <SelectList {...listProps} onSelect={handleSelect} options={allOptions} maxW={selectWidth || maxW} />\n </MenuContainer>\n </MenuProvider>\n );\n};\n\nSelect.displayName = 'Select';\n\nexport default withFormControl(Select);\n"],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","_objectWithoutPropertiesLoose","excluded","sourceKeys","keys","indexOf","_excluded","_excluded2","_excluded3","SelectField","forwardRef","props","ref","children","placeholder","className","rest","React","createElement","chakra","select","cx","value","__DEV__","displayName","Select","styles","useMultiStyleConfig","_omitThemingProps","omitThemingProps","rootProps","icon","color","height","h","minH","minHeight","iconColor","iconSize","isFullWidth","_split","split","layoutPropNames","layoutProps","otherProps","ownProps","useFormControl","rootStyles","width","position","fieldStyles","mergeWith","paddingEnd","field","_focus","zIndex","div","__css","SelectIcon","dataAttr","disabled","fontSize","DefaultIcon","viewBox","fill","d","IconWrapper","baseStyle","display","alignItems","justifyContent","pointerEvents","top","transform","_props$children","clone","cloneElement","role","focusable","style","isValidElement","SelectList","options","__rest","MenuList","__assign","shouldRetainSelection","menuItems","isMatchWidthSet","SelectBrowserDefault","CSelect","map","option","index","concat","label","SelectContainer","_a","selectedOption","defaultLeftElement","_b","shouldTruncateText","colors","useTheme","adaptiveColor","useAdaptiveColorMap","text","colorToken","Flex","justify","align","textAlign","leftElement","pr","TruncatedText","textContent","noOfLines","Text","listProps","onChange","size","useBrowserDefaultMenu","_c","maxW","domProps","selectRef","useRef","placeholderOption","useMemo","isSelected","isPlaceholder","_d","__read","useState","allOptions","setAllOptions","selectedItem","find","handleSelect","useCallback","updatedOptions","onSelect","flexibleHeightProps","selectWidth","current","clientWidth","useEffect","mappedOptions","__spreadArray","MenuProvider","MenuContainer","matchWidth","isLazy","Icon","name","as","MenuButton","boxShadow","border","light","focus","borderColor","onClick","event","stopPropagation","type","xs","sm","md","lg","withFormControl"],"mappings":"wkCAKA,SAASA,IAeP,OAdAA,EAAWC,OAAOC,QAAU,SAAUC,GACpC,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CACzC,IAAIG,EAASF,UAAUD,GAEvB,IAAK,IAAII,KAAOD,EACVN,OAAOQ,UAAUC,eAAeC,KAAKJ,EAAQC,KAC/CL,EAAOK,GAAOD,EAAOC,IAK3B,OAAOL,GAGFH,EAASY,MAAMC,KAAMR,WAG9B,SAASS,EAA8BP,EAAQQ,GAC7C,GAAc,MAAVR,EAAgB,MAAO,GAC3B,IAEIC,EAAKJ,EAFLD,EAAS,GACTa,EAAaf,OAAOgB,KAAKV,GAG7B,IAAKH,EAAI,EAAGA,EAAIY,EAAWV,OAAQF,IACjCI,EAAMQ,EAAWZ,GACbW,EAASG,QAAQV,IAAQ,IAC7BL,EAAOK,GAAOD,EAAOC,IAGvB,OAAOL,EAGT,IAAIgB,EAAY,CAAC,WAAY,cAAe,aACxCC,EAAa,CAAC,YAAa,cAAe,OAAQ,QAAS,SAAU,IAAK,OAAQ,YAAa,YAAa,WAAY,eACxHC,EAAa,CAAC,YACdC,EAA2BC,EAAUA,YAAC,SAAUC,EAAOC,GACzD,IAAIC,EAAWF,EAAME,SACjBC,EAAcH,EAAMG,YACpBC,EAAYJ,EAAMI,UAClBC,EAAOf,EAA8BU,EAAOL,GAEhD,OAAoBW,EAAMC,cAAcC,EAAMA,OAACC,OAAQjC,EAAS,GAAI6B,EAAM,CACxEJ,IAAKA,EACLG,UAAWM,EAAAA,GAAG,gBAAiBN,KAC7BD,GAA4BG,EAAMC,cAAc,SAAU,CAC5DI,MAAO,IACNR,GAAcD,MAGfU,YACFd,EAAYe,YAAc,eAM5B,IAAIC,EAAsBf,EAAUA,YAAC,SAAUC,EAAOC,GACpD,IAAIc,EAASC,EAAAA,oBAAoB,SAAUhB,GAEvCiB,EAAoBC,EAAgBA,iBAAClB,GACrCmB,EAAYF,EAAkBE,UAC9BhB,EAAcc,EAAkBd,YAChCiB,EAAOH,EAAkBG,KACzBC,EAAQJ,EAAkBI,MAC1BC,EAASL,EAAkBK,OAC3BC,EAAIN,EAAkBM,EACtBC,EAAOP,EAAkBO,KACzBC,EAAYR,EAAkBQ,UAC9BC,EAAYT,EAAkBS,UAC9BC,EAAWV,EAAkBU,SAC7BV,EAAkBW,YAClB,IAAIvB,EAAOf,EAA8B2B,EAAmBrB,GAE5DiC,EAASC,EAAAA,MAAMzB,EAAM0B,mBACrBC,EAAcH,EAAO,GACrBI,EAAaJ,EAAO,GAEpBK,EAAWC,iBAAeF,GAC1BG,EAAa,CACfC,MAAO,OACPf,OAAQ,cACRgB,SAAU,WACVjB,MAAOA,GAELkB,EAAcC,EAAAA,UAAU,CAC1BC,WAAY,QACX1B,EAAO2B,MAAO,CACfC,OAAQ,CACNC,OAAQ,WAGZ,OAAoBtC,EAAMC,cAAcC,SAAOqC,IAAKrE,EAAS,CAC3D4B,UAAW,yBACX0C,MAAOV,GACNJ,EAAab,GAAyBb,EAAMC,cAAcT,EAAatB,EAAS,CACjFyB,IAAKA,EACLqB,OAAa,MAALC,EAAYA,EAAID,EACxBE,KAAc,MAARA,EAAeA,EAAOC,EAC5BtB,YAAaA,GACZ+B,EAAU,CACXY,MAAOP,IACLvC,EAAME,UAAwBI,EAAMC,cAAcwC,EAAYvE,EAAS,CACzE,gBAAiBwE,EAAAA,SAASd,EAASe,YACjCvB,GAAaL,IAAU,CACzBA,MAAOK,GAAaL,GACnB,CACDyB,MAAO/B,EAAOK,MACbO,GAAY,CACbuB,SAAUvB,IACRP,OAGFR,YACFE,EAAOD,YAAc,UAGvB,IAAIsC,EAAc,SAAqBnD,GACrC,OAAoBM,EAAMC,cAAc,MAAO/B,EAAS,CACtD4E,QAAS,aACRpD,GAAqBM,EAAMC,cAAc,OAAQ,CAClD8C,KAAM,eACNC,EAAG,mDAGHC,EAAc/C,EAAMA,OAAC,MAAO,CAC9BgD,UAAW,CACTlB,SAAU,WACVmB,QAAS,cACTC,WAAY,SACZC,eAAgB,SAChBC,cAAe,OACfC,IAAK,MACLC,UAAW,sBAIXf,EAAa,SAAoB/C,GACnC,IAAI+D,EAAkB/D,EAAME,SACxBA,OAA+B,IAApB6D,EAA0CzD,EAAMC,cAAc4C,EAAa,MAAQY,EAC9F1D,EAAOf,EAA8BU,EAAOH,GAE5CmE,EAAqB1D,EAAM2D,aAAa/D,EAAU,CACpDgE,KAAM,eACN9D,UAAW,sBACX+D,WAAW,EACX,eAAe,EAEfC,MAAO,CACL/B,MAAO,MACPf,OAAQ,MACRD,MAAO,kBAGX,OAAoBf,EAAMC,cAAcgD,EAAa/E,EAAS,GAAI6B,EAAM,CACtED,UAAW,gCACIE,EAAM+D,eAAenE,GAAY8D,EAAQ,OAGxDpD,YACFmC,EAAWlC,YAAc,cC5J3B,IAAMyD,EAAa,SAACtE,GACV,IAAAuE,EAAqBvE,EAAduE,QAAKlE,EAAImE,EAAAA,OAAKxE,EAAvB,CAAoB,YAE1B,OAAOM,wBAACmE,EAAQA,SAAAC,EAAAA,SAAA,CAACC,uBAAuB,EAAMC,UAAWL,EAASM,iBAAiB,GAAUxE,KCRzFyE,EAAuB,SAAC9E,GACpB,IAAAuE,EAAYvE,EAAKuE,QACzB,OACEjE,EAAAA,sBAACyE,EAAOL,EAAAA,SAAA,CAACtE,UAAU,UAAaJ,GAC7BuE,EAAQS,KAAI,SAACC,EAAQC,GAAU,OAC9B5E,EAAAA,QAAAC,cAAA,SAAA,CAAQvB,IAAK,WAAAmG,OAAWD,GAASvE,MAAOsE,EAAOtE,OAC5CsE,EAAOG,YCKZC,EAAkB,SAACC,OACvBC,EAAcD,EAAAC,eACdC,EAAkBF,EAAAE,mBAClBC,uBAAAC,OAAqB,IAAAD,GAAIA,EAEjBE,EAAWC,oBACbC,EAAgBC,sBACpBH,EAAOI,KACPR,EAAeS,WAAaT,EAAeS,WAAa,WAG1D,OACE1F,wBAAC2F,EAAI,QAAA,CAAC7F,UAAU,oBAAoB8F,QAAQ,aAAaC,MAAM,SAASC,UAAU,OAAO/E,MAAOwE,IAC7FN,MAAAA,OAAc,EAAdA,EAAgBc,aACf/F,EAAA,QAAAC,cAAC0F,UAAI,CAACE,MAAM,SAAS/F,UAAU,sBAAsBkG,GAAI,GACtDf,EAAec,aAEhBb,EACFlF,EAAA,QAAAC,cAAC0F,UAAI,CAACE,MAAM,SAAS/F,UAAU,sBAAsBkG,GAAI,GACtDd,GAED,KAC6B,iBAAzBD,EAAeH,MACrBM,EACEpF,EAAAA,QAACC,cAAAgG,EAAaA,cACZ,CAAAlF,MAAOwE,EACPzF,UAAU,eACVoG,YAAajB,EAAeH,OAAS,GACrCqB,UAAW,IAGbnG,EAAA,QAAAC,cAACmG,EAAIA,KAAA,CAACrF,MAAOwE,EAAezF,UAAU,gBACnCmF,EAAeH,OAIpBG,EAAoB,QCbtBzE,EAAS,SAACwE,GACd,IAAAE,uCAEA,IAAAmB,cACAC,aACArC,YACApE,gBACAsF,EAAAH,EAAAuB,KAAAA,OAAI,IAAApB,EAAG,KAAIA,EACX9E,EAAK2E,EAAA3E,MACLmG,EAAqBxB,EAAAwB,sBACrBC,SAAAC,aAAO,OAAMD,EACHzB,EAAAU,eACPiB,EAAQzC,EAAAA,OAAAc,EAZG,kJAcR4B,EAAYC,SAA0B,MACpCxB,EAAWC,oBACbwB,EAAuCC,WAC3C,WAAM,MAAC,CACLjC,MAAOjF,EACPQ,MAAO,GACPqF,WAAY,cACZK,YAAa,KACbiB,YAAY,EACZC,eAAe,KAEjB,CAACpH,IAGGqH,EAAAC,EAAAA,OAA8BC,EAAQA,SAAsB,IAAG,GAA9DC,EAAUH,EAAA,GAAEI,OAEbrC,EAAoC8B,EAAAA,SAAQ,WAChD,IAAMQ,EAAeF,EAAWG,MAAK,SAAC7C,GAAW,OAAAA,EAAOqC,cAExD,OAAOO,GAA8BT,IACpC,CAACO,EAAYP,IAEVW,EAAeC,eACnB,SAACH,GACC,GAAKF,EAAL,CAEA,IAAMM,EAAiBN,EAAW3C,KAAI,SAACC,GACrC,OACKP,WAAAA,EAAAA,SAAA,GAAAO,GACH,CAAAqC,WAAYrC,EAAOtE,QAAUkH,EAAalH,WAG9CiH,EAAcK,IAEVtB,MAAAA,SAAAA,EAAWuB,WACbvB,EAAUuB,SAASL,MAGvB,CAACF,EAAYhB,IAITwB,GAAuBxB,MAAAA,OAAS,EAATA,EAAWjB,oBAA2D,GAAtC,CAAEpE,OAAQ,cAAeE,KAAM,IAEtF4G,EAAcf,EAAAA,SAAQ,iBAC1B,OAAKH,EAAUmB,QAIR,GAAGlD,OAAkB,QAAlBG,EAAA4B,MAAAA,OAAS,EAATA,EAAWmB,eAAO,IAAA/C,OAAA,EAAAA,EAAEgD,YAAW,MAHhC,UAOR,CAACpB,MAAAA,OAAA,EAAAA,EAAWmB,UAaf,OAVAE,EAAAA,WAAU,WACR,IAAMC,EAAgBjE,EAAQS,KAAI,SAACC,GAAW,OACzCP,EAAAA,SAAAA,WAAA,GAAAO,IACHqC,WAAYrC,EAAOtE,QAAUA,OAG/BiH,EAAkBa,EAAAA,cAAAA,gBAAA,GAAAhB,EAAAA,OAAAe,IAAe,GAAA,CAAApB,UAChC,CAAC7C,EAAS6C,EAAmBzG,IAG5BmG,GAAyBF,EACpBtG,EAAAA,QAAAC,cAACuE,EAAyBJ,EAAAA,SAAA,GAAAuC,GAAUD,KAAMA,EAAMH,KAAMA,EAAMtC,QAASA,EAASqC,SAAUA,KAI/FtG,EAAC,QAAAC,cAAAmI,EAAYA,aAAC,CAAA9D,UAAW+C,GACvBrH,EAAC,QAAAC,cAAAoI,iBAAcC,YAAY,EAAMC,QAAQ,GACvCvI,EAAC,QAAAC,cAAAwE,cACC3D,KAAMd,wBAACwI,EAAAA,KAAI,CAACC,KAAK,cAAclC,KAAMA,IACrCmC,GAAIC,EAAUA,WACdtG,OAAQ,CACNuG,UAAW,oBAAavD,EAAOwD,OAAOC,MAAMC,MAAkB,eAC9DC,YAAa3D,EAAOwD,OAAOC,MAAMC,OAEnCpJ,IAAKiH,EACLqC,QAAS,SAACC,GAAkC,OAAAA,EAAMC,mBAClDC,KAAK,SACLtJ,UAAU,qBACV4G,KAAMA,EACN5C,MAAO,CAAE3C,UAAW,CAAEkI,GAAI,GAAIC,GAAI,GAAIC,GAAI,GAAIC,GAAI,IAAKjD,KACnDsB,EACAlB,GAEJ3G,EAAC,QAAAC,cAAA8E,GACCE,eAAgBA,EAChBC,mBAAoBA,EACpBE,mBAAoBiB,MAAAA,OAAS,EAATA,EAAWjB,sBAGnCpF,EAAC,QAAAC,cAAA+D,gBAAeqC,EAAS,CAAEuB,SAAUH,EAAcxD,QAASoD,EAAYX,KAAMoB,GAAepB,QAMrGlG,EAAOD,YAAc,SAErB,IAAekJ,EAAAA,EAAAA,gBAAgBjJ"}
|