@widergy/energy-ui 2.7.4 → 2.7.6

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [2.7.6](https://github.com/widergy/energy-ui/compare/v2.7.5...v2.7.6) (2023-10-03)
+
+
+### Bug Fixes
+
+* fixes workflow flex ([f758b95](https://github.com/widergy/energy-ui/commit/f758b951f7f952a47a19313300f712ea593cada6))
+
+## [2.7.5](https://github.com/widergy/energy-ui/compare/v2.7.4...v2.7.5) (2023-10-03)
+
+
+### Bug Fixes
+
+* fixes on error labels + utsidebar ([#346](https://github.com/widergy/energy-ui/issues/346)) ([45641ce](https://github.com/widergy/energy-ui/commit/45641cea1a2f3091ca842b47c20a2ed9088b1b9e))
+
 ## [2.7.4](https://github.com/widergy/energy-ui/compare/v2.7.3...v2.7.4) (2023-09-20)
 
 

package/dist/components/EnergyThemeProvider/index.js

@@ -45,5 +45,4 @@ var ThemeProvider = /*#__PURE__*/function (_PureComponent) {
 ThemeProvider.propTypes = {
   theme: _propTypes.object
 };
-var _default = ThemeProvider;
-exports.default = _default;
+var _default = exports.default = ThemeProvider;

package/dist/components/Loading/constants.js

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEFAULT_LOADING_TEXT = void 0;
-var DEFAULT_LOADING_TEXT = 'Cargando';
-exports.DEFAULT_LOADING_TEXT = DEFAULT_LOADING_TEXT;
+var DEFAULT_LOADING_TEXT = exports.DEFAULT_LOADING_TEXT = 'Cargando';

package/dist/components/Loading/index.js

@@ -43,5 +43,4 @@ Loading.propTypes = {
   className: _propTypes.string,
   textClassName: _propTypes.string
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(Loading);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(Loading);

package/dist/components/Loading/theme.js

@@ -7,7 +7,7 @@ exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var retrieveStyle = function retrieveStyle(_ref) {
+var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
   var theme = _ref.theme;
   return {
     base: {
@@ -18,5 +18,4 @@ var retrieveStyle = function retrieveStyle(_ref) {
       fontSize: (0, _seamlessImmutable.getIn)(theme, ['Loading', 'text', 'fontSize'], (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'medium']))
     }
   };
-};
-exports.retrieveStyle = retrieveStyle;
+};

package/dist/components/UTAlert/AlertHandler.js

@@ -110,5 +110,4 @@ var AlertHandler = /*#__PURE__*/function () {
   }]);
   return AlertHandler;
 }();
-var _default = new AlertHandler();
-exports.default = _default;
+var _default = exports.default = new AlertHandler();

package/dist/components/UTAlert/index.js

@@ -155,5 +155,4 @@ UTAlert.defaultProps = {
   },
   classes: {}
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTAlert);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTAlert);

package/dist/components/UTAlert/theme.js

@@ -8,7 +8,7 @@ var _seamlessImmutable = require("seamless-immutable");
 var _styles = require("@material-ui/core/styles");
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var retrieveStyle = function retrieveStyle(_ref) {
+var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
   var _theme$Palette, _theme$Palette2, _theme$Palette3, _theme$Palette4;
   var theme = _ref.theme;
   return {
@@ -37,8 +37,7 @@ var retrieveStyle = function retrieveStyle(_ref) {
     }
   };
 };
-exports.retrieveStyle = retrieveStyle;
-var retrieveMuiTheme = function retrieveMuiTheme(theme) {
+var retrieveMuiTheme = exports.retrieveMuiTheme = function retrieveMuiTheme(theme) {
   return (0, _styles.createTheme)({
     typography: {
       fontFamily: (0, _seamlessImmutable.getIn)(theme, ['Fonts', 'fontFamily'])
@@ -74,5 +73,4 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme) {
       }
     }
   });
-};
-exports.retrieveMuiTheme = retrieveMuiTheme;
+};

package/dist/components/UTAttachment/components/Preview/index.js

@@ -46,5 +46,4 @@ Preview.propTypes = {
     type: _propTypes.string
   })
 };
-var _default = /*#__PURE__*/(0, _react.memo)(Preview);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Preview);

package/dist/components/UTAttachment/constants.js

@@ -5,19 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.previewPropType = exports.SIZE_ERROR_TEXT = exports.FORMAT_ERROR_TEXT = exports.DEFAULT_UPLOADING_TEXT = exports.DEFAULT_ATTACHMENT_NAME = exports.ASPECT_RATIO_ERROR_TEXT = void 0;
 var _propTypes = require("prop-types");
