intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,188 @@
+"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;
+}
+global.lng = "en";
+const _default = {
+    title: "Form Elements/FileLoaderLocal",
+    component: _FileLoaderLocal.default,
+    argTypes: {
+        maxItemSizeBytes: {
+            description: "number in bytes"
+        },
+        accept: {
+            description: "string of extensions -  .jpg, .jpeg, .png .pdf"
+        },
+        titleDescription: {
+            description: "string"
+        },
+        attributesOfNativeInput: {
+            description: "Object. Optional. This is list of attributes to add in native input"
+        }
+    }
+};
+const Template = (args)=>{
+    const [fields, setFields] = (0, _react.useState)([
+        args
+    ]);
+    const uploadFieldTemplate = {
+        id: fields.at(-1).id + 1,
+        isRequired: false,
+        value: "",
+        base64: "",
+        maxItemSizeBytes: 1048576,
+        error: "",
+        accept: ".jpg, .jpeg, .png, .pdf, .JPG, .JPEG, .PNG, .PDF",
+        titleDescription: "lorem ipsum"
+    };
+    const buttonStyles = {
+        marginTop: "50px",
+        marginRight: "10px",
+        border: "solid 1px black",
+        padding: "5px"
+    };
+    (0, _react.useEffect)(()=>{
+        if (fields.every((item)=>item.value) && fields.length < 10) {
+            setFields([
+                ...fields,
+                uploadFieldTemplate
+            ]);
+        }
+    }, [
+        fields
+    ]);
+    const handle = {
+        change: ({ e, name, id, error, valueExtension, file })=>{
+            const changedField = fields.find((item)=>item.id === id);
+            if (error) {
+                changedField.value = name;
+                changedField.error = error;
+                setFields([
+                    ...fields
+                ]);
+            } else if (name && !error) {
+                (0, _utils.getBase64)(file).then((result)=>{
+                    changedField.value = name;
+                    changedField.base64 = result;
+                    changedField.error = "";
+                    setFields([
+                        ...fields
+                    ]);
+                }).catch((e)=>console.error(e));
+            } else {
+                const filteredFields = fields.filter((item)=>item.id !== id);
+                setFields([
+                    ...filteredFields
+                ]);
+            }
+        },
+        reset: ()=>setFields([
+                args
+            ])
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            fields.map((field)=>{
+                return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "mb10",
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoaderLocal.default, {
+                        fieldKey: field.id,
+                        id: field.id,
+                        error: field.error,
+                        label: "Upload document",
+                        accept: field.accept,
+                        value: field.value,
+                        maxItemSizeBytes: field.maxItemSizeBytes,
+                        onChange: (value)=>handle.change(value, field.id),
+                        isRequired: fields.length <= 1,
+                        isNoTrashIcon: false,
+                        titleDescription: field.titleDescription,
+                        testId: "intelicoReact"
+                    })
+                }, field.id);
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                style: buttonStyles,
+                onClick: ()=>handle.reset(),
+                children: "Reset"
+            })
+        ]
+    });
+};
+const FileLoaderLocalTemplate = Template.bind({});
+FileLoaderLocalTemplate.args = {
+    id: 1,
+    value: "",
+    error: "",
+    isRequired: false,
+    maxItemSizeBytes: 1048576,
+    accept: ".jpg, .jpeg, .png, .pdf, .JPG, .JPEG, .PNG, .PDF",
+    titleDescription: "lorem ipsum"
+};
+
+//# sourceMappingURL=FileLoaderLocal.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.stories.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { getBase64 } from \"../../../Functions/utils\";\n\nimport FileLoaderLocal from \"./FileLoaderLocal\";\n\nimport \"../../../../../scss/main.scss\";\n\nglobal.lng = \"en\";\nexport default {\n  title: \"Form Elements/FileLoaderLocal\",\n  component: FileLoaderLocal,\n\n  argTypes: {\n    maxItemSizeBytes: {\n      description: \"number in bytes\",\n    },\n    accept: {\n      description: \"string of extensions -  .jpg, .jpeg, .png .pdf\",\n    },\n    titleDescription: {\n      description: \"string\",\n    },\n    attributesOfNativeInput: {\n      description:\n        \"Object. Optional. This is list of attributes to add in native input\",\n    },\n  },\n};\n\nconst Template = (args) => {\n  const [fields, setFields] = useState([args]);\n\n  const uploadFieldTemplate = {\n    id: fields.at(-1).id + 1,\n    isRequired: false,\n    value: \"\",\n    base64: \"\",\n    maxItemSizeBytes: 1048576,\n    error: \"\",\n    accept: \".jpg, .jpeg, .png, .pdf, .JPG, .JPEG, .PNG, .PDF\",\n    titleDescription: \"lorem ipsum\",\n  };\n\n  const buttonStyles = {\n    marginTop: \"50px\",\n    marginRight: \"10px\",\n    border: \"solid 1px black\",\n    padding: \"5px\",\n  };\n\n  useEffect(() => {\n    if (fields.every((item) => item.value) && fields.length < 10) {\n      setFields([...fields, uploadFieldTemplate]);\n    }\n  }, [fields]);\n\n  const handle = {\n    change: ({ e, name, id, error, valueExtension, file }) => {\n      const changedField = fields.find((item) => item.id === id);\n\n      if (error) {\n        changedField.value = name;\n        changedField.error = error;\n        setFields([...fields]);\n      } else if (name && !error) {\n        getBase64(file)\n          .then((result) => {\n            changedField.value = name;\n            changedField.base64 = result;\n            changedField.error = \"\";\n            setFields([...fields]);\n          })\n          .catch((e) => console.error(e));\n      } else {\n        const filteredFields = fields.filter((item) => item.id !== id);\n        setFields([...filteredFields]);\n      }\n    },\n\n    reset: () => setFields([args]),\n  };\n\n  return (\n    <>\n      {fields.map((field) => {\n        return (\n          <div key={field.id} className=\"mb10\">\n            <FileLoaderLocal\n              fieldKey={field.id}\n              id={field.id}\n              error={field.error}\n              label=\"Upload document\"\n              accept={field.accept}\n              value={field.value}\n              maxItemSizeBytes={field.maxItemSizeBytes}\n              onChange={(value) => handle.change(value, field.id)}\n              isRequired={fields.length <= 1}\n              isNoTrashIcon={false}\n              titleDescription={field.titleDescription}\n              testId=\"intelicoReact\"\n            />\n          </div>\n        );\n      })}\n\n      <button style={buttonStyles} onClick={() => handle.reset()}>\n        Reset\n      </button>\n    </>\n  );\n};\n\nexport const FileLoaderLocalTemplate = Template.bind({});\n\nFileLoaderLocalTemplate.args = {\n  id: 1,\n  value: \"\",\n  error: \"\",\n  isRequired: false,\n  maxItemSizeBytes: 1048576,\n  accept: \".jpg, .jpeg, .png, .pdf, .JPG, .JPEG, .PNG, .PDF\",\n  titleDescription: \"lorem ipsum\",\n};\n"],"names":["FileLoaderLocalTemplate","global","lng","title","component","FileLoaderLocal","argTypes","maxItemSizeBytes","description","accept","titleDescription","attributesOfNativeInput","Template","args","fields","setFields","useState","uploadFieldTemplate","id","at","isRequired","value","base64","error","buttonStyles","marginTop","marginRight","border","padding","useEffect","every","item","length","handle","change","e","name","valueExtension","file","changedField","find","getBase64","then","result","catch","console","filteredFields","filter","reset","map","field","div","className","fieldKey","label","onChange","isNoTrashIcon","testId","button","style","onClick","bind"],"mappings":"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"}

