@widergy/energy-ui 3.172.2 → 3.172.3

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

@@ -1,262 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _clone = _interopRequireDefault(require("lodash/clone"));
-var _react = _interopRequireWildcard(require("react"));
-var _lab = require("@material-ui/lab");
-var _Popper = _interopRequireDefault(require("@material-ui/core/Popper"));
-var _UTFieldLabel = _interopRequireDefault(require("../../../UTFieldLabel"));
-var _UTLabel = _interopRequireDefault(require("../../../UTLabel"));
-var _UTPaper = _interopRequireDefault(require("../../../UTPaper"));
-var _UTValidation = _interopRequireDefault(require("../../../UTValidation"));
-var _utils = require("../../../UTValidation/utils");
-var _inputs = require("../../../../constants/inputs");
-var _InputComponent = _interopRequireDefault(require("./components/InputComponent"));
-var _ListboxComponent = _interopRequireDefault(require("./components/ListboxComponent"));
-var _types = require("./types");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _constants = require("./constants");
-var _utils2 = 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 {
-    action,
-    actions: titleActions,
-    alwaysShowPlaceholder = true,
-    autocompleteProps = {},
-    className,
-    clearable = true,
-    CustomRow,
-    dataTestId,
-    disabled,
-    disableFilterOptions = false,
-    error,
-    errorDataTestId,
-    fixedBottomOption,
-    freeWidth = false,
-    hideSingleCategoryTitle = false,
-    paperClassName,
-    helpText,
-    icon,
-    inputSize,
-    itemDataTestId,
-    listDataTestId,
-    listProps = {},
-    menuWidth,
-    multiple = false,
-    noMatchesText = 'No hay coincidencias con tu búsqueda',
-    noOptionsText = 'No hay opciones disponibles',
-    onChange = () => {},
-    onChangeSearchTerm = () => {},
-    options = [],
-    placeholder,
-    prefix,
-    readOnly,
-    required,
-    suffix,
-    title,
-    titleVariant = _inputs.TITLE_VARIANTS.large,
-    value = multiple ? [] : null,
-    variant = _constants.VARIANTS.select,
-    withAutoReset = true
-  } = _ref;
-  const optionsSortedByCategory = (0, _react.useMemo)(() => {
-    if (!options || options.length === 0) return [];
-    const clonedOptions = (0, _clone.default)(options).map(option => ({
-      ...option,
-      name: "".concat(option.name)
-    }));
-    const categoryOrder = new Map();
-    clonedOptions.forEach(option => {
-      if (!categoryOrder.has(option.category)) categoryOrder.set(option.category, categoryOrder.size);
-    });
-    const sorted = clonedOptions.sort((a, b) => categoryOrder.get(a.category) - categoryOrder.get(b.category));
-    if (hideSingleCategoryTitle && categoryOrder.size <= 1) {
-      return sorted.map(_ref2 => {
-        let {
-          category: _category,
-          ...rest
-        } = _ref2;
-        return rest;
-      });
-    }
-    return sorted;
-  }, [options, hideSingleCategoryTitle]);
-  const displayOptions = (0, _react.useMemo)(() => fixedBottomOption ? [...optionsSortedByCategory, fixedBottomOption] : optionsSortedByCategory, [optionsSortedByCategory, fixedBottomOption]);
-  const [isPopperOpen, setIsPopperOpen] = (0, _react.useState)(false);
-  const [searchTerm, setSearchTerm] = (0, _react.useState)((0, _utils2.getDisplayValue)(value, displayOptions, multiple));
-  const [showClearButton, setShowClearButton] = (0, _react.useState)(!!searchTerm);
-  const [sortedOptions, setSortedOptions] = (0, _react.useState)(optionsSortedByCategory);
-  const inputRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    const fixedIsSelected = fixedBottomOption && (multiple ? Array.isArray(value) && value.includes(fixedBottomOption.value) : value === (fixedBottomOption === null || fixedBottomOption === void 0 ? void 0 : fixedBottomOption.value));
-    if (withAutoReset && !fixedIsSelected && (0, _utils2.shouldReset)(value, optionsSortedByCategory, multiple)) {
-      onChange(null);
-      setSortedOptions((0, _utils2.sortOptions)(optionsSortedByCategory, null, multiple));
-    }
-  }, [multiple, onChange, optionsSortedByCategory, value, withAutoReset, fixedBottomOption]);
-  (0, _react.useEffect)(() => {
-    if (!isPopperOpen) {
-      const displayValue = (0, _utils2.getDisplayValue)(value, displayOptions, multiple);
-      setSearchTerm(displayValue);
-      setShowClearButton(displayValue);
-    }
-  }, [value, displayOptions, multiple, isPopperOpen]);
-  (0, _react.useEffect)(() => {
-    if (isPopperOpen) {
-      setSortedOptions((0, _utils2.sortOptions)(optionsSortedByCategory, value, multiple));
-    }
-  }, [optionsSortedByCategory]);
-  (0, _react.useEffect)(() => {
-    setSortedOptions((0, _utils2.sortOptions)(optionsSortedByCategory, value, multiple));
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (isPopperOpen) setSortedOptions((0, _utils2.sortOptions)(optionsSortedByCategory, value, multiple));
-  }, [isPopperOpen]);
-  const validationData = (0, _react.useMemo)(() => error && (0, _utils.formatErrorToValidation)(error), [error]);
-  const isPicker = variant === _constants.VARIANTS.picker;
-  const filteredOptions = (0, _react.useMemo)(() => {
-    const base = disableFilterOptions || isPicker ? sortedOptions : sortedOptions.filter(option => "".concat(option.name).toLowerCase().includes(searchTerm.toLowerCase()));
-    if (!fixedBottomOption) return base;
-    return base.filter(opt => opt.value !== fixedBottomOption.value);
-  }, [sortedOptions, searchTerm, disableFilterOptions, isPicker, fixedBottomOption]);
-  const handleSearchChange = (0, _react.useCallback)(searchValue => {
-    onChangeSearchTerm === null || onChangeSearchTerm === void 0 || onChangeSearchTerm(searchValue);
-    setSearchTerm(searchValue);
-  }, [onChangeSearchTerm]);
-  const clearSearchInputValue = (0, _react.useCallback)(inputValue => {
-    setIsPopperOpen(false);
-    const displayValue = (0, _utils2.getDisplayValue)(inputValue, displayOptions, multiple);
-    handleSearchChange(displayValue);
-    setShowClearButton(displayValue !== '');
-  }, [_utils2.getDisplayValue, displayOptions, multiple, handleSearchChange]);
-  const handleSelectionChange = newValues => {
-    const selectedValue = multiple ? newValues : newValues.length > 0 ? newValues[0] : '';
-    onChange(selectedValue);
-    if (!multiple) {
-      var _inputRef$current;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.blur();
-      clearSearchInputValue(selectedValue);
-    }
-  };
-  const handleInputFocus = () => {
-    setShowClearButton(false);
-    handleSearchChange('');
-    setIsPopperOpen(true);
-  };
-  const handleInputBlur = () => {
-    clearSearchInputValue(value);
-  };
-  const handleClearSelection = () => {
-    const clearedValue = multiple ? [] : null;
-    onChange(clearedValue);
-    handleSearchChange('');
-    setShowClearButton(false);
-    setIsPopperOpen(false);
-  };
-  const leftAdornments = (0, _react.useMemo)(() => (0, _utils2.getLeftAdornments)({
-    error,
-    multiple,
-    value,
-    prefix,
-    icon
-  }), [multiple, value, prefix, icon]);
-  const rightAdornments = (0, _react.useMemo)(() => (0, _utils2.getRightAdornments)({
-    action,
-    clearable,
-    disabled,
-    handleClearSelection,
-    readOnly,
-    showClearButton,
-    suffix,
-    variant
-  }), [suffix, showClearButton, clearable, disabled, action, handleClearSelection, variant]);
-  const listBoxProps = (0, _react.useMemo)(() => ({
-    CustomRow,
-    dataTestId: listDataTestId,
-    filteredOptions,
-    fixedBottomOption,
-    handleSelectionChange,
-    itemDataTestId,
-    multiple,
-    noMatchesText,
-    value,
-    ...listProps
-  }), [CustomRow, filteredOptions, fixedBottomOption, handleSelectionChange, multiple, noMatchesText, value, listProps]);
-  const menuWidthRef = (0, _react.useRef)(menuWidth);
-  menuWidthRef.current = menuWidth;
-  const CustomPopper = (0, _react.useCallback)(props => {
-    const width = menuWidthRef.current;
-    return /*#__PURE__*/_react.default.createElement(_Popper.default, _extends({}, props, width ? {
-      placement: 'bottom-start'
-    } : {}, {
-      style: width ? {
-        ...props.style,
-        width
-      } : props.style
-    }));
-  }, []);
-  const noOptionsTextComponent = /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: _stylesModule.default.noOptionsLabel,
-    colorTheme: "gray"
-  }, noOptionsText);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(className)
-  }, title && /*#__PURE__*/_react.default.createElement(_UTFieldLabel.default, {
-    actions: titleActions,
-    required: required,
-    size: titleVariant
-  }, title), /*#__PURE__*/_react.default.createElement(_lab.Autocomplete, _extends({
-    classes: {
-      ...(freeWidth && !menuWidth ? {
-        popper: _stylesModule.default.popper
-      } : {}),
-      ...(paperClassName ? {
-        paper: paperClassName
-      } : {})
-    },
-    PopperComponent: CustomPopper,
-    disabled: disabled || readOnly,
-    getOptionLabel: option => "".concat(option.name),
-    ListboxComponent: _ListboxComponent.default,
-    ListboxProps: listBoxProps,
-    multiple: multiple,
-    noOptionsText: noOptionsTextComponent,
-    onClose: () => setIsPopperOpen(false),
-    onOpen: () => setIsPopperOpen(true),
-    open: isPopperOpen,
-    options: optionsSortedByCategory,
-    PaperComponent: _UTPaper.default,
-    renderInput: params => /*#__PURE__*/_react.default.createElement(_InputComponent.default, {
-      alwaysShowPlaceholder: alwaysShowPlaceholder,
-      dataTestId: dataTestId,
-      disabled: disabled,
-      error: error,
-      inputRef: inputRef,
-      inputSize: inputSize,
-      leftAdornments: leftAdornments,
-      onBlur: handleInputBlur,
-      onChange: handleSearchChange,
-      onFocus: handleInputFocus,
-      params: params,
-      placeholder: placeholder,
-      readOnly: readOnly,
-      rightAdornments: rightAdornments,
-      value: searchTerm,
-      variant: variant
-    })
-  }, autocompleteProps)), helpText && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    variant: "small"
-  }, helpText), validationData && /*#__PURE__*/_react.default.createElement(_UTValidation.default, {
-    dataTestId: errorDataTestId,
-    validationData: validationData
-  }));
-};
-UTSelect.propTypes = _types.utselectTypes;
-var _default = exports.default = UTSelect;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _clone=_interopRequireDefault(require("lodash/clone")),_react=_interopRequireWildcard(require("react")),_lab=require("@material-ui/lab"),_Popper=_interopRequireDefault(require("@material-ui/core/Popper")),_UTFieldLabel=_interopRequireDefault(require("../../../UTFieldLabel")),_UTLabel=_interopRequireDefault(require("../../../UTLabel")),_UTPaper=_interopRequireDefault(require("../../../UTPaper")),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_utils=require("../../../UTValidation/utils"),_inputs=require("../../../../constants/inputs"),_InputComponent=_interopRequireDefault(require("./components/InputComponent")),_ListboxComponent=_interopRequireDefault(require("./components/ListboxComponent")),_types=require("./types"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants"),_utils2=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{action:action,actions:titleActions,alwaysShowPlaceholder:alwaysShowPlaceholder=!0,autocompleteProps:autocompleteProps={},className:className,clearable:clearable=!0,CustomRow:CustomRow,dataTestId:dataTestId,disabled:disabled,disableFilterOptions:disableFilterOptions=!1,error:error,errorDataTestId:errorDataTestId,fixedBottomOption:fixedBottomOption,freeWidth:freeWidth=!1,hideSingleCategoryTitle:hideSingleCategoryTitle=!1,paperClassName:paperClassName,helpText:helpText,icon:icon,inputSize:inputSize,itemDataTestId:itemDataTestId,listDataTestId:listDataTestId,listProps:listProps={},menuWidth:menuWidth,multiple:multiple=!1,noMatchesText:noMatchesText="No hay coincidencias con tu búsqueda",noOptionsText:noOptionsText="No hay opciones disponibles",onChange:onChange=()=>{},onChangeSearchTerm:onChangeSearchTerm=()=>{},options:options=[],placeholder:placeholder,prefix:prefix,readOnly:readOnly,required:required,suffix:suffix,title:title,titleVariant:titleVariant=_inputs.TITLE_VARIANTS.large,value:value=(multiple?[]:null),variant:variant=_constants.VARIANTS.select,withAutoReset:withAutoReset=!0}=_ref;const optionsSortedByCategory=(0,_react.useMemo)(()=>{if(!options||0===options.length)return[];const clonedOptions=(0,_clone.default)(options).map(option=>({...option,name:"".concat(option.name)})),categoryOrder=new Map;clonedOptions.forEach(option=>{categoryOrder.has(option.category)||categoryOrder.set(option.category,categoryOrder.size)});const sorted=clonedOptions.sort((a,b)=>categoryOrder.get(a.category)-categoryOrder.get(b.category));return hideSingleCategoryTitle&&categoryOrder.size<=1?sorted.map(_ref2=>{let{category:_category,...rest}=_ref2;return rest}):sorted},[options,hideSingleCategoryTitle]),displayOptions=(0,_react.useMemo)(()=>fixedBottomOption?[...optionsSortedByCategory,fixedBottomOption]:optionsSortedByCategory,[optionsSortedByCategory,fixedBottomOption]),[isPopperOpen,setIsPopperOpen]=(0,_react.useState)(!1),[searchTerm,setSearchTerm]=(0,_react.useState)((0,_utils2.getDisplayValue)(value,displayOptions,multiple)),[showClearButton,setShowClearButton]=(0,_react.useState)(!!searchTerm),[sortedOptions,setSortedOptions]=(0,_react.useState)(optionsSortedByCategory),inputRef=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{const fixedIsSelected=fixedBottomOption&&(multiple?Array.isArray(value)&&value.includes(fixedBottomOption.value):value===(null==fixedBottomOption?void 0:fixedBottomOption.value));withAutoReset&&!fixedIsSelected&&(0,_utils2.shouldReset)(value,optionsSortedByCategory,multiple)&&(onChange(null),setSortedOptions((0,_utils2.sortOptions)(optionsSortedByCategory,null,multiple)))},[multiple,onChange,optionsSortedByCategory,value,withAutoReset,fixedBottomOption]),(0,_react.useEffect)(()=>{if(!isPopperOpen){const displayValue=(0,_utils2.getDisplayValue)(value,displayOptions,multiple);setSearchTerm(displayValue),setShowClearButton(displayValue)}},[value,displayOptions,multiple,isPopperOpen]),(0,_react.useEffect)(()=>{isPopperOpen&&setSortedOptions((0,_utils2.sortOptions)(optionsSortedByCategory,value,multiple))},[optionsSortedByCategory]),(0,_react.useEffect)(()=>{setSortedOptions((0,_utils2.sortOptions)(optionsSortedByCategory,value,multiple))},[]),(0,_react.useEffect)(()=>{isPopperOpen&&setSortedOptions((0,_utils2.sortOptions)(optionsSortedByCategory,value,multiple))},[isPopperOpen]);const validationData=(0,_react.useMemo)(()=>error&&(0,_utils.formatErrorToValidation)(error),[error]),isPicker=variant===_constants.VARIANTS.picker,filteredOptions=(0,_react.useMemo)(()=>{const base=disableFilterOptions||isPicker?sortedOptions:sortedOptions.filter(option=>"".concat(option.name).toLowerCase().includes(searchTerm.toLowerCase()));return fixedBottomOption?base.filter(opt=>opt.value!==fixedBottomOption.value):base},[sortedOptions,searchTerm,disableFilterOptions,isPicker,fixedBottomOption]),handleSearchChange=(0,_react.useCallback)(searchValue=>{null==onChangeSearchTerm||onChangeSearchTerm(searchValue),setSearchTerm(searchValue)},[onChangeSearchTerm]),clearSearchInputValue=(0,_react.useCallback)(inputValue=>{setIsPopperOpen(!1);const displayValue=(0,_utils2.getDisplayValue)(inputValue,displayOptions,multiple);handleSearchChange(displayValue),setShowClearButton(""!==displayValue)},[_utils2.getDisplayValue,displayOptions,multiple,handleSearchChange]),handleSelectionChange=newValues=>{const selectedValue=multiple?newValues:newValues.length>0?newValues[0]:"";var _inputRef$current;(onChange(selectedValue),multiple)||(null===(_inputRef$current=inputRef.current)||void 0===_inputRef$current||_inputRef$current.blur(),clearSearchInputValue(selectedValue))},handleInputFocus=()=>{setShowClearButton(!1),handleSearchChange(""),setIsPopperOpen(!0)},handleInputBlur=()=>{clearSearchInputValue(value)},handleClearSelection=()=>{onChange(multiple?[]:null),handleSearchChange(""),setShowClearButton(!1),setIsPopperOpen(!1)},leftAdornments=(0,_react.useMemo)(()=>(0,_utils2.getLeftAdornments)({error:error,multiple:multiple,value:value,prefix:prefix,icon:icon}),[multiple,value,prefix,icon]),rightAdornments=(0,_react.useMemo)(()=>(0,_utils2.getRightAdornments)({action:action,clearable:clearable,disabled:disabled,handleClearSelection:handleClearSelection,readOnly:readOnly,showClearButton:showClearButton,suffix:suffix,variant:variant}),[suffix,showClearButton,clearable,disabled,action,handleClearSelection,variant]),listBoxProps=(0,_react.useMemo)(()=>({CustomRow:CustomRow,dataTestId:listDataTestId,filteredOptions:filteredOptions,fixedBottomOption:fixedBottomOption,handleSelectionChange:handleSelectionChange,itemDataTestId:itemDataTestId,multiple:multiple,noMatchesText:noMatchesText,value:value,...listProps}),[CustomRow,filteredOptions,fixedBottomOption,handleSelectionChange,multiple,noMatchesText,value,listProps]),menuWidthRef=(0,_react.useRef)(menuWidth);menuWidthRef.current=menuWidth;const CustomPopper=(0,_react.useCallback)(props=>{const width=menuWidthRef.current;return _react.default.createElement(_Popper.default,_extends({},props,width?{placement:"bottom-start"}:{},{style:width?{...props.style,width:width}:props.style}))},[]),noOptionsTextComponent=_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.noOptionsLabel,colorTheme:"gray"},noOptionsText);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(className)},title&&_react.default.createElement(_UTFieldLabel.default,{actions:titleActions,required:required,size:titleVariant},title),_react.default.createElement(_lab.Autocomplete,_extends({classes:{...freeWidth&&!menuWidth?{popper:_stylesModule.default.popper}:{},...paperClassName?{paper:paperClassName}:{}},PopperComponent:CustomPopper,disabled:disabled||readOnly,getOptionLabel:option=>"".concat(option.name),ListboxComponent:_ListboxComponent.default,ListboxProps:listBoxProps,multiple:multiple,noOptionsText:noOptionsTextComponent,onClose:()=>setIsPopperOpen(!1),onOpen:()=>setIsPopperOpen(!0),open:isPopperOpen,options:optionsSortedByCategory,PaperComponent:_UTPaper.default,renderInput:params=>_react.default.createElement(_InputComponent.default,{alwaysShowPlaceholder:alwaysShowPlaceholder,dataTestId:dataTestId,disabled:disabled,error:error,inputRef:inputRef,inputSize:inputSize,leftAdornments:leftAdornments,onBlur:handleInputBlur,onChange:handleSearchChange,onFocus:handleInputFocus,params:params,placeholder:placeholder,readOnly:readOnly,rightAdornments:rightAdornments,value:searchTerm,variant:variant})},autocompleteProps)),helpText&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},helpText),validationData&&_react.default.createElement(_UTValidation.default,{dataTestId:errorDataTestId,validationData:validationData}))};UTSelect.propTypes=_types.utselectTypes;var _default=exports.default=UTSelect;

package/dist/components/UTSelect/versions/V1/types.js

@@ -1,60 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.utselectTypes = void 0;
-var _propTypes = require("prop-types");
-var _buttonTypes = require("../../../../types/buttonTypes");
-var _constants = require("./constants");
-const utselectTypes = exports.utselectTypes = {
-  action: (0, _propTypes.shape)({
-    Icon: _propTypes.string,
-    onClick: _propTypes.func,
-    size: _propTypes.string
-  }),
-  actions: (0, _propTypes.arrayOf)(_buttonTypes.buttonTypes),
-  alwaysShowPlaceholder: _propTypes.bool,
-  autocompleteProps: _propTypes.object,
-  className: _propTypes.string,
-  clearable: _propTypes.bool,
-  CustomRow: _propTypes.elementType,
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  disableFilterOptions: _propTypes.bool,
-  error: _propTypes.string,
-  errorDataTestId: _propTypes.string,
-  fixedBottomOption: (0, _propTypes.shape)({
-    name: _propTypes.string,
-    value: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number])
-  }),
-  freeWidth: _propTypes.bool,
-  hideSingleCategoryTitle: _propTypes.bool,
-  paperClassName: _propTypes.string,
-  helpText: _propTypes.string,
-  icon: _propTypes.string,
-  inputSize: _propTypes.string,
-  itemDataTestId: _propTypes.string,
-  listDataTestId: _propTypes.string,
-  listProps: _propTypes.object,
-  menuWidth: _propTypes.string,
-  multiple: _propTypes.bool,
-  noMatchesText: _propTypes.string,
-  noOptionsText: _propTypes.string,
-  onChange: _propTypes.func,
-  onChangeSearchTerm: _propTypes.func,
-  options: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    name: _propTypes.string,
-    value: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number])
-  })),
-  placeholder: _propTypes.string,
-  prefix: _propTypes.string,
-  readOnly: _propTypes.bool,
-  required: _propTypes.bool,
-  suffix: _propTypes.string,
-  title: _propTypes.string,
-  titleVariant: _propTypes.string,
-  value: (0, _propTypes.oneOfType)([_propTypes.string, (0, _propTypes.arrayOf)((0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number]))]),
-  variant: (0, _propTypes.oneOf)(Object.values(_constants.VARIANTS)),
-  withAutoReset: _propTypes.bool
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.utselectTypes=void 0;var _propTypes=require("prop-types"),_buttonTypes=require("../../../../types/buttonTypes"),_constants=require("./constants");const utselectTypes=exports.utselectTypes={action:(0,_propTypes.shape)({Icon:_propTypes.string,onClick:_propTypes.func,size:_propTypes.string}),actions:(0,_propTypes.arrayOf)(_buttonTypes.buttonTypes),alwaysShowPlaceholder:_propTypes.bool,autocompleteProps:_propTypes.object,className:_propTypes.string,clearable:_propTypes.bool,CustomRow:_propTypes.elementType,dataTestId:_propTypes.string,disabled:_propTypes.bool,disableFilterOptions:_propTypes.bool,error:_propTypes.string,errorDataTestId:_propTypes.string,fixedBottomOption:(0,_propTypes.shape)({name:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])}),freeWidth:_propTypes.bool,hideSingleCategoryTitle:_propTypes.bool,paperClassName:_propTypes.string,helpText:_propTypes.string,icon:_propTypes.string,inputSize:_propTypes.string,itemDataTestId:_propTypes.string,listDataTestId:_propTypes.string,listProps:_propTypes.object,menuWidth:_propTypes.string,multiple:_propTypes.bool,noMatchesText:_propTypes.string,noOptionsText:_propTypes.string,onChange:_propTypes.func,onChangeSearchTerm:_propTypes.func,options:(0,_propTypes.arrayOf)((0,_propTypes.shape)({name:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])})),placeholder:_propTypes.string,prefix:_propTypes.string,readOnly:_propTypes.bool,required:_propTypes.bool,suffix:_propTypes.string,title:_propTypes.string,titleVariant:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,(0,_propTypes.arrayOf)((0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number]))]),variant:(0,_propTypes.oneOf)(Object.values(_constants.VARIANTS)),withAutoReset:_propTypes.bool};

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