-var FORMAT_ERROR_TEXT = 'El formato de archivo es inválido';
-exports.FORMAT_ERROR_TEXT = FORMAT_ERROR_TEXT;
-var SIZE_ERROR_TEXT = 'El archivo excede el tamaño máximo de ';
-exports.SIZE_ERROR_TEXT = SIZE_ERROR_TEXT;
-var ASPECT_RATIO_ERROR_TEXT = 'El formato de archivo es inválido. (Válidos:';
-exports.ASPECT_RATIO_ERROR_TEXT = ASPECT_RATIO_ERROR_TEXT;
-var DEFAULT_UPLOADING_TEXT = 'Cargando';
-exports.DEFAULT_UPLOADING_TEXT = DEFAULT_UPLOADING_TEXT;
-var DEFAULT_ATTACHMENT_NAME = 'Adjunto';
-exports.DEFAULT_ATTACHMENT_NAME = DEFAULT_ATTACHMENT_NAME;
-var previewPropType = (0, _propTypes.shape)({
+var FORMAT_ERROR_TEXT = exports.FORMAT_ERROR_TEXT = 'El formato de archivo es inválido';
+var SIZE_ERROR_TEXT = exports.SIZE_ERROR_TEXT = 'El archivo excede el tamaño máximo de ';
+var ASPECT_RATIO_ERROR_TEXT = exports.ASPECT_RATIO_ERROR_TEXT = 'El formato de archivo es inválido. (Válidos:';
+var DEFAULT_UPLOADING_TEXT = exports.DEFAULT_UPLOADING_TEXT = 'Cargando';
+var DEFAULT_ATTACHMENT_NAME = exports.DEFAULT_ATTACHMENT_NAME = 'Adjunto';
+var previewPropType = exports.previewPropType = (0, _propTypes.shape)({
   audio: _propTypes.object,
   image: _propTypes.object,
   video: _propTypes.object
-});
-exports.previewPropType = previewPropType;
+});

package/dist/components/UTAttachment/index.js

@@ -117,51 +117,66 @@ var AttachmentContainer = /*#__PURE__*/function (_Component) {
                 error: false
               });
               if (!file) {
-                _context.next = 26;
+                _context.next = 33;
+                break;
+              }
+              _context.t0 = !_this.props.customValidation;
+              if (_context.t0) {
+                _context.next = 10;
                 break;
               }
-              _context.next = 7;
+              _context.next = 9;
+              return _this.props.customValidation(file, _this.onFailValidation);
+            case 9:
+              _context.t0 = _context.sent;
+            case 10:
+              validation = _context.t0;
+              if (!validation) {
+                _context.next = 33;
+                break;
+              }
+              _context.next = 14;
               return (0, _validate.fileSignatureValidation)(file, _this.props.fieldTypes, file.type);
-            case 7:
+            case 14:
               validation = _context.sent;
               if (!validation) {
-                _context.next = 25;
+                _context.next = 32;
                 break;
               }
               if (!_this.props.sanitize) {
-                _context.next = 13;
+                _context.next = 20;
                 break;
               }
-              _context.next = 12;
+              _context.next = 19;
               return _this.props.sanitize(file);
-            case 12:
+            case 19:
               file = _context.sent;
-            case 13:
+            case 20:
               validation = (0, _validate.fileSizeValidation)(file, _this.props.maxFileSize);
               if (!(validation && (0, _utils.isPDF)(file) && !(0, _array.isEmpty)(_this.props.allowedPDFUploadSizes))) {
-                _context.next = 19;
+                _context.next = 26;
                 break;
               }
-              _context.next = 17;
+              _context.next = 24;
               return (0, _utils.pdfAspectRatioValidation)(file, _this.props.allowedPDFUploadSizes);
-            case 17:
+            case 24:
               validation = _context.sent;
               return _context.abrupt("return", validation ? _this.setFile(file) : _this.onFailValidation(fileErrorTexts.aspectRatioError));
-            case 19:
+            case 26:
               if (!(!validation && !disableResize && (0, _utils.isImage)(file) && !(0, _browser.isIE)())) {
-                _context.next = 24;
+                _context.next = 31;
                 break;
               }
-              _context.next = 22;
+              _context.next = 29;
               return (0, _image.resizeImage)(file, resizeConfig);
-            case 22:
+            case 29:
               file = _context.sent;
               validation = (0, _validate.fileSizeValidation)(file, _this.props.maxFileSize);