package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js

@@ -0,0 +1,280 @@
+"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 _reactfeather = require("react-feather");
+const _utils = require("../../../Functions/utils");
+const _Alert = /*#__PURE__*/ _interop_require_default(require("../../UI/Alert/Alert"));
+const _FileLoaderLocal = /*#__PURE__*/ _interop_require_default(require("../FileLoaderLocal/FileLoaderLocal"));
+require("./FileLoaderLocalGroup.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+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;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+const DEFAULT_LABEL_PREFIX = "Please attach";
+const MAX_FILE_SIZE = 10 * 1024 * 1024;
+const FileLoaderLocalGroup = ({ className, groupsArray = [], isSingleGroup, onChange, labelPrefix = DEFAULT_LABEL_PREFIX, testId = "file-loader-local-group", alertText })=>{
+    const [groups, setGroups] = (0, _react.useState)((0, _utils.clone)(groupsArray));
+    const getNewFile = (group)=>{
+        var _group_files, _group_files1, _group_files2, _group_files3;
+        var _group_maxItemSizeBytes;
+        return {
+            id: isNaN(((_group_files = group.files) === null || _group_files === void 0 ? void 0 : _group_files.at(-1).id) + 1) ? 1 : ((_group_files1 = group.files) === null || _group_files1 === void 0 ? void 0 : _group_files1.at(-1).id) + 1,
+            value: "",
+            base64: "",
+            error: "",
+            accept: group.accept || ".jpg, .jpeg, .png, .pdf",
+            maxItemSizeBytes: (_group_maxItemSizeBytes = group.maxItemSizeBytes) !== null && _group_maxItemSizeBytes !== void 0 ? _group_maxItemSizeBytes : MAX_FILE_SIZE,
+            isRequired: (group === null || group === void 0 ? void 0 : group.isRequired) || false,
+            fieldKey: isNaN(((_group_files2 = group.files) === null || _group_files2 === void 0 ? void 0 : _group_files2.at(-1).id) + 1) ? 1 : ((_group_files3 = group.files) === null || _group_files3 === void 0 ? void 0 : _group_files3.at(-1).id) + 1
+        };
+    };
+    const generateUniqueFileName = (files, name)=>{
+        let fileName = name;
+        const [nameWithoutExtension, extension] = name.split(/(?=\.[^.]+$)/);
+        let count = 1;
+        while(files.some((file)=>file.value === fileName)){
+            fileName = `${nameWithoutExtension}(${count})${extension}`;
+            count += 1;
+        }
+        return fileName;
+    };
+    (0, _react.useEffect)(()=>{
+        const mergedGroups = groupsArray === null || groupsArray === void 0 ? void 0 : groupsArray.map((group)=>{
+            return _object_spread_props(_object_spread({}, group), {
+                files: [
+                    getNewFile(group)
+                ]
+            });
+        });
+        setGroups(mergedGroups);
+    }, []);
+    const handle = {
+        change: ({ e, groupId, name, id, error, valueExtension, file })=>{
+            const currentGroup = groups === null || groups === void 0 ? void 0 : groups.find((group)=>group.groupId === groupId.toString());
+            const files = currentGroup === null || currentGroup === void 0 ? void 0 : currentGroup.files;
+            const changedField = files.find((item)=>Number(item.id) === Number(id));
+            if (error) {
+                changedField.value = name;
+                changedField.error = error;
+                setGroups([
+                    ...groups
+                ]);
+                onChange(groups);
+            } else if (name && !error) {
+                const uniqueFileName = generateUniqueFileName(files, name);
+                (0, _utils.getBase64)(file).then((result)=>{
+                    changedField.value = uniqueFileName;
+                    changedField.base64 = result;
+                    changedField.error = "";
+                    const oldDataWithNewFile = groups === null || groups === void 0 ? void 0 : groups.map((group)=>{
+                        if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && isSingleGroup) {
+                            return _object_spread_props(_object_spread({}, group), {
+                                files: [
+                                    ...group.files
+                                ]
+                            });
+                        } else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && group.files.length < 10 && !isSingleGroup) {
+                            return _object_spread_props(_object_spread({}, group), {
+                                files: [
+                                    ...group.files,
+                                    _object_spread_props(_object_spread({}, getNewFile(group)), {
+                                        isRequired: group.files.length > 1
+                                    })
+                                ]
+                            });
+                        }
+                        return group;
+                    });
+                    setGroups([
+                        ...oldDataWithNewFile
+                    ]);
+                    onChange(oldDataWithNewFile);
+                }).catch((e)=>console.error(e));
+            } else {
+                const oldDataWithRemovedFile = groups === null || groups === void 0 ? void 0 : groups.map((group)=>{
+                    if (isSingleGroup && (group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString()) {
+                        return _object_spread_props(_object_spread({}, group), {
+                            files: [
+                                _object_spread_props(_object_spread({}, getNewFile(group)), {
+                                    value: "",
+                                    base64: ""
+                                })
+                            ]
+                        });
+                    } else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && !isSingleGroup) {
+                        return _object_spread_props(_object_spread({}, group), {
+                            files: group.files.filter((item)=>item.id !== id)
+                        });
+                    }
+                    return group;
+                });
+                setGroups([
+                    ...oldDataWithRemovedFile
+                ]);
+                onChange(oldDataWithRemovedFile);
+            }
+        }
+    };
+    const getUniqueExts = (acceptExts)=>(0, _utils.getUniqueFileExtensions)(acceptExts === null || acceptExts === void 0 ? void 0 : acceptExts.replace(/\./g, ""));
+    return groups === null || groups === void 0 ? void 0 : groups.map((group)=>{
+        var _group_files;
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            "data-testid": testId,
+            className: (0, _classnames.default)("file-loader-local-groups", className),
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    className: "file-loader-local-groups__label",
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        className: "file-loader-local-groups__label-text",
+                        children: [
+                            labelPrefix,
+                            " ",
+                            group === null || group === void 0 ? void 0 : group.groupTitleDescription,
+                            " ",
+                            /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                                className: "file-loader-local-groups__label-extension",
+                                children: [
+                                    "(",
+                                    getUniqueExts(group === null || group === void 0 ? void 0 : group.accept),
+                                    "):"
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                (group === null || group === void 0 ? void 0 : group.alertText) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
+                    className: "file-loader-local-groups__alert",
+                    noDismiss: true,
+                    icon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Info, {}),
+                    message: group === null || group === void 0 ? void 0 : group.alertText
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "file-loader-local-groups__item",
+                    children: group === null || group === void 0 ? void 0 : (_group_files = group.files) === null || _group_files === void 0 ? void 0 : _group_files.map((file, index)=>{
+                        var _group_files, _group_files1;
+                        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoaderLocal.default, {
+                            groupId: group === null || group === void 0 ? void 0 : group.groupId,
+                            fieldKey: (file === null || file === void 0 ? void 0 : file.fieldKey) ? `${file.fieldKey}:${group === null || group === void 0 ? void 0 : group.groupId}:${Math.random().toString().slice(-4)}` : file === null || file === void 0 ? void 0 : file.id,
+                            id: (file === null || file === void 0 ? void 0 : file.id) || index,
+                            error: file === null || file === void 0 ? void 0 : file.error,
+                            label: "Upload document",
+                            accept: file === null || file === void 0 ? void 0 : file.accept,
+                            value: file === null || file === void 0 ? void 0 : file.value,
+                            maxItemSizeBytes: file === null || file === void 0 ? void 0 : file.maxItemSizeBytes,
+                            onChange: (value)=>handle.change(value, file === null || file === void 0 ? void 0 : file.id),
+                            isRequired: ((_group_files = group.files) === null || _group_files === void 0 ? void 0 : _group_files.length) <= 1 || false,
+                            isNoTrashIcon: ((_group_files1 = group.files) === null || _group_files1 === void 0 ? void 0 : _group_files1.length) <= 1 && !isSingleGroup
+                        }, (file === null || file === void 0 ? void 0 : file.id) || index);
+                    })
+                })
+            ]
+        }, group.groupId);
+    });
+};
+const _default = FileLoaderLocalGroup;
+
+//# sourceMappingURL=FileLoaderLocalGroup.js.map