@@ -1,123 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.sortOptions = exports.shouldReset = exports.getRightAdornments = exports.getLeftAdornments = exports.getDisplayValue = void 0;
-var _clone = _interopRequireDefault(require("lodash/clone"));
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _Palette = require("../../../../constants/Palette");
-var _constants = require("../../../UTBaseInputField/constants");
-var _constants2 = require("../../../UTCheckList/versions/V1/constants");
-var _constants3 = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const shouldResetMultipleSelect = (value, options) => !(0, _isEmpty.default)(value) && ((0, _isEmpty.default)(options) || value.some(el => !options.some(opt => opt.value === el) && !options.some(opt => opt.subOptions && opt.subOptions.some(sub => sub.value === el))));
-const shouldResetSimpleSelect = (value, options) => value && ((0, _isEmpty.default)(options) || !options.some(el => el.value === value) && !options.some(el => el.subOptions && el.subOptions.some(sub => sub.value === value)));
-const shouldReset = (value, options, isMultiple) => {
-  if (isMultiple) return shouldResetMultipleSelect(value, options);
-  return shouldResetSimpleSelect(value, options);
-};
-exports.shouldReset = shouldReset;
-const getDisplayValue = (inputValue, options, multiple) => {
-  if (inputValue === null || inputValue === undefined || inputValue === '') return '';
-  const findLabel = optionValue => {
-    var _options$find;
-    return "".concat((_options$find = options.find(o => o.value === optionValue)) === null || _options$find === void 0 ? void 0 : _options$find.name) || '';
-  };
-  const displayValue = multiple ? inputValue.map(findLabel).join(', ') : findLabel(inputValue);
-  return displayValue;
-};
-exports.getDisplayValue = getDisplayValue;
-const getLeftAdornments = _ref => {
-  let {
-    error,
-    multiple,
-    prefix,
-    value,
-    icon
-  } = _ref;
-  const adornments = [];
-  if (error) adornments.push({
-    name: _constants.COMPONENT_KEYS.ICON,
-    props: {
-      showOnlyOnError: true
-    }
-  });
-  if (multiple && !(0, _isEmpty.default)(value)) adornments.push({
-    name: _constants.COMPONENT_KEYS.BADGE,
-    props: {
-      text: value.length,
-      colorTheme: error ? _Palette.COLOR_THEMES.error : _Palette.COLOR_THEMES.accent
-    }
-  });
-  if (prefix) adornments.push({
-    name: _constants.COMPONENT_KEYS.PREFIX,
-    props: {
-      text: prefix
-    }
-  });
-  if (icon) adornments.push({
-    name: _constants.COMPONENT_KEYS.ICON,
-    props: {
-      Icon: icon
-    }
-  });
-  return adornments;
-};
-exports.getLeftAdornments = getLeftAdornments;
-const getRightAdornments = _ref2 => {
-  let {
-    action,
-    clearable,
-    disabled,
-    handleClearSelection,
-    readOnly,
-    showClearButton,
-    suffix,
-    variant
-  } = _ref2;
-  const adornments = [];
-  if (suffix) adornments.push({
-    name: _constants.COMPONENT_KEYS.SUFFIX,
-    props: {
-      text: suffix
-    }
-  });
-  if (showClearButton && clearable && !disabled && !readOnly) adornments.push({
-    key: 'clearAction',
-    name: _constants.COMPONENT_KEYS.ACTION,
-    props: {
-      action: {
-        Icon: 'IconX',
-        onClick: handleClearSelection,
-        size: 'small'
-      }
-    }
-  });else adornments.push({
-    name: _constants.COMPONENT_KEYS.ICON,
-    props: {
-      Icon: 'IconChevronDown',
-      changeIconOnError: false,
-      changeOnError: true,
-      ...(variant === _constants3.VARIANTS.picker && !disabled && {
-        colorTheme: _Palette.COLOR_THEMES.dark
-      })
-    }
-  });
-  if (action) adornments.push({
-    name: _constants.COMPONENT_KEYS.ACTION,
-    props: {
-      action
-    }
-  });
-  return adornments;
-};
-exports.getRightAdornments = getRightAdornments;
-const sortOptions = (options, value, multiple) => {
-  const copiedOptions = (0, _clone.default)(options);
-  return copiedOptions.map(option => ({
-    ...option,
-    category: multiple ? value !== null && value !== void 0 && value.includes(option.value) ? _constants2.NO_CATEGORY : option.category : option.value === value ? _constants2.NO_CATEGORY : option.category
-  })).sort((a, b) => a.category === _constants2.NO_CATEGORY ? -1 : b.category === _constants2.NO_CATEGORY ? 1 : 0);
-};
-exports.sortOptions = sortOptions;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.sortOptions=exports.shouldReset=exports.getRightAdornments=exports.getLeftAdornments=exports.getDisplayValue=void 0;var _clone=_interopRequireDefault(require("lodash/clone")),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_Palette=require("../../../../constants/Palette"),_constants=require("../../../UTBaseInputField/constants"),_constants2=require("../../../UTCheckList/versions/V1/constants"),_constants3=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const shouldResetMultipleSelect=(value,options)=>!(0,_isEmpty.default)(value)&&((0,_isEmpty.default)(options)||value.some(el=>!options.some(opt=>opt.value===el)&&!options.some(opt=>opt.subOptions&&opt.subOptions.some(sub=>sub.value===el)))),shouldResetSimpleSelect=(value,options)=>value&&((0,_isEmpty.default)(options)||!options.some(el=>el.value===value)&&!options.some(el=>el.subOptions&&el.subOptions.some(sub=>sub.value===value))),shouldReset=(value,options,isMultiple)=>isMultiple?shouldResetMultipleSelect(value,options):shouldResetSimpleSelect(value,options);exports.shouldReset=shouldReset;const getDisplayValue=(inputValue,options,multiple)=>{if(null==inputValue||""===inputValue)return"";const findLabel=optionValue=>{var _options$find;return"".concat(null===(_options$find=options.find(o=>o.value===optionValue))||void 0===_options$find?void 0:_options$find.name)||""};return multiple?inputValue.map(findLabel).join(", "):findLabel(inputValue)};exports.getDisplayValue=getDisplayValue;const getLeftAdornments=_ref=>{let{error:error,multiple:multiple,prefix:prefix,value:value,icon:icon}=_ref;const adornments=[];return error&&adornments.push({name:_constants.COMPONENT_KEYS.ICON,props:{showOnlyOnError:!0}}),multiple&&!(0,_isEmpty.default)(value)&&adornments.push({name:_constants.COMPONENT_KEYS.BADGE,props:{text:value.length,colorTheme:error?_Palette.COLOR_THEMES.error:_Palette.COLOR_THEMES.accent}}),prefix&&adornments.push({name:_constants.COMPONENT_KEYS.PREFIX,props:{text:prefix}}),icon&&adornments.push({name:_constants.COMPONENT_KEYS.ICON,props:{Icon:icon}}),adornments};exports.getLeftAdornments=getLeftAdornments;const getRightAdornments=_ref2=>{let{action:action,clearable:clearable,disabled:disabled,handleClearSelection:handleClearSelection,readOnly:readOnly,showClearButton:showClearButton,suffix:suffix,variant:variant}=_ref2;const adornments=[];return suffix&&adornments.push({name:_constants.COMPONENT_KEYS.SUFFIX,props:{text:suffix}}),showClearButton&&clearable&&!disabled&&!readOnly?adornments.push({key:"clearAction",name:_constants.COMPONENT_KEYS.ACTION,props:{action:{Icon:"IconX",onClick:handleClearSelection,size:"small"}}}):adornments.push({name:_constants.COMPONENT_KEYS.ICON,props:{Icon:"IconChevronDown",changeIconOnError:!1,changeOnError:!0,...variant===_constants3.VARIANTS.picker&&!disabled&&{colorTheme:_Palette.COLOR_THEMES.dark}}}),action&&adornments.push({name:_constants.COMPONENT_KEYS.ACTION,props:{action:action}}),adornments};exports.getRightAdornments=getRightAdornments;const sortOptions=(options,value,multiple)=>(0,_clone.default)(options).map(option=>({...option,category:multiple?null!=value&&value.includes(option.value)?_constants2.NO_CATEGORY:option.category:option.value===value?_constants2.NO_CATEGORY:option.category})).sort((a,b)=>a.category===_constants2.NO_CATEGORY?-1:b.category===_constants2.NO_CATEGORY?1:0);exports.sortOptions=sortOptions;

package/dist/components/UTSelectableCard/constants.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SIZES = exports.APPEARANCES = void 0;
-const APPEARANCES = exports.APPEARANCES = {
-  GRAY: 'gray',
-  WHITE: 'white'
-};
-const SIZES = exports.SIZES = {
-  XLARGE: 'xlarge',
-  LARGE: 'large',
-  MEDIUM: 'medium',
-  SMALL: 'small'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SIZES=exports.APPEARANCES=void 0;const APPEARANCES=exports.APPEARANCES={GRAY:"gray",WHITE:"white"},SIZES=exports.SIZES={XLARGE:"xlarge",LARGE:"large",MEDIUM:"medium",SMALL:"small"};

package/dist/components/UTSelectableCard/index.js

@@ -1,138 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _object = require("@widergy/web-utils/lib/object");
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _UTTooltip = _interopRequireDefault(require("../UTTooltip"));
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _componentUtils = require("../../utils/componentUtils");
-var _UTIcon = _interopRequireDefault(require("../UTIcon"));
-var _UTAvatar = _interopRequireDefault(require("../UTAvatar"));
-var _constants = require("./constants");
-var _theme = require("./theme");
-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); }
-var CheckIcon = function CheckIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M20.707 6.293a1 1 0 0 1 0 1.414l-10 10a1 1 0 0 1-1.414 0l-5-5a1 1 0 1 1 1.414-1.414L10 15.586l9.293-9.293a1 1 0 0 1 1.414 0Z",
-    fill: "#0136E7"
-  }));
-};
-CheckIcon.defaultProps = {
-  width: "24",
-  height: "24",
-  viewBox: "0 0 24 24",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-var HelpIcon = function HelpIcon(props) {
-  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10 3.333a6.667 6.667 0 1 0 0 13.334 6.667 6.667 0 0 0 0-13.334ZM1.667 10a8.333 8.333 0 1 1 16.666 0 8.333 8.333 0 0 1-16.666 0Zm7.062-4.713a3 3 0 1 1 2.38 5.5.416.416 0 0 0-.277.416.833.833 0 0 1-1.664.094 2.083 2.083 0 0 1 1.376-2.078A1.334 1.334 0 1 0 8.997 7.17.833.833 0 1 1 7.67 6.163a3 3 0 0 1 1.06-.876ZM10 13.333c.46 0 .833.373.833.834v.008a.833.833 0 0 1-1.666 0v-.008c0-.46.373-.834.833-.834Z",
-    fill: "#091E42"
-  }));
-};
-HelpIcon.defaultProps = {
-  width: "20",
-  height: "20",
-  viewBox: "0 0 20 20",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const UTSelectableCard = _ref => {
-  let {
-    aditionalInfo = {},
-    appearance = _constants.APPEARANCES.WHITE,
-    checkIcon = true,
-    classes,
-    classNames = {},
-    dataTestId,
-    description,
-    disabled = false,
-    avatar,
-    avatarProps = {},
-    Icon,
-    iconProps = {},
-    onClick,
-    selected = false,
-    size = _constants.SIZES.MEDIUM,
-    titleText,
-    tooltip
-  } = _ref;
-  const IconComponent = (0, _componentUtils.isUTIcon)(Icon) ? /*#__PURE__*/_react.default.createElement(_UTIcon.default, _extends({
-    size: 48,
-    colorTheme: selected ? 'accent' : 'dark',
-    name: Icon
-  }, iconProps)) : /*#__PURE__*/_react.default.createElement(Icon, {
-    className: "".concat(classes.icon, " ").concat(classNames.icon)
-  });
-  const AvatarComponent = avatar ? /*#__PURE__*/_react.default.createElement(_UTAvatar.default, _extends({
-    size: _constants.SIZES.LARGE
-  }, avatarProps)) : null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "\n  ".concat(classes.item, "\n  ").concat(disabled ? "".concat(classes["".concat(appearance, "DisabledContainer")], " ").concat(classNames["".concat(appearance, "DisabledContainer")] || '') : selected ? "".concat(classes["".concat(appearance, "SelectedContainer")], " ").concat(classNames["".concat(appearance, "SelectedContainer")] || '') : "".concat(classes["".concat(appearance, "Apareance")], " ").concat(classNames["".concat(appearance, "Apareance")] || ''), "\n  ").concat(classes["".concat(size, "Size")], "\n"),
-    "data-testid": dataTestId,
-    onClick: () => !disabled && onClick(),
-    role: "button"
-  }, Icon && !avatar && IconComponent, avatar && !Icon && AvatarComponent, /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(classes.textContainer, " ").concat(checkIcon && classes.textContainerWithCheckedIcon)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.column
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.titleAndTooltip
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: classes.titleText,
-    variant: "subtitle1",
-    weight: "medium"
-  }, titleText), tooltip && /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
-    content: tooltip
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: classes.tooltip
-  }, /*#__PURE__*/_react.default.createElement(HelpIcon, {
-    className: "".concat(classes.infoIcon)
-  })))), description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: classes.description
-  }, description)), !(0, _object.objectIsEmpty)(aditionalInfo) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(classes.column, " ").concat(classes.aditionalInfoColumn)
-  }, !!aditionalInfo.title && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: classes.aditionalInfoTitle,
-    variant: "small",
-    weight: "semibold"
-  }, aditionalInfo.title), !!aditionalInfo.description && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: classes.aditionalInfoDescription,
-    variant: "small"
-  }, aditionalInfo.description))), checkIcon && selected && /*#__PURE__*/_react.default.createElement(CheckIcon, {
-    className: classes.checkIcon
-  }));
-};
-UTSelectableCard.propTypes = {
-  aditionalInfo: (0, _propTypes.shape)({
-    description: _propTypes.string,
-    title: _propTypes.string
-  }),
-  appearance: (0, _propTypes.oneOf)([_constants.APPEARANCES.GRAY, _constants.APPEARANCES.WHITE]),
-  avatar: _propTypes.bool,
-  avatarProps: (0, _propTypes.objectOf)(_propTypes.string),
-  checkIcon: _propTypes.bool,
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  dataTestId: _propTypes.string,
-  description: _propTypes.string,
-  disabled: _propTypes.bool,
-  Icon: _propTypes.elementType,
-  iconProps: (0, _propTypes.objectOf)(_propTypes.string),
-  onClick: _propTypes.func,
-  selected: _propTypes.bool,
-  size: (0, _propTypes.oneOf)([_constants.SIZES.MEDIUM, _constants.SIZES.SMALL]),
-  titleText: _propTypes.string,
-  tooltip: _propTypes.string
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTSelectableCard);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_object=require("@widergy/web-utils/lib/object"),_UTLabel=_interopRequireDefault(require("../UTLabel")),_UTTooltip=_interopRequireDefault(require("../UTTooltip")),_WithTheme=_interopRequireDefault(require("../WithTheme")),_componentUtils=require("../../utils/componentUtils"),_UTIcon=_interopRequireDefault(require("../UTIcon")),_UTAvatar=_interopRequireDefault(require("../UTAvatar")),_constants=require("./constants"),_theme=require("./theme");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)}var CheckIcon=function(props){return _react.default.createElement("svg",props,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.707 6.293a1 1 0 0 1 0 1.414l-10 10a1 1 0 0 1-1.414 0l-5-5a1 1 0 1 1 1.414-1.414L10 15.586l9.293-9.293a1 1 0 0 1 1.414 0Z",fill:"#0136E7"}))};CheckIcon.defaultProps={width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"};var HelpIcon=function(props){return _react.default.createElement("svg",props,_react.default.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 3.333a6.667 6.667 0 1 0 0 13.334 6.667 6.667 0 0 0 0-13.334ZM1.667 10a8.333 8.333 0 1 1 16.666 0 8.333 8.333 0 0 1-16.666 0Zm7.062-4.713a3 3 0 1 1 2.38 5.5.416.416 0 0 0-.277.416.833.833 0 0 1-1.664.094 2.083 2.083 0 0 1 1.376-2.078A1.334 1.334 0 1 0 8.997 7.17.833.833 0 1 1 7.67 6.163a3 3 0 0 1 1.06-.876ZM10 13.333c.46 0 .833.373.833.834v.008a.833.833 0 0 1-1.666 0v-.008c0-.46.373-.834.833-.834Z",fill:"#091E42"}))};HelpIcon.defaultProps={width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"};const UTSelectableCard=_ref=>{let{aditionalInfo:aditionalInfo={},appearance:appearance=_constants.APPEARANCES.WHITE,checkIcon:checkIcon=!0,classes:classes,classNames:classNames={},dataTestId:dataTestId,description:description,disabled:disabled=!1,avatar:avatar,avatarProps:avatarProps={},Icon:Icon,iconProps:iconProps={},onClick:onClick,selected:selected=!1,size:size=_constants.SIZES.MEDIUM,titleText:titleText,tooltip:tooltip}=_ref;const IconComponent=(0,_componentUtils.isUTIcon)(Icon)?_react.default.createElement(_UTIcon.default,_extends({size:48,colorTheme:selected?"accent":"dark",name:Icon},iconProps)):_react.default.createElement(Icon,{className:"".concat(classes.icon," ").concat(classNames.icon)}),AvatarComponent=avatar?_react.default.createElement(_UTAvatar.default,_extends({size:_constants.SIZES.LARGE},avatarProps)):null;return _react.default.createElement("div",{className:"\n  ".concat(classes.item,"\n  ").concat(disabled?"".concat(classes["".concat(appearance,"DisabledContainer")]," ").concat(classNames["".concat(appearance,"DisabledContainer")]||""):selected?"".concat(classes["".concat(appearance,"SelectedContainer")]," ").concat(classNames["".concat(appearance,"SelectedContainer")]||""):"".concat(classes["".concat(appearance,"Apareance")]," ").concat(classNames["".concat(appearance,"Apareance")]||""),"\n  ").concat(classes["".concat(size,"Size")],"\n"),"data-testid":dataTestId,onClick:()=>!disabled&&onClick(),role:"button"},Icon&&!avatar&&IconComponent,avatar&&!Icon&&AvatarComponent,_react.default.createElement("div",{className:"".concat(classes.textContainer," ").concat(checkIcon&&classes.textContainerWithCheckedIcon)},_react.default.createElement("div",{className:classes.column},_react.default.createElement("div",{className:classes.titleAndTooltip},_react.default.createElement(_UTLabel.default,{className:classes.titleText,variant:"subtitle1",weight:"medium"},titleText),tooltip&&_react.default.createElement(_UTTooltip.default,{content:tooltip},_react.default.createElement("span",{className:classes.tooltip},_react.default.createElement(HelpIcon,{className:"".concat(classes.infoIcon)})))),description&&_react.default.createElement(_UTLabel.default,{className:classes.description},description)),!(0,_object.objectIsEmpty)(aditionalInfo)&&_react.default.createElement("div",{className:"".concat(classes.column," ").concat(classes.aditionalInfoColumn)},!!aditionalInfo.title&&_react.default.createElement(_UTLabel.default,{className:classes.aditionalInfoTitle,variant:"small",weight:"semibold"},aditionalInfo.title),!!aditionalInfo.description&&_react.default.createElement(_UTLabel.default,{className:classes.aditionalInfoDescription,variant:"small"},aditionalInfo.description))),checkIcon&&selected&&_react.default.createElement(CheckIcon,{className:classes.checkIcon}))};UTSelectableCard.propTypes={aditionalInfo:(0,_propTypes.shape)({description:_propTypes.string,title:_propTypes.string}),appearance:(0,_propTypes.oneOf)([_constants.APPEARANCES.GRAY,_constants.APPEARANCES.WHITE]),avatar:_propTypes.bool,avatarProps:(0,_propTypes.objectOf)(_propTypes.string),checkIcon:_propTypes.bool,classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,description:_propTypes.string,disabled:_propTypes.bool,Icon:_propTypes.elementType,iconProps:(0,_propTypes.objectOf)(_propTypes.string),onClick:_propTypes.func,selected:_propTypes.bool,size:(0,_propTypes.oneOf)([_constants.SIZES.MEDIUM,_constants.SIZES.SMALL]),titleText:_propTypes.string,tooltip:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTSelectableCard);