intelicoreact 1.6.7 → 1.6.10

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

@@ -1,327 +0,0 @@
-"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;
-}
-global.lng = 'en';
-const _default = {
-    title: 'Form Elements/FileLoaderDescription',
-    component: _FileLoaderDescription.default,
-    argTypes: {
-        accordionListContent: {
-            control: {
-                type: 'object'
-            },
-            description: 'The content of the accordion list'
-        },
-        accordionTitle: {
-            control: {
-                type: 'text'
-            },
-            description: 'The title of the accordion'
-        },
-        filesDescription: {
-            control: {
-                type: 'text'
-            },
-            description: 'Description of the accepted file formats and size limits'
-        },
-        documentName: {
-            control: {
-                type: 'text'
-            },
-            description: 'The name of the document'
-        },
-        onChange: {
-            action: 'onChange',
-            description: 'Callback function triggered on file change'
-        },
-        testId: {
-            control: {
-                type: 'text'
-            },
-            description: 'Test ID for the component'
-        },
-        className: {
-            control: {
-                type: 'text'
-            },
-            description: 'CSS class for custom styling'
-        },
-        files: {
-            control: {
-                type: 'object'
-            },
-            description: 'The files to be uploaded'
-        },
-        maxFilesCount: {
-            control: {
-                type: 'number'
-            },
-            description: 'Files quantity for upload'
-        },
-        isWithoutAccordion: {
-            control: {
-                type: 'boolean'
-            },
-            description: 'If true accordion doesn\'t rendered'
-        }
-    }
-};
-const MAX_FILE_SIZE = 10 * 1024 * 1024;
-const ACCEPT_EXTENSIONS_DEFAULT = ".jpg, .jpeg, .png, .pdf, .JPG, .JPEG, .PNG, .PDF";
-const mock = [
-    {
-        id: '1',
-        value: "image1.png",
-        base64: "cscdcscsdc",
-        maxItemSizeBytes: MAX_FILE_SIZE,
-        error: "",
-        isRequired: false,
-        accept: ACCEPT_EXTENSIONS_DEFAULT
-    },
-    {
-        id: '2',
-        value: "image2.png",
-        base64: "cscdcscsdc",
-        maxItemSizeBytes: MAX_FILE_SIZE,
-        error: "",
-        isRequired: false,
-        accept: ACCEPT_EXTENSIONS_DEFAULT
-    },
-    {
-        id: '3',
-        value: "image3.png",
-        base64: "cscdcscsdc",
-        maxItemSizeBytes: MAX_FILE_SIZE,
-        error: "",
-        isRequired: false,
-        accept: ACCEPT_EXTENSIONS_DEFAULT
-    },
-    {
-        id: '4',
-        value: "image4.png",
-        base64: "cscdcscsdc",
-        maxItemSizeBytes: MAX_FILE_SIZE,
-        error: "",
-        isRequired: false,
-        accept: ACCEPT_EXTENSIONS_DEFAULT
-    },
-    {
-        id: '5',
-        value: "image5.png",
-        base64: "cscdcscsdc",
-        maxItemSizeBytes: MAX_FILE_SIZE,
-        error: "",
-        isRequired: false,
-        accept: ACCEPT_EXTENSIONS_DEFAULT
-    },
-    {
-        id: '6',
-        value: "image6.png",
-        base64: "cscdcscsdc",
-        maxItemSizeBytes: MAX_FILE_SIZE,
-        error: "",
-        isRequired: false,
-        accept: ACCEPT_EXTENSIONS_DEFAULT
-    },
-    {
-        id: '7',
-        value: "image7.png",
-        base64: "cscdcscsdc",
-        maxItemSizeBytes: MAX_FILE_SIZE,
-        error: "",
-        isRequired: false,
-        accept: ACCEPT_EXTENSIONS_DEFAULT
-    },
-    {
-        id: '8',
-        value: "image8.png",
-        base64: "cscdcscsdc",
-        maxItemSizeBytes: MAX_FILE_SIZE,
-        error: "",
-        isRequired: false,
-        accept: ACCEPT_EXTENSIONS_DEFAULT
-    },
-    {
-        id: '9',
-        value: "image9.png",
-        base64: "cscdcscsdc",
-        maxItemSizeBytes: MAX_FILE_SIZE,
-        error: "",
-        isRequired: false,
-        accept: ACCEPT_EXTENSIONS_DEFAULT
-    },
-    {
-        id: '10',
-        value: "image10.png",
-        base64: "cscdcscsdc",
-        maxItemSizeBytes: MAX_FILE_SIZE,
-        error: "",
-        isRequired: false,
-        accept: ACCEPT_EXTENSIONS_DEFAULT
-    },
-    {
-        id: '11',
-        value: "image11.png",
-        base64: "cscdcscsdc",
-        maxItemSizeBytes: MAX_FILE_SIZE,
-        error: "",
-        isRequired: false,
-        accept: ACCEPT_EXTENSIONS_DEFAULT
-    }
-];
-const Template = (args)=>{
-    const [files, setFiles] = (0, _react.useState)(mock);
-    const [error, setError] = (0, _react.useState)(null);
-    const handleChange = (newFiles)=>{
-        setFiles(newFiles);
-    };
-    const setOuterError = ()=>{
-        const errorValue = true;
-        // const errorValue = 'Error !!!';
-        setError(errorValue);
-    };
-    const changeInitFields = ()=>{
-        const deductible = (Array.isArray(files) ? files : []).length > 2 ? 2 : 1;
-        if (files.length) {
-            setFiles((state)=>state.slice(0, state.length - deductible));
-        }
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoaderDescription.default, {
-                ...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", {
-                style: {
-                    padding: '8px',
-                    border: '1px solid black'
-                },
-                onClick: setOuterError,
-                children: "Set outer error"
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("br", {}),
-            !!files.length && /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-                style: {
-                    padding: '8px',
-                    border: '1px solid black'
-                },
-                onClick: changeInitFields,
-                children: "Change init fields"
-            })
-        ]
-    });
-};
-const FileLoaderDescriptionTemplate = Template.bind({});
-FileLoaderDescriptionTemplate.args = {
-    accordionListContent: [
-        {
-            title: 'W2 Income',
-            description: 'Most recent paystub(s) covering 30 days OR most recent bank statement reflecting employer deposit(s)'
-        },
-        {
-            title: 'Self-Employment/Contract Income',
-            description: 'Most recent 1099(s) OR most recent tax returns'
-        },
-        {
-            title: 'Retirement income',
-            description: 'Most recent Award letter OR 1099(s) OR W2(s)'
-        },
-        {
-            title: 'Social Security/Disability income',
-            description: 'Most recent award Letter OR most recent bank statement'
-        },
-        {
-            title: 'Rental Income',
-            description: 'Executed Lease Agreement OR most recent tax returns'
-        },
-        {
-            title: 'Alimony /Child Support/Separate Maintenance',
-            description: '6 bank statements reflecting deposits'
-        },
-        {
-            title: 'Investment income',
-            description: 'Most Recent 1099(s) OR Tax Returns'
-        }
-    ],
-    accordionTitle: 'There is a list of documents that we accept:',
-    filesDescription: 'Documents must be less than 10MB and must be in PDF, JPG, JPEG or PNG format.',
-    documentName: 'Document name',
-    testId: 'file-loader-description',
-    className: '',
-    maxFilesCount: undefined,
-    // maxFilesCount: 5,
-    // maxFilesCount: null,
-    isWithoutAccordion: false
-};

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

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

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

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