intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,308 @@
+"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, {
+    FileLoaderTemplate: function() {
+        return FileLoaderTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _uuid = require("uuid");
+const _reactfeather = require("react-feather");
+const _FileLoader = /*#__PURE__*/ _interop_require_default(require("./FileLoader"));
+const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
+require("./partial/AnyOuterClass.scss");
+require("../../../../../scss/main.scss");
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+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;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/FileLoader',
+    component: _FileLoader.default
+};
+const REQUEST_TIME = 2000; //ms
+const doLoadMock = /*#__PURE__*/ function() {
+    var _ref = _async_to_generator(function*(file) {
+        return file ? new Promise((resolve)=>{
+            const id = (0, _uuid.v4)();
+            setTimeout(()=>resolve({
+                    fileId: id,
+                    filePath: 'https://google.com'
+                }), REQUEST_TIME);
+        }) : null;
+    });
+    return function doLoadMock(file) {
+        return _ref.apply(this, arguments);
+    };
+}();
+const Template = (args)=>{
+    const { isIncludeOuterStyles, isUseFilterFiles } = args, restArgs = _object_without_properties(args, [
+        "isIncludeOuterStyles",
+        "isUseFilterFiles"
+    ]);
+    const [value, setValue] = (0, _react.useState)(null);
+    const [error, setError] = (0, _react.useState)('');
+    // Если ф-я блокирует входящий файл, то должна вернуть null (или любое другое значение дающее false при логическом преобразовании)
+    const filterFiles = (file)=>file.type.includes('image') && file.size <= 1024 * 1024 * 5 ? file : null;
+    const processErrors = (file)=>{
+        setError('error');
+        setTimeout(()=>setError(''), 500);
+    };
+    const doLoad = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function*(file) {
+            return doLoadMock(file).then((res)=>{
+                console.log('структура сервера (мок) - ', res);
+                // трансформ ответа
+                return res ? {
+                    id: res.fileId,
+                    name: file.name,
+                    path: res.filePath
+                } : null;
+            }).catch(()=>null);
+        });
+        return function doLoad(file) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    const buttonStyles = {
+        marginTop: '50px',
+        marginRight: '10px',
+        border: 'solid 1px black',
+        padding: '5px'
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoader.default, _object_spread_props(_object_spread({}, restArgs), {
+                // Обязательно для корректной работы!!!
+                fieldKey: "test",
+                value: value,
+                className: "any-outer-class__file-loader",
+                onChange: (value)=>setValue(value),
+                // опционально, если ф-я передается, то применяется
+                // ф-я может возвращать промис
+                // предусмотрена дефолтная ф-я ограничивающая размер файла до 5Мб, может быть занулена значением null
+                filterFiles: isUseFilterFiles ? filterFiles : undefined,
+                // опционально, если ф-я передается, то применяется если filterFiles отфильтровала файл.
+                // отмененный файл будет передан в качестве аргумента при вызове, ф-я может возвращать промис
+                processErrors: processErrors,
+                // ф-я обязательна, ф-я может возвращать промис. Если не передано, то компонент рендерит текст: 'develop error: no doLoad'
+                doLoad: doLoad,
+                error: error
+            })),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                style: buttonStyles,
+                onClick: ()=>{
+                    setValue(null);
+                    setTimeout(()=>{
+                        setValue({
+                            id: (0, _uuid.v4)(),
+                            name: 'test_init_form.jpeg',
+                            path: 'https://img1.akspic.ru/previews/9/2/2/9/6/169229/169229-fioletovyj_esteticheskoj-estetika-purpur-tsvetnoy-temno_fioletovyj-500x.jpg'
+                        });
+                    }, 500);
+                },
+                children: "Test of initialization"
+            })
+        ]
+    });
+};
+const FileLoaderTemplate = Template.bind({});
+FileLoaderTemplate.args = {
+    // подключает использование фильтрующей ф-и (ф-я будет пропускать только изображения и ограничивать размер файла до 5Мб)
+    isUseFilterFiles: false,
+    // Блокировать ли вызов верхнего онченджера, если файл был отфильтрован?
+    // При false онченджер вызывается всегда, в него передается результат фильтрующей ф-и.
+    // При true результат фильтрующей ф-и оценивается. Если он приводится к false логическим преобразованием, то онченджер не вызывается.
+    // Значение по умолчанию - false (не блокировать, т.к. по null в онченджере удобно реагировать на ошибки).
+    isBlockNullValues: false,
+    // Если в свойство error передано что-то, что при логическом преобразовании дает true, то на компонент применяется класс ${RC}_error
+    // Данное свойство отменяет или не отменяет такое поведение.
+    // Значение по умолчанию - true (отменено, т.к. обработка ошибок у нас идет через обертку).
+    isDisableErrorsClass: false,
+    // Рисовть иконку справа от основного текста в режиме загруженного файла. Значение по умолчанию - false (не рисовать с права).
+    isIconAfter: false,
+    // На ссылку велью (режим загруженного изображения) добавляет аргумент title, значение которого будет value.path
+    // Значение по умолчанию - false. (не добавлять атрибут)
+    isUseLinkTitle: false,
+    // При установке в true ссылка велью будет скачивать файл, а не открывать новую вкладку.
+    // Значение по умолчанию - false (линка открывает новую вкладку с url линки).
+    isLinkTypeDownload: false,
+    disabled: false,
+    placeholder: 'Select or drag and drop a file',
+    // Иконка для режима дропзоны. Опционально. Если не передано, то вместо иконки ничего не рендерится.
+    uploadIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Download, {}),
+    // Иконка для режима загруженного файла. Опционально. Если не передано, то вместо иконки ничего не рендерится.
+    downloadIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Download, {}),
+    // Иконка удаления загруженного значения. Опционально. Если не передано, то рендерится символ X, который работает как кнопка.
+    deleteIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Trash2, {}),
+    // спинер для отображения на время отработки doLoad. Опционально. Если не передано, то не отображается.
+    // При отправке выбранного файла не зависимо от наличия спинера блокируются эвенты мыши и набрасывается opacity
+    spiner: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+        size: "small"
+    })
+};
+
+//# sourceMappingURL=FileLoader.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/FileLoader/FileLoader.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport {v4 as uuid} from 'uuid';\nimport {Trash2, Download} from 'react-feather';\n\nimport FileLoader from './FileLoader';\nimport Spinner from '../../Layout/Spinner/Spinner';\n\nimport './partial/AnyOuterClass.scss';\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\nexport default {\n  title: 'Form Elements/FileLoader',\n  component: FileLoader,\n};\n\nconst REQUEST_TIME = 2000; //ms\n\nconst doLoadMock = async file =>\n  file\n    ? new Promise(resolve => {\n        const id = uuid();\n        setTimeout(\n          () =>\n            resolve({\n              fileId: id,\n              filePath: 'https://google.com',\n            }),\n          REQUEST_TIME,\n        );\n      })\n    : null;\n\nconst Template = args => {\n  const {isIncludeOuterStyles, isUseFilterFiles, ...restArgs} = args;\n  const [value, setValue] = useState(null);\n  const [error, setError] = useState('');\n\n  // Если ф-я блокирует входящий файл, то должна вернуть null (или любое другое значение дающее false при логическом преобразовании)\n  const filterFiles = file => (file.type.includes('image') && file.size <= 1024 * 1024 * 5 ? file : null);\n  const processErrors = file => {\n    setError('error');\n    setTimeout(() => setError(''), 500);\n  };\n\n  const doLoad = async file => doLoadMock(file)\n    .then(res => {\n      console.log('структура сервера (мок) - ', res);\n      // трансформ ответа\n      return res ? { id: res.fileId, name: file.name, path: res.filePath } : null;\n    })\n    .catch(() => null);\n\n  const buttonStyles = {\n    marginTop: '50px',\n    marginRight: '10px',\n    border: 'solid 1px black',\n    padding: '5px',\n  };\n\n  return (\n    <>\n        <FileLoader\n        {...restArgs}\n\n        // Обязательно для корректной работы!!!\n        fieldKey=\"test\"\n        value={value}\n        className=\"any-outer-class__file-loader\"\n        onChange={value => setValue(value)}\n        // опционально, если ф-я передается, то применяется\n        // ф-я может возвращать промис\n        // предусмотрена дефолтная ф-я ограничивающая размер файла до 5Мб, может быть занулена значением null\n        filterFiles={isUseFilterFiles ? filterFiles : undefined}\n        // опционально, если ф-я передается, то применяется если filterFiles отфильтровала файл.\n        // отмененный файл будет передан в качестве аргумента при вызове, ф-я может возвращать промис\n        processErrors={processErrors}\n        // ф-я обязательна, ф-я может возвращать промис. Если не передано, то компонент рендерит текст: 'develop error: no doLoad'\n        doLoad={doLoad}\n        error={error}\n      />\n\n      <button\n        style={buttonStyles}\n        onClick={() => {\n          setValue(null);\n          setTimeout(() => {\n            setValue({\n              id: uuid(),\n              name: 'test_init_form.jpeg',\n              path: 'https://img1.akspic.ru/previews/9/2/2/9/6/169229/169229-fioletovyj_esteticheskoj-estetika-purpur-tsvetnoy-temno_fioletovyj-500x.jpg'\n            });\n          }, 500);\n        }}\n      >\n        Test of initialization\n      </button>\n    </>\n  );\n};\n\nexport const FileLoaderTemplate = Template.bind({});\n\nFileLoaderTemplate.args = {\n  // подключает использование фильтрующей ф-и (ф-я будет пропускать только изображения и ограничивать размер файла до 5Мб)\n  isUseFilterFiles: false,\n\n  // Блокировать ли вызов верхнего онченджера, если файл был отфильтрован?\n  // При false онченджер вызывается всегда, в него передается результат фильтрующей ф-и.\n  // При true результат фильтрующей ф-и оценивается. Если он приводится к false логическим преобразованием, то онченджер не вызывается.\n  // Значение по умолчанию - false (не блокировать, т.к. по null в онченджере удобно реагировать на ошибки).\n  isBlockNullValues: false,\n\n  // Если в свойство error передано что-то, что при логическом преобразовании дает true, то на компонент применяется класс ${RC}_error\n  // Данное свойство отменяет или не отменяет такое поведение.\n  // Значение по умолчанию - true (отменено, т.к. обработка ошибок у нас идет через обертку).\n  isDisableErrorsClass: false,\n\n  // Рисовть иконку справа от основного текста в режиме загруженного файла. Значение по умолчанию - false (не рисовать с права).\n  isIconAfter: false,\n\n  // На ссылку велью (режим загруженного изображения) добавляет аргумент title, значение которого будет value.path\n  // Значение по умолчанию - false. (не добавлять атрибут)\n  isUseLinkTitle: false,\n\n  // При установке в true ссылка велью будет скачивать файл, а не открывать новую вкладку.\n  // Значение по умолчанию - false (линка открывает новую вкладку с url линки).\n  isLinkTypeDownload: false,\n\n  disabled: false,\n  placeholder: 'Select or drag and drop a file',\n\n  // Иконка для режима дропзоны. Опционально. Если не передано, то вместо иконки ничего не рендерится.\n  uploadIcon: <Download />,\n\n  // Иконка для режима загруженного файла. Опционально. Если не передано, то вместо иконки ничего не рендерится.\n  downloadIcon: <Download />,\n\n  // Иконка удаления загруженного значения. Опционально. Если не передано, то рендерится символ X, который работает как кнопка.\n  deleteIcon: <Trash2 />,\n\n  // спинер для отображения на время отработки doLoad. Опционально. Если не передано, то не отображается.\n  // При отправке выбранного файла не зависимо от наличия спинера блокируются эвенты мыши и набрасывается opacity\n  spiner: <Spinner size='small' />,\n};\n"],"names":["FileLoaderTemplate","global","lng","title","component","FileLoader","REQUEST_TIME","doLoadMock","file","Promise","resolve","id","uuid","setTimeout","fileId","filePath","Template","args","isIncludeOuterStyles","isUseFilterFiles","restArgs","value","setValue","useState","error","setError","filterFiles","type","includes","size","processErrors","doLoad","then","res","console","log","name","path","catch","buttonStyles","marginTop","marginRight","border","padding","fieldKey","className","onChange","undefined","button","style","onClick","bind","isBlockNullValues","isDisableErrorsClass","isIconAfter","isUseLinkTitle","isLinkTypeDownload","disabled","placeholder","uploadIcon","Download","downloadIcon","deleteIcon","Trash2","spiner","Spinner"],"mappings":"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"}