-            case 24:
+            case 31:
               return _context.abrupt("return", validation ? _this.setFile(file) : _this.onFailValidation(fileErrorTexts.sizeError));
-            case 25:
+            case 32:
               _this.onFailValidation(fileErrorTexts.formatError);
-            case 26:
+            case 33:
             case "end":
               return _context.stop();
           }
@@ -232,6 +247,7 @@ var AttachmentContainer = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props5 = this.props,
+        acceptedFileTypes = _this$props5.acceptedFileTypes,
         classes = _this$props5.classes,
         containerClassname = _this$props5.containerClassname,
         disabled = _this$props5.disabled,
@@ -252,31 +268,33 @@ var AttachmentContainer = /*#__PURE__*/function (_Component) {
         errorText = _this$state.errorText;
       var loadingDefaultValue = this.hasDefaultValueToLoad() && !name;
       return /*#__PURE__*/_react.default.createElement(_layout.default, {
-        loading: loading || loadingDefaultValue,
-        uploadingText: loadingDefaultValue ? _constants.DEFAULT_UPLOADING_TEXT : '',
-        name: name || this.getDefaultAttachment(input.value),
-        previewClassname: previewClassname,
+        acceptedFileTypes: acceptedFileTypes,
+        classes: classes,
         containerClassname: containerClassname,
-        preview: preview,
-        onChange: this.onChange,
-        onClick: this.removeValue,
+        disabled: disabled,
         error: error,
+        errorClassname: errorClassname,
         errorText: errorText,
         fieldTypes: fieldTypes,
+        icon: icon,
+        loading: loading || loadingDefaultValue,
         loadingTextClassname: loadingTextClassname,
-        classes: classes,
-        errorClassname: errorClassname,
+        name: name || this.getDefaultAttachment(input.value),
+        preview: preview,
+        previewClassname: previewClassname,
+        previewProps: previewProps,
+        onChange: this.onChange,
+        onClick: this.removeValue,
         removeFileClassname: removeFileClassname,
-        icon: icon,
-        disabled: disabled,
         RemoveIcon: RemoveIcon,
-        previewProps: previewProps
+        uploadingText: loadingDefaultValue ? _constants.DEFAULT_UPLOADING_TEXT : ''
       });
     }
   }]);
   return AttachmentContainer;
 }(_react.Component);
 AttachmentContainer.propTypes = {
+  acceptedFileTypes: _propTypes.string,
   allowedPDFUploadSizes: (0, _propTypes.arrayOf)((0, _propTypes.shape)({
     name: _propTypes.string,
     heightInPt: _propTypes.number,
@@ -285,10 +303,11 @@ AttachmentContainer.propTypes = {
   })),
   classes: (0, _propTypes.objectOf)(_propTypes.string),
   containerClassname: _propTypes.string,
+  customValidation: _propTypes.func,
   disabled: _propTypes.bool,
   disableResize: _propTypes.bool,
   errorClassname: _propTypes.string,
-  fieldTypes: (0, _propTypes.arrayOf)(_propTypes.string).isRequired,
+  fieldTypes: (0, _propTypes.arrayOf)(_propTypes.string),
   icon: _propTypes.node,
   input: (0, _propTypes.shape)({
     value: (0, _propTypes.oneOfType)([_propTypes.string, (0, _propTypes.shape)({
@@ -314,5 +333,4 @@ AttachmentContainer.propTypes = {
 AttachmentContainer.defaultProps = {
   maxFileSize: 99999999
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(AttachmentContainer);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(AttachmentContainer);

package/dist/components/UTAttachment/layout.js

@@ -16,7 +16,8 @@ var _constants = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var Attachment = function Attachment(_ref) {
-  var name = _ref.name,
+  var acceptedFileTypes = _ref.acceptedFileTypes,
+    name = _ref.name,
     preview = _ref.preview,
     loading = _ref.loading,
     containerClassname = _ref.containerClassname,
@@ -35,7 +36,7 @@ var Attachment = function Attachment(_ref) {
     uploadingText = _ref.uploadingText,
     RemoveIcon = _ref.RemoveIcon,
     previewProps = _ref.previewProps;
-  var fieldType = fieldTypes.map(function (type) {
+  var fieldType = acceptedFileTypes || fieldTypes.map(function (type) {
     return _files.inputFiles[type].inputType;
   }).join();
   var Icon = RemoveIcon || _DeleteForever.default;
@@ -51,10 +52,13 @@ var Attachment = function Attachment(_ref) {
     variant: "small",
     className: _stylesModule.default.name
   }, name), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    className: "".concat(_stylesModule.default.removeIconContainer, " ").concat(removeFileClassname),
+    classNames: {
+      root: "".concat(_stylesModule.default.removeIconContainer, " ").concat(removeFileClassname)
+    },
+    disabled: disabled,
     Icon: Icon,
     onClick: onClick,
-    disabled: disabled,
+    size: "small",
     variant: "text"
   }))) : /*#__PURE__*/_react.default.createElement(_UTFileInput.default, {
     onChange: onChange,
@@ -72,6 +76,7 @@ var Attachment = function Attachment(_ref) {
   });
 };
 Attachment.propTypes = {
+  acceptedFileTypes: _propTypes.string,
   name: _propTypes.string,
   preview: (0, _propTypes.shape)({
     src: _propTypes.string,
@@ -95,5 +100,4 @@ Attachment.propTypes = {
   RemoveIcon: _propTypes.elementType,
   previewProps: _constants.previewPropType
 };
-var _default = Attachment;
-exports.default = _default;
+var _default = exports.default = Attachment;

package/dist/components/UTAttachment/styles.module.scss

@@ -6,7 +6,7 @@
 }
 
 .removeIconContainer {
-  margin-left: 10px;
+  margin-left: 8px;
 }
 
 .name {

package/dist/components/UTAttachment/theme.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
-var retrieveStyle = function retrieveStyle(_ref) {
+var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
   var theme = _ref.theme;
   return {
     container: {
@@ -20,5 +20,4 @@ var retrieveStyle = function retrieveStyle(_ref) {
       }
     }
   };
-};
-exports.retrieveStyle = retrieveStyle;
+};

package/dist/components/UTAttachment/utils.js

@@ -31,7 +31,7 @@ var getImage = /*#__PURE__*/function () {
   };
 }(); // eslint-disable-line no-console
 
-var getBlobFromUrl = /*#__PURE__*/function () {
+var getBlobFromUrl = exports.getBlobFromUrl = /*#__PURE__*/function () {
   var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(imageUrl, callback) {
     var response;
     return _regeneratorRuntime().wrap(function _callee2$(_context2) {
@@ -60,7 +60,6 @@ var getBlobFromUrl = /*#__PURE__*/function () {
     return _ref2.apply(this, arguments);
   };
 }();
-exports.getBlobFromUrl = getBlobFromUrl;
 var lengthMatches = function lengthMatches(length1, length2, toleranceInPercentage) {
   var delta = length1 * (toleranceInPercentage / 100);
   return Math.abs(length1 - length2) < delta;
@@ -73,7 +72,7 @@ var pageMatches = function pageMatches(page, allowedPDFUploadSizes) {
     return lengthMatches(size.heightInPt, viewport.height, size.toleranceInPercentage) && lengthMatches(size.widthInPt, viewport.width, size.toleranceInPercentage) || lengthMatches(size.heightInPt, viewport.width, size.toleranceInPercentage) && lengthMatches(size.widthInPt, viewport.height, size.toleranceInPercentage);
   });
 };
-var pdfAspectRatioValidation = /*#__PURE__*/function () {
+var pdfAspectRatioValidation = exports.pdfAspectRatioValidation = /*#__PURE__*/function () {
   var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(file, allowedPDFUploadSizes) {
     var documentLoadingTask, document, totalPages, getPagePromises, pageNumber, pages;
     return _regeneratorRuntime().wrap(function _callee3$(_context3) {
@@ -106,36 +105,28 @@ var pdfAspectRatioValidation = /*#__PURE__*/function () {
     return _ref3.apply(this, arguments);
   };
 }();
-exports.pdfAspectRatioValidation = pdfAspectRatioValidation;
-var isImage = function isImage(file) {
+var isImage = exports.isImage = function isImage(file) {
   return _files.inputFiles.image.validType.includes(file === null || file === void 0 ? void 0 : file.type);
 };
-exports.isImage = isImage;
-var isPDF = function isPDF(file) {
+var isPDF = exports.isPDF = function isPDF(file) {
   return _files.inputFiles.pdf.validType.includes(file === null || file === void 0 ? void 0 : file.type);
 };
-exports.isPDF = isPDF;
-var isAudio = function isAudio(file) {
+var isAudio = exports.isAudio = function isAudio(file) {
   return _files.inputFiles.audio.validType.includes(file === null || file === void 0 ? void 0 : file.type);
 };
-exports.isAudio = isAudio;
-var isVideo = function isVideo(file) {
+var isVideo = exports.isVideo = function isVideo(file) {
   return _files.inputFiles.video.validType.includes(file === null || file === void 0 ? void 0 : file.type);
 };
-exports.isVideo = isVideo;
-var isHTML = function isHTML(file) {
+var isHTML = exports.isHTML = function isHTML(file) {
   return _files.inputFiles.html.validType.includes(file === null || file === void 0 ? void 0 : file.type);
 };
-exports.isHTML = isHTML;
-var hasPreview = function hasPreview(file) {
+var hasPreview = exports.hasPreview = function hasPreview(file) {
   return isImage(file) || isAudio(file) || isVideo(file);
 };
-exports.hasPreview = hasPreview;
-var isValidFile = function isValidFile(file) {
+var isValidFile = exports.isValidFile = function isValidFile(file) {
   return hasPreview(file) || isPDF(file) || isHTML(file);
 };
-exports.isValidFile = isValidFile;
-var isNewFile = function isNewFile(newFile, oldFile) {
+var isNewFile = exports.isNewFile = function isNewFile(newFile, oldFile) {
   var _newFile$file, _oldFile$file;
   if (!newFile && !oldFile) return false;
   if (!newFile || !oldFile) return true;
@@ -144,5 +135,4 @@ var isNewFile = function isNewFile(newFile, oldFile) {
   if (newFileType !== oldFileType) return true;
   if (newFileType === 'string') return newFile !== oldFile;
   return ((_newFile$file = newFile.file) === null || _newFile$file === void 0 ? void 0 : _newFile$file.lastModified) !== ((_oldFile$file = oldFile.file) === null || _oldFile$file === void 0 ? void 0 : _oldFile$file.lastModified);
-};
-exports.isNewFile = isNewFile;
+};

package/dist/components/UTAutocomplete/components/ListBox/index.js

@@ -46,5 +46,4 @@ var Listbox = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
 Listbox.propTypes = {
   fixedSizeListProps: _propTypes.object
 };
-var _default = /*#__PURE__*/(0, _react.memo)(Listbox);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Listbox);

package/dist/components/UTAutocomplete/components/ListBox/utils.js

@@ -13,7 +13,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var renderRow = function renderRow(_ref) {
+var renderRow = exports.renderRow = function renderRow(_ref) {
   var data = _ref.data,
     index = _ref.index,
     style = _ref.style;
@@ -21,5 +21,4 @@ var renderRow = function renderRow(_ref) {
     style: _objectSpread({}, style),
     className: "".concat(data[index].props.className, " ").concat(_stylesModule.default.rowRender)
   });
-};
-exports.renderRow = renderRow;
+};

package/dist/components/UTAutocomplete/constants.js

@@ -4,29 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ROW_HEIGHT = exports.OPEN_TEXT = exports.MIN_ROW_HEIGHT_FACTOR = exports.MAX_HEIGHT = exports.LIST_BOX_DEFAULT_PROPS = exports.INVALID_OPTION = exports.ERROR_EMPTY_OPTIONS = exports.DEFAULT_VALUE_KEY = exports.DEFAULT_LABEL_KEY = exports.CLOSE_TEXT = exports.CLEAR_TEXT = void 0;
-var INVALID_OPTION = 'El texto ingresado no corresponde a una opción valida';
-exports.INVALID_OPTION = INVALID_OPTION;
-var ERROR_EMPTY_OPTIONS = 'No se cargaron opciones';
-exports.ERROR_EMPTY_OPTIONS = ERROR_EMPTY_OPTIONS;
-var CLEAR_TEXT = 'Borrar selección';
-exports.CLEAR_TEXT = CLEAR_TEXT;
-var OPEN_TEXT = 'Ver opciones';
-exports.OPEN_TEXT = OPEN_TEXT;
-var CLOSE_TEXT = 'Cerrar menu';
-exports.CLOSE_TEXT = CLOSE_TEXT;
-var DEFAULT_VALUE_KEY = 'value';
-exports.DEFAULT_VALUE_KEY = DEFAULT_VALUE_KEY;
-var DEFAULT_LABEL_KEY = 'name';
-exports.DEFAULT_LABEL_KEY = DEFAULT_LABEL_KEY;
-var ROW_HEIGHT = 40;
-exports.ROW_HEIGHT = ROW_HEIGHT;
-var MAX_HEIGHT = 300;
-exports.MAX_HEIGHT = MAX_HEIGHT;
-var MIN_ROW_HEIGHT_FACTOR = 8;
-exports.MIN_ROW_HEIGHT_FACTOR = MIN_ROW_HEIGHT_FACTOR;
-var LIST_BOX_DEFAULT_PROPS = {
+var INVALID_OPTION = exports.INVALID_OPTION = 'El texto ingresado no corresponde a una opción valida';
+var ERROR_EMPTY_OPTIONS = exports.ERROR_EMPTY_OPTIONS = 'No se cargaron opciones';
+var CLEAR_TEXT = exports.CLEAR_TEXT = 'Borrar selección';
+var OPEN_TEXT = exports.OPEN_TEXT = 'Ver opciones';
+var CLOSE_TEXT = exports.CLOSE_TEXT = 'Cerrar menu';
+var DEFAULT_VALUE_KEY = exports.DEFAULT_VALUE_KEY = 'value';
+var DEFAULT_LABEL_KEY = exports.DEFAULT_LABEL_KEY = 'name';
+var ROW_HEIGHT = exports.ROW_HEIGHT = 40;
+var MAX_HEIGHT = exports.MAX_HEIGHT = 300;
+var MIN_ROW_HEIGHT_FACTOR = exports.MIN_ROW_HEIGHT_FACTOR = 8;
+var LIST_BOX_DEFAULT_PROPS = exports.LIST_BOX_DEFAULT_PROPS = {
   height: 250,
   innerElementType: 'ul',
   overscanCount: 5
-};
-exports.LIST_BOX_DEFAULT_PROPS = LIST_BOX_DEFAULT_PROPS;
+};

package/dist/components/UTAutocomplete/index.js

@@ -14,6 +14,7 @@ var _KeyboardArrowDown = _interopRequireDefault(require("@material-ui/icons/Keyb
 var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
 var _form = require("@widergy/web-utils/lib/form");
 var _formTypes = require("../../types/formTypes");
+var _UTLabel = _interopRequireDefault(require("../UTLabel"));
 var _WithTheme = _interopRequireDefault(require("../WithTheme"));
 var _theme = require("./theme");
 var _ListBox = _interopRequireDefault(require("./components/ListBox"));
@@ -79,6 +80,7 @@ var UTAutocomplete = function UTAutocomplete(_ref) {
   }) : ArrowIcon || /*#__PURE__*/_react.default.createElement(_KeyboardArrowDown.default, {
     className: "".concat(disabled ? classes.arrowIconDisabled : classes.arrowIcon)
   });
+  var errorMessage = (0, _form.shouldShowErrors)(meta) && meta.error || '';
   return /*#__PURE__*/_react.default.createElement(_Autocomplete.default, _extends({
     id: field.key,
     clearText: _constants.CLEAR_TEXT,
@@ -102,7 +104,11 @@ var UTAutocomplete = function UTAutocomplete(_ref) {
         label: textInputLabel,
         fullWidth: true,
         error: (0, _form.shouldShowErrors)(meta),
-        helperText: (0, _form.shouldShowErrors)(meta) && meta.error || '',
+        helperText: errorMessage ? /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+          className: classes.errorLabel,
+          colorTheme: "error",
+          variant: "small"
+        }, errorMessage) : undefined,
         placeholder: placeholder,
         variant: variant
       }, textFieldProps));
@@ -125,5 +131,4 @@ UTAutocomplete.propTypes = {
   textFieldProps: _propTypes.object,
   variant: _propTypes.string
 };
-var _default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTAutocomplete);
-exports.default = _default;
+var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle, _theme.retrieveMuiTheme)(UTAutocomplete);

package/dist/components/UTAutocomplete/theme.js

@@ -9,7 +9,7 @@ var _lodash = _interopRequireDefault(require("lodash"));
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 var _classesUtils = require("../../utils/classesUtils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var retrieveStyle = function retrieveStyle(_ref) {
+var retrieveStyle = exports.retrieveStyle = function retrieveStyle(_ref) {
   var _theme$UTAutocomplete, _theme$UTTextInput, _theme$UTAutocomplete2, _theme$UTTextInput2, _theme$UTAutocomplete3, _theme$UTTextInput3, _theme$UTAutocomplete4, _theme$UTAutocomplete5, _theme$UTAutocomplete6;
   var theme = _ref.theme;
   return {
@@ -27,9 +27,8 @@ var retrieveStyle = function retrieveStyle(_ref) {
     }
   };
 };
-exports.retrieveStyle = retrieveStyle;
-var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
-  var _theme$Fonts, _theme$UTTextInput4, _theme$UTTextInput5, _theme$UTTextInput6, _theme$Fonts2, _theme$UTTextInput7, _theme$UTTextInput8, _theme$UTTextInput9, _theme$UTTextInput10, _theme$UTTextInput11, _theme$UTTextInput12, _theme$UTTextInput13, _theme$UTTextInput14, _theme$UTTextInput15, _theme$Fonts3, _theme$UTTextInput16, _theme$UTTextInput17, _theme$UTTextInput18, _theme$UTTextInput19, _theme$UTTextInput20, _theme$UTTextInput21, _theme$UTTextInput22, _theme$UTTextInput23, _theme$UTTextInput24, _theme$UTTextInput25, _theme$UTTextInput26, _theme$UTAutocomplete7, _theme$UTAutocomplete8, _theme$UTAutocomplete9, _theme$UTTextInput27, _theme$UTTextInput28, _theme$UTTextInput29, _theme$UTTextInput30, _theme$UTTextInput31, _theme$Fonts4, _theme$UTTextInput32, _theme$UTTextInput33, _theme$UTTextInput34, _theme$UTAutocomplete10, _theme$UTAutocomplete11, _theme$UTAutocomplete12, _theme$UTAutocomplete13, _theme$UTAutocomplete14, _theme$UTAutocomplete15, _theme$UTAutocomplete16, _theme$UTAutocomplete17, _theme$UTAutocomplete18, _theme$UTAutocomplete19;
+var retrieveMuiTheme = exports.retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
+  var _theme$Fonts, _theme$UTTextInput4, _theme$UTTextInput5, _theme$UTTextInput6, _theme$Fonts2, _theme$UTTextInput7, _theme$UTTextInput8, _theme$UTTextInput9, _theme$UTTextInput10, _theme$UTTextInput11, _theme$UTTextInput12, _theme$UTTextInput13, _theme$UTTextInput14, _theme$UTTextInput15, _theme$Fonts3, _theme$UTTextInput16, _theme$UTTextInput17, _theme$UTTextInput18, _theme$UTTextInput19, _theme$UTTextInput20, _theme$UTTextInput21, _theme$UTTextInput22, _theme$UTTextInput23, _theme$UTTextInput24, _theme$UTTextInput25, _theme$UTTextInput26, _theme$UTAutocomplete7, _theme$UTAutocomplete8, _theme$UTAutocomplete9, _theme$UTTextInput27, _theme$UTTextInput28, _theme$UTTextInput29, _theme$UTTextInput30, _theme$Fonts4, _theme$UTTextInput31, _theme$UTTextInput32, _theme$UTAutocomplete10, _theme$UTAutocomplete11, _theme$UTAutocomplete12, _theme$UTAutocomplete13, _theme$UTAutocomplete14, _theme$UTAutocomplete15, _theme$UTAutocomplete16, _theme$UTAutocomplete17, _theme$UTAutocomplete18, _theme$UTAutocomplete19;
   var mui = {
     typography: {
       fontFamily: (_theme$Fonts = theme.Fonts) === null || _theme$Fonts === void 0 ? void 0 : _theme$Fonts.fontFamily
@@ -89,7 +88,7 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
           padding: (_theme$UTTextInput23 = theme.UTTextInput) === null || _theme$UTTextInput23 === void 0 || (_theme$UTTextInput23 = _theme$UTTextInput23.notchedOutline) === null || _theme$UTTextInput23 === void 0 ? void 0 : _theme$UTTextInput23.padding
         },
         notchedOutline: {
-          border: ((_theme$UTTextInput24 = theme.UTTextInput) === null || _theme$UTTextInput24 === void 0 || (_theme$UTTextInput24 = _theme$UTTextInput24.notchedOutline) === null || _theme$UTTextInput24 === void 0 || (_theme$UTTextInput24 = _theme$UTTextInput24.unfocused) === null || _theme$UTTextInput24 === void 0 ? void 0 : _theme$UTTextInput24.border) || "1px solid ".concat(_colorsModule.default.error),
+          border: ((_theme$UTTextInput24 = theme.UTTextInput) === null || _theme$UTTextInput24 === void 0 || (_theme$UTTextInput24 = _theme$UTTextInput24.notchedOutline) === null || _theme$UTTextInput24 === void 0 || (_theme$UTTextInput24 = _theme$UTTextInput24.unfocused) === null || _theme$UTTextInput24 === void 0 ? void 0 : _theme$UTTextInput24.border) || "1px solid ".concat(theme.Palette.error['05']),
           borderColor: (_theme$UTTextInput25 = theme.UTTextInput) === null || _theme$UTTextInput25 === void 0 || (_theme$UTTextInput25 = _theme$UTTextInput25.notchedOutline) === null || _theme$UTTextInput25 === void 0 || (_theme$UTTextInput25 = _theme$UTTextInput25.hover) === null || _theme$UTTextInput25 === void 0 ? void 0 : _theme$UTTextInput25.borderColor,
           borderRadius: (_theme$UTTextInput26 = theme.UTTextInput) === null || _theme$UTTextInput26 === void 0 || (_theme$UTTextInput26 = _theme$UTTextInput26.notchedOutline) === null || _theme$UTTextInput26 === void 0 ? void 0 : _theme$UTTextInput26.borderRadius
         }
@@ -110,17 +109,17 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
           '&$focused': {
             color: ((_theme$UTTextInput29 = theme.UTTextInput) === null || _theme$UTTextInput29 === void 0 || (_theme$UTTextInput29 = _theme$UTTextInput29.formLabel) === null || _theme$UTTextInput29 === void 0 ? void 0 : _theme$UTTextInput29.focusedColor) || _colorsModule.default.primary,
             '&$error': {
-              color: ((_theme$UTTextInput30 = theme.UTTextInput) === null || _theme$UTTextInput30 === void 0 || (_theme$UTTextInput30 = _theme$UTTextInput30.formLabel) === null || _theme$UTTextInput30 === void 0 ? void 0 : _theme$UTTextInput30.focusedErrorColor) || _colorsModule.default.error
+              color: theme.Palette.error['05']
             }
           },
-          fontSize: ((_theme$UTTextInput31 = theme.UTTextInput) === null || _theme$UTTextInput31 === void 0 ? void 0 : _theme$UTTextInput31.fontSize) || ((_theme$Fonts4 = theme.Fonts) === null || _theme$Fonts4 === void 0 ? void 0 : _theme$Fonts4.medium) || 14
+          fontSize: ((_theme$UTTextInput30 = theme.UTTextInput) === null || _theme$UTTextInput30 === void 0 ? void 0 : _theme$UTTextInput30.fontSize) || ((_theme$Fonts4 = theme.Fonts) === null || _theme$Fonts4 === void 0 ? void 0 : _theme$Fonts4.medium) || 14
         }
       },
       MuiFormHelperText: {
         root: {
-          fontSize: ((_theme$UTTextInput32 = theme.UTTextInput) === null || _theme$UTTextInput32 === void 0 || (_theme$UTTextInput32 = _theme$UTTextInput32.helperText) === null || _theme$UTTextInput32 === void 0 ? void 0 : _theme$UTTextInput32.fontSize) || 12,
-          color: ((_theme$UTTextInput33 = theme.UTTextInput) === null || _theme$UTTextInput33 === void 0 || (_theme$UTTextInput33 = _theme$UTTextInput33.helperText) === null || _theme$UTTextInput33 === void 0 ? void 0 : _theme$UTTextInput33.color) || _colorsModule.default.error,
-          letterSpacing: ((_theme$UTTextInput34 = theme.UTTextInput) === null || _theme$UTTextInput34 === void 0 || (_theme$UTTextInput34 = _theme$UTTextInput34.helperText) === null || _theme$UTTextInput34 === void 0 ? void 0 : _theme$UTTextInput34.letterSpacing) || 'normal'
+          fontSize: ((_theme$UTTextInput31 = theme.UTTextInput) === null || _theme$UTTextInput31 === void 0 || (_theme$UTTextInput31 = _theme$UTTextInput31.helperText) === null || _theme$UTTextInput31 === void 0 ? void 0 : _theme$UTTextInput31.fontSize) || 12,
+          color: theme.Palette.error['05'],
+          letterSpacing: ((_theme$UTTextInput32 = theme.UTTextInput) === null || _theme$UTTextInput32 === void 0 || (_theme$UTTextInput32 = _theme$UTTextInput32.helperText) === null || _theme$UTTextInput32 === void 0 ? void 0 : _theme$UTTextInput32.letterSpacing) || 'normal'
         }
       },
       MuiInputLabel: {
@@ -154,5 +153,4 @@ var retrieveMuiTheme = function retrieveMuiTheme(theme, muiTheme) {
     }
   };
   return (0, _styles.createTheme)(_lodash.default.merge(muiTheme, mui));
-};
-exports.retrieveMuiTheme = retrieveMuiTheme;
+};