package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { Info } from \"react-feather\";\n\nimport {\n  clone,\n  getBase64,\n  getUniqueFileExtensions,\n} from \"../../../Functions/utils\";\nimport Alert from \"../../UI/Alert/Alert\";\nimport FileLoaderLocal from \"../FileLoaderLocal/FileLoaderLocal\";\n\nimport \"./FileLoaderLocalGroup.scss\";\n\nconst DEFAULT_LABEL_PREFIX = \"Please attach\";\nconst MAX_FILE_SIZE = 10 * 1024 * 1024;\n\nconst FileLoaderLocalGroup = ({\n  className,\n  groupsArray = [],\n  isSingleGroup,\n  onChange,\n  labelPrefix = DEFAULT_LABEL_PREFIX,\n  testId = \"file-loader-local-group\",\n  alertText,\n}) => {\n  const [groups, setGroups] = useState(clone(groupsArray));\n\n  const getNewFile = (group) => {\n    return {\n      id: isNaN(group.files?.at(-1).id + 1) ? 1 : group.files?.at(-1).id + 1,\n      value: \"\",\n      base64: \"\",\n      error: \"\",\n      accept: group.accept || \".jpg, .jpeg, .png, .pdf\",\n      maxItemSizeBytes: group.maxItemSizeBytes ?? MAX_FILE_SIZE,\n      isRequired: group?.isRequired || false,\n      fieldKey: isNaN(group.files?.at(-1).id + 1) ? 1 : group.files?.at(-1).id + 1,\n    };\n  };\n\n  const generateUniqueFileName = (files, name) => {\n    let fileName = name;\n    const [nameWithoutExtension, extension] = name.split(/(?=\\.[^.]+$)/);\n    let count = 1;\n\n    while (files.some(file => file.value === fileName)) {\n      fileName = `${nameWithoutExtension}(${count})${extension}`;\n      count += 1;\n    }\n\n    return fileName;\n  };\n\n  useEffect(() => {\n    const mergedGroups = groupsArray?.map((group) => {\n      return {\n        ...group,\n        files: [getNewFile(group)],\n      };\n    });\n\n    setGroups(mergedGroups);\n  }, []);\n\n  const handle = {\n    change: ({ e, groupId, name, id, error, valueExtension, file }) => {\n      const currentGroup = groups?.find(\n        (group) => group.groupId === groupId.toString(),\n      );\n      const files = currentGroup?.files;\n      const changedField = files.find((item) => Number(item.id) === Number(id));\n\n      if (error) {\n        changedField.value = name;\n        changedField.error = error;\n        setGroups([...groups]);\n        onChange(groups);\n      } else if (name && !error) {\n        const uniqueFileName = generateUniqueFileName(files, name);\n        getBase64(file)\n          .then((result) => {\n            changedField.value = uniqueFileName;\n            changedField.base64 = result;\n            changedField.error = \"\";\n\n            const oldDataWithNewFile = groups?.map((group) => {\n              if (group?.groupId === groupId.toString() && isSingleGroup) {\n                return {\n                  ...group,\n                  files: [...group.files],\n                };\n              } else if (\n                group?.groupId === groupId.toString() &&\n                group.files.length < 10 &&\n                !isSingleGroup\n              ) {\n                return {\n                  ...group,\n                  files: [\n                    ...group.files,\n                    {\n                      ...getNewFile(group),\n                      isRequired: group.files.length > 1,\n                    },\n                  ],\n                };\n              }\n              return group;\n            });\n            setGroups([...oldDataWithNewFile]);\n            onChange(oldDataWithNewFile);\n          })\n          .catch((e) => console.error(e));\n      } else {\n        const oldDataWithRemovedFile = groups?.map((group) => {\n          if (isSingleGroup && group?.groupId === groupId.toString()) {\n            return {\n              ...group,\n              files: [{ ...getNewFile(group), value: \"\", base64: \"\" }],\n            };\n          } else if (group?.groupId === groupId.toString() && !isSingleGroup) {\n            return {\n              ...group,\n              files: group.files.filter((item) => item.id !== id),\n            };\n          }\n          return group;\n        });\n        setGroups([...oldDataWithRemovedFile]);\n        onChange(oldDataWithRemovedFile);\n      }\n    },\n  };\n\n  const getUniqueExts = (acceptExts) =>\n    getUniqueFileExtensions(acceptExts?.replace(/\\./g, \"\"));\n\n  return groups?.map((group) => {\n    return (\n      <div\n        data-testid={testId}\n        key={group.groupId}\n        className={cn(\"file-loader-local-groups\", className)}\n      >\n        <span className=\"file-loader-local-groups__label\">\n          <div className=\"file-loader-local-groups__label-text\">\n            {labelPrefix} {group?.groupTitleDescription}{\" \"}\n            <span className=\"file-loader-local-groups__label-extension\">\n              ({getUniqueExts(group?.accept)}):\n            </span>\n          </div>\n        </span>\n\n        {group?.alertText && (\n          <Alert\n            className=\"file-loader-local-groups__alert\"\n            noDismiss\n            icon={<Info />}\n            message={group?.alertText}\n          />\n        )}\n        <div className=\"file-loader-local-groups__item\">\n          {group?.files?.map((file, index) => {\n            return (\n              <FileLoaderLocal\n                groupId={group?.groupId}\n                fieldKey={\n                  file?.fieldKey\n                    ? `${file.fieldKey}:${group?.groupId}:${Math.random().toString().slice(-4)}`\n                    : file?.id\n                }\n                key={file?.id || index}\n                id={file?.id || index}\n                error={file?.error}\n                label=\"Upload document\"\n                accept={file?.accept}\n                value={file?.value}\n                maxItemSizeBytes={file?.maxItemSizeBytes}\n                onChange={(value) => handle.change(value, file?.id)}\n                isRequired={group.files?.length <= 1 || false}\n                isNoTrashIcon={group.files?.length <= 1 && !isSingleGroup}\n              />\n            );\n          })}\n        </div>\n      </div>\n    );\n  });\n};\n\nexport default FileLoaderLocalGroup;\n"],"names":["DEFAULT_LABEL_PREFIX","MAX_FILE_SIZE","FileLoaderLocalGroup","className","groupsArray","isSingleGroup","onChange","labelPrefix","testId","alertText","groups","setGroups","useState","clone","getNewFile","group","id","isNaN","files","at","value","base64","error","accept","maxItemSizeBytes","isRequired","fieldKey","generateUniqueFileName","name","fileName","nameWithoutExtension","extension","split","count","some","file","useEffect","mergedGroups","map","handle","change","e","groupId","valueExtension","currentGroup","find","toString","changedField","item","Number","uniqueFileName","getBase64","then","result","oldDataWithNewFile","length","catch","console","oldDataWithRemovedFile","filter","getUniqueExts","acceptExts","getUniqueFileExtensions","replace","div","data-testid","cn","span","groupTitleDescription","Alert","noDismiss","icon","Info","message","index","FileLoaderLocal","Math","random","slice","label","isNoTrashIcon"],"mappings":"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"}

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

