@widergy/energy-ui 3.6.2 → 3.7.0

package/dist/components/UTAttachmentList/layout.js

@@ -0,0 +1,245 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = require("prop-types");
+var _files = require("@widergy/web-utils/lib/constants/files");
+var _lodash = require("lodash");
+var _UTLabel = _interopRequireDefault(require("../UTLabel"));
+var _UTButton = _interopRequireDefault(require("../UTButton"));
+var _constants = require("./constants");
+var _Preview = _interopRequireDefault(require("./components/Preview"));
+var _utils = require("./utils");
+var _PreviewModal = _interopRequireDefault(require("./components/PreviewModal"));
+var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var CheckIcon = function CheckIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M27.61 8.39c.52.521.52 1.365 0 1.886L14.275 23.61c-.52.52-1.365.52-1.886 0l-6.666-6.667a1.333 1.333 0 1 1 1.885-1.886l5.724 5.724 12.39-12.39c.521-.521 1.366-.521 1.886 0Z"
+  }));
+};
+CheckIcon.defaultProps = {
+  width: "32",
+  height: "32",
+  viewBox: "0 0 32 32",
+  fill: "#0e59a3",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var DeleteIcon = function DeleteIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.586.586A2 2 0 0 1 7 0h4a2 2 0 0 1 2 2v2h4a1 1 0 1 1 0 2h-.08L16 17.046A3 3 0 0 1 13 20H5a3 3 0 0 1-3-2.954L1.08 6H1a1 1 0 0 1 0-2h4V2A2 2 0 0 1 5.586.586ZM3.086 6l.91 10.917A1 1 0 0 1 4 17a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1 1 1 0 0 1 .004-.083L14.914 6H3.086ZM11 4H7V2h4v2ZM7 8a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1Zm4 0a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1Z"
+  }));
+};
+DeleteIcon.defaultProps = {
+  width: "18",
+  height: "20",
+  viewBox: "0 0 18 20",
+  fill: "#0e59a3",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var ErrorIcon = function ErrorIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("rect", {
+    width: "20",
+    height: "20",
+    rx: "10",
+    fill: "#FFEBEE"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M5.529 5.527c.26-.26.682-.26.943 0L10 9.056l3.529-3.529a.667.667 0 1 1 .943.943L10.943 10l3.529 3.528a.667.667 0 0 1-.943.943L10 10.941l-3.528 3.53a.667.667 0 1 1-.943-.944L9.057 10 5.53 6.47a.667.667 0 0 1 0-.943Z",
+    fill: "#A0041B"
+  }));
+};
+ErrorIcon.defaultProps = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var FilesIcon = function FilesIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M35.819 16.088a13.927 13.927 0 0 0-4.899-.013 13.257 13.257 0 0 0-4.495 1.66c-2.73 1.63-4.544 4.116-5.157 6.847a2.667 2.667 0 0 1-2.602 2.083c-2.657 0-5.183 1.01-7.027 2.775-1.84 1.76-2.852 4.122-2.852 6.558s1.011 4.798 2.851 6.558c1.845 1.764 4.37 2.775 7.028 2.775a2.667 2.667 0 1 1 0 5.334c-3.997 0-7.853-1.518-10.714-4.255-2.865-2.74-4.498-6.483-4.498-10.412 0-3.93 1.633-7.672 4.498-10.412 2.374-2.272 5.434-3.703 8.692-4.125 1.275-3.43 3.769-6.347 7.045-8.305a18.588 18.588 0 0 1 6.306-2.333 19.262 19.262 0 0 1 6.778.018 18.57 18.57 0 0 1 6.29 2.368 16.964 16.964 0 0 1 4.882 4.424 15.425 15.425 0 0 1 2.678 5.877c.227 1.042.34 2.1.34 3.158a12 12 0 0 1-.297 23.997H48a2.667 2.667 0 1 1 0-5.334h2.666a6.667 6.667 0 0 0 0-13.333H48a2.666 2.666 0 0 1-2.602-3.25 9.48 9.48 0 0 0 .013-4.104 10.094 10.094 0 0 0-1.758-3.845 11.632 11.632 0 0 0-3.35-3.028 13.239 13.239 0 0 0-4.484-1.683Zm-5.705 14.024a2.667 2.667 0 0 1 3.771 0l8 8a2.667 2.667 0 0 1-3.771 3.772l-3.448-3.448v17.562a2.667 2.667 0 1 1-5.333 0V38.436l-3.448 3.448a2.667 2.667 0 1 1-3.771-3.772l8-8Z"
+  }));
+};
+FilesIcon.defaultProps = {
+  width: "64",
+  height: "64",
+  viewBox: "0 0 64 64",
+  fill: "#0e59a3",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var UploadIcon = function UploadIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7.41.744a.833.833 0 0 1 1.18 0l3.333 3.333a.833.833 0 0 1-1.179 1.179l-1.91-1.91v6.32a.833.833 0 0 1-1.667 0v-6.32l-1.911 1.91a.833.833 0 1 1-1.179-1.179L7.411.744ZM.5 14.667c0-.46.373-.834.833-.834h13.334a.833.833 0 0 1 0 1.667H1.333a.833.833 0 0 1-.833-.833Z"
+  }));
+};
+UploadIcon.defaultProps = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "#0e59a3",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+var PlayIcon = function PlayIcon(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.512 3.127a1 1 0 0 1 1.012.021l13 8a1 1 0 0 1 0 1.704l-13 8A1 1 0 0 1 6 20V4a1 1 0 0 1 .512-.873ZM8 5.79v12.42L18.092 12 8 5.79Z"
+  }));
+};
+PlayIcon.defaultProps = {
+  width: "24",
+  height: "24",
+  viewBox: "0 0 24 24",
+  fill: "#0e59a3",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const Attachment = _ref => {
+  let {
+    acceptedFileTypes,
+    classes,
+    disabled,
+    error,
+    errorText,
+    fieldTypes,
+    fileInputRef,
+    helpText,
+    maxFiles,
+    maxFileSize,
+    onChange,
+    preview,
+    RemoveIcon
+  } = _ref;
+  const fieldType = acceptedFileTypes || fieldTypes.map(type => _files.inputFiles[type].inputType).join();
+  const Icon = RemoveIcon || DeleteIcon;
+  const previewIsEmpty = (0, _lodash.isEmpty)(preview);
+  const isUploadFileAvailable = preview.length < maxFiles;
+  const [previewModalIsOpen, setPreviewModalIsOpen] = (0, _react.useState)(false);
+  const [selectedPreview, setSelectedPreview] = (0, _react.useState)(null);
+  const openPreviewModal = clickedPreview => {
+    setSelectedPreview(clickedPreview);
+    setPreviewModalIsOpen(true);
+  };
+  const closePreviewModal = () => setPreviewModalIsOpen(false);
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.container, " ").concat(classes.container, " ").concat(error && classes.errorContainer)
+  }, !previewIsEmpty && preview.map(previewItem => /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.previewContainer, " ").concat(classes.previewContainer)
+  }, previewItem.src ? /*#__PURE__*/_react.default.createElement(_Preview.default, {
+    classes: classes,
+    preview: previewItem,
+    previewProps: preview.previewProps,
+    openPreviewModal: openPreviewModal
+  }) : /*#__PURE__*/_react.default.createElement(CheckIcon, {
+    className: classes.actionAccentIcon
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.fileContainer
+  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "gray",
+    variant: "small"
+  }, previewItem.name), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "gray",
+    variant: "small"
+  }, previewItem.size, _constants.MB_LABEL)), ((0, _utils.isAudio)(previewItem) || (0, _utils.isVideo)(previewItem)) && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    classNames: {
+      root: preview.removeFileClassnames,
+      icon: classes.actionNeutralIcon
+    },
+    disabled: disabled,
+    Icon: PlayIcon,
+    onClick: () => {
+      setSelectedPreview(previewItem);
+      setPreviewModalIsOpen(true);
+    },
+    size: "small",
+    variant: "text"
+  }), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    classNames: {
+      root: preview.removeFileClassnames,
+      icon: classes.actionNeutralIcon
+    },
+    disabled: disabled,
+    Icon: Icon,
+    onClick: previewItem.onClick,
+    size: "small",
+    variant: "text"
+  }))), previewIsEmpty && /*#__PURE__*/_react.default.createElement(FilesIcon, {
+    className: "".concat(_stylesModule.default.filesIcon, " ").concat(classes.filesIcon)
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(_stylesModule.default.labelAndInputContainer, " ").concat(!previewIsEmpty && _stylesModule.default.positionRelative)
+  }, previewIsEmpty && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "accent"
+  }, _constants.INDICATIONS), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
+    disabled: !isUploadFileAvailable,
+    colorTheme: "primary",
+    variant: "semitransparent",
+    Icon: UploadIcon,
+    classNames: {
+      root: !previewIsEmpty && _stylesModule.default.uploadButtonFullWidth,
+      icon: classes.uploadIcon
+    }
+  }, _constants.UPLOAD_FILE), isUploadFileAvailable && /*#__PURE__*/_react.default.createElement("input", {
+    className: _stylesModule.default.input,
+    accept: fieldType,
+    ref: fileInputRef,
+    type: "file",
+    onChange: onChange,
+    disabled: disabled,
+    multiple: true
+  })), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    colorTheme: "gray",
+    variant: "small",
+    className: _stylesModule.default.aclaration
+  }, "".concat(_constants.FORMAT_FILE_LABEL).concat((0, _utils.getAvailableFileTypesLabel)(fieldType), "."), " ", /*#__PURE__*/_react.default.createElement("br", null), "".concat(_constants.MAX_SIZE_FILE_LABEL).concat(maxFileSize, "MB"))), helpText && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: _stylesModule.default.helpText,
+    colorTheme: "gray",
+    variant: "small"
+  }, helpText), error && /*#__PURE__*/_react.default.createElement("div", {
+    className: _stylesModule.default.errorLabelContainer
+  }, /*#__PURE__*/_react.default.createElement(ErrorIcon, null), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
+    className: _stylesModule.default.errorText,
+    colorTheme: "error",
+    variant: "small"
+  }, errorText)), previewModalIsOpen && /*#__PURE__*/_react.default.createElement(_PreviewModal.default, {
+    preview: selectedPreview,
+    previewProps: preview.previewProps,
+    previewModalIsOpen: previewModalIsOpen,
+    closePreviewModal: closePreviewModal
+  }));
+};
+Attachment.propTypes = {
+  acceptedFileTypes: _propTypes.string,
+  classes: (0, _propTypes.objectOf)(_propTypes.string),
+  disabled: _propTypes.bool,
+  error: _propTypes.bool,
+  errorText: _propTypes.string,
+  fieldTypes: (0, _propTypes.arrayOf)(_propTypes.string),
+  fileInputRef: (0, _propTypes.objectOf)((0, _propTypes.shape)({
+    current: (0, _propTypes.instanceOf)(Element)
+  })),
+  helpText: _propTypes.string,
+  maxFiles: _propTypes.number,
+  maxFileSize: _propTypes.number,
+  onChange: _propTypes.func,
+  preview: (0, _propTypes.shape)({
+    src: _propTypes.string,
+    type: _propTypes.string
+  }),
+  previewProps: _constants.previewPropType,
+  RemoveIcon: _propTypes.elementType
+};
+var _default = exports.default = Attachment;

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

