intelicoreact 1.5.40 → 1.5.41

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

@@ -1,272 +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, {
-    DropdownLiveSearchTemplate: function() {
-        return DropdownLiveSearchTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _DropdownLiveSearch = /*#__PURE__*/ _interop_require_default(require("./DropdownLiveSearch"));
-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;
-}
-const _default = {
-    title: "Form Elements/DropdownLiveSearch",
-    component: _DropdownLiveSearch.default,
-    argTypes: {
-        className: {
-            description: "string"
-        },
-        value: {
-            description: "string - current option"
-        },
-        isSearchable: {
-            description: "boolean - enable search",
-            type: "boolean",
-            defaultValue: false
-        },
-        onChange: {
-            description: "callback return selected value"
-        },
-        entity: {
-            description: "string"
-        },
-        attributesOfNativeInput: {
-            description: "Object. Optional. This is list of attributes to add in native search-input"
-        }
-    }
-};
-const blockStyles = {
-    display: "flex",
-    flexFlow: "row no-wrap",
-    alignItems: "flex-start",
-    height: "300px",
-    background: "#e9eaeb",
-    padding: "10px"
-};
-const buttonStyles = {
-    border: "solid 1px #000",
-    padding: "5px",
-    margin: "0 0 0 50px"
-};
-const separatorStyles = {
-    display: 'block',
-    marginBottom: '20px'
-};
-const Template = (args)=>{
-    const [value, setValue] = (0, _react.useState)(args.value);
-    const [disabled, setDisabled] = (0, _react.useState)(args.disabled);
-    const [isLoading, setIsLoading] = (0, _react.useState)(false);
-    const [newOptions, setNewOptions] = (0, _react.useState)(args.options);
-    //request emulation
-    const doRequest = async (debouncedSearchTerm, isScrollDown)=>{
-        if (isScrollDown) {
-            setIsLoading(true);
-            setDisabled(true);
-            const res = await fetch("test").then((res)=>{
-                setTimeout(()=>{
-                    args.isSearchable && setNewOptions(args.options.filter((item)=>item.label.toLowerCase().includes(debouncedSearchTerm === null || debouncedSearchTerm === void 0 ? void 0 : debouncedSearchTerm.toLowerCase())));
-                    setIsLoading(false);
-                    setDisabled(false);
-                }, 1000);
-            });
-        } else {
-            setNewOptions(args.options.filter((item)=>item.label.toLowerCase().includes(debouncedSearchTerm === null || debouncedSearchTerm === void 0 ? void 0 : debouncedSearchTerm.toLowerCase())));
-        }
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            style: blockStyles,
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    style: {
-                        width: 200
-                    },
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DropdownLiveSearch.default, {
-                        ...args,
-                        doRequest: doRequest,
-                        value: value,
-                        onChange: (val)=>setValue(val),
-                        isLoading: isLoading,
-                        options: newOptions,
-                        withMobileLogic: true,
-                        label: "Test"
-                    })
-                }, "dropdown"),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-                    style: buttonStyles,
-                    onClick: ()=>{
-                        setValue("");
-                    // doRequest('');
-                    },
-                    children: "Clear"
-                })
-            ]
-        })
-    });
-};
-const DropdownLiveSearchTemplate = Template.bind({});
-DropdownLiveSearchTemplate.args = {
-    value: "",
-    placeholder: "Placeholder",
-    isSearchable: true,
-    isNotValidateASCII: false,
-    fieldKey: "test-dropdown-live-search",
-    id: "test-dropdown-live-search",
-    disabled: false,
-    isListTop: false,
-    options: [
-        {
-            label: "bDropdown2",
-            value: 636,
-            postfix: "(postfix)",
-            className: "optionClassName"
-        },
-        {
-            label: "dDropdown3",
-            value: "drop3",
-            disabled: true
-        },
-        {
-            label: "CDropdown4",
-            value: "drop4"
-        },
-        {
-            label: "other",
-            value: "other"
-        },
-        {
-            label: "other2",
-            value: "other2"
-        },
-        {
-            label: "other3",
-            value: "other3"
-        },
-        {
-            label: "ADropdown1",
-            value: "drop1"
-        },
-        {
-            label: "FDropdown5 (HELLO)",
-            value: "drop5"
-        },
-        {
-            label: "EDropdown6 hidden text lorem ipsum",
-            value: "drop6"
-        },
-        {
-            label: "Group 11",
-            value: "group111"
-        },
-        {
-            label: "Group 13",
-            value: "group132"
-        },
-        {
-            label: "Group 12",
-            value: "group123",
-            disabled: true
-        },
-        {
-            label: "Dot3her",
-            value: "oth3er1"
-        },
-        {
-            label: "BGroup 13",
-            value: "group13"
-        },
-        {
-            label: "AGroup 12",
-            value: "group12",
-            disabled: true
-        },
-        {
-            label: "AGroup 11",
-            value: "group14"
-        },
-        {
-            label: "AGroup 11",
-            value: "group15"
-        },
-        {
-            label: "AGroup 11",
-            value: "group16"
-        },
-        {
-            label: "AGroup 11",
-            value: "group17"
-        },
-        {
-            label: "AGroup 11",
-            value: "group18"
-        },
-        {
-            label: "AGroup 11",
-            value: "group19"
-        },
-        {
-            label: "AGroup 11",
-            value: "group20"
-        },
-        {
-            label: "AGroup 11",
-            value: "group21"
-        }
-    ]
-};

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

@@ -1,182 +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, {
-    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 _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/FileLoader',
-    component: _FileLoader.default
-};
-const REQUEST_TIME = 2000; //ms
-const doLoadMock = async (file)=>file ? new Promise((resolve)=>{
-        const id = (0, _uuid.v4)();
-        setTimeout(()=>resolve({
-                fileId: id,
-                filePath: 'https://google.com'
-            }), REQUEST_TIME);
-    }) : null;
-const Template = (args)=>{
-    const { isIncludeOuterStyles, isUseFilterFiles, ...restArgs } = args;
-    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 = async (file)=>doLoadMock(file).then((res)=>{
-            console.log('структура сервера (мок) - ', res);
-            // трансформ ответа
-            return res ? {
-                id: res.fileId,
-                name: file.name,
-                path: res.filePath
-            } : null;
-        }).catch(()=>null);
-    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, {
-                ...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"
-    })
-};