@@ -0,0 +1,112 @@
+"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_default(require("react"));
+const _FileLoaderLocalGroup = /*#__PURE__*/ _interop_require_default(require("./FileLoaderLocalGroup"));
+require("../../../../../scss/main.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+global.lng = "en";
+const _default = {
+    title: "Form Elements/FileLoaderLocalGroup",
+    component: _FileLoaderLocalGroup.default,
+    argTypes: {
+        isSingleGroup: {
+            description: "boolean - if true, then each group can only have one file"
+        }
+    }
+};
+const Template = (args)=>{
+    const mockGroups = [
+        {
+            groupId: "1",
+            groupTitleDescription: "group 1",
+            accept: ".jpg, .jpeg, .png, .pdf, .JPG, .JPEG, .PNG, .PDF"
+        },
+        {
+            groupId: "2",
+            groupTitleDescription: "group 2",
+            accept: ".jpg, .pdf",
+            alertText: "lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptatum."
+        },
+        {
+            groupId: "3",
+            groupTitleDescription: "group 3",
+            accept: ".html, .pdf"
+        }
+    ];
+    const handleChange = (props)=>{
+        console.log(props, "props");
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: "mb10",
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoaderLocalGroup.default, _object_spread({
+                isSingleGroup: true,
+                onChange: handleChange,
+                className: "file-group",
+                groupsArray: mockGroups,
+                testId: "file-group"
+            }, args)),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoaderLocalGroup.default, _object_spread({
+                isSingleGroup: true,
+                onChange: handleChange,
+                className: "file-group",
+                groupsArray: mockGroups,
+                testId: "file-group"
+            }, args))
+        ]
+    });
+};
+const FileLoaderLocalTemplate = Template.bind({});
+FileLoaderLocalTemplate.args = {
+};
+
+//# sourceMappingURL=FileLoaderLocalGroup.stories.js.map