package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js

@@ -0,0 +1,208 @@
+"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"));
+require("../FileLoader.scss");
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+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;
+}
+const DEFAULT_MAX_FILE_SIZE = 1024 * 1024; //1Мб
+const FILTER_FILES_DEFAULT = (file)=>file.size <= DEFAULT_MAX_FILE_SIZE ? file : null;
+const LoadZone = ({ RC, fieldKey, onChange, doLoad, setDragenter, setIsLoadContent, icon, placeholder = "", filterFiles = FILTER_FILES_DEFAULT, processErrors, isBlockNullValues, attributesOfNativeInput = {} })=>{
+    const dropZoneId = `dropZone-${fieldKey}`;
+    const handle = {
+        change: /*#__PURE__*/ function() {
+            var _ref = _async_to_generator(function*(e) {
+                setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(true);
+                const file = e.type === "change" ? e.target.files[0] : e.dataTransfer.files[0];
+                const validatedFile = filterFiles ? yield filterFiles(file) : file;
+                if (processErrors && !validatedFile) yield processErrors(file);
+                if (!isBlockNullValues || validatedFile) {
+                    onChange((yield doLoad(validatedFile).catch(()=>null)));
+                }
+                setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(false);
+            });
+            return function(e) {
+                return _ref.apply(this, arguments);
+            };
+        }(),
+        dragover: (e)=>{
+            e.stopPropagation();
+            e.preventDefault();
+            return false;
+        },
+        dragenter: (e)=>{
+            e.stopPropagation();
+            e.preventDefault();
+            setDragenter(true);
+            return false;
+        },
+        dragleave: (e)=>{
+            e.stopPropagation();
+            e.preventDefault();
+            setDragenter(false);
+            return false;
+        },
+        drop: (e)=>{
+            e.stopPropagation();
+            e.preventDefault();
+            setDragenter(false);
+            handle.change(e);
+            return false;
+        }
+    };
+    (0, _react.useEffect)(()=>{
+        const dropbox = document.getElementById(dropZoneId);
+        dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener("dragenter", handle.dragenter, false);
+        dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener("dragover", handle.dragover, false);
+        dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener("dragleave", handle.dragleave, false);
+        dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener("drop", handle.drop, false);
+        dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener("dragend", handle.dragleave, false);
+        return ()=>{
+            dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener("dragenter", handle.dragenter, false);
+            dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener("dragover", handle.dragover, false);
+            dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener("dragleave", handle.dragleave, false);
+            dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener("drop", handle.drop, false);
+            dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener("dragend", handle.dragleave, false);
+        };
+    }, [
+        fieldKey,
+        doLoad
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            icon && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)(`${RC}__icon-block`),
+                children: icon
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("label", {
+                id: dropZoneId,
+                className: (0, _classnames.default)(`${RC}__input-label`, {
+                    [`${RC}__input-label_no-icon`]: !icon
+                }),
+                htmlFor: fieldKey,
+                children: [
+                    placeholder,
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("input", _object_spread({
+                        id: fieldKey,
+                        className: (0, _classnames.default)(`${RC}__input`),
+                        type: "file",
+                        onChange: handle.change
+                    }, attributesOfNativeInput))
+                ]
+            })
+        ]
+    });
+};
+const _default = LoadZone;
+
+//# sourceMappingURL=LoadZone.js.map

package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/FormElements/FileLoader/partial/LoadZone.js"],"sourcesContent":["import React, { useEffect } from \"react\";\n\nimport cn from \"classnames\";\n\nimport \"../FileLoader.scss\";\n\nconst DEFAULT_MAX_FILE_SIZE = 1024 * 1024; //1Мб\nconst FILTER_FILES_DEFAULT = (file) =>\n  file.size <= DEFAULT_MAX_FILE_SIZE ? file : null;\n\nconst LoadZone = ({\n  RC,\n  fieldKey,\n  onChange,\n  doLoad,\n  setDragenter,\n  setIsLoadContent,\n  icon,\n  placeholder = \"\",\n  filterFiles = FILTER_FILES_DEFAULT,\n  processErrors,\n  isBlockNullValues,\n  attributesOfNativeInput = {},\n}) => {\n  const dropZoneId = `dropZone-${fieldKey}`;\n\n  const handle = {\n    change: async (e) => {\n      setIsLoadContent?.(true);\n      const file =\n        e.type === \"change\" ? e.target.files[0] : e.dataTransfer.files[0];\n      const validatedFile = filterFiles ? await filterFiles(file) : file;\n      if (processErrors && !validatedFile) await processErrors(file);\n      if (!isBlockNullValues || validatedFile) {\n        onChange(await doLoad(validatedFile).catch(() => null));\n      }\n      setIsLoadContent?.(false);\n    },\n    dragover: (e) => {\n      e.stopPropagation();\n      e.preventDefault();\n      return false;\n    },\n    dragenter: (e) => {\n      e.stopPropagation();\n      e.preventDefault();\n      setDragenter(true);\n      return false;\n    },\n    dragleave: (e) => {\n      e.stopPropagation();\n      e.preventDefault();\n      setDragenter(false);\n      return false;\n    },\n    drop: (e) => {\n      e.stopPropagation();\n      e.preventDefault();\n      setDragenter(false);\n      handle.change(e);\n      return false;\n    },\n  };\n\n  useEffect(() => {\n    const dropbox = document.getElementById(dropZoneId);\n    dropbox?.addEventListener(\"dragenter\", handle.dragenter, false);\n    dropbox?.addEventListener(\"dragover\", handle.dragover, false);\n    dropbox?.addEventListener(\"dragleave\", handle.dragleave, false);\n    dropbox?.addEventListener(\"drop\", handle.drop, false);\n    dropbox?.addEventListener(\"dragend\", handle.dragleave, false);\n\n    return () => {\n      dropbox?.removeEventListener(\"dragenter\", handle.dragenter, false);\n      dropbox?.removeEventListener(\"dragover\", handle.dragover, false);\n      dropbox?.removeEventListener(\"dragleave\", handle.dragleave, false);\n      dropbox?.removeEventListener(\"drop\", handle.drop, false);\n      dropbox?.removeEventListener(\"dragend\", handle.dragleave, false);\n    };\n  }, [fieldKey, doLoad]);\n\n  return (\n    <>\n      {icon && <div className={cn(`${RC}__icon-block`)}>{icon}</div>}\n      <label\n        id={dropZoneId}\n        className={cn(`${RC}__input-label`, {\n          [`${RC}__input-label_no-icon`]: !icon,\n        })}\n        htmlFor={fieldKey}\n      >\n        {placeholder}\n        <input\n          id={fieldKey}\n          className={cn(`${RC}__input`)}\n          type=\"file\"\n          onChange={handle.change}\n          {...attributesOfNativeInput}\n        />\n      </label>\n    </>\n  );\n};\n\nexport default LoadZone;\n"],"names":["DEFAULT_MAX_FILE_SIZE","FILTER_FILES_DEFAULT","file","size","LoadZone","RC","fieldKey","onChange","doLoad","setDragenter","setIsLoadContent","icon","placeholder","filterFiles","processErrors","isBlockNullValues","attributesOfNativeInput","dropZoneId","handle","change","e","type","target","files","dataTransfer","validatedFile","catch","dragover","stopPropagation","preventDefault","dragenter","dragleave","drop","useEffect","dropbox","document","getElementById","addEventListener","removeEventListener","div","className","cn","label","id","htmlFor","input"],"mappings":"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"}