@@ -0,0 +1,90 @@
+$box-shadow: #e4e6eae5;
+
+.container {
+  align-items: center;
+  border-radius: 5px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  grid-gap: 16px;
+  height: 100%;
+  justify-content: center;
+  max-width: 452px;
+  min-height: 210px;
+  padding: 0 16px;
+  position: relative;
+  width: calc(100% - 32px);
+}
+
+.filesIcon {
+  margin-bottom: -8px;
+}
+
+.labelAndInputContainer {
+  align-items: center;
+  display: flex;
+  grid-gap: 6px;
+  justify-content: center;
+  width: 100%;
+}
+
+.uploadButtonFullWidth {
+  width: 100%;
+}
+
+.input {
+  cursor: pointer;
+  display: block;
+  filter: alpha(opacity=0);
+  min-height: 100%;
+  min-width: 100%;
+  opacity: 0;
+  position: absolute;
+  right: 0;
+  text-align: right;
+  top: 0;
+}
+
+.aclaration {
+  margin-bottom: 16px;
+  text-align: center;
+}
+
+.previewContainer {
+  align-items: center;
+  border-radius: 5px;
+  box-shadow: 0px 3px 6px $box-shadow;
+  cursor: initial;
+  display: flex;
+  flex-direction: row;
+  grid-gap: 16px;
+  justify-content: space-between;
+  margin: 16px 16px 0;
+  padding: 16px;
+  width: calc(100% - 32px);
+  z-index: 5;
+}
+
+.positionRelative {
+  position: relative;
+}
+
+.fileContainer {
+  display: flex;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  grid-gap: 4px;
+  overflow-wrap: anywhere;
+}
+
+.helpText {
+  margin-top: 12px;
+}
+
+.errorLabelContainer {
+  display: flex;
+  flex-direction: row;
+  grid-gap: 8px;
+  margin-top: 12px;
+}

