@widergy/energy-ui 3.173.2 → 3.173.4

package/dist/components/UTSelect/versions/V0/index.js

@@ -1,218 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _clone = _interopRequireDefault(require("lodash/clone"));
-var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-var _FormHelperText = _interopRequireDefault(require("@material-ui/core/FormHelperText"));
-var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
-var _HelpOutline = _interopRequireDefault(require("@material-ui/icons/HelpOutline"));
-var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
-var _ListSubheader = _interopRequireDefault(require("@material-ui/core/ListSubheader"));
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-var _react = _interopRequireWildcard(require("react"));
-var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
-var _propTypes = require("prop-types");
-var _array = require("@widergy/web-utils/lib/array");
-var _form = require("@widergy/web-utils/lib/form");
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _UTTooltip = _interopRequireDefault(require("../../../UTTooltip"));
-var _WithTheme = _interopRequireDefault(require("../../../WithTheme"));
-var _formTypes = require("../../../../types/formTypes");
-var _classesUtils = require("../../../../utils/classesUtils");
-var _Option = _interopRequireDefault(require("./components/Option"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _stylesJS = _interopRequireDefault(require("./stylesJS"));
-var _constants = require("./constants");
-var _theme = require("./theme");
-var _utils = require("./utils");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const UTSelect = _ref => {
-  let {
-    captionLabel,
-    classNames,
-    classes: themeClasses,
-    dataTestId,
-    disableFirstOption,
-    disabled,
-    errorDataTestId,
-    field,
-    iconPlaceholder: IconPlaceholder,
-    input,
-    itemDataTestId,
-    labelKey,
-    labelProps,
-    listDataTestId,
-    menuPlaceholder,
-    meta,
-    options,
-    placeholder,
-    selectProps,
-    tooltip,
-    valueKey,
-    variant,
-    withAutoReset,
-    withOrder,
-    withoutFirstOption
-  } = _ref;
-  const {
-    multiple: isMultiple,
-    upperTitle
-  } = (field === null || field === void 0 ? void 0 : field.configuration) || {};
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  (0, _react.useEffect)(() => {
-    if (withAutoReset && (0, _utils.shouldReset)(input.value, options, valueKey, isMultiple)) input.onChange(null);
-  }, [options]);
-  const handleChange = event => input.onChange(event.target.value);
-  const handleRenderValue = selected => {
-    const selectedOptions = options.filter(option => selected.includes(option[valueKey]));
-    return selectedOptions.map(selection => selection[labelKey]).join(', ');
-  };
-  let sortedOptions = [...options];
-  sortedOptions = withOrder ? sortedOptions.sort((a, b) => a.order < b.order ? -1 : 1) : sortedOptions;
-  const optionCommonProps = {
-    classes,
-    isMultiple,
-    labelKey,
-    value: input.value,
-    valueKey
-  };
-  const SelectInput = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, upperTitle && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: classes.upperTitle
-  }, upperTitle), /*#__PURE__*/_react.default.createElement(_FormControl.default, {
-    className: classes.formControl,
-    error: (0, _form.shouldShowErrors)(meta),
-    variant: variant
-  }, /*#__PURE__*/_react.default.createElement(_InputLabel.default, _extends({}, labelProps, {
-    disabled: disabled
-  }), IconPlaceholder ? /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.labelContainer
-  }, /*#__PURE__*/_react.default.createElement(IconPlaceholder, {
-    className: classes.labelIcon
-  }), /*#__PURE__*/_react.default.createElement("div", null, placeholder)) : placeholder), /*#__PURE__*/_react.default.createElement(_Select.default, _extends({
-    classes: {
-      nativeInput: _stylesModule.default.nativeInput
-    },
-    disabled: disabled,
-    inputProps: {
-      'data-testid': dataTestId
-    },
-    label: variant === 'outlined' && placeholder,
-    MenuProps: {
-      MenuListProps: {
-        'data-testid': listDataTestId
-      }
-    },
-    multiple: isMultiple,
-    name: input.name,
-    onChange: handleChange,
-    value: isMultiple ? (0, _array.isEmpty)(input.value) ? [] : (0, _clone.default)(input.value) : input.value
-  }, isMultiple ? {
-    renderValue: handleRenderValue
-  } : {}, selectProps), !withoutFirstOption && /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-    "data-testid": "".concat(itemDataTestId, ".firstOption"),
-    disabled: isMultiple || disableFirstOption,
-    value: ""
-  }, menuPlaceholder || (isMultiple ? _constants.MENU_TITLE_MULTIPLE : _constants.MENU_TITLE)), sortedOptions.map((option, i) => (0, _array.isEmpty)(option.subOptions) ? /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-    "data-testid": "".concat(itemDataTestId, ".").concat(i),
-    key: option[valueKey],
-    value: option[valueKey]
-  }, /*#__PURE__*/_react.default.createElement(_Option.default, _extends({
-    optionProps: option
-  }, optionCommonProps))) : [/*#__PURE__*/_react.default.createElement(_ListSubheader.default, {
-    className: _stylesModule.default.subHeader
-  }, option[labelKey]), option.subOptions.map((subOption, index) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-    className: classes.subOption,
-    "data-testid": "".concat(itemDataTestId, ".").concat(index),
-    key: subOption[valueKey],
-    value: subOption[valueKey]
-  }, /*#__PURE__*/_react.default.createElement(_Option.default, _extends({
-    isSuboption: true,
-    optionProps: subOption
-  }, optionCommonProps))))])), captionLabel && /*#__PURE__*/_react.default.createElement(_FormHelperText.default, {
-    classes: {
-      ...classes.formHelperText
-    }
-  }, captionLabel), (0, _form.shouldShowErrors)(meta) && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: _stylesModule.default.errorLabel,
-    colorTheme: "error",
-    dataTestId: errorDataTestId,
-    variant: "small"
-  }, meta.error)));
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.container
-  }, tooltip ? /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    alignItems: "flex-end",
-    container: true,
-    spacing: 1,
-    style: _stylesJS.default.gridContainer
-  }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    xs: true
-  }, SelectInput), /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    item: true,
-    style: _stylesJS.default.icon
-  }, /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-    content: tooltip
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_HelpOutline.default, {
-    className: classes.tooltipIcon
-  }))))) : SelectInput);
-};
-UTSelect.defaultProps = {
-  classNames: {},
-  classes: {},
-  field: {
-    configuration: {
-      multiple: false
-    }
-  },
-  labelKey: _constants.LABEL_KEY,
-  labelProps: {},
-  meta: {},
-  options: [],
-  selectProps: {},
-  valueKey: _constants.VALUE_KEY,
-  withAutoReset: true,
-  withoutFirstOption: false
-};
-UTSelect.propTypes = {
-  captionLabel: _propTypes.string,
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  classes: (0, _propTypes.shape)({
-    container: _propTypes.string,
-    labelContainer: _propTypes.string,
-    formControl: _propTypes.string,
-    formHelperText: (0, _propTypes.objectOf)(_propTypes.string),
-    labelIcon: _propTypes.string,
-    optionIcon: _propTypes.string,
-    tooltipIcon: _propTypes.string,
-    upperTitle: _propTypes.string
-  }),
-  dataTestId: _propTypes.string,
-  disableFirstOption: _propTypes.bool,
-  disabled: _propTypes.bool,
-  errorDataTestId: _propTypes.string,
-  field: _formTypes.fieldType,
-  iconPlaceholder: _propTypes.node,
-  input: _formTypes.inputPropTypes,
-  itemDataTestId: _propTypes.string,
-  labelKey: _propTypes.string,
-  labelProps: _propTypes.object,
-  listDataTestId: _propTypes.string,
-  menuPlaceholder: _propTypes.string,
-  meta: _formTypes.metaPropTypes,
-  options: (0, _propTypes.arrayOf)(_propTypes.object),
-  placeholder: _propTypes.string,
-  selectProps: _propTypes.object,
-  tooltip: _propTypes.string,
-  valueKey: _propTypes.string,
-  variant: _propTypes.string,
-  withAutoReset: _propTypes.bool,
-  withOrder: _propTypes.bool,
-  withoutFirstOption: _propTypes.bool
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTSelect);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _clone=_interopRequireDefault(require("lodash/clone")),_FormControl=_interopRequireDefault(require("@material-ui/core/FormControl")),_FormHelperText=_interopRequireDefault(require("@material-ui/core/FormHelperText")),_Grid=_interopRequireDefault(require("@material-ui/core/Grid")),_HelpOutline=_interopRequireDefault(require("@material-ui/icons/HelpOutline")),_InputLabel=_interopRequireDefault(require("@material-ui/core/InputLabel")),_ListSubheader=_interopRequireDefault(require("@material-ui/core/ListSubheader")),_MenuItem=_interopRequireDefault(require("@material-ui/core/MenuItem")),_react=_interopRequireWildcard(require("react")),_Select=_interopRequireDefault(require("@material-ui/core/Select")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_form=require("@widergy/web-utils/lib/form"),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTTooltip=_interopRequireDefault(require("../../../UTTooltip")),_WithTheme=_interopRequireDefault(require("../../../WithTheme")),_formTypes=require("../../../../types/formTypes"),_classesUtils=require("../../../../utils/classesUtils"),_Option=_interopRequireDefault(require("./components/Option")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_stylesJS=_interopRequireDefault(require("./stylesJS")),_constants=require("./constants"),_theme=require("./theme"),_utils=require("./utils");function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,s,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(l=t?a:r){if(l.has(e))return l.get(e);l.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?l(o,t,s):o[t]=e[t]);return o})(e,t)}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}const UTSelect=e=>{let{captionLabel:t,classNames:r,classes:a,dataTestId:l,disableFirstOption:s,disabled:o,errorDataTestId:i,field:n,iconPlaceholder:p,input:u,itemDataTestId:c,labelKey:_,labelProps:d,listDataTestId:f,menuPlaceholder:m,meta:y,options:T,placeholder:b,selectProps:h,tooltip:q,valueKey:g,variant:E,withAutoReset:v,withOrder:O,withoutFirstOption:I}=e;const{multiple:P,upperTitle:D}=(null==n?void 0:n.configuration)||{},M=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(a,r),[r]);(0,_react.useEffect)(()=>{v&&(0,_utils.shouldReset)(u.value,T,g,P)&&u.onChange(null)},[T]);let R=[...T];R=O?R.sort((e,t)=>e.order<t.order?-1:1):R;const L={classes:M,isMultiple:P,labelKey:_,value:u.value,valueKey:g},w=_react.default.createElement(_react.Fragment,null,D&&_react.default.createElement(_UTLabel.default,{className:M.upperTitle},D),_react.default.createElement(_FormControl.default,{className:M.formControl,error:(0,_form.shouldShowErrors)(y),variant:E},_react.default.createElement(_InputLabel.default,_extends({},d,{disabled:o}),p?_react.default.createElement("div",{className:M.labelContainer},_react.default.createElement(p,{className:M.labelIcon}),_react.default.createElement("div",null,b)):b),_react.default.createElement(_Select.default,_extends({classes:{nativeInput:_stylesModule.default.nativeInput},disabled:o,inputProps:{"data-testid":l},label:"outlined"===E&&b,MenuProps:{MenuListProps:{"data-testid":f}},multiple:P,name:u.name,onChange:e=>u.onChange(e.target.value),value:P?(0,_array.isEmpty)(u.value)?[]:(0,_clone.default)(u.value):u.value},P?{renderValue:e=>T.filter(t=>e.includes(t[g])).map(e=>e[_]).join(", ")}:{},h),!I&&_react.default.createElement(_MenuItem.default,{"data-testid":"".concat(c,".firstOption"),disabled:P||s,value:""},m||(P?_constants.MENU_TITLE_MULTIPLE:_constants.MENU_TITLE)),R.map((e,t)=>(0,_array.isEmpty)(e.subOptions)?_react.default.createElement(_MenuItem.default,{"data-testid":"".concat(c,".").concat(t),key:e[g],value:e[g]},_react.default.createElement(_Option.default,_extends({optionProps:e},L))):[_react.default.createElement(_ListSubheader.default,{className:_stylesModule.default.subHeader},e[_]),e.subOptions.map((e,t)=>_react.default.createElement(_MenuItem.default,{className:M.subOption,"data-testid":"".concat(c,".").concat(t),key:e[g],value:e[g]},_react.default.createElement(_Option.default,_extends({isSuboption:!0,optionProps:e},L))))])),t&&_react.default.createElement(_FormHelperText.default,{classes:{...M.formHelperText}},t),(0,_form.shouldShowErrors)(y)&&_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.errorLabel,colorTheme:"error",dataTestId:i,variant:"small"},y.error)));return _react.default.createElement("div",{className:M.container},q?_react.default.createElement(_Grid.default,{alignItems:"flex-end",container:!0,spacing:1,style:_stylesJS.default.gridContainer},_react.default.createElement(_Grid.default,{item:!0,xs:!0},w),_react.default.createElement(_Grid.default,{item:!0,style:_stylesJS.default.icon},_react.default.createElement(_UTTooltip.default,{content:q},_react.default.createElement("span",null,_react.default.createElement(_HelpOutline.default,{className:M.tooltipIcon}))))):w)};UTSelect.defaultProps={classNames:{},classes:{},field:{configuration:{multiple:!1}},labelKey:_constants.LABEL_KEY,labelProps:{},meta:{},options:[],selectProps:{},valueKey:_constants.VALUE_KEY,withAutoReset:!0,withoutFirstOption:!1},UTSelect.propTypes={captionLabel:_propTypes.string,classNames:(0,_propTypes.objectOf)(_propTypes.string),classes:(0,_propTypes.shape)({container:_propTypes.string,labelContainer:_propTypes.string,formControl:_propTypes.string,formHelperText:(0,_propTypes.objectOf)(_propTypes.string),labelIcon:_propTypes.string,optionIcon:_propTypes.string,tooltipIcon:_propTypes.string,upperTitle:_propTypes.string}),dataTestId:_propTypes.string,disableFirstOption:_propTypes.bool,disabled:_propTypes.bool,errorDataTestId:_propTypes.string,field:_formTypes.fieldType,iconPlaceholder:_propTypes.node,input:_formTypes.inputPropTypes,itemDataTestId:_propTypes.string,labelKey:_propTypes.string,labelProps:_propTypes.object,listDataTestId:_propTypes.string,menuPlaceholder:_propTypes.string,meta:_formTypes.metaPropTypes,options:(0,_propTypes.arrayOf)(_propTypes.object),placeholder:_propTypes.string,selectProps:_propTypes.object,tooltip:_propTypes.string,valueKey:_propTypes.string,variant:_propTypes.string,withAutoReset:_propTypes.bool,withOrder:_propTypes.bool,withoutFirstOption:_propTypes.bool};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle,_theme.retrieveMuiTheme)(UTSelect);

