intelicoreact 1.5.40 → 1.6.0

package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.scss

@@ -1,18 +1,18 @@
 .file-loader-description {
-
   display: flex;
   flex-direction: column;
   justify-content: center;
   row-gap: 8px;
 
   &__title {
-    color: var(--color-text-subtle, #171D33);
     font-family: Sarabun;
     font-size: 14px;
-    font-style: normal;
     font-weight: 600;
+    font-style: normal;
     line-height: 20px;
     letter-spacing: 0.2px;
+
+    color: var(--color-text-subtle, #171d33);
   }
 
   &__accordion {
@@ -20,17 +20,18 @@
   }
 
   &__file-descr {
-    color: var(--color-text-muted, #656E7A);
     font-family: Sarabun;
     font-size: 12px;
-    font-style: normal;
     font-weight: 400;
+    font-style: normal;
     line-height: 18px;
     letter-spacing: 0.2px;
+
+    color: var(--color-text-muted, #656e7a);
   }
 
   &__list-row {
-    display:flex;
+    display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: flex-start;
@@ -42,38 +43,40 @@
     margin-top: 7px;
 
     border-radius: 50%;
-    background: var(--color-text-body, #171D33);
+    background: var(--color-text-body, #171d33);
   }
 
   &__accordion-title {
-    color: var(--color-text-body, #171D33);
-    text-overflow: ellipsis;
     font-family: Sarabun;
     font-size: 12px;
-    font-style: normal;
     font-weight: 400;
+    font-style: normal;
     line-height: 18px;
     letter-spacing: 0.2px;
+    text-overflow: ellipsis;
+
+    color: var(--color-text-body, #171d33);
   }
 
   &__list-title {
-    color: #171D33;
     font-family: Sarabun;
     font-size: 12px;
-    font-style: normal;
     font-weight: 500;
+    font-style: normal;
     line-height: 18px;
     letter-spacing: 0.2px;
+
+    color: #171d33;
   }
 
   &__list-descr {
-    color: var(--color-text-subtle, #171D33);
     font-family: Sarabun;
     font-size: 12px;
-    font-style: normal;
     font-weight: 400;
+    font-style: normal;
     line-height: 18px;
     letter-spacing: 0.2px;
-  }
 
-}
+    color: var(--color-text-subtle, #171d33);
+  }
+}

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js

@@ -1,146 +1,162 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
-var _utils = require("../../../Functions/utils");
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _reactfeather = require("react-feather");
+const _utils = require("../../../Functions/utils");
 require("./FileLoaderLocal.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
 const MAX_FILE_SIZE = 10 * 1024 * 1024;
-const FileLoaderLocal = _ref => {
-  let {
-    groupId,
-    id,
-    fieldId,
-    fieldKey,
-    label,
-    error,
-    outerError,
-    isRequired,
-    accept,
-    onChange,
-    className,
-    value,
-    isNoTrashIcon = false,
-    maxItemSizeBytes,
-    testId = "file-loader-local",
-    attributesOfNativeInput = {}
-  } = _ref;
-  const getFileName = value => {
-    const result = value.match(/[^\\]+$/);
-    return result?.[0];
-  };
-  const renderRequiredLabel = () => {
-    if (!value) {
-      if (isRequired) return /*#__PURE__*/_react.default.createElement("div", {
-        className: "file-loader-local--required"
-      }, "Required");else return /*#__PURE__*/_react.default.createElement("div", {
-        className: "file-loader-local--optional"
-      }, "Optional");
-    }
-  };
-  const isFileSizeOutOfLimit = file => {
-    return file.size > maxItemSizeBytes ?? MAX_FILE_SIZE;
-  };
-  const checkExtension = valueExtension => {
-    return accept.includes(valueExtension);
-  };
-  const handle = {
-    change: e => {
-      const name = getFileName(e.target.value);
-      const valueExtension = name?.match(/[^\.]+$/)?.[0];
-      const fileName = name.split(".")?.[0];
-      const latinRegex = /^[A-Za-z\u00C0-\u00FF0-9!@#\$%\^\&*\)\(+=._-\s]+$/;
-      const file = e.target?.files?.[0];
-      if (isFileSizeOutOfLimit(e.target?.files?.[0])) {
-        onChange({
-          id,
-          name,
-          valueExtension,
-          e,
-          file,
-          groupId,
-          error: `Max file size is ${(0, _utils.renderFileSize)(maxItemSizeBytes)}`
-        });
-      } else if (!checkExtension(valueExtension)) {
-        const allowedExtensions = accept?.replace(/\./g, "")?.toUpperCase() || "JPG, PNG, PDF";
-        const uniqExts = (0, _utils.getUniqueFileExtensions)(allowedExtensions);
-        onChange({
-          id,
-          groupId,
-          name,
-          valueExtension,
-          e,
-          file,
-          error: `Only ${uniqExts} are allowed`
-        });
-      } else if (!latinRegex.test(fileName)) {
-        onChange({
-          id,
-          groupId,
-          name,
-          valueExtension,
-          e,
-          file,
-          error: `File name must be Latin characters only.`
-        });
-      } else onChange({
-        id,
-        groupId,
-        name,
-        valueExtension,
-        e,
-        file
-      });
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: (0, _classnames.default)("file-loader-local", className, {
-      ["file-loader-local_outer-error"]: Boolean(outerError)
-    })
-  }, (fieldId === "uploadTrigger" || !value) && /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-    key: id,
-    onChange: handle.change,
-    className: "file-loader-local__file-input",
-    id: fieldKey || `file-input-${id}${groupId ? `-${groupId}` : ""}`,
-    type: "file",
-    name: fieldKey || id,
-    required: isRequired,
-    accept: accept
-  }, attributesOfNativeInput)), /*#__PURE__*/_react.default.createElement("label", {
-    className: (0, _classnames.default)("file-loader-local__label-box", {
-      "file-loader-local__label-box--upload-trigger": fieldId === "uploadTrigger" || !value
-    }),
-    htmlFor: fieldKey || `file-input-${id}${groupId ? `-${groupId}` : ""}`
-  }, !value && /*#__PURE__*/_react.default.createElement(_reactFeather.Download, {
-    className: "file-loader-local__upload-icon"
-  }), value && /*#__PURE__*/_react.default.createElement(_reactFeather.Paperclip, {
-    className: "file-loader-local__upload-icon"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    title: value || label,
-    className: "file-loader-local__label-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("file-loader-local__label", {
-      "file-loader-local__label-filled": value
-    })
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "file-loader-local__label-text"
-  }, value || label), error && /*#__PURE__*/_react.default.createElement("span", {
-    className: "file-loader-local__error"
-  }, error), typeof outerError === "string" && /*#__PURE__*/_react.default.createElement("span", {
-    className: "file-loader-local__error"
-  }, outerError))), value && !isNoTrashIcon && /*#__PURE__*/_react.default.createElement(_reactFeather.Trash2, {
-    className: "file-loader-local__trash-icon",
-    onClick: () => onChange({
-      id: fieldId,
-      groupId
-    })
-  }), renderRequiredLabel()));
+const FileLoaderLocal = ({ groupId, id, fieldId, fieldKey, label, error, outerError, isRequired, accept, onChange, className, value, isNoTrashIcon = false, maxItemSizeBytes, testId = "file-loader-local", attributesOfNativeInput = {} })=>{
+    const getFileName = (value)=>{
+        const result = value.match(/[^\\]+$/);
+        return result === null || result === void 0 ? void 0 : result[0];
+    };
+    const renderRequiredLabel = ()=>{
+        if (!value) {
+            if (isRequired) return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "file-loader-local--required",
+                children: "Required"
+            });
+            else return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "file-loader-local--optional",
+                children: "Optional"
+            });
+        }
+    };
+    const isFileSizeOutOfLimit = (file)=>{
+        var _ref;
+        return (_ref = file.size > maxItemSizeBytes) !== null && _ref !== void 0 ? _ref : MAX_FILE_SIZE;
+    };
+    const checkExtension = (valueExtension)=>{
+        return accept.includes(valueExtension);
+    };
+    const handle = {
+        change: (e)=>{
+            var _name_match, _name_split, _e_target_files, _e_target, _e_target_files1, _e_target1;
+            const name = getFileName(e.target.value);
+            const valueExtension = name === null || name === void 0 ? void 0 : (_name_match = name.match(/[^\.]+$/)) === null || _name_match === void 0 ? void 0 : _name_match[0];
+            const fileName = (_name_split = name.split(".")) === null || _name_split === void 0 ? void 0 : _name_split[0];
+            const latinRegex = /^[A-Za-z\u00C0-\u00FF0-9!@#\$%\^\&*\)\(+=._-\s]+$/;
+            const file = (_e_target = e.target) === null || _e_target === void 0 ? void 0 : (_e_target_files = _e_target.files) === null || _e_target_files === void 0 ? void 0 : _e_target_files[0];
+            if (isFileSizeOutOfLimit((_e_target1 = e.target) === null || _e_target1 === void 0 ? void 0 : (_e_target_files1 = _e_target1.files) === null || _e_target_files1 === void 0 ? void 0 : _e_target_files1[0])) {
+                onChange({
+                    id,
+                    name,
+                    valueExtension,
+                    e,
+                    file,
+                    groupId,
+                    error: `Max file size is ${(0, _utils.renderFileSize)(maxItemSizeBytes)}`
+                });
+            } else if (!checkExtension(valueExtension)) {
+                var _accept_replace;
+                const allowedExtensions = (accept === null || accept === void 0 ? void 0 : (_accept_replace = accept.replace(/\./g, "")) === null || _accept_replace === void 0 ? void 0 : _accept_replace.toUpperCase()) || "JPG, PNG, PDF";
+                const uniqExts = (0, _utils.getUniqueFileExtensions)(allowedExtensions);
+                onChange({
+                    id,
+                    groupId,
+                    name,
+                    valueExtension,
+                    e,
+                    file,
+                    error: `Only ${uniqExts} are allowed`
+                });
+            } else if (!latinRegex.test(fileName)) {
+                onChange({
+                    id,
+                    groupId,
+                    name,
+                    valueExtension,
+                    e,
+                    file,
+                    error: `File name must be Latin characters only.`
+                });
+            } else onChange({
+                id,
+                groupId,
+                name,
+                valueExtension,
+                e,
+                file
+            });
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: (0, _classnames.default)("file-loader-local", className, {
+            ["file-loader-local_outer-error"]: Boolean(outerError)
+        }),
+        children: [
+            (fieldId === "uploadTrigger" || !value) && /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                onChange: handle.change,
+                className: "file-loader-local__file-input",
+                id: fieldKey || `file-input-${id}${groupId ? `-${groupId}` : ""}`,
+                type: "file",
+                name: fieldKey || id,
+                required: isRequired,
+                accept: accept,
+                ...attributesOfNativeInput
+            }, id),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("label", {
+                className: (0, _classnames.default)("file-loader-local__label-box", {
+                    "file-loader-local__label-box--upload-trigger": fieldId === "uploadTrigger" || !value
+                }),
+                htmlFor: fieldKey || `file-input-${id}${groupId ? `-${groupId}` : ""}`,
+                children: [
+                    !value && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Download, {
+                        className: "file-loader-local__upload-icon"
+                    }),
+                    value && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Paperclip, {
+                        className: "file-loader-local__upload-icon"
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        title: value || label,
+                        className: "file-loader-local__label-wrapper",
+                        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                            className: (0, _classnames.default)("file-loader-local__label", {
+                                "file-loader-local__label-filled": value
+                            }),
+                            children: [
+                                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                    className: "file-loader-local__label-text",
+                                    children: value || label
+                                }),
+                                error && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                    className: "file-loader-local__error",
+                                    children: error
+                                }),
+                                typeof outerError === "string" && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                    className: "file-loader-local__error",
+                                    children: outerError
+                                })
+                            ]
+                        })
+                    }),
+                    value && !isNoTrashIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Trash2, {
+                        className: "file-loader-local__trash-icon",
+                        onClick: ()=>onChange({
+                                id: fieldId,
+                                groupId
+                            })
+                    }),
+                    renderRequiredLabel()
+                ]
+            })
+        ]
+    });
 };
-var _default = exports.default = FileLoaderLocal;
+const _default = FileLoaderLocal;

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.scss

@@ -79,21 +79,25 @@
     min-height: 16px;
     max-height: 16px;
 
-    color: #f06d8d;
     cursor: pointer;
+
+    color: #f06d8d;
   }
 
   &__label-wrapper {
     overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    margin-right: 8px;
     flex-grow: 1;
+
+    margin-right: 8px;
+
+    white-space: nowrap;
+    text-overflow: ellipsis;
   }
 
   &__label {
     display: flex;
     flex-direction: column;
+
     width: 100%;
   }