package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.stories.js"],"sourcesContent":["import React from \"react\";\n\nimport FileLoaderLocalGroup from \"./FileLoaderLocalGroup\";\n\nimport \"../../../../../scss/main.scss\";\n\nglobal.lng = \"en\";\nexport default {\n  title: \"Form Elements/FileLoaderLocalGroup\",\n  component: FileLoaderLocalGroup,\n\n  argTypes: {\n    isSingleGroup: {\n      description: \"boolean - if true, then each group can only have one file\",\n    },\n  },\n};\n\nconst Template = (args) => {\n  const mockGroups = [\n    {\n      groupId: \"1\",\n      groupTitleDescription: \"group 1\",\n      accept: \".jpg, .jpeg, .png, .pdf, .JPG, .JPEG, .PNG, .PDF\",\n    },\n    {\n      groupId: \"2\",\n      groupTitleDescription: \"group 2\",\n      accept: \".jpg, .pdf\",\n      alertText:\n        \"lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptatum.\",\n    },\n    { groupId: \"3\", groupTitleDescription: \"group 3\", accept: \".html, .pdf\" },\n  ];\n\n  const handleChange = (props) => {\n    console.log(props, \"props\");\n  };\n  return (\n    <div className=\"mb10\">\n      <FileLoaderLocalGroup\n        isSingleGroup={true}\n        onChange={handleChange}\n        className=\"file-group\"\n        groupsArray={mockGroups}\n        testId=\"file-group\"\n        {...args}\n      />\n\n<FileLoaderLocalGroup\n        isSingleGroup={true}\n        onChange={handleChange}\n        className=\"file-group\"\n        groupsArray={mockGroups}\n        testId=\"file-group\"\n        {...args}\n      />\n\n    </div>\n  );\n};\n\nexport const FileLoaderLocalTemplate = Template.bind({});\n\nFileLoaderLocalTemplate.args = {\n  // isSingleGroup: false,\n};\n"],"names":["FileLoaderLocalTemplate","global","lng","title","component","FileLoaderLocalGroup","argTypes","isSingleGroup","description","Template","args","mockGroups","groupId","groupTitleDescription","accept","alertText","handleChange","props","console","log","div","className","onChange","groupsArray","testId","bind"],"mappings":";;;;;;;;;;;IA8DaA,uBAAuB;eAAvBA;;IAvDb,OASE;eATF;;;;8DAPkB;6EAEe;QAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MACb,WAAe;IACbC,OAAO;IACPC,WAAWC,6BAAoB;IAE/BC,UAAU;QACRC,eAAe;YACbC,aAAa;QACf;IACF;AACF;AAEA,MAAMC,WAAW,CAACC;IAChB,MAAMC,aAAa;QACjB;YACEC,SAAS;YACTC,uBAAuB;YACvBC,QAAQ;QACV;QACA;YACEF,SAAS;YACTC,uBAAuB;YACvBC,QAAQ;YACRC,WACE;QACJ;QACA;YAAEH,SAAS;YAAKC,uBAAuB;YAAWC,QAAQ;QAAc;KACzE;IAED,MAAME,eAAe,CAACC;QACpBC,QAAQC,GAAG,CAACF,OAAO;IACrB;IACA,qBACE,sBAACG;QAAIC,WAAU;;0BACb,qBAAChB,6BAAoB;gBACnBE,eAAe;gBACfe,UAAUN;gBACVK,WAAU;gBACVE,aAAaZ;gBACba,QAAO;eACHd;0BAGZ,qBAACL,6BAAoB;gBACbE,eAAe;gBACfe,UAAUN;gBACVK,WAAU;gBACVE,aAAaZ;gBACba,QAAO;eACHd;;;AAKZ;AAEO,MAAMV,0BAA0BS,SAASgB,IAAI,CAAC,CAAC;AAEtDzB,wBAAwBU,IAAI,GAAG;AAE/B"}