package/dist/components/UTSelect/versions/V0/stylesJS.js

@@ -1,18 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _colorsModule = _interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  icon: {
-    alignSelf: 'baseline',
-    paddingTop: 25,
-    color: _colorsModule.default.lightBlue
-  },
-  gridContainer: {
-    flexWrap: 'nowrap'
-  }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _colorsModule=_interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default={icon:{alignSelf:"baseline",paddingTop:25,color:_colorsModule.default.lightBlue},gridContainer:{flexWrap:"nowrap"}};

package/dist/components/UTSelect/versions/V0/theme.js

@@ -1,207 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = exports.retrieveMuiTheme = void 0;
-var _seamlessImmutable = require("seamless-immutable");
-var _styles = require("@material-ui/core/styles");
-var _merge = _interopRequireDefault(require("lodash/merge"));
-var _colorsModule = _interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    container: {
-      display: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'container', 'display'], 'flex'),
-      flexShrink: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'container', 'flexShrink'], '0'),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'container', 'width'], '100%'),
-      margin: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'container', 'margin'], '0'),
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'container', 'color'], "".concat(_colorsModule.default.gray)),
-      flexDirection: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'container', 'flexDirection'], 'column'),
-      alignItems: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'container', 'alignItems'])
-    },
-    formControl: {
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formControl', 'width'], '100%')
-    },
-    tooltipIcon: {
-      color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'tooltipIcon', 'color'], 'currentColor')
-    },
-    labelIcon: {
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'height'], '12px'),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'width'], 'auto'),
-      fill: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'fill'], "".concat(_colorsModule.default.gray)),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'padding'], '0px 5px 0px 0px')
-    },
-    optionIcon: {
-      height: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'height'], '20px'),
-      width: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'width'], 'auto'),
-      fill: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'fill'], "".concat(_colorsModule.default.gray)),
-      padding: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'inputIcon', 'padding'], '0px 10px 0px 0px')
-    },
-    labelContainer: {
-      display: 'flex',
-      width: '100%',
-      alignItems: 'center'
-    },
-    upperTitle: {
-      fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'upperTitle', 'fontWeight']),
-      display: 'block',
-      marginBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'upperTitle', 'marginBottom'])
-    },
-    subOption: {
-      textIndent: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'subOption', 'textIndent'], 15)
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
-const retrieveMuiTheme = (theme, muiTheme) => {
-  const mui = {
-    typography: {
-      fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
-    },
-    overrides: {
-      MuiSelect: {
-        select: {
-          borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'select', 'borderRadius']),
-          padding: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'select', 'padding'])
-        }
-      },
-      MuiOutlinedInput: {
-        input: {
-          fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTTextInput', 'color'])
-        },
-        root: {
-          '&:hover:not($disabled):not($focused):not($error) $notchedOutline': {
-            border: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'hover', 'border'], "1px solid ".concat(_colorsModule.default.gray)),
-            borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'hover', 'borderColor'], 'none')
-          },
-          '&$focused $notchedOutline': {
-            border: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'focused', 'border'], "2px solid ".concat(_colorsModule.default.primary)),
-            borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'hover', 'borderColor'], 'none')
-          },
-          '&$disabled $notchedOutline': {
-            border: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'disabled', 'border'], "1px solid ".concat(_colorsModule.default.gray)),
-            borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'hover', 'borderColor'], 'none')
-          }
-        },
-        notchedOutline: {
-          border: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'unfocused', 'border'], "1px solid ".concat(theme.Palette.error['05'])),
-          borderColor: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'notchedOutline', 'hover', 'borderColor'], 'none')
-        }
-      },
-      MuiInput: {
-        root: {
-          top: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'top'])
-        },
-        input: {
-          fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14)),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'color']),
-          border: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'border']),
-          padding: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'padding']),
-          textAlign: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'textAlign'], 'left'),
-          background: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'background']),
-          borderRadius: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'borderRadius'])
-        },
-        underline: {
-          '&:hover:not($disabled):not($focused):not($error):before': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-          },
-          '&:hover:not($disabled):before': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'hover', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-          },
-          '&$disabled:before': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'disabled', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-          },
-          '&:before': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'unfocused', 'borderBottom'], "1px solid ".concat(_colorsModule.default.gray))
-          },
-          '&$focused:after': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'focused', 'borderBottom'], "2px solid ".concat(_colorsModule.default.inputPrimary))
-          },
-          '&:after': {
-            borderBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'underline', 'base', 'borderBottom'], "2px solid ".concat(_colorsModule.default.inputPrimary))
-          },
-          '&$error:after': {
-            borderBottom: "2px solid ".concat(theme.Palette.error['05']),
-            borderBottomColor: theme.Palette.error['05']
-          }
-        }
-      },
-      MuiFormLabel: {
-        root: {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'color']),
-          whiteSpace: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'whiteSpace'], 'initial'),
-          '&$error': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'errorColor'], theme.Palette.error['05'])
-          },
-          '&$focused': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'focusedColor'], _colorsModule.default.inputPrimary),
-            '&$error': {
-              color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'focusedErrorColor'], theme.Palette.error['05'])
-            }
-          },
-          fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily']),
-          fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium'], 14))),
-          fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'fontWeight']),
-          padding: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'padding'])
-        }
-      },
-      MuiInputLabel: {
-        shrink: {
-          padding: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'formLabel', 'shrink', 'padding'], 0)
-        }
-      },
-      MuiFormHelperText: {
-        root: {
-          fontSize: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'helperText', 'fontSize'], 12),
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'helperText', 'color'], _colorsModule.default.inputPrimary)
-        },
-        contained: {
-          marginLeft: 0
-        }
-      },
-      MuiCheckbox: {
-        root: {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'checkbox', 'color'], _colorsModule.default.gray)
-        },
-        colorPrimary: {
-          color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'checkbox', 'color'], _colorsModule.default.gray),
-          '&$checked': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'checkbox', 'checkedColor'], _colorsModule.default.inputPrimary)
-          }
-        }
-      },
-      MuiMenuItem: {
-        root: {
-          whiteSpace: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'menuitem', 'whiteSpace'], 'initial'),
-          '&:hover': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'menuitem', 'hover', 'color']),
-            background: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'menuitem', 'hover', 'background'])
-          },
-          '&.Mui-selected': {
-            color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'menuitem', 'selected', 'color']),
-            background: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'menuitem', 'selected', 'background']),
-            '&:hover': {
-              color: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'menuitem', 'selected', 'hover', 'color']),
-              background: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'menuitem', 'selected', 'hover', 'background'])
-            }
-          }
-        }
-      },
-      MuiListSubheader: {
-        root: {
-          fontWeight: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'subheader', 'fontWeight'], 400),
-          lineHeight: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'subheader', 'lineHeight'], 1.5),
-          paddingBottom: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'subheader', 'paddingBottom'], 6),
-          paddingTop: (0, _seamlessImmutable.getIn)(theme, ['UTSelect', 'subheader', 'paddingTop'], 6)
-        }
-      }
-    }
-  };
-  return (0, _styles.createTheme)((0, _merge.default)(muiTheme, mui));
-};
-exports.retrieveMuiTheme = retrieveMuiTheme;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=exports.retrieveMuiTheme=void 0;var _seamlessImmutable=require("seamless-immutable"),_styles=require("@material-ui/core/styles"),_merge=_interopRequireDefault(require("lodash/merge")),_colorsModule=_interopRequireDefault(require("../../../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const retrieveStyle=e=>{let{theme:t}=e;return{container:{display:(0,_seamlessImmutable.getIn)(t,["UTSelect","container","display"],"flex"),flexShrink:(0,_seamlessImmutable.getIn)(t,["UTSelect","container","flexShrink"],"0"),width:(0,_seamlessImmutable.getIn)(t,["UTSelect","container","width"],"100%"),margin:(0,_seamlessImmutable.getIn)(t,["UTSelect","container","margin"],"0"),color:(0,_seamlessImmutable.getIn)(t,["UTSelect","container","color"],"".concat(_colorsModule.default.gray)),flexDirection:(0,_seamlessImmutable.getIn)(t,["UTSelect","container","flexDirection"],"column"),alignItems:(0,_seamlessImmutable.getIn)(t,["UTSelect","container","alignItems"])},formControl:{width:(0,_seamlessImmutable.getIn)(t,["UTSelect","formControl","width"],"100%")},tooltipIcon:{color:(0,_seamlessImmutable.getIn)(t,["UTSelect","tooltipIcon","color"],"currentColor")},labelIcon:{height:(0,_seamlessImmutable.getIn)(t,["UTSelect","inputIcon","height"],"12px"),width:(0,_seamlessImmutable.getIn)(t,["UTSelect","inputIcon","width"],"auto"),fill:(0,_seamlessImmutable.getIn)(t,["UTSelect","inputIcon","fill"],"".concat(_colorsModule.default.gray)),padding:(0,_seamlessImmutable.getIn)(t,["UTSelect","inputIcon","padding"],"0px 5px 0px 0px")},optionIcon:{height:(0,_seamlessImmutable.getIn)(t,["UTSelect","inputIcon","height"],"20px"),width:(0,_seamlessImmutable.getIn)(t,["UTSelect","inputIcon","width"],"auto"),fill:(0,_seamlessImmutable.getIn)(t,["UTSelect","inputIcon","fill"],"".concat(_colorsModule.default.gray)),padding:(0,_seamlessImmutable.getIn)(t,["UTSelect","inputIcon","padding"],"0px 10px 0px 0px")},labelContainer:{display:"flex",width:"100%",alignItems:"center"},upperTitle:{fontWeight:(0,_seamlessImmutable.getIn)(t,["UTSelect","upperTitle","fontWeight"]),display:"block",marginBottom:(0,_seamlessImmutable.getIn)(t,["UTSelect","upperTitle","marginBottom"])},subOption:{textIndent:(0,_seamlessImmutable.getIn)(t,["UTSelect","subOption","textIndent"],15)}}};exports.retrieveStyle=retrieveStyle;const retrieveMuiTheme=(e,t)=>{const l={typography:{fontFamily:(0,_seamlessImmutable.getIn)(e,["Fonts","fontFamily"])},overrides:{MuiSelect:{select:{borderRadius:(0,_seamlessImmutable.getIn)(e,["UTSelect","select","borderRadius"]),padding:(0,_seamlessImmutable.getIn)(e,["UTSelect","select","padding"])}},MuiOutlinedInput:{input:{fontSize:(0,_seamlessImmutable.getIn)(e,["UTSelect","fontSize"],(0,_seamlessImmutable.getIn)(e,["Fonts","medium"],14)),color:(0,_seamlessImmutable.getIn)(e,["UTTextInput","color"])},root:{"&:hover:not($disabled):not($focused):not($error) $notchedOutline":{border:(0,_seamlessImmutable.getIn)(e,["UTSelect","notchedOutline","hover","border"],"1px solid ".concat(_colorsModule.default.gray)),borderColor:(0,_seamlessImmutable.getIn)(e,["UTSelect","notchedOutline","hover","borderColor"],"none")},"&$focused $notchedOutline":{border:(0,_seamlessImmutable.getIn)(e,["UTSelect","notchedOutline","focused","border"],"2px solid ".concat(_colorsModule.default.primary)),borderColor:(0,_seamlessImmutable.getIn)(e,["UTSelect","notchedOutline","hover","borderColor"],"none")},"&$disabled $notchedOutline":{border:(0,_seamlessImmutable.getIn)(e,["UTSelect","notchedOutline","disabled","border"],"1px solid ".concat(_colorsModule.default.gray)),borderColor:(0,_seamlessImmutable.getIn)(e,["UTSelect","notchedOutline","hover","borderColor"],"none")}},notchedOutline:{border:(0,_seamlessImmutable.getIn)(e,["UTSelect","notchedOutline","unfocused","border"],"1px solid ".concat(e.Palette.error["05"])),borderColor:(0,_seamlessImmutable.getIn)(e,["UTSelect","notchedOutline","hover","borderColor"],"none")}},MuiInput:{root:{top:(0,_seamlessImmutable.getIn)(e,["UTSelect","top"])},input:{fontSize:(0,_seamlessImmutable.getIn)(e,["UTSelect","fontSize"],(0,_seamlessImmutable.getIn)(e,["Fonts","medium"],14)),color:(0,_seamlessImmutable.getIn)(e,["UTSelect","color"]),border:(0,_seamlessImmutable.getIn)(e,["UTSelect","border"]),padding:(0,_seamlessImmutable.getIn)(e,["UTSelect","padding"]),textAlign:(0,_seamlessImmutable.getIn)(e,["UTSelect","textAlign"],"left"),background:(0,_seamlessImmutable.getIn)(e,["UTSelect","background"]),borderRadius:(0,_seamlessImmutable.getIn)(e,["UTSelect","borderRadius"])},underline:{"&:hover:not($disabled):not($focused):not($error):before":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTSelect","underline","hover","borderBottom"],"1px solid ".concat(_colorsModule.default.gray))},"&:hover:not($disabled):before":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTSelect","underline","hover","borderBottom"],"1px solid ".concat(_colorsModule.default.gray))},"&$disabled:before":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTSelect","underline","disabled","borderBottom"],"1px solid ".concat(_colorsModule.default.gray))},"&:before":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTSelect","underline","unfocused","borderBottom"],"1px solid ".concat(_colorsModule.default.gray))},"&$focused:after":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTSelect","underline","focused","borderBottom"],"2px solid ".concat(_colorsModule.default.inputPrimary))},"&:after":{borderBottom:(0,_seamlessImmutable.getIn)(e,["UTSelect","underline","base","borderBottom"],"2px solid ".concat(_colorsModule.default.inputPrimary))},"&$error:after":{borderBottom:"2px solid ".concat(e.Palette.error["05"]),borderBottomColor:e.Palette.error["05"]}}},MuiFormLabel:{root:{color:(0,_seamlessImmutable.getIn)(e,["UTSelect","formLabel","color"]),whiteSpace:(0,_seamlessImmutable.getIn)(e,["UTSelect","formLabel","whiteSpace"],"initial"),"&$error":{color:(0,_seamlessImmutable.getIn)(e,["UTSelect","formLabel","errorColor"],e.Palette.error["05"])},"&$focused":{color:(0,_seamlessImmutable.getIn)(e,["UTSelect","formLabel","focusedColor"],_colorsModule.default.inputPrimary),"&$error":{color:(0,_seamlessImmutable.getIn)(e,["UTSelect","formLabel","focusedErrorColor"],e.Palette.error["05"])}},fontFamily:(0,_seamlessImmutable.getIn)(e,["Fonts","fontFamily"]),fontSize:(0,_seamlessImmutable.getIn)(e,["UTSelect","formLabel","fontSize"],(0,_seamlessImmutable.getIn)(e,["UTSelect","fontSize"],(0,_seamlessImmutable.getIn)(e,["Fonts","medium"],14))),fontWeight:(0,_seamlessImmutable.getIn)(e,["UTSelect","formLabel","fontWeight"]),padding:(0,_seamlessImmutable.getIn)(e,["UTSelect","formLabel","padding"])}},MuiInputLabel:{shrink:{padding:(0,_seamlessImmutable.getIn)(e,["UTSelect","formLabel","shrink","padding"],0)}},MuiFormHelperText:{root:{fontSize:(0,_seamlessImmutable.getIn)(e,["UTSelect","helperText","fontSize"],12),color:(0,_seamlessImmutable.getIn)(e,["UTSelect","helperText","color"],_colorsModule.default.inputPrimary)},contained:{marginLeft:0}},MuiCheckbox:{root:{color:(0,_seamlessImmutable.getIn)(e,["UTSelect","checkbox","color"],_colorsModule.default.gray)},colorPrimary:{color:(0,_seamlessImmutable.getIn)(e,["UTSelect","checkbox","color"],_colorsModule.default.gray),"&$checked":{color:(0,_seamlessImmutable.getIn)(e,["UTSelect","checkbox","checkedColor"],_colorsModule.default.inputPrimary)}}},MuiMenuItem:{root:{whiteSpace:(0,_seamlessImmutable.getIn)(e,["UTSelect","menuitem","whiteSpace"],"initial"),"&:hover":{color:(0,_seamlessImmutable.getIn)(e,["UTSelect","menuitem","hover","color"]),background:(0,_seamlessImmutable.getIn)(e,["UTSelect","menuitem","hover","background"])},"&.Mui-selected":{color:(0,_seamlessImmutable.getIn)(e,["UTSelect","menuitem","selected","color"]),background:(0,_seamlessImmutable.getIn)(e,["UTSelect","menuitem","selected","background"]),"&:hover":{color:(0,_seamlessImmutable.getIn)(e,["UTSelect","menuitem","selected","hover","color"]),background:(0,_seamlessImmutable.getIn)(e,["UTSelect","menuitem","selected","hover","background"])}}}},MuiListSubheader:{root:{fontWeight:(0,_seamlessImmutable.getIn)(e,["UTSelect","subheader","fontWeight"],400),lineHeight:(0,_seamlessImmutable.getIn)(e,["UTSelect","subheader","lineHeight"],1.5),paddingBottom:(0,_seamlessImmutable.getIn)(e,["UTSelect","subheader","paddingBottom"],6),paddingTop:(0,_seamlessImmutable.getIn)(e,["UTSelect","subheader","paddingTop"],6)}}}};return(0,_styles.createTheme)((0,_merge.default)(t,l))};exports.retrieveMuiTheme=retrieveMuiTheme;

