intelicoreact 1.6.0 → 1.6.2

package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js

@@ -1,66 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _utils = require("../../../Functions/utils");
-const _AccordionText = /*#__PURE__*/ _interop_require_default(require("../../UI/AccordionText/AccordionText"));
-const _FileLoaderLocal = /*#__PURE__*/ _interop_require_default(require("../FileLoaderLocal/FileLoaderLocal"));
-require("./FileLoaderDescription.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useMemo, useState } from "react";
+import cn from "classnames";
+import { clone, compare, getBase64, uuid } from "../../../Functions/utils";
+import AccordionText from "../../UI/AccordionText/AccordionText";
+import FileLoaderLocal from "../FileLoaderLocal/FileLoaderLocal";
+import "./FileLoaderDescription.scss";
 const RC = "file-loader-description";
 const UPLOAD_TRIGGER_KEY = "uploadTrigger";
 const MAX_FILE_SIZE = 10 * 1024 * 1024;
@@ -85,29 +29,29 @@ const getStructure = (data)=>({
         ...data
     });
 const accordionData = (accordionTitle, accordionListContent)=>{
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         "data-testid": "accordion",
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            /*#__PURE__*/ _jsx("div", {
                 className: `${RC}__accordion-title`,
                 children: accordionTitle
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            /*#__PURE__*/ _jsx("div", {
                 className: `${RC}__list`,
                 children: accordionListContent === null || accordionListContent === void 0 ? void 0 : accordionListContent.map((item)=>{
-                    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    return /*#__PURE__*/ _jsxs("div", {
                         className: `${RC}__list-row`,
                         children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                            /*#__PURE__*/ _jsx("div", {
                                 className: `${RC}__list-bullet`
                             }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                            /*#__PURE__*/ _jsxs("div", {
                                 children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                    /*#__PURE__*/ _jsx("div", {
                                         className: `${RC}__list-title`,
                                         children: item.title
                                     }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                                    /*#__PURE__*/ _jsx("div", {
                                         className: `${RC}__list-descr`,
                                         children: item.description
                                     })
@@ -122,7 +66,7 @@ const accordionData = (accordionTitle, accordionListContent)=>{
 };
 const getSafelyInitFiles = (initFiles, maxFilesCount)=>{
     if (!Array.isArray(initFiles)) return [];
-    let output = (0, _utils.clone)(initFiles);
+    let output = clone(initFiles);
     if (typeof maxFilesCount === 'number' && output.length > maxFilesCount) {
         output = output.slice(0, maxFilesCount);
     }
@@ -133,7 +77,7 @@ const checkOverflow = (files, maxFilesCount, additional)=>{
     return typeof maxFilesCount === "number" && files.length < maxFilesCount ? [
         ...files,
         {
-            ...(0, _utils.clone)(uploadTriggerStucture),
+            ...clone(uploadTriggerStucture),
             error,
             outerError
         }
@@ -141,14 +85,14 @@ const checkOverflow = (files, maxFilesCount, additional)=>{
 };
 const FileLoaderDescription = ({ //? Для корректности работы стоит пробрасывать какой-то из id
 id, testId = "file-loader-description", fieldKey, files: initFiles, onChange, className, filesDescription = "Documents must be less than 10MB and must be in PDF, JPG, JPEG or PNG format.", documentName = "Document name", accordionTitle = "There is a list of documents that we accept:", accordionListContent = [], maxFilesCount = 10, isWithoutAccordion, error: outerError, ...props })=>{
-    const uniqueFileLoaderDescriptionId = `${id || testId || fieldKey || `component-${_utils.uuid === null || _utils.uuid === void 0 ? void 0 : (0, _utils.uuid)()}`}`;
-    const safelyInitFiles = (0, _react.useMemo)(()=>getSafelyInitFiles(initFiles, maxFilesCount), [
+    const uniqueFileLoaderDescriptionId = `${id || testId || fieldKey || `component-${uuid === null || uuid === void 0 ? void 0 : uuid()}`}`;
+    const safelyInitFiles = useMemo(()=>getSafelyInitFiles(initFiles, maxFilesCount), [
         initFiles,
         maxFilesCount
     ]);
-    const [files, setFiles] = (0, _react.useState)((()=>{
+    const [files, setFiles] = useState((()=>{
         if (!safelyInitFiles.length) return [
-            (0, _utils.clone)(uploadTriggerStucture)
+            clone(uploadTriggerStucture)
         ];
         return checkOverflow(safelyInitFiles, maxFilesCount);
     })());
@@ -169,7 +113,7 @@ id, testId = "file-loader-description", fieldKey, files: initFiles, onChange, cl
         },
         change: ({ name, id, error = "", file })=>{
             //? Работаем с филдами БЕЗ плашки добавления
-            let output = (0, _utils.clone)(files).filter((item)=>item.value && item.base64).map((item)=>({
+            let output = clone(files).filter((item)=>item.value && item.base64).map((item)=>({
                     ...item,
                     error: ""
                 }));
@@ -190,8 +134,8 @@ id, testId = "file-loader-description", fieldKey, files: initFiles, onChange, cl
             } else {
                 //? Во всех остальных случаях - происходит добавленеи/изменение содержимого
                 const uniqueFileName = generateUniqueFileName(output, name);
-                const uniqueId = _utils.uuid === null || _utils.uuid === void 0 ? void 0 : (0, _utils.uuid)();
-                (0, _utils.getBase64)(file).then((result)=>{
+                const uniqueId = uuid === null || uuid === void 0 ? void 0 : uuid();
+                getBase64(file).then((result)=>{
                     const newItem = getStructure({
                         id: uniqueId,
                         value: uniqueFileName,
@@ -208,7 +152,7 @@ id, testId = "file-loader-description", fieldKey, files: initFiles, onChange, cl
             }
         }
     };
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setFiles(checkOverflow(files.filter((item)=>item.id !== UPLOAD_TRIGGER_KEY), maxFilesCount, {
             outerError
         }));
@@ -217,9 +161,9 @@ id, testId = "file-loader-description", fieldKey, files: initFiles, onChange, cl
     ]);
     //? Обеспечивает чтобы верхний стейт был доминирующим
     //? Осознанно и намерянно в зависимости стоит initFiles, но расчеты идут от safelyInitFiles
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         //? Если изменились верхние филды и они отличаются от локальных (без триггера) - перезаписать
-        if (!(0, _utils.compare)(safelyInitFiles, (0, _utils.clone)(files).filter((item)=>item.id !== UPLOAD_TRIGGER_KEY))) {
+        if (!compare(safelyInitFiles, clone(files).filter((item)=>item.id !== UPLOAD_TRIGGER_KEY))) {
             setFiles(checkOverflow(safelyInitFiles, maxFilesCount, {
                 outerError
             }));
@@ -228,29 +172,29 @@ id, testId = "file-loader-description", fieldKey, files: initFiles, onChange, cl
         initFiles,
         maxFilesCount
     ]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         id: uniqueFileLoaderDescriptionId,
         "data-testid": RC,
-        className: (0, _classnames.default)(RC, className),
+        className: cn(RC, className),
         role: "combobox",
         children: [
-            !!documentName && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+            !!documentName && /*#__PURE__*/ _jsx("span", {
                 title: documentName,
                 className: `${RC}__title`,
                 children: documentName
             }),
-            !isWithoutAccordion && /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionText.default, {
+            !isWithoutAccordion && /*#__PURE__*/ _jsx(AccordionText, {
                 isForcedAlwaysAccordion: true,
-                className: (0, _classnames.default)(`${RC}__accordion`),
+                className: cn(`${RC}__accordion`),
                 text: accordionData(accordionTitle, accordionListContent)
             }),
-            !!filesDescription && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+            !!filesDescription && /*#__PURE__*/ _jsx("span", {
                 className: `${RC}__file-descr`,
                 title: filesDescription,
                 children: filesDescription
             }),
             files.map((field, i)=>{
-                return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoaderLocal.default, {
+                return /*#__PURE__*/ _jsx(FileLoaderLocal, {
                     className: `${RC}__list-item`,
                     fieldId: field.id,
                     id: `loader-${uniqueFileLoaderDescriptionId}-field-${field.id}`,
@@ -268,4 +212,4 @@ id, testId = "file-loader-description", fieldKey, files: initFiles, onChange, cl
         ]
     });
 };
-const _default = FileLoaderDescription;
+export default FileLoaderDescription;

package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.stories.js

@@ -1,75 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    FileLoaderDescriptionTemplate: function() {
-        return FileLoaderDescriptionTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _FileLoaderDescription = /*#__PURE__*/ _interop_require_default(require("./FileLoaderDescription"));
-require("../../../../../scss/main.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import FileLoaderDescription from './FileLoaderDescription';
+import '../../../../../scss/main.scss';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'Form Elements/FileLoaderDescription',
-    component: _FileLoaderDescription.default,
+    component: FileLoaderDescription,
     argTypes: {
         accordionListContent: {
             control: {
@@ -235,8 +171,8 @@ const mock = [
     }
 ];
 const Template = (args)=>{
-    const [files, setFiles] = (0, _react.useState)(mock);
-    const [error, setError] = (0, _react.useState)(null);
+    const [files, setFiles] = useState(mock);
+    const [error, setError] = useState(null);
     const handleChange = (newFiles)=>{
         setFiles(newFiles);
     };
@@ -251,18 +187,18 @@ const Template = (args)=>{
             setFiles((state)=>state.slice(0, state.length - deductible));
         }
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoaderDescription.default, {
+            /*#__PURE__*/ _jsx(FileLoaderDescription, {
                 ...args,
                 files: files,
                 onChange: handleChange,
                 error: error
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+            /*#__PURE__*/ _jsx("br", {}),
+            /*#__PURE__*/ _jsx("br", {}),
+            /*#__PURE__*/ _jsx("br", {}),
+            /*#__PURE__*/ _jsx("button", {
                 style: {
                     padding: '8px',
                     border: '1px solid black'
@@ -270,9 +206,9 @@ const Template = (args)=>{
                 onClick: setOuterError,
                 children: "Set outer error"
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
-            !!files.length && /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+            /*#__PURE__*/ _jsx("br", {}),
+            /*#__PURE__*/ _jsx("br", {}),
+            !!files.length && /*#__PURE__*/ _jsx("button", {
                 style: {
                     padding: '8px',
                     border: '1px solid black'
@@ -283,7 +219,7 @@ const Template = (args)=>{
         ]
     });
 };
-const FileLoaderDescriptionTemplate = Template.bind({});
+export const FileLoaderDescriptionTemplate = Template.bind({});
 FileLoaderDescriptionTemplate.args = {
     accordionListContent: [
         {

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

@@ -1,24 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    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");
-require("./FileLoaderLocal.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import cn from "classnames";
+import { Download, Paperclip, Trash2 } from "react-feather";
+import { getUniqueFileExtensions, renderFileSize } from "../../../Functions/utils";
+import "./FileLoaderLocal.scss";
 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)=>{
@@ -27,11 +12,11 @@ const FileLoaderLocal = ({ groupId, id, fieldId, fieldKey, label, error, outerEr
     };
     const renderRequiredLabel = ()=>{
         if (!value) {
-            if (isRequired) return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            if (isRequired) return /*#__PURE__*/ _jsx("div", {
                 className: "file-loader-local--required",
                 children: "Required"
             });
-            else return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            else return /*#__PURE__*/ _jsx("div", {
                 className: "file-loader-local--optional",
                 children: "Optional"
             });
@@ -60,12 +45,12 @@ const FileLoaderLocal = ({ groupId, id, fieldId, fieldKey, label, error, outerEr
                     e,
                     file,
                     groupId,
-                    error: `Max file size is ${(0, _utils.renderFileSize)(maxItemSizeBytes)}`
+                    error: `Max file size is ${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);
+                const uniqExts = getUniqueFileExtensions(allowedExtensions);
                 onChange({
                     id,
                     groupId,
@@ -95,13 +80,13 @@ const FileLoaderLocal = ({ groupId, id, fieldId, fieldKey, label, error, outerEr
             });
         }
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         "data-testid": testId,
-        className: (0, _classnames.default)("file-loader-local", className, {
+        className: cn("file-loader-local", className, {
             ["file-loader-local_outer-error"]: Boolean(outerError)
         }),
         children: [
-            (fieldId === "uploadTrigger" || !value) && /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+            (fieldId === "uploadTrigger" || !value) && /*#__PURE__*/ _jsx("input", {
                 onChange: handle.change,
                 className: "file-loader-local__file-input",
                 id: fieldKey || `file-input-${id}${groupId ? `-${groupId}` : ""}`,
@@ -111,42 +96,42 @@ const FileLoaderLocal = ({ groupId, id, fieldId, fieldKey, label, error, outerEr
                 accept: accept,
                 ...attributesOfNativeInput
             }, id),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("label", {
-                className: (0, _classnames.default)("file-loader-local__label-box", {
+            /*#__PURE__*/ _jsxs("label", {
+                className: cn("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, {
+                    !value && /*#__PURE__*/ _jsx(Download, {
                         className: "file-loader-local__upload-icon"
                     }),
-                    value && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Paperclip, {
+                    value && /*#__PURE__*/ _jsx(Paperclip, {
                         className: "file-loader-local__upload-icon"
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    /*#__PURE__*/ _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", {
+                        children: /*#__PURE__*/ _jsxs("div", {
+                            className: cn("file-loader-local__label", {
                                 "file-loader-local__label-filled": value
                             }),
                             children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                /*#__PURE__*/ _jsx("span", {
                                     className: "file-loader-local__label-text",
                                     children: value || label
                                 }),
-                                error && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                error && /*#__PURE__*/ _jsx("span", {
                                     className: "file-loader-local__error",
                                     children: error
                                 }),
-                                typeof outerError === "string" && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                                typeof outerError === "string" && /*#__PURE__*/ _jsx("span", {
                                     className: "file-loader-local__error",
                                     children: outerError
                                 })
                             ]
                         })
                     }),
-                    value && !isNoTrashIcon && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Trash2, {
+                    value && !isNoTrashIcon && /*#__PURE__*/ _jsx(Trash2, {
                         className: "file-loader-local__trash-icon",
                         onClick: ()=>onChange({
                                 id: fieldId,
@@ -159,4 +144,4 @@ const FileLoaderLocal = ({ groupId, id, fieldId, fieldKey, label, error, outerEr
         ]
     });
 };
-const _default = FileLoaderLocal;
+export default FileLoaderLocal;

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

@@ -1,76 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    FileLoaderLocalTemplate: function() {
-        return FileLoaderLocalTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _utils = require("../../../Functions/utils");
-const _FileLoaderLocal = /*#__PURE__*/ _interop_require_default(require("./FileLoaderLocal"));
-require("../../../../../scss/main.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect, useState } from "react";
+import { getBase64 } from "../../../Functions/utils";
+import FileLoaderLocal from "./FileLoaderLocal";
+import "../../../../../scss/main.scss";
 global.lng = "en";
-const _default = {
+export default {
     title: "Form Elements/FileLoaderLocal",
-    component: _FileLoaderLocal.default,
+    component: FileLoaderLocal,
     argTypes: {
         maxItemSizeBytes: {
             description: "number in bytes"
@@ -87,7 +23,7 @@ const _default = {
     }
 };
 const Template = (args)=>{
-    const [fields, setFields] = (0, _react.useState)([
+    const [fields, setFields] = useState([
         args
     ]);
     const uploadFieldTemplate = {
@@ -106,7 +42,7 @@ const Template = (args)=>{
         border: "solid 1px black",
         padding: "5px"
     };
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (fields.every((item)=>item.value) && fields.length < 10) {
             setFields([
                 ...fields,
@@ -126,7 +62,7 @@ const Template = (args)=>{
                     ...fields
                 ]);
             } else if (name && !error) {
-                (0, _utils.getBase64)(file).then((result)=>{
+                getBase64(file).then((result)=>{
                     changedField.value = name;
                     changedField.base64 = result;
                     changedField.error = "";
@@ -145,12 +81,12 @@ const Template = (args)=>{
                 args
             ])
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+    return /*#__PURE__*/ _jsxs(_Fragment, {
         children: [
             fields.map((field)=>{
-                return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                return /*#__PURE__*/ _jsx("div", {
                     className: "mb10",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoaderLocal.default, {
+                    children: /*#__PURE__*/ _jsx(FileLoaderLocal, {
                         fieldKey: field.id,
                         id: field.id,
                         error: field.error,
@@ -166,7 +102,7 @@ const Template = (args)=>{
                     })
                 }, field.id);
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+            /*#__PURE__*/ _jsx("button", {
                 style: buttonStyles,
                 onClick: ()=>handle.reset(),
                 children: "Reset"
@@ -174,7 +110,7 @@ const Template = (args)=>{
         ]
     });
 };
-const FileLoaderLocalTemplate = Template.bind({});
+export const FileLoaderLocalTemplate = Template.bind({});
 FileLoaderLocalTemplate.args = {
     id: 1,
     value: "",