intelicoreact 1.5.41 → 1.6.0

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

@@ -0,0 +1,186 @@
+"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"
+};

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

@@ -1,167 +1,233 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
-var _utils = require("../../../Functions/utils");
-var _Alert = _interopRequireDefault(require("../../UI/Alert/Alert"));
-var _FileLoaderLocal = _interopRequireDefault(require("../FileLoaderLocal/FileLoaderLocal"));
+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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const DEFAULT_LABEL_PREFIX = "Please attach";
-const MAX_FILE_SIZE = 10 * 1024 * 1024;
-const FileLoaderLocalGroup = _ref => {
-  let {
-    className,
-    groupsArray = [],
-    isSingleGroup,
-    onChange,
-    labelPrefix = DEFAULT_LABEL_PREFIX,
-    testId = "file-loader-local-group",
-    alertText
-  } = _ref;
-  const [groups, setGroups] = (0, _react.useState)((0, _utils.clone)(groupsArray));
-  const getNewFile = group => {
-    return {
-      id: isNaN(group.files?.at(-1).id + 1) ? 1 : group.files?.at(-1).id + 1,
-      value: "",
-      base64: "",
-      error: "",
-      accept: group.accept || ".jpg, .jpeg, .png, .pdf",
-      maxItemSizeBytes: group.maxItemSizeBytes ?? MAX_FILE_SIZE,
-      isRequired: group?.isRequired || false,
-      fieldKey: isNaN(group.files?.at(-1).id + 1) ? 1 : group.files?.at(-1).id + 1
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
     };
-  };
-  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;
+}
+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;
     }
-    return fileName;
-  };
-  (0, _react.useEffect)(() => {
-    const mergedGroups = groupsArray?.map(group => {
-      return {
-        ...group,
-        files: [getNewFile(group)]
-      };
-    });
-    setGroups(mergedGroups);
-  }, []);
-  const handle = {
-    change: _ref2 => {
-      let {
-        e,
-        groupId,
-        name,
-        id,
-        error,
-        valueExtension,
-        file
-      } = _ref2;
-      const currentGroup = groups?.find(group => group.groupId === groupId.toString());
-      const files = 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?.map(group => {
-            if (group?.groupId === groupId.toString() && isSingleGroup) {
-              return {
-                ...group,
-                files: [...group.files]
-              };
-            } else if (group?.groupId === groupId.toString() && group.files.length < 10 && !isSingleGroup) {
-              return {
-                ...group,
-                files: [...group.files, {
-                  ...getNewFile(group),
-                  isRequired: group.files.length > 1
-                }]
-              };
+    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];
             }
-            return group;
-          });
-          setGroups([...oldDataWithNewFile]);
-          onChange(oldDataWithNewFile);
-        }).catch(e => console.error(e));
-      } else {
-        const oldDataWithRemovedFile = groups?.map(group => {
-          if (isSingleGroup && group?.groupId === groupId.toString()) {
-            return {
-              ...group,
-              files: [{
-                ...getNewFile(group),
-                value: "",
-                base64: ""
-              }]
-            };
-          } else if (group?.groupId === groupId.toString() && !isSingleGroup) {
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+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 {
-              ...group,
-              files: group.files.filter(item => item.id !== id)
+                ...group,
+                files: [
+                    getNewFile(group)
+                ]
             };
-          }
-          return group;
         });
-        setGroups([...oldDataWithRemovedFile]);
-        onChange(oldDataWithRemovedFile);
-      }
-    }
-  };
-  const getUniqueExts = acceptExts => (0, _utils.getUniqueFileExtensions)(acceptExts?.replace(/\./g, ""));
-  return groups?.map(group => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      "data-testid": testId,
-      key: group.groupId,
-      className: (0, _classnames.default)("file-loader-local-groups", className)
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-loader-local-groups__label"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "file-loader-local-groups__label-text"
-    }, labelPrefix, " ", group?.groupTitleDescription, " ", /*#__PURE__*/_react.default.createElement("span", {
-      className: "file-loader-local-groups__label-extension"
-    }, "(", getUniqueExts(group?.accept), "):"))), group?.alertText && /*#__PURE__*/_react.default.createElement(_Alert.default, {
-      className: "file-loader-local-groups__alert",
-      noDismiss: true,
-      icon: /*#__PURE__*/_react.default.createElement(_reactFeather.Info, null),
-      message: group?.alertText
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "file-loader-local-groups__item"
-    }, group?.files?.map((file, index) => {
-      return /*#__PURE__*/_react.default.createElement(_FileLoaderLocal.default, {
-        groupId: group?.groupId,
-        fieldKey: file?.fieldKey ? `${file.fieldKey}:${group?.groupId}:${Math.random().toString().slice(-4)}` : file?.id,
-        key: file?.id || index,
-        id: file?.id || index,
-        error: file?.error,
-        label: "Upload document",
-        accept: file?.accept,
-        value: file?.value,
-        maxItemSizeBytes: file?.maxItemSizeBytes,
-        onChange: value => handle.change(value, file?.id),
-        isRequired: group.files?.length <= 1 || false,
-        isNoTrashIcon: group.files?.length <= 1 && !isSingleGroup
-      });
-    })));
-  });
+        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 {
+                                ...group,
+                                files: [
+                                    ...group.files
+                                ]
+                            };
+                        } else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && group.files.length < 10 && !isSingleGroup) {
+                            return {
+                                ...group,
+                                files: [
+                                    ...group.files,
+                                    {
+                                        ...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 {
+                            ...group,
+                            files: [
+                                {
+                                    ...getNewFile(group),
+                                    value: "",
+                                    base64: ""
+                                }
+                            ]
+                        };
+                    } else if ((group === null || group === void 0 ? void 0 : group.groupId) === groupId.toString() && !isSingleGroup) {
+                        return {
+                            ...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);
+    });
 };
-var _default = exports.default = FileLoaderLocalGroup;
+const _default = FileLoaderLocalGroup;

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

@@ -0,0 +1,84 @@
+"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 _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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, {
+                isSingleGroup: true,
+                onChange: handleChange,
+                className: "file-group",
+                groupsArray: mockGroups,
+                testId: "file-group",
+                ...args
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoaderLocalGroup.default, {
+                isSingleGroup: true,
+                onChange: handleChange,
+                className: "file-group",
+                groupsArray: mockGroups,
+                testId: "file-group",
+                ...args
+            })
+        ]
+    });
+};
+const FileLoaderLocalTemplate = Template.bind({});
+FileLoaderLocalTemplate.args = {
+};