package/dist/components/UTSelect/versions/V0/utils.js

@@ -1,14 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.shouldReset = void 0;
-var _array = require("@widergy/web-utils/lib/array");
-const shouldResetMultipleSelect = (value, options, valueKey) => !(0, _array.isEmpty)(value) && ((0, _array.isEmpty)(options) || value.some(el => !options.some(opt => opt[valueKey] === el) && !options.some(opt => opt.subOptions && opt.subOptions.some(sub => sub[valueKey] === el))));
-const shouldResetSimpleSelect = (value, options, valueKey) => value && ((0, _array.isEmpty)(options) || !options.some(el => el[valueKey] === value) && !options.some(el => el.subOptions && el.subOptions.some(sub => sub[valueKey] === value)));
-const shouldReset = (value, options, valueKey, isMultiple) => {
-  if (isMultiple) return shouldResetMultipleSelect(value, options, valueKey);
-  return shouldResetSimpleSelect(value, options, valueKey);
-};
-exports.shouldReset = shouldReset;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.shouldReset=void 0;var _array=require("@widergy/web-utils/lib/array");const shouldResetMultipleSelect=(e,s,t)=>!(0,_array.isEmpty)(e)&&((0,_array.isEmpty)(s)||e.some(e=>!s.some(s=>s[t]===e)&&!s.some(s=>s.subOptions&&s.subOptions.some(s=>s[t]===e)))),shouldResetSimpleSelect=(e,s,t)=>e&&((0,_array.isEmpty)(s)||!s.some(s=>s[t]===e)&&!s.some(s=>s.subOptions&&s.subOptions.some(s=>s[t]===e))),shouldReset=(e,s,t,o)=>o?shouldResetMultipleSelect(e,s,t):shouldResetSimpleSelect(e,s,t);exports.shouldReset=shouldReset;

