intelicoreact 1.5.38 → 1.5.41

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-weight: 600;
     font-style: normal;
+    font-weight: 600;
     line-height: 20px;
     letter-spacing: 0.2px;
-
-    color: var(--color-text-subtle, #171d33);
   }
 
   &__accordion {
@@ -20,18 +20,17 @@
   }
 
   &__file-descr {
+    color: var(--color-text-muted, #656E7A);
     font-family: Sarabun;
     font-size: 12px;
-    font-weight: 400;
     font-style: normal;
+    font-weight: 400;
     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;
@@ -43,40 +42,38 @@
     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-weight: 400;
     font-style: normal;
+    font-weight: 400;
     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-weight: 500;
     font-style: normal;
+    font-weight: 500;
     line-height: 18px;
     letter-spacing: 0.2px;
-
-    color: #171d33;
   }
 
   &__list-descr {
+    color: var(--color-text-subtle, #171D33);
     font-family: Sarabun;
     font-size: 12px;
-    font-weight: 400;
     font-style: normal;
+    font-weight: 400;
     line-height: 18px;
     letter-spacing: 0.2px;
-
-    color: var(--color-text-subtle, #171d33);
   }
-}
+
+}

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

@@ -1,162 +1,146 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-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");
+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");
 require("./FileLoaderLocal.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
 const MAX_FILE_SIZE = 10 * 1024 * 1024;
-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()
-                ]
-            })
-        ]
-    });
+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 _default = FileLoaderLocal;
+var _default = exports.default = FileLoaderLocal;

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

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