@widergy/energy-ui 3.173.2 → 3.173.4

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

@@ -1,106 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactPerfectScrollbar = _interopRequireDefault(require("react-perfect-scrollbar"));
-var _propTypes = require("prop-types");
-var _isFinite = _interopRequireDefault(require("lodash/isFinite"));
-var _UTLabel = _interopRequireDefault(require("../../../../../UTLabel"));
-var _UTCheckList = _interopRequireDefault(require("../../../../../UTCheckList"));
-var _constants = require("../../../../../UTCheckList/versions/V1/constants");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _constants2 = require("./constants");
-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 ListboxComponent = _ref => {
-  let {
-    CustomRow,
-    dataTestId,
-    filteredOptions,
-    fixedBottomOption,
-    handleSelectionChange,
-    horizontalSpacing = _constants.SPACING.SMALL,
-    itemDataTestId,
-    maxHeight = _constants2.DEFAULT_MAX_HEIGHT,
-    multiple,
-    noMatchesText,
-    value,
-    verticalSpacing = _constants.SPACING.SMALL
-  } = _ref;
-  const hasNoOptions = (0, _react.useMemo)(() => (0, _isEmpty.default)(filteredOptions), [filteredOptions]);
-  const maxHeightValid = (0, _react.useMemo)(() => (0, _isFinite.default)(maxHeight) ? maxHeight : _constants2.DEFAULT_MAX_HEIGHT, [maxHeight]);
-  const fixedSectionRef = (0, _react.useRef)(null);
-  const [reservedHeight, setReservedHeight] = (0, _react.useState)(0);
-  (0, _react.useLayoutEffect)(() => {
-    if (fixedSectionRef.current) {
-      setReservedHeight(fixedSectionRef.current.offsetHeight);
-    }
-  }, [fixedBottomOption]);
-  const scrollMaxHeight = maxHeightValid - reservedHeight;
-  const handleFixedOptionChange = newValues => {
-    if (!multiple && newValues.length === 0) {
-      handleSelectionChange([fixedBottomOption.value]);
-    } else {
-      handleSelectionChange(newValues);
-    }
-  };
-  const checkListProps = {
-    CustomRow,
-    horizontalSpacing,
-    isSimple: !multiple,
-    itemDataTestId,
-    onChange: handleSelectionChange,
-    reversed: true,
-    showSelectAll: false,
-    value: multiple ? value : [value],
-    variant: 'button',
-    version: 'V1',
-    verticalSpacing
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.listbox
-  }, hasNoOptions ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    colorTheme: "gray",
-    className: _stylesModule.default.noOptionsLabel
-  }, noMatchesText) : /*#__PURE__*/_react.default.createElement(_reactPerfectScrollbar.default, {
-    style: {
-      maxHeight: scrollMaxHeight
-    }
-  }, /*#__PURE__*/_react.default.createElement(_UTCheckList.default, _extends({}, checkListProps, {
-    dataTestId: dataTestId,
-    options: filteredOptions
-  }))), fixedBottomOption && /*#__PURE__*/_react.default.createElement("div", {
-    ref: fixedSectionRef
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.fixedOptionDivider
-  }), /*#__PURE__*/_react.default.createElement(_UTCheckList.default, _extends({}, checkListProps, {
-    onChange: handleFixedOptionChange,
-    options: [fixedBottomOption]
-  }))));
-};
-ListboxComponent.propTypes = {
-  CustomRow: _propTypes.elementType,
-  dataTestId: _propTypes.string,
-  filteredOptions: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
-    name: _propTypes.string,
-    value: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number])
-  })),
-  fixedBottomOption: (0, _propTypes.shape)({
-    name: _propTypes.string,
-    value: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number])
-  }),
-  handleSelectionChange: _propTypes.func,
-  horizontalSpacing: _propTypes.string,
-  itemDataTestId: _propTypes.string,
-  maxHeight: _propTypes.number,
-  multiple: _propTypes.bool,
-  noMatchesText: _propTypes.string,
-  value: (0, _propTypes.oneOfType)([(0, _propTypes.arrayOf)((0, _propTypes.oneOfType)([_propTypes.string, _propTypes.number])), _propTypes.string, _propTypes.number]),
-  verticalSpacing: _propTypes.string
-};
-var _default = exports.default = ListboxComponent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_react=_interopRequireWildcard(require("react")),_reactPerfectScrollbar=_interopRequireDefault(require("react-perfect-scrollbar")),_propTypes=require("prop-types"),_isFinite=_interopRequireDefault(require("lodash/isFinite")),_UTLabel=_interopRequireDefault(require("../../../../../UTLabel")),_UTCheckList=_interopRequireDefault(require("../../../../../UTCheckList")),_constants=require("../../../../../UTCheckList/versions/V1/constants"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants2=require("./constants");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 n,s,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(n=t?a:r){if(n.has(e))return n.get(e);n.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?n(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 ListboxComponent=e=>{let{CustomRow:t,dataTestId:r,filteredOptions:a,fixedBottomOption:n,handleSelectionChange:s,horizontalSpacing:o=_constants.SPACING.SMALL,itemDataTestId:p,maxHeight:i=_constants2.DEFAULT_MAX_HEIGHT,multiple:l,noMatchesText:u,value:_,verticalSpacing:c=_constants.SPACING.SMALL}=e;const f=(0,_react.useMemo)(()=>(0,_isEmpty.default)(a),[a]),d=(0,_react.useMemo)(()=>(0,_isFinite.default)(i)?i:_constants2.DEFAULT_MAX_HEIGHT,[i]),y=(0,_react.useRef)(null),[T,m]=(0,_react.useState)(0);(0,_react.useLayoutEffect)(()=>{y.current&&m(y.current.offsetHeight)},[n]);const g=d-T,h={CustomRow:t,horizontalSpacing:o,isSimple:!l,itemDataTestId:p,onChange:s,reversed:!0,showSelectAll:!1,value:l?_:[_],variant:"button",version:"V1",verticalSpacing:c};return _react.default.createElement("div",{className:_stylesModule.default.listbox},f?_react.default.createElement(_UTLabel.default,{colorTheme:"gray",className:_stylesModule.default.noOptionsLabel},u):_react.default.createElement(_reactPerfectScrollbar.default,{style:{maxHeight:g}},_react.default.createElement(_UTCheckList.default,_extends({},h,{dataTestId:r,options:a}))),n&&_react.default.createElement("div",{ref:y},_react.default.createElement("div",{className:_stylesModule.default.fixedOptionDivider}),_react.default.createElement(_UTCheckList.default,_extends({},h,{onChange:e=>{l||0!==e.length?s(e):s([n.value])},options:[n]}))))};ListboxComponent.propTypes={CustomRow:_propTypes.elementType,dataTestId:_propTypes.string,filteredOptions:(0,_propTypes.arrayOf)((0,_propTypes.shape)({name:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])})),fixedBottomOption:(0,_propTypes.shape)({name:_propTypes.string,value:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])}),handleSelectionChange:_propTypes.func,horizontalSpacing:_propTypes.string,itemDataTestId:_propTypes.string,maxHeight:_propTypes.number,multiple:_propTypes.bool,noMatchesText:_propTypes.string,value:(0,_propTypes.oneOfType)([(0,_propTypes.arrayOf)((0,_propTypes.oneOfType)([_propTypes.string,_propTypes.number])),_propTypes.string,_propTypes.number]),verticalSpacing:_propTypes.string};var _default=exports.default=ListboxComponent;

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