package/dist/components/UTSelect/versions/V1/components/InputComponent/index.js

@@ -1,116 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _UTBaseInputField = _interopRequireDefault(require("../../../../../UTBaseInputField"));
-var _constants = require("../../constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/* eslint-disable no-unused-vars */
-
-const InputComponent = _ref => {
-  let {
-    alwaysShowPlaceholder,
-    dataTestId,
-    disabled,
-    error,
-    inputSize,
-    inputRef,
-    leftAdornments,
-    onBlur,
-    onChange,
-    onFocus,
-    params,
-    placeholder,
-    readOnly,
-    rightAdornments,
-    value,
-    variant
-  } = _ref;
-  const {
-    InputProps: {
-      startAdornment,
-      endAdornment,
-      className,
-      ...restInputProps
-    },
-    inputProps: {
-      onBlur: paramsOnBlur,
-      onChange: paramsOnChange,
-      onFocus: paramsOnFocus,
-      value: paramsValue,
-      ...restInputPropsFromField
-    },
-    ...restParams
-  } = params;
-  const isPicker = variant === _constants.VARIANTS.picker;
-  const modifiedParams = {
-    ...restParams,
-    InputProps: restInputProps,
-    inputProps: {
-      ...restInputPropsFromField,
-      ...(isPicker && {
-        readOnly: true,
-        style: {
-          cursor: 'default'
-        }
-      })
-    }
-  };
-  const fieldVariant = isPicker ? 'transparent' : 'white';
-  return /*#__PURE__*/_react.default.createElement(_UTBaseInputField.default, {
-    alwaysShowPlaceholder: alwaysShowPlaceholder,
-    dataTestId: dataTestId,
-    disabled: disabled,
-    error: error,
-    inputSize: inputSize,
-    inputRef: inputRef,
-    leftAdornments: leftAdornments,
-    muiProps: modifiedParams,
-    onBlur: onBlur,
-    onChange: onChange,
-    onFocus: onFocus,
-    placeholder: placeholder,
-    readOnly: readOnly,
-    rightAdornments: rightAdornments,
-    value: value,
-    variant: fieldVariant
-  });
-};
-InputComponent.propTypes = {
-  alwaysShowPlaceholder: _propTypes.bool,
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  error: _propTypes.string,
-  inputSize: _propTypes.string,
-  inputRef: (0, _propTypes.oneOfType)([_propTypes.func, (0, _propTypes.shape)({
-    current: (0, _propTypes.instanceOf)(Element)
-  })]),
-  leftAdornments: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    name: _propTypes.string,
-    props: _propTypes.object
-  })),
-  onBlur: _propTypes.func,
-  onChange: _propTypes.func,
-  onFocus: _propTypes.func,
-  params: (0, _propTypes.shape)({
-    InputProps: _propTypes.object,
-    inputProps: (0, _propTypes.shape)({
-      onChange: _propTypes.func,
-      onBlur: _propTypes.func,
-      onFocus: _propTypes.func
-    })
-  }),
-  placeholder: _propTypes.string,
-  readOnly: _propTypes.bool,
-  rightAdornments: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    name: _propTypes.string,
-    props: _propTypes.object
-  })),
-  value: _propTypes.string,
-  variant: (0, _propTypes.oneOf)(Object.values(_constants.VARIANTS))
-};
-var _default = exports.default = InputComponent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_UTBaseInputField=_interopRequireDefault(require("../../../../../UTBaseInputField")),_constants=require("../../constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const InputComponent=e=>{let{alwaysShowPlaceholder:p,dataTestId:r,disabled:o,error:n,inputSize:s,inputRef:t,leftAdornments:a,onBlur:u,onChange:l,onFocus:i,params:_,placeholder:d,readOnly:y,rightAdornments:T,value:c,variant:f}=e;const{InputProps:{startAdornment:h,endAdornment:m,className:g,...I},inputProps:{onBlur:v,onChange:A,onFocus:b,value:O,...P},...B}=_,C=f===_constants.VARIANTS.picker,F={...B,InputProps:I,inputProps:{...P,...C&&{readOnly:!0,style:{cursor:"default"}}}},R=C?"transparent":"white";return _react.default.createElement(_UTBaseInputField.default,{alwaysShowPlaceholder:p,dataTestId:r,disabled:o,error:n,inputSize:s,inputRef:t,leftAdornments:a,muiProps:F,onBlur:u,onChange:l,onFocus:i,placeholder:d,readOnly:y,rightAdornments:T,value:c,variant:R})};InputComponent.propTypes={alwaysShowPlaceholder:_propTypes.bool,dataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.string,inputSize:_propTypes.string,inputRef:(0,_propTypes.oneOfType)([_propTypes.func,(0,_propTypes.shape)({current:(0,_propTypes.instanceOf)(Element)})]),leftAdornments:(0,_propTypes.arrayOf)((0,_propTypes.shape)({name:_propTypes.string,props:_propTypes.object})),onBlur:_propTypes.func,onChange:_propTypes.func,onFocus:_propTypes.func,params:(0,_propTypes.shape)({InputProps:_propTypes.object,inputProps:(0,_propTypes.shape)({onChange:_propTypes.func,onBlur:_propTypes.func,onFocus:_propTypes.func})}),placeholder:_propTypes.string,readOnly:_propTypes.bool,rightAdornments:(0,_propTypes.arrayOf)((0,_propTypes.shape)({name:_propTypes.string,props:_propTypes.object})),value:_propTypes.string,variant:(0,_propTypes.oneOf)(Object.values(_constants.VARIANTS))};var _default=exports.default=InputComponent;

package/dist/components/UTSelect/versions/V1/components/ListboxComponent/constants.js

@@ -1,7 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_MAX_HEIGHT = void 0;
-const DEFAULT_MAX_HEIGHT = exports.DEFAULT_MAX_HEIGHT = 260;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_MAX_HEIGHT=void 0;const DEFAULT_MAX_HEIGHT=exports.DEFAULT_MAX_HEIGHT=260;