@itcase/ui 1.0.43 → 1.0.45

package/dist/components/Select.js

@@ -16,14 +16,6 @@ require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
-require('../useStyles-e4accb53.js');
-require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
@@ -31,6 +23,14 @@ require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
+require('../hooks/useStyles.js');
+require('lodash/camelCase');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
+require('../context/UIContext.js');
+require('../hooks/useMediaQueries.js');
+require('react-responsive');
 require('lodash/castArray');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
@@ -64,11 +64,12 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var Select__default = /*#__PURE__*/_interopDefault(Select$1);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
-var SelectClearIndicator = function SelectClearIndicator(props) {
-  var _props$selectProps = props.selectProps,
-    clearIcon = _props$selectProps.clearIcon,
-    clearIconFill = _props$selectProps.clearIconFill,
-    clearIconStroke = _props$selectProps.clearIconStroke;
+const SelectClearIndicator = props => {
+  const {
+    clearIcon,
+    clearIconFill,
+    clearIconStroke
+  } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.ClearIndicator, props, clearIcon ? /*#__PURE__*/React__namespace.default.createElement(index$1.Icon, {
     SvgImage: clearIcon,
     iconFill: clearIconFill,
@@ -7517,14 +7518,15 @@ var CreatableSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 var CreatableSelect$1 = CreatableSelect;
 
-var SelectControl = function SelectControl(props) {
-  var _props$selectProps = props.selectProps,
-    inputFill = _props$selectProps.inputFill,
-    inputShape = _props$selectProps.inputShape,
-    inputBorderColor = _props$selectProps.inputBorderColor,
-    inputBorderColorHover = _props$selectProps.inputBorderColorHover;
+const SelectControl = props => {
+  const {
+    inputFill,
+    inputShape,
+    inputBorderColor,
+    inputBorderColorHover
+  } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.Control, Object.assign({}, props, {
-    className: clsx__default.default('select__control', inputFill, inputShape, inputBorderColor && "border-color_" + inputBorderColor, inputBorderColorHover && "border-color_hover_" + inputBorderColorHover)
+    className: clsx__default.default('select__control', inputFill, inputShape, inputBorderColor && `border-color_${inputBorderColor}`, inputBorderColorHover && `border-color_hover_${inputBorderColorHover}`)
   }));
 };
 SelectControl.propTypes = {
@@ -7535,11 +7537,12 @@ SelectControl.propTypes = {
   })
 };
 
-var SelectDropdownIndicator = function SelectDropdownIndicator(props) {
-  var _props$selectProps = props.selectProps,
-    dropdownIcon = _props$selectProps.dropdownIcon,
-    dropdownIconFill = _props$selectProps.dropdownIconFill,
-    dropdownIconStroke = _props$selectProps.dropdownIconStroke;
+const SelectDropdownIndicator = props => {
+  const {
+    dropdownIcon,
+    dropdownIconFill,
+    dropdownIconStroke
+  } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.DropdownIndicator, props, dropdownIcon ? /*#__PURE__*/React__namespace.default.createElement(index$1.Icon, {
     SvgImage: dropdownIcon,
     iconFill: dropdownIconFill,
@@ -7554,13 +7557,14 @@ SelectDropdownIndicator.propTypes = {
   })
 };
 
-var SelectGroupHeading = function SelectGroupHeading(props) {
-  var _props$selectProps = props.selectProps,
-    headingFill = _props$selectProps.headingFill,
-    headingFillHover = _props$selectProps.headingFillHover,
-    headingTextWeight = _props$selectProps.headingTextWeight,
-    headingTextSize = _props$selectProps.headingTextSize,
-    headingTextColor = _props$selectProps.headingTextColor;
+const SelectGroupHeading = props => {
+  const {
+    headingFill,
+    headingFillHover,
+    headingTextWeight,
+    headingTextSize,
+    headingTextColor
+  } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.GroupHeading, Object.assign({}, props, {
     className: clsx__default.default('select__menu-group-heading', headingFill, headingFillHover)
   }), /*#__PURE__*/React__namespace.default.createElement(index$2.Text, {
@@ -7573,13 +7577,14 @@ SelectGroupHeading.propTypes = {
   selectProps: PropTypes__default.default.shape({})
 };
 
-var SelectInput = function SelectInput(props) {
-  var _props$selectProps = props.selectProps,
-    inputTextSize = _props$selectProps.inputTextSize,
-    inputTextColor = _props$selectProps.inputTextColor,
-    inputCaretColor = _props$selectProps.inputCaretColor;
+const SelectInput = props => {
+  const {
+    inputTextSize,
+    inputTextColor,
+    inputCaretColor
+  } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.Input, Object.assign({}, props, {
-    className: clsx__default.default(inputTextSize && "text_size_" + inputTextSize, inputTextColor && "text-color_" + inputTextColor, inputCaretColor && "caret-color_" + inputCaretColor)
+    className: clsx__default.default(inputTextSize && `text_size_${inputTextSize}`, inputTextColor && `text-color_${inputTextColor}`, inputCaretColor && `caret-color_${inputCaretColor}`)
   }));
 };
 SelectInput.propTypes = {
@@ -7591,10 +7596,12 @@ SelectInput.propTypes = {
   children: PropTypes__default.default.any
 };
 
-var SelectMenu = function SelectMenu(props) {
-  var elevation = props.selectProps.elevation;
+const SelectMenu = props => {
+  const {
+    elevation
+  } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.Menu, Object.assign({}, props, {
-    className: clsx__default.default(elevation && "elevation_" + elevation)
+    className: clsx__default.default(elevation && `elevation_${elevation}`)
   }), props.selectProps.fetchingData ? /*#__PURE__*/React__namespace.default.createElement("span", {
     className: "fetching"
   }, "Fetching data...") : /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, props.children));
@@ -7607,10 +7614,11 @@ SelectMenu.propTypes = {
   children: PropTypes__default.default.any
 };
 
-var SelectMultiValueContainer = function SelectMultiValueContainer(props) {
-  var _props$selectProps = props.selectProps,
-    multipleItemFill = _props$selectProps.multipleItemFill,
-    multipleItemFillHover = _props$selectProps.multipleItemFillHover;
+const SelectMultiValueContainer = props => {
+  const {
+    multipleItemFill,
+    multipleItemFillHover
+  } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.MultiValueContainer, props, /*#__PURE__*/React__namespace.default.createElement(index$3.Group, {
     className: "select__multi-value-wrapper",
     direction: "horizontal",
@@ -7621,10 +7629,11 @@ var SelectMultiValueContainer = function SelectMultiValueContainer(props) {
   }, props.children));
 };
 
-var SelectMultiValueLabel = function SelectMultiValueLabel(props) {
-  var _props$selectProps = props.selectProps,
-    multipleItemTextSize = _props$selectProps.multipleItemTextSize,
-    multipleItemTextColor = _props$selectProps.multipleItemTextColor;
+const SelectMultiValueLabel = props => {
+  const {
+    multipleItemTextSize,
+    multipleItemTextColor
+  } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.MultiValueLabel, props, /*#__PURE__*/React__namespace.default.createElement(index$2.Text, {
     size: multipleItemTextSize,
     textColor: multipleItemTextColor
@@ -7632,10 +7641,11 @@ var SelectMultiValueLabel = function SelectMultiValueLabel(props) {
 };
 SelectMultiValueLabel.propTypes = {};
 
-var SelectMultiValueRemove = function SelectMultiValueRemove(props) {
-  var _props$selectProps = props.selectProps,
-    multipleItemIcon = _props$selectProps.multipleItemIcon,
-    multipleItemIconFill = _props$selectProps.multipleItemIconFill;
+const SelectMultiValueRemove = props => {
+  const {
+    multipleItemIcon,
+    multipleItemIconFill
+  } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.MultiValueRemove, props, /*#__PURE__*/React__namespace.default.createElement(index$1.Icon, {
     SvgImage: multipleItemIcon,
     iconFill: multipleItemIconFill
@@ -7643,14 +7653,15 @@ var SelectMultiValueRemove = function SelectMultiValueRemove(props) {
 };
 SelectMultiValueRemove.propTypes = {};
 
-var SelectNoOptions = function SelectNoOptions(props) {
-  var _props$selectProps = props.selectProps,
-    optionFill = _props$selectProps.optionFill,
-    optionBorder = _props$selectProps.optionBorder,
-    optionBorderType = _props$selectProps.optionBorderType,
-    noOptionsTextSize = _props$selectProps.noOptionsTextSize,
-    noOptionsTextColor = _props$selectProps.noOptionsTextColor,
-    noOptionsText = _props$selectProps.noOptionsText;
+const SelectNoOptions = props => {
+  const {
+    optionFill,
+    optionBorder,
+    optionBorderType,
+    noOptionsTextSize,
+    noOptionsTextColor,
+    noOptionsText
+  } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.NoOptionsMessage, Object.assign({}, props, {
     className: clsx__default.default(optionFill, optionBorder, optionBorderType)
   }), /*#__PURE__*/React__namespace.default.createElement(index$2.Text, {
@@ -7667,21 +7678,24 @@ SelectNoOptions.propTypes = {
   children: PropTypes__default.default.any
 };
 
-var SelectOption = function SelectOption(props) {
-  var label = props.label,
-    isSelected = props.isSelected;
-    props.data;
-  var _props$selectProps = props.selectProps,
-    optionFill = _props$selectProps.optionFill,
-    optionFillHover = _props$selectProps.optionFillHover,
-    optionBorder = _props$selectProps.optionBorder,
-    optionBorderType = _props$selectProps.optionBorderType,
-    optionSelected = _props$selectProps.optionSelected,
-    optionTextSize = _props$selectProps.optionTextSize,
-    optionShape = _props$selectProps.optionShape,
-    optionTextColor = _props$selectProps.optionTextColor,
-    optionBefore = _props$selectProps.optionBefore,
-    optionAfter = _props$selectProps.optionAfter;
+const SelectOption = props => {
+  const {
+    label,
+    isSelected,
+    data
+  } = props;
+  const {
+    optionFill,
+    optionFillHover,
+    optionBorder,
+    optionBorderType,
+    optionSelected,
+    optionTextSize,
+    optionShape,
+    optionTextColor,
+    optionBefore,
+    optionAfter
+  } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.Option, Object.assign({}, props, {
     className: clsx__default.default('select__menu-list-item', isSelected && 'select__menu-list-item_state_selected', optionFill, optionBorder, optionBorderType, optionFillHover, optionShape)
   }), optionBefore, /*#__PURE__*/React__namespace.default.createElement(index$2.Text, {
@@ -7705,10 +7719,11 @@ SelectOption.propTypes = {
   isSelected: PropTypes__default.default.any
 };
 
-var SelectPlaceholder = function SelectPlaceholder(props) {
-  var _props$selectProps = props.selectProps,
-    placeholderTextSize = _props$selectProps.placeholderTextSize,
-    placeholderTextColor = _props$selectProps.placeholderTextColor;
+const SelectPlaceholder = props => {
+  const {
+    placeholderTextSize,
+    placeholderTextColor
+  } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.Placeholder, props, /*#__PURE__*/React__namespace.default.createElement(index$2.Text, {
     size: placeholderTextSize,
     textColor: placeholderTextColor
@@ -7722,11 +7737,14 @@ SelectPlaceholder.propTypes = {
   children: PropTypes__default.default.any
 };
 
-var SelectSingleValue = function SelectSingleValue(props) {
-  var data = props.data;
-  var _props$selectProps = props.selectProps,
-    inputTextSize = _props$selectProps.inputTextSize,
-    inputTextColor = _props$selectProps.inputTextColor;
+const SelectSingleValue = props => {
+  const {
+    data
+  } = props;
+  const {
+    inputTextSize,
+    inputTextColor
+  } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.SingleValue, props, data.optionBefore, /*#__PURE__*/React__namespace.default.createElement(index$2.Text, {
     size: inputTextSize,
     textColor: inputTextColor
@@ -7741,11 +7759,12 @@ SelectSingleValue.propTypes = {
   data: PropTypes__default.default.object
 };
 
-var SelectValueContainer = function SelectValueContainer(props) {
-  var _props$selectProps = props.selectProps;
-    _props$selectProps.children;
-    var inputBefore = _props$selectProps.inputBefore,
-    inputAfter = _props$selectProps.inputAfter;
+const SelectValueContainer = props => {
+  const {
+    children,
+    inputBefore,
+    inputAfter
+  } = props.selectProps;
   return /*#__PURE__*/React__namespace.default.createElement(Select$1.components.ValueContainer, props, inputBefore, props.children, inputAfter);
 };
 SelectValueContainer.propTypes = {
@@ -7756,154 +7775,150 @@ SelectValueContainer.propTypes = {
   })
 };
 
-var SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(function SelectContainer(props, ref) {
-  var clearStyle = React.useMemo(function () {
-    return new Proxy({}, {
-      get: function get(target, propKey) {
-        return function () {};
-      }
-    });
-  }, []);
-  var className = props.className,
-    clearIcon = props.clearIcon,
-    clearIconFill = props.clearIconFill,
-    clearIconStroke = props.clearIconStroke,
-    closeMenuOnSelect = props.closeMenuOnSelect,
-    dropdownIcon = props.dropdownIcon,
-    dropdownIconFill = props.dropdownIconFill,
-    dropdownIconStroke = props.dropdownIconStroke,
-    multipleItemIcon = props.multipleItemIcon,
-    multipleItemIconFill = props.multipleItemIconFill,
-    multipleItemFill = props.multipleItemFill,
-    multipleItemFillHover = props.multipleItemFillHover,
-    filterOption = props.filterOption,
-    key = props.key,
-    initialValue = props.initialValue,
-    inputAfter = props.inputAfter,
-    inputBefore = props.inputBefore,
-    isClearable = props.isClearable,
-    isCreatable = props.isCreatable,
-    isMulti = props.isMulti,
-    isSearchable = props.isSearchable,
-    noOptionsText = props.noOptionsText,
-    openMenuOnClick = props.openMenuOnClick,
-    options = props.options,
-    optionBefore = props.optionBefore,
-    optionAfter = props.optionAfter,
-    optionSelected = props.optionSelected,
-    elevation = props.elevation,
-    placeholder = props.placeholder,
-    set = props.set,
-    value = props.value,
-    onChange = props.onChange;
-  var borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+const SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(function SelectContainer(props, ref) {
+  const clearStyle = React.useMemo(() => new Proxy({}, {
+    get: (target, propKey) => () => {}
+  }), []);
+  const {
+    className,
+    clearIcon,
+    clearIconFill,
+    clearIconStroke,
+    closeMenuOnSelect,
+    dropdownIcon,
+    dropdownIconFill,
+    dropdownIconStroke,
+    multipleItemIcon,
+    multipleItemIconFill,
+    multipleItemFill,
+    multipleItemFillHover,
+    filterOption,
+    key,
+    initialValue,
+    inputAfter,
+    inputBefore,
+    isClearable,
+    isCreatable,
+    isMulti,
+    isSearchable,
+    noOptionsText,
+    openMenuOnClick,
+    options,
+    optionBefore,
+    optionAfter,
+    optionSelected,
+    elevation,
+    placeholder,
+    set,
+    value,
+    onChange
+  } = props;
+  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'borderColor'
   });
-  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
-  var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_hover_',
     propsKey: 'fill'
   });
-  var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'select_shape_',
     propsKey: 'shape'
   });
-  var sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const sizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'select_size_',
     propsKey: 'size'
   });
-  var optionFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const optionFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'optionFill'
   });
-  var optionFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const optionFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_hover_',
     propsKey: 'optionFillHover'
   });
-  var optionBorderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const optionBorderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border-color_',
     propsKey: 'optionBorder'
   });
-  var optionBorderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const optionBorderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'border_',
     propsKey: 'optionBorderType'
   });
-  var optionTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const optionTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'optionTextSize'
   });
-  var optionTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const optionTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'optionTextColor'
   });
-  var optionShapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const optionShapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'optionShape'
   });
-  var inputFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const inputFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'select__control_fill_',
     propsKey: 'inputFill'
   });
-  var inputShapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const inputShapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'select__control_shape_',
     propsKey: 'inputShape'
   });
-  var inputTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const inputTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'inputTextSize'
   });
-  var inputTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const inputTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'inputTextColor'
   });
-  var multipleItemTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const multipleItemTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'multipleItemTextSize'
   });
-  var multipleItemTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const multipleItemTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'multipleItemTextColor'
   });
-  var inputBorderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const inputBorderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'inputBorderColor'
   });
-  var inputBorderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const inputBorderColorHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'inputBorderColorHover'
   });
-  var placeholderTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const placeholderTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'placeholderTextSize'
   });
-  var placeholderTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const placeholderTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'placeholderTextColor'
   });
-  var noOptionsTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const noOptionsTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'noOptionsTextSize'
   });
-  var noOptionsTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const noOptionsTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'noOptionsTextColor'
   });
-  var inputCaretColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const inputCaretColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'inputCaretColor'
   });
-  var headingFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const headingFillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'headingFill'
   });
-  var headingFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const headingFillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_hover_',
     propsKey: 'headingFillHover'
   });
-  var headingTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const headingTextSizeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'headingTextSize'
   });
-  var headingTextWeightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const headingTextWeightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'headingTextWeight'
   });
-  var headingTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const headingTextColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     propsKey: 'headingTextColor'
   });
-  var SelectComponent = React.useMemo(function () {
-    return isCreatable ? CreatableSelect$1 : Select__default.default;
-  }, [isCreatable]);
+  const SelectComponent = React.useMemo(() => isCreatable ? CreatableSelect$1 : Select__default.default, [isCreatable]);
   return /*#__PURE__*/React__namespace.default.createElement(SelectComponent, {
-    className: clsx__default.default(className, 'select', fillClass, fillHoverClass, shapeClass, borderColorClass, sizeClass, set && "select_set_" + set),
+    className: clsx__default.default(className, 'select', fillClass, fillHoverClass, shapeClass, borderColorClass, sizeClass, set && `select_set_${set}`),
     classNamePrefix: "select",
     styles: clearStyle,
     value: value,
@@ -7913,7 +7928,7 @@ var SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(function
     clearIcon: clearIcon,
     clearIconFill: clearIconFill,
     clearIconStroke: clearIconStroke,
-    closeMenuOnSelect: closeMenuOnSelect != null ? closeMenuOnSelect : false,
+    closeMenuOnSelect: closeMenuOnSelect ?? false,
     defaultValue: initialValue,
     dropdownIcon: dropdownIcon,
     dropdownIconFill: dropdownIconFill,
@@ -7968,9 +7983,7 @@ var SelectContainer = /*#__PURE__*/React__namespace.default.forwardRef(function
       Control: SelectControl,
       ClearIndicator: SelectClearIndicator,
       DropdownIndicator: SelectDropdownIndicator,
-      IndicatorSeparator: function IndicatorSeparator() {
-        return null;
-      },
+      IndicatorSeparator: () => null,
       Input: SelectInput,
       Menu: SelectMenu,
       MultiValueContainer: SelectMultiValueContainer,

package/dist/components/SiteMenu.js

@@ -17,10 +17,6 @@ require('../constants/componentProps/iconSize.js');
 require('../constants/componentProps/shape.js');
 require('../constants/componentProps/strokeColor.js');
 require('./Link.js');
-require('../useStyles-e4accb53.js');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
 require('../constants/componentProps/size.js');
 require('../constants/componentProps/textColor.js');
 require('../constants/componentProps/textGradient.js');
@@ -28,6 +24,10 @@ require('../constants/componentProps/textStyle.js');
 require('../constants/componentProps/textWeight.js');
 require('../constants/componentProps/type.js');
 require('../constants/componentProps/underline.js');
+require('../hooks/useStyles.js');
+require('lodash/maxBy');
+require('lodash/upperFirst');
+require('../hooks/styleAttributes.js');
 require('../constants/componentProps/textColorActive.js');
 require('../constants/componentProps/textColorHover.js');
 
@@ -38,26 +38,29 @@ var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var clsx__default = /*#__PURE__*/_interopDefault(clsx);
 
 function SiteMenu(props) {
-  var children = props.children,
-    className = props.className,
-    closeText = props.closeText,
-    closeTextSize = props.closeTextSize,
-    closeTextColor = props.closeTextColor,
-    closeTextColorHover = props.closeTextColorHover,
-    onClose = props.onClose,
-    iconCloseFill = props.iconCloseFill,
-    iconCloseSize = props.iconCloseSize,
-    iconCloseBgFill = props.iconCloseBgFill,
-    iconCloseStroke = props.iconCloseStroke,
-    iconClose = props.iconClose;
-  var _useSiteMenuContext = UIContext.useSiteMenuContext(),
-    isSiteMenuOpen = _useSiteMenuContext.isSiteMenuOpen,
-    setIsSiteMenuOpen = _useSiteMenuContext.setIsSiteMenuOpen;
-  var onClickClose = React.useCallback(function (event) {
+  const {
+    children,
+    className,
+    closeText,
+    closeTextSize,
+    closeTextColor,
+    closeTextColorHover,
+    onClose,
+    iconCloseFill,
+    iconCloseSize,
+    iconCloseBgFill,
+    iconCloseStroke,
+    iconClose
+  } = props;
+  const {
+    isSiteMenuOpen,
+    setIsSiteMenuOpen
+  } = UIContext.useSiteMenuContext();
+  const onClickClose = React.useCallback(event => {
     setIsSiteMenuOpen(false);
     onClose && onClose(event);
   }, [onClose]);
-  var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
+  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
     prefix: 'fill_',
     propsKey: 'fill'
   });
@@ -111,13 +114,16 @@ SiteMenu.propTypes = {
 };
 
 function SiteMenuButton(props) {
-  var className = props.className,
-    onClick = props.onClick,
-    children = props.children,
-    text = props.text;
-  var _useSiteMenuContext = UIContext.useSiteMenuContext(),
-    setIsSiteMenuOpen = _useSiteMenuContext.setIsSiteMenuOpen;
-  var onClickButton = React.useCallback(function (event) {
+  const {
+    className,
+    onClick,
+    children,
+    text
+  } = props;
+  const {
+    setIsSiteMenuOpen
+  } = UIContext.useSiteMenuContext();
+  const onClickButton = React.useCallback(event => {
     setIsSiteMenuOpen(true);
     onClick && onClick(event);
   }, []);