package/dist/components/UTAttachmentList/theme.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.retrieveStyle = void 0;
+const retrieveStyle = _ref => {
+  var _theme$Palette, _theme$Palette2, _theme$Palette3, _theme$Palette4, _theme$Palette5, _theme$Palette6, _theme$Palette7, _theme$Palette8;
+  let {
+    theme
+  } = _ref;
+  return {
+    container: {
+      backgroundColor: (_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.light['03'],
+      border: "1px dashed ".concat((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2.actions.accent['04'])
+    },
+    errorContainer: {
+      border: "2px solid ".concat((_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.error['04'])
+    },
+    filesIcon: {
+      fill: (_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.actions.accent['03']
+    },
+    previewContainer: {
+      backgroundColor: (_theme$Palette5 = theme.Palette) === null || _theme$Palette5 === void 0 ? void 0 : _theme$Palette5.light['01']
+    },
+    actionAccentIcon: {
+      fill: (_theme$Palette6 = theme.Palette) === null || _theme$Palette6 === void 0 ? void 0 : _theme$Palette6.actions.accent['04']
+    },
+    uploadIcon: {
+      fill: (_theme$Palette7 = theme.Palette) === null || _theme$Palette7 === void 0 ? void 0 : _theme$Palette7.actions.accent['05']
+    },
+    actionNeutralIcon: {
+      fill: (_theme$Palette8 = theme.Palette) === null || _theme$Palette8 === void 0 ? void 0 : _theme$Palette8.actions.neutral['05']
+    }
+  };
+};
+exports.retrieveStyle = retrieveStyle;

package/dist/components/UTAttachmentList/utils.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pdfAspectRatioValidation = exports.isVideo = exports.isValidFile = exports.isPDF = exports.isNewFile = exports.isImage = exports.isHTML = exports.isAudio = exports.hasPreview = exports.getSizeInMB = exports.getNotRepeatedFiles = exports.getDefaultAttachment = exports.getBlobFromUrl = exports.getAvailableFileTypesLabel = void 0;
+var _files = require("@widergy/web-utils/lib/constants/files");
+var _constants = require("./constants");
+if (window['pdfjs-dist/build/pdf']) window['pdfjs-dist/build/pdf'].GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(window['pdfjs-dist/build/pdf'].version, "/pdf.worker.js");
+const getImage = async imageUrl => fetch(imageUrl, {
+  method: 'GET'
+}).catch(error => console.error(error)); // eslint-disable-line no-console
+
+const getBlobFromUrl = async (imageUrl, callback) => {
+  if (!imageUrl || !callback) return false;
+  const response = await getImage(imageUrl);
+  if (response !== null && response !== void 0 && response.ok) response.blob().then(blob => callback(blob));else callback(null);
+};
+exports.getBlobFromUrl = getBlobFromUrl;
+const lengthMatches = (length1, length2, toleranceInPercentage) => {
+  const delta = length1 * (toleranceInPercentage / 100);
+  return Math.abs(length1 - length2) < delta;
+};
+const pageMatches = (page, allowedPDFUploadSizes) => {
+  const viewport = page.getViewport({
+    scale: 1
+  });
+  return allowedPDFUploadSizes.some(size => 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));
+};
+const pdfAspectRatioValidation = async (file, allowedPDFUploadSizes) => {
+  const documentLoadingTask = window['pdfjs-dist/build/pdf'].getDocument(URL.createObjectURL(file));
+  const document = await documentLoadingTask.promise;
+  const totalPages = document.numPages;
+  const getPagePromises = [];
+  for (let pageNumber = 1; pageNumber <= totalPages; pageNumber += 1) {
+    getPagePromises.push(document.getPage(pageNumber));
+  }
+  const pages = await Promise.all(getPagePromises);
+  return pages.every(page => pageMatches(page, allowedPDFUploadSizes));
+};
+exports.pdfAspectRatioValidation = pdfAspectRatioValidation;
+const isImage = file => _files.inputFiles.image.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isImage = isImage;
+const isPDF = file => _files.inputFiles.pdf.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isPDF = isPDF;
+const isAudio = file => _files.inputFiles.audio.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isAudio = isAudio;
+const isVideo = file => _files.inputFiles.video.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isVideo = isVideo;
+const isHTML = file => _files.inputFiles.html.validType.includes(file === null || file === void 0 ? void 0 : file.type);
+exports.isHTML = isHTML;
+const hasPreview = file => isImage(file) || isAudio(file) || isVideo(file);
+exports.hasPreview = hasPreview;
+const isValidFile = file => hasPreview(file) || isPDF(file) || isHTML(file);
+exports.isValidFile = isValidFile;
+const isNewFile = (newFile, oldFile) => {
+  var _newFile$file, _oldFile$file;
+  if (!newFile && !oldFile) return false;
+  if (!newFile || !oldFile) return true;
+  const newFileType = typeof newFile;
+  const oldFileType = typeof 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;
+const getAvailableFileTypesLabel = acceptedFileTypes => {
+  if (Array.isArray(acceptedFileTypes)) {
+    return acceptedFileTypes.join(', ').replace(/,\s([^,]+)$/, ' o $1');
+  }
+  return acceptedFileTypes.split(',').filter(type => type.trim().startsWith('.')).join(', ').replace(/,\s([^,]+)$/, ' o $1');
+};
+exports.getAvailableFileTypesLabel = getAvailableFileTypesLabel;
+const getSizeInMB = maxFileSize => (maxFileSize / 1048576).toFixed(2);
+exports.getSizeInMB = getSizeInMB;
+const getNotRepeatedFiles = files => files.filter((file, index, self) => index === self.findIndex(f => f.name === file.name));
+exports.getNotRepeatedFiles = getNotRepeatedFiles;
+const getDefaultAttachment = (fileType, index) => "".concat(_constants.DEFAULT_ATTACHMENT_NAME, "-").concat(index).concat(fileType && ".".concat(fileType));
+exports.getDefaultAttachment = getDefaultAttachment;

package/dist/components/UTSelectableCard/README.md

@@ -8,7 +8,7 @@ Selectable card component.
 | Name            | Type                                     | Default   |Description                                                           |
 |-----------------|------------------------------------------|-----------|----------------------------------------------------------------------|
 | aditionalInfo   | object: { title: '', description: ''}    |           | Aditional information to show in the card                            |
-| apareance       | string: 'white' \| 'gray' \|             | white     | The card apareance.                                                  |
+| appareance      | string: 'white' \| 'gray' \|             | white     | The card appareance.                                                 |
 | checkIcon       | bool                                     | true      | Indicates if on "active" status shows a check icon                   |
 | classes         | string                                   |           | Classes returned by UTLabel's own [theme](./theme.js#)retrieveStyle. |
 | className       | string                                   |           | Additional classes.                                                  |

package/dist/components/UTSelectableCard/assets/check.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.7071 6.29289C21.0976 6.68342 21.0976 7.31658 20.7071 7.70711L10.7071 17.7071C10.3166 18.0976 9.68342 18.0976 9.29289 17.7071L4.29289 12.7071C3.90237 12.3166 3.90237 11.6834 4.29289 11.2929C4.68342 10.9024 5.31658 10.9024 5.70711 11.2929L10 15.5858L19.2929 6.29289C19.6834 5.90237 20.3166 5.90237 20.7071 6.29289Z" fill="#0136E7"/>
+</svg>

package/dist/components/UTSelectableCard/assets/help.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0001 3.33341C6.31818 3.33341 3.33341 6.31818 3.33341 10.0001C3.33341 13.682 6.31818 16.6667 10.0001 16.6667C13.682 16.6667 16.6667 13.682 16.6667 10.0001C16.6667 6.31818 13.682 3.33341 10.0001 3.33341ZM1.66675 10.0001C1.66675 5.39771 5.39771 1.66675 10.0001 1.66675C14.6025 1.66675 18.3334 5.39771 18.3334 10.0001C18.3334 14.6025 14.6025 18.3334 10.0001 18.3334C5.39771 18.3334 1.66675 14.6025 1.66675 10.0001ZM8.72905 5.28749C9.14521 5.08156 9.6035 4.97505 10.0678 4.97634C10.5322 4.97763 10.9899 5.08668 11.4049 5.29491C11.8199 5.50314 12.1809 5.80487 12.4595 6.17633C12.7381 6.54779 12.9267 6.97886 13.0104 7.43558C13.0941 7.89231 13.0706 8.36222 12.9418 8.80834C12.8131 9.25445 12.5825 9.66459 12.2683 10.0065C11.9541 10.3483 11.5648 10.6126 11.1311 10.7784C11.124 10.7811 11.117 10.7837 11.1099 10.7862C11.0246 10.8162 10.9515 10.873 10.9014 10.9482C10.8513 11.0233 10.827 11.1127 10.8321 11.2029C10.8581 11.6624 10.5068 12.056 10.0473 12.0821C9.58777 12.1081 9.19415 11.7568 9.16809 11.2973C9.14251 10.8464 9.26414 10.3994 9.51464 10.0237C9.76252 9.65183 10.1233 9.36967 10.5437 9.21866C10.7332 9.14477 10.9034 9.02847 11.0412 8.87861C11.1808 8.72667 11.2833 8.54438 11.3405 8.34611C11.3978 8.14784 11.4082 7.93898 11.371 7.736C11.3338 7.53301 11.25 7.34142 11.1262 7.17633C11.0024 7.01123 10.8419 6.87713 10.6574 6.78459C10.473 6.69204 10.2696 6.64357 10.0632 6.643C9.85684 6.64243 9.65316 6.68977 9.46819 6.78129C9.28323 6.87281 9.12203 7.00602 8.9973 7.17042C8.71912 7.53708 8.19638 7.6088 7.82972 7.33062C7.46307 7.05244 7.39135 6.5297 7.66953 6.16304C7.95019 5.79313 8.31288 5.49341 8.72905 5.28749ZM10.0001 13.3334C10.4603 13.3334 10.8334 13.7065 10.8334 14.1667V14.1751C10.8334 14.6353 10.4603 15.0084 10.0001 15.0084C9.53984 15.0084 9.16675 14.6353 9.16675 14.1751V14.1667C9.16675 13.7065 9.53984 13.3334 10.0001 13.3334Z" fill="#091E42"/>
+</svg>

package/dist/components/UTSelectableCard/constants.js

@@ -3,23 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.shade05 = exports.shade04 = exports.shade03 = exports.shade01 = exports.PRESSED_STATE = exports.LIGHT = exports.HOVER_STATE = exports.GRAY = exports.DARK = exports.ACTIVE_STATE = exports.ACCENT = void 0;
-// States
-
-const ACTIVE_STATE = exports.ACTIVE_STATE = 'active';
-const HOVER_STATE = exports.HOVER_STATE = 'hover';
-const PRESSED_STATE = exports.PRESSED_STATE = 'pressed';
-
-// Label colors
-
-const ACCENT = exports.ACCENT = 'accent';
-const DARK = exports.DARK = 'dark';
-const GRAY = exports.GRAY = 'gray';
-const LIGHT = exports.LIGHT = 'light';
-
-// Label shades
-
-const shade01 = exports.shade01 = '01';
-const shade03 = exports.shade03 = '03';
-const shade04 = exports.shade04 = '04';
-const shade05 = exports.shade05 = '05';
+exports.SIZES = exports.APPEARANCES = void 0;
+const APPEARANCES = exports.APPEARANCES = {
+  GRAY: 'gray',
+  WHITE: 'white'
+};
+const SIZES = exports.SIZES = {
+  MEDIUM: 'medium',
+  SMALL: 'small'
+};