@@ -1,10 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VARIANTS = void 0;
-const VARIANTS = exports.VARIANTS = {
-  picker: 'picker',
-  select: 'select'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VARIANTS=void 0;const VARIANTS=exports.VARIANTS={picker:"picker",select:"select"};

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 a=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var l,n,o={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return o;if(l=t?r:a){if(l.has(e))return l.get(e);l.set(e,o)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((n=(l=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(n.get||n.set)?l(o,t,n):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 a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},_extends.apply(null,arguments)}const UTSelect=e=>{let{action:t,actions:a,alwaysShowPlaceholder:r=!0,autocompleteProps:l={},className:n,clearable:o=!0,CustomRow:s,dataTestId:i,disabled:u,disableFilterOptions:c=!1,error:p,errorDataTestId:d,fixedBottomOption:_,freeWidth:f=!1,hideSingleCategoryTitle:m=!1,paperClassName:y,helpText:T,icon:b,inputSize:h,itemDataTestId:g,listDataTestId:q,listProps:v={},menuWidth:C,multiple:x=!1,noMatchesText:O="No hay coincidencias con tu búsqueda",noOptionsText:R="No hay opciones disponibles",onChange:D=()=>{},onChangeSearchTerm:M=()=>{},options:L=[],placeholder:P,prefix:S,readOnly:w,required:U,suffix:E,title:I,titleVariant:A=_inputs.TITLE_VARIANTS.large,value:V=(x?[]:null),variant:N=_constants.VARIANTS.select,withAutoReset:W=!0}=e;const k=(0,_react.useMemo)(()=>{if(!L||0===L.length)return[];const e=(0,_clone.default)(L).map(e=>({...e,name:"".concat(e.name)})),t=new Map;e.forEach(e=>{t.has(e.category)||t.set(e.category,t.size)});const a=e.sort((e,a)=>t.get(e.category)-t.get(a.category));return m&&t.size<=1?a.map(e=>{let{category:t,...a}=e;return a}):a},[L,m]),j=(0,_react.useMemo)(()=>_?[...k,_]:k,[k,_]),[z,F]=(0,_react.useState)(!1),[B,G]=(0,_react.useState)((0,_utils2.getDisplayValue)(V,j,x)),[H,J]=(0,_react.useState)(!!B),[K,Q]=(0,_react.useState)(k),X=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{const e=_&&(x?Array.isArray(V)&&V.includes(_.value):V===(null==_?void 0:_.value));W&&!e&&(0,_utils2.shouldReset)(V,k,x)&&(D(null),Q((0,_utils2.sortOptions)(k,null,x)))},[x,D,k,V,W,_]),(0,_react.useEffect)(()=>{if(!z){const e=(0,_utils2.getDisplayValue)(V,j,x);G(e),J(e)}},[V,j,x,z]),(0,_react.useEffect)(()=>{z&&Q((0,_utils2.sortOptions)(k,V,x))},[k]),(0,_react.useEffect)(()=>{Q((0,_utils2.sortOptions)(k,V,x))},[]),(0,_react.useEffect)(()=>{z&&Q((0,_utils2.sortOptions)(k,V,x))},[z]);const Y=(0,_react.useMemo)(()=>p&&(0,_utils.formatErrorToValidation)(p),[p]),Z=N===_constants.VARIANTS.picker,$=(0,_react.useMemo)(()=>{const e=c||Z?K:K.filter(e=>"".concat(e.name).toLowerCase().includes(B.toLowerCase()));return _?e.filter(e=>e.value!==_.value):e},[K,B,c,Z,_]),ee=(0,_react.useCallback)(e=>{null==M||M(e),G(e)},[M]),te=(0,_react.useCallback)(e=>{F(!1);const t=(0,_utils2.getDisplayValue)(e,j,x);ee(t),J(""!==t)},[_utils2.getDisplayValue,j,x,ee]),ae=e=>{const t=x?e:e.length>0?e[0]:"";var a;(D(t),x)||(null===(a=X.current)||void 0===a||a.blur(),te(t))},re=()=>{J(!1),ee(""),F(!0)},le=()=>{te(V)},ne=()=>{D(x?[]:null),ee(""),J(!1),F(!1)},oe=(0,_react.useMemo)(()=>(0,_utils2.getLeftAdornments)({error:p,multiple:x,value:V,prefix:S,icon:b}),[x,V,S,b]),se=(0,_react.useMemo)(()=>(0,_utils2.getRightAdornments)({action:t,clearable:o,disabled:u,handleClearSelection:ne,readOnly:w,showClearButton:H,suffix:E,variant:N}),[E,H,o,u,t,ne,N]),ie=(0,_react.useMemo)(()=>({CustomRow:s,dataTestId:q,filteredOptions:$,fixedBottomOption:_,handleSelectionChange:ae,itemDataTestId:g,multiple:x,noMatchesText:O,value:V,...v}),[s,$,_,ae,x,O,V,v]),ue=(0,_react.useRef)(C);ue.current=C;const ce=(0,_react.useCallback)(e=>{const t=ue.current;return _react.default.createElement(_Popper.default,_extends({},e,t?{placement:"bottom-start"}:{},{style:t?{...e.style,width:t}:e.style}))},[]),pe=_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.noOptionsLabel,colorTheme:"gray"},R);return _react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(n)},I&&_react.default.createElement(_UTFieldLabel.default,{actions:a,required:U,size:A},I),_react.default.createElement(_lab.Autocomplete,_extends({classes:{...f&&!C?{popper:_stylesModule.default.popper}:{},...y?{paper:y}:{}},PopperComponent:ce,disabled:u||w,getOptionLabel:e=>"".concat(e.name),ListboxComponent:_ListboxComponent.default,ListboxProps:ie,multiple:x,noOptionsText:pe,onClose:()=>F(!1),onOpen:()=>F(!0),open:z,options:k,PaperComponent:_UTPaper.default,renderInput:e=>_react.default.createElement(_InputComponent.default,{alwaysShowPlaceholder:r,dataTestId:i,disabled:u,error:p,inputRef:X,inputSize:h,leftAdornments:oe,onBlur:le,onChange:ee,onFocus:re,params:e,placeholder:P,readOnly:w,rightAdornments:se,value:B,variant:N})},l)),T&&_react.default.createElement(_UTLabel.default,{colorTheme:"gray",variant:"small"},T),Y&&_react.default.createElement(_UTValidation.default,{dataTestId:d,validationData:Y}))};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=(e,t)=>!(0,_isEmpty.default)(e)&&((0,_isEmpty.default)(t)||e.some(e=>!t.some(t=>t.value===e)&&!t.some(t=>t.subOptions&&t.subOptions.some(t=>t.value===e)))),shouldResetSimpleSelect=(e,t)=>e&&((0,_isEmpty.default)(t)||!t.some(t=>t.value===e)&&!t.some(t=>t.subOptions&&t.subOptions.some(t=>t.value===e))),shouldReset=(e,t,s)=>s?shouldResetMultipleSelect(e,t):shouldResetSimpleSelect(e,t);exports.shouldReset=shouldReset;const getDisplayValue=(e,t,s)=>{if(null==e||""===e)return"";const o=e=>{var s;return"".concat(null===(s=t.find(t=>t.value===e))||void 0===s?void 0:s.name)||""};return s?e.map(o).join(", "):o(e)};exports.getDisplayValue=getDisplayValue;const getLeftAdornments=e=>{let{error:t,multiple:s,prefix:o,value:n,icon:r}=e;const a=[];return t&&a.push({name:_constants.COMPONENT_KEYS.ICON,props:{showOnlyOnError:!0}}),s&&!(0,_isEmpty.default)(n)&&a.push({name:_constants.COMPONENT_KEYS.BADGE,props:{text:n.length,colorTheme:t?_Palette.COLOR_THEMES.error:_Palette.COLOR_THEMES.accent}}),o&&a.push({name:_constants.COMPONENT_KEYS.PREFIX,props:{text:o}}),r&&a.push({name:_constants.COMPONENT_KEYS.ICON,props:{Icon:r}}),a};exports.getLeftAdornments=getLeftAdornments;const getRightAdornments=e=>{let{action:t,clearable:s,disabled:o,handleClearSelection:n,readOnly:r,showClearButton:a,suffix:l,variant:u}=e;const c=[];return l&&c.push({name:_constants.COMPONENT_KEYS.SUFFIX,props:{text:l}}),a&&s&&!o&&!r?c.push({key:"clearAction",name:_constants.COMPONENT_KEYS.ACTION,props:{action:{Icon:"IconX",onClick:n,size:"small"}}}):c.push({name:_constants.COMPONENT_KEYS.ICON,props:{Icon:"IconChevronDown",changeIconOnError:!1,changeOnError:!0,...u===_constants3.VARIANTS.picker&&!o&&{colorTheme:_Palette.COLOR_THEMES.dark}}}),t&&c.push({name:_constants.COMPONENT_KEYS.ACTION,props:{action:t}}),c};exports.getRightAdornments=getRightAdornments;const sortOptions=(e,t,s)=>(0,_clone.default)(e).map(e=>({...e,category:s?null!=t&&t.includes(e.value)?_constants2.NO_CATEGORY:e.category:e.value===t?_constants2.NO_CATEGORY:e.category})).sort((e,t)=>e.category===_constants2.NO_CATEGORY?-1:t.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"};