intelicoreact 1.5.38 → 1.5.41

package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.scss

@@ -1,4 +1,4 @@
-@use '../../../scss/vars';
+@import "../../../scss/vars";
 
 .dropdown-live-search {
   position: relative;
@@ -40,7 +40,7 @@
     }
 
     &.error {
-      border-color: vars.$color--secondary;
+      border-color: $color--secondary;
     }
 
     &.placeholder .text {
@@ -92,7 +92,7 @@
 
     &::-webkit-scrollbar-thumb {
       border-radius: 4px;
-      background: vars.$color--gray--dark;
+      background: $color--gray--dark;
     }
 
     &-top {
@@ -117,7 +117,7 @@
       cursor: pointer;
       white-space: nowrap;
 
-      color: vars.$color--dark;
+      color: $color--dark;
       border: none;
       background: transparent;
 
@@ -140,7 +140,7 @@
           width: 300%;
           height: 1px;
 
-          content: '';
+          content: "";
 
           background-color: #e8e9ec;
 
@@ -155,7 +155,7 @@
 
       &:hover,
       &_active {
-        background: vars.$color--gray--gentle;
+        background: $color--gray--gentle;
       }
 
       &_disabled {
@@ -242,28 +242,24 @@
 
 .dropdown-live-search-mobile {
   .dropdown-live-search__arrow {
-    top: 50%;
-
     display: flex;
-    justify-content: center;
     align-items: center;
-
+    justify-content: center;
     transform: rotate(90deg) translateX(-50%);
+    top: 50%;
 
     svg {
       width: 12px;
       height: 12px;
-
-      color: #9aa0b9;
+      color: #9AA0B9;
     }
   }
   .dropdown-live-search__container-wrapper {
+    overflow: hidden !important;
     position: fixed;
     top: 0 !important;
     left: 0 !important;
 
-    overflow: hidden !important;
-
     width: 100dvw;
     height: 100dvh;
     max-height: 100dvh;
@@ -287,27 +283,28 @@
     width: 100dvw;
     height: 100dvh;
     max-height: 100dvh;
-    padding: vars.$spacing-s;
+    padding: $spacing-s;
 
     animation-name: slideup;
     animation-duration: 0.4s;
   }
 
   .dropdown-live-search__container {
-    --spacing: vars.$spacing-s;
     position: absolute;
-    z-index: auto;
+    bottom: $spacing-s;
     top: auto;
-    bottom: var(--spacing);
+    z-index: auto;
+    width: calc(100% - calc(2 * $spacing-s));
+    margin: 0;
+    box-sizing: border-box;
 
     overflow: hidden;
 
     box-sizing: border-box;
-    width: calc(100% - calc(2 * var(--spacing)));
-    max-height: 500px;
-    margin: 0;
 
-    border-radius: vars.$spacing-l !important;
+    border-radius: $spacing-l !important;
+    max-height: 500px;
+    // height: 500px !important;
 
     &--with-bottom-shadow::after {
       position: absolute;
@@ -317,7 +314,7 @@
       width: 100%;
       height: 15px;
 
-      content: '';
+      content: "";
 
       opacity: 1;
       background: linear-gradient(
@@ -342,9 +339,8 @@
 
   .dropdown-live-search__list {
     max-height: 500px;
-    padding: 0 16px 16px !important;
-
     box-shadow: none;
+    padding: 0 16px 16px !important;
 
     &-header {
       position: relative;
@@ -352,9 +348,9 @@
       display: flex;
       flex-direction: column;
       justify-content: space-between;
-      gap: vars.$spacing-m;
+      gap: $spacing-m;
 
-      padding: vars.$spacing-m;
+      padding: $spacing-m;
 
       font-size: 16px;
       font-weight: 600;
@@ -380,7 +376,7 @@
           align-items: center;
 
           width: 100%;
-          padding-right: vars.$spacing-s;
+          padding-right: $spacing-s;
 
           border: 1px solid var(--form-input-border, #e1e8f1);
           border-radius: 6px;
@@ -399,7 +395,7 @@
           width: 24px;
           min-width: 24px;
           height: 24px;
-          padding: vars.$spacing-xs;
+          padding: $spacing-xs;
 
           border-radius: 2px;
           background: var(--bg-gray-box, #f0f1f4);
@@ -430,7 +426,7 @@
         width: 100%;
         height: 15px;
 
-        content: '';
+        content: "";
 
         opacity: 1;
         background: linear-gradient(
@@ -450,15 +446,15 @@
       .dropdown-live-search__input {
         display: flex;
         align-items: center;
-
+    
         width: 100%;
         height: 28px;
-        padding-right: vars.$spacing-s;
-
+        padding-right: $spacing-s;
+    
         border: 1px solid var(--form-input-border, #e1e8f1);
         border-radius: 6px;
         background: var(--black-bg-color, #f8fbff) !important;
-
+    
         input {
           background: unset !important;
         }
@@ -477,7 +473,7 @@
       box-sizing: border-box;
       width: 50px;
       height: 50px;
-      padding: vars.$spacing-m;
+      padding: $spacing-m;
 
       svg {
         width: 16px;
@@ -492,7 +488,7 @@
       justify-content: space-between;
 
       height: auto !important;
-      padding: 10px vars.$spacing-s !important;
+      padding: 10px $spacing-s !important;
 
       line-height: 24px;
 

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

@@ -1,109 +1,76 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  value: true
 });
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _LoadZone = /*#__PURE__*/ _interop_require_default(require("./partial/LoadZone"));
-const _LoadedContent = /*#__PURE__*/ _interop_require_default(require("./partial/LoadedContent"));
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _LoadZone = _interopRequireDefault(require("./partial/LoadZone"));
+var _LoadedContent = _interopRequireDefault(require("./partial/LoadedContent"));
 require("./FileLoader.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;
-}
+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 RC = "file-loader";
-const FileLoader = (props)=>{
-    const { // будет использован в качестве id инпута в LoadZone, обязателен для корректной работы
-    fieldKey, // null или структура { name, path, ... остальное по желанию }
-    value, disabled, error, className, placeholder, onChange, doLoad, filterFiles, processErrors, isBlockNullValues, isDisableErrorsClass = true, uploadIcon, downloadIcon, deleteIcon, spiner, isIconAfter, isLinkTypeDownload = false, isUseLinkTitle = false, attributesOfNativeInput = {} } = props;
-    const [isLoadContent, setIsLoadContent] = (0, _react.useState)(false);
-    const [dragenter, setDragenter] = (0, _react.useState)(false);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)(RC, className, {
-            [`${RC}_load-content`]: isLoadContent,
-            [`${RC}_load-zone`]: !value,
-            [`${RC}_hover`]: dragenter,
-            [`${RC}_disabled`]: disabled,
-            [`${RC}_error`]: !isDisableErrorsClass && Boolean(error)
-        }),
-        children: [
-            isLoadContent && spiner,
-            !doLoad && "develop error: no doLoad",
-            Boolean(doLoad) && Boolean(value) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_LoadedContent.default, {
-                RC: RC,
-                value: value,
-                onDelete: ()=>onChange(null),
-                icon: downloadIcon,
-                isIconAfter: isIconAfter,
-                deleteIcon: deleteIcon,
-                isUseLinkTitle: isUseLinkTitle,
-                isLinkTypeDownload: isLinkTypeDownload
-            }),
-            Boolean(doLoad) && !value && /*#__PURE__*/ (0, _jsxruntime.jsx)(_LoadZone.default, {
-                RC: RC,
-                fieldKey: fieldKey,
-                onChange: onChange,
-                icon: uploadIcon,
-                doLoad: doLoad,
-                dragenter: dragenter,
-                setDragenter: setDragenter,
-                setIsLoadContent: setIsLoadContent,
-                placeholder: placeholder,
-                filterFiles: filterFiles,
-                processErrors: processErrors,
-                isBlockNullValues: isBlockNullValues,
-                attributesOfNativeInput: attributesOfNativeInput
-            })
-        ]
-    });
+const FileLoader = props => {
+  const {
+    // будет использован в качестве id инпута в LoadZone, обязателен для корректной работы
+    fieldKey,
+    // null или структура { name, path, ... остальное по желанию }
+    value,
+    disabled,
+    error,
+    className,
+    placeholder,
+    onChange,
+    doLoad,
+    filterFiles,
+    processErrors,
+    isBlockNullValues,
+    isDisableErrorsClass = true,
+    uploadIcon,
+    downloadIcon,
+    deleteIcon,
+    spiner,
+    isIconAfter,
+    isLinkTypeDownload = false,
+    isUseLinkTitle = false,
+    attributesOfNativeInput = {}
+  } = props;
+  const [isLoadContent, setIsLoadContent] = (0, _react.useState)(false);
+  const [dragenter, setDragenter] = (0, _react.useState)(false);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(RC, className, {
+      [`${RC}_load-content`]: isLoadContent,
+      [`${RC}_load-zone`]: !value,
+      [`${RC}_hover`]: dragenter,
+      [`${RC}_disabled`]: disabled,
+      [`${RC}_error`]: !isDisableErrorsClass && Boolean(error)
+    })
+  }, isLoadContent && spiner, !doLoad && "develop error: no doLoad", Boolean(doLoad) && Boolean(value) && /*#__PURE__*/_react.default.createElement(_LoadedContent.default, {
+    RC: RC,
+    value: value,
+    onDelete: () => onChange(null),
+    icon: downloadIcon,
+    isIconAfter: isIconAfter,
+    deleteIcon: deleteIcon,
+    isUseLinkTitle: isUseLinkTitle,
+    isLinkTypeDownload: isLinkTypeDownload
+  }), Boolean(doLoad) && !value && /*#__PURE__*/_react.default.createElement(_LoadZone.default, {
+    RC: RC,
+    fieldKey: fieldKey,
+    onChange: onChange,
+    icon: uploadIcon,
+    doLoad: doLoad,
+    dragenter: dragenter,
+    setDragenter: setDragenter,
+    setIsLoadContent: setIsLoadContent,
+    placeholder: placeholder,
+    filterFiles: filterFiles,
+    processErrors: processErrors,
+    isBlockNullValues: isBlockNullValues,
+    attributesOfNativeInput: attributesOfNativeInput
+  }));
 };
-const _default = FileLoader;
+var _default = exports.default = FileLoader;

package/dist/Atomic/FormElements/FileLoader/FileLoader.scss

@@ -1,3 +1,5 @@
+// @import '../../scss/main.scss';
+
 .file-loader {
   position: relative;
 

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

@@ -1,145 +1,98 @@
 "use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-    value: true
+  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"));
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 require("../FileLoader.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;
-}
+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_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: async (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 ? await filterFiles(file) : file;
-            if (processErrors && !validatedFile) await processErrors(file);
-            if (!isBlockNullValues || validatedFile) {
-                onChange(await doLoad(validatedFile).catch(()=>null));
-            }
-            setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(false);
-        },
-        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;
-        }
+const FILTER_FILES_DEFAULT = file => file.size <= DEFAULT_MAX_FILE_SIZE ? file : null;
+const LoadZone = _ref => {
+  let {
+    RC,
+    fieldKey,
+    onChange,
+    doLoad,
+    setDragenter,
+    setIsLoadContent,
+    icon,
+    placeholder = "",
+    filterFiles = FILTER_FILES_DEFAULT,
+    processErrors,
+    isBlockNullValues,
+    attributesOfNativeInput = {}
+  } = _ref;
+  const dropZoneId = `dropZone-${fieldKey}`;
+  const handle = {
+    change: async e => {
+      setIsLoadContent?.(true);
+      const file = e.type === "change" ? e.target.files[0] : e.dataTransfer.files[0];
+      const validatedFile = filterFiles ? await filterFiles(file) : file;
+      if (processErrors && !validatedFile) await processErrors(file);
+      if (!isBlockNullValues || validatedFile) {
+        onChange(await doLoad(validatedFile).catch(() => null));
+      }
+      setIsLoadContent?.(false);
+    },
+    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?.addEventListener("dragenter", handle.dragenter, false);
+    dropbox?.addEventListener("dragover", handle.dragover, false);
+    dropbox?.addEventListener("dragleave", handle.dragleave, false);
+    dropbox?.addEventListener("drop", handle.drop, false);
+    dropbox?.addEventListener("dragend", handle.dragleave, false);
+    return () => {
+      dropbox?.removeEventListener("dragenter", handle.dragenter, false);
+      dropbox?.removeEventListener("dragover", handle.dragover, false);
+      dropbox?.removeEventListener("dragleave", handle.dragleave, false);
+      dropbox?.removeEventListener("drop", handle.drop, false);
+      dropbox?.removeEventListener("dragend", handle.dragleave, 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", {
-                        id: fieldKey,
-                        className: (0, _classnames.default)(`${RC}__input`),
-                        type: "file",
-                        onChange: handle.change,
-                        ...attributesOfNativeInput
-                    })
-                ]
-            })
-        ]
-    });
+  }, [fieldKey, doLoad]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(`${RC}__icon-block`)
+  }, icon), /*#__PURE__*/_react.default.createElement("label", {
+    id: dropZoneId,
+    className: (0, _classnames.default)(`${RC}__input-label`, {
+      [`${RC}__input-label_no-icon`]: !icon
+    }),
+    htmlFor: fieldKey
+  }, placeholder, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
+    id: fieldKey,
+    className: (0, _classnames.default)(`${RC}__input`),
+    type: "file",
+    onChange: handle.change
+  }, attributesOfNativeInput))));
 };
-const _default = LoadZone;
+var _default = exports.default = LoadZone;