intelicoreact 1.3.96 → 1.3.98

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

@@ -1,26 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _reactDom = require("react-dom");
+
 var _reactFeather = require("react-feather");
+
 var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
 var _useDebounce = require("../../../Functions/useDebounce");
+
 var _useIsMobile = _interopRequireDefault(require("../../../Functions/useIsMobile"));
+
 var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
+
 var _RadioInput = _interopRequireDefault(require("../RadioInput/RadioInput"));
+
 require("./DropdownLiveSearch.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.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; }
+
+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 _interopRequireWildcard(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 = {}; 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 RC = "dropdown-live-search";
+
 const DropdownLiveSearch = _ref => {
   var _dropdownListRef$curr5, _dropdownListRef$curr6, _tabIndex$toString;
+
   let {
     label,
     value,
@@ -52,7 +69,8 @@ const DropdownLiveSearch = _ref => {
   const isMobile = isMobileProp && withMobileLogic && window.screen.width <= 768;
   const labelByValue = (0, _react.useMemo)(() => {
     var _options$find;
-    return (options === null || options === void 0 || (_options$find = options.find(item => item.value === value)) === null || _options$find === void 0 ? void 0 : _options$find.label) || "";
+
+    return (options === null || options === void 0 ? void 0 : (_options$find = options.find(item => item.value === value)) === null || _options$find === void 0 ? void 0 : _options$find.label) || "";
   }, [value]);
   const [searchValue, setSV] = (0, _react.useState)(labelByValue);
   const dropdownLiveSearchRef = (0, _react.useRef)(null);
@@ -67,10 +85,12 @@ const DropdownLiveSearch = _ref => {
   const [isFixedMaxHeight, setIsFixedMaxHeight] = (0, _react.useState)(false);
   const [scrollTop, setScrollTop] = (0, _react.useState)(0);
   const [scrollHeight, setScrollHeight] = (0, _react.useState)(1);
+
   const setSearchValue = val => {
     setSV(val);
     searchValueRef.current = val;
   };
+
   const onWrapperClick = e => {
     if (e.target === (wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current)) {
       e.stopPropagation();
@@ -78,19 +98,26 @@ const DropdownLiveSearch = _ref => {
       setIsOpen(false);
     }
   };
+
   const [isFocusedByClick, setIsFocusedByClick] = (0, _react.useState)(false);
   const debouncedSearchTerm = (0, _useDebounce.useDebounce)({
     searchValue,
     delay: 600
   });
   if (!options) return null;
+
   const handleClickOutside = event => {
-    if (!dropdownLiveSearchRef.current.contains(event.target) && !getListContainer().contains(event.target)) setIsOpen(false);
+    var _getListContainer;
+
+    if (!dropdownLiveSearchRef.current.contains(event.target) && (!getListContainer() || !((_getListContainer = getListContainer()) !== null && _getListContainer !== void 0 && _getListContainer.contains(event.target)))) setIsOpen(false);
   };
+
   const highlightedText = (text, postfix) => {
     if (!isSearchable) return text;else {
       var _text;
+
       const prepare = text => text === null || text === void 0 ? void 0 : text.replace(/[|\\{}()[\]^$+*?.]/g, "\\$&");
+
       text = text.replace(/["&<>]/g, a => {
         return {
           '"': "&quot;",
@@ -104,13 +131,15 @@ const DropdownLiveSearch = _ref => {
       return main + postfixPart;
     }
   };
+
   const getMarkupForElement = (item, index, optTestId) => {
-    var _item$value, _item$value2, _item$customMobileIco;
+    var _item$value, _item$value$toString, _item$value2, _item$value2$toString, _item$customMobileIco;
+
     const lowerLabel = item.label.toLowerCase();
     const lowerSearchValue = searchValue.toLowerCase();
     return /*#__PURE__*/_react.default.createElement("button", {
-      "data-testid": "dropdown-live-search--button--key-".concat(optTestId || (item === null || item === void 0 || (_item$value = item.value) === null || _item$value === void 0 || (_item$value = _item$value.toString()) === null || _item$value === void 0 ? void 0 : _item$value.replace(/\s/, "-")) || (item === null || item === void 0 ? void 0 : item.key) || "item", "--option"),
-      key: (_item$value2 = item.value) === null || _item$value2 === void 0 || (_item$value2 = _item$value2.toString()) === null || _item$value2 === void 0 ? void 0 : _item$value2.replace(/ /g, "_"),
+      "data-testid": "dropdown-live-search--button--key-".concat(optTestId || (item === null || item === void 0 ? void 0 : (_item$value = item.value) === null || _item$value === void 0 ? void 0 : (_item$value$toString = _item$value.toString()) === null || _item$value$toString === void 0 ? void 0 : _item$value$toString.replace(/\s/, "-")) || (item === null || item === void 0 ? void 0 : item.key) || "item", "--option"),
+      key: (_item$value2 = item.value) === null || _item$value2 === void 0 ? void 0 : (_item$value2$toString = _item$value2.toString()) === null || _item$value2$toString === void 0 ? void 0 : _item$value2$toString.replace(/ /g, "_"),
       onClick: () => {
         onChange(item.value);
         setIsOpen(false);
@@ -135,6 +164,7 @@ const DropdownLiveSearch = _ref => {
       checked: value
     }) : "");
   };
+
   const getListMarkUp = () => {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("".concat(RC, "__container-wrapper")),
@@ -186,48 +216,61 @@ const DropdownLiveSearch = _ref => {
       size: options.length <= 3 ? "small" : null
     }))));
   };
+
   const getParentNode = () => {
     var _ref2, _document$querySelect;
+
     return (_ref2 = (_document$querySelect = document.querySelector("div#root")) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector("div#app")) !== null && _ref2 !== void 0 ? _ref2 : document.querySelector("div#storybook-root");
   };
+
   const initListContainer = () => {
     const dropdownList = document.createElement("div");
     dropdownList.setAttribute("id", dropdownId);
     dropdownList.classList.add("dropdown__container");
+
     if (isMobile) {
       dropdownList.addEventListener("click", e => {
         if (e.target.id === dropdownId) setIsOpen(false);
       });
     }
+
     try {
-      var _getListContainer;
-      (_getListContainer = getListContainer()) === null || _getListContainer === void 0 || _getListContainer.remove();
+      var _getListContainer2;
+
+      (_getListContainer2 = getListContainer()) === null || _getListContainer2 === void 0 ? void 0 : _getListContainer2.remove();
     } finally {
       if (isMobile) {
         var _getParentNode;
+
         try {
           var _document$getElementB;
-          (_document$getElementB = document.getElementById("mlw-".concat(dropdownId))) === null || _document$getElementB === void 0 || _document$getElementB.remove();
+
+          (_document$getElementB = document.getElementById("mlw-".concat(dropdownId))) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.remove();
         } catch (e) {}
+
         const dropdownMobileListWrapper = document.createElement("div");
         dropdownMobileListWrapper.classList.add("dropdown-live-search-mobile");
         dropdownMobileListWrapper.setAttribute("id", "mlw-".concat(dropdownId));
-        dropdownMobileListWrapper === null || dropdownMobileListWrapper === void 0 || dropdownMobileListWrapper.append(dropdownList);
-        (_getParentNode = getParentNode()) === null || _getParentNode === void 0 || _getParentNode.append(dropdownMobileListWrapper);
+        dropdownMobileListWrapper === null || dropdownMobileListWrapper === void 0 ? void 0 : dropdownMobileListWrapper.append(dropdownList);
+        (_getParentNode = getParentNode()) === null || _getParentNode === void 0 ? void 0 : _getParentNode.append(dropdownMobileListWrapper);
       } else {
         var _getParentNode2;
-        (_getParentNode2 = getParentNode()) === null || _getParentNode2 === void 0 || _getParentNode2.append(dropdownList);
+
+        (_getParentNode2 = getParentNode()) === null || _getParentNode2 === void 0 ? void 0 : _getParentNode2.append(dropdownList);
       }
     }
   };
+
   const getListContainer = () => {
     return document.getElementById(dropdownId);
   };
+
   const renderListContainer = () => {
     const lc = getListContainer();
     if (!lc) return null;
     return /*#__PURE__*/(0, _reactDom.createPortal)(getListMarkUp(), lc);
   };
+
   (0, _react.useEffect)(() => {
     if (isMobile && withMobileLogic) {
       initListContainer();
@@ -236,10 +279,11 @@ const DropdownLiveSearch = _ref => {
   (0, _react.useEffect)(() => {
     if (isOpen && isMobile && dropdownListRef !== null && dropdownListRef !== void 0 && dropdownListRef.current && !searchValue) {
       var _dropdownListRef$curr, _dropdownListRef$curr2, _dropdownListRef$curr3, _dropdownListRef$curr4;
-      setIsScrollableList((dropdownListRef === null || dropdownListRef === void 0 || (_dropdownListRef$curr = dropdownListRef.current) === null || _dropdownListRef$curr === void 0 ? void 0 : _dropdownListRef$curr.scrollHeight) > (dropdownListRef === null || dropdownListRef === void 0 || (_dropdownListRef$curr2 = dropdownListRef.current) === null || _dropdownListRef$curr2 === void 0 ? void 0 : _dropdownListRef$curr2.clientHeight));
-      setIsFixedMaxHeight(isScrollableList || (dropdownListRef === null || dropdownListRef === void 0 || (_dropdownListRef$curr3 = dropdownListRef.current) === null || _dropdownListRef$curr3 === void 0 ? void 0 : _dropdownListRef$curr3.scrollHeight) > (dropdownListRef === null || dropdownListRef === void 0 || (_dropdownListRef$curr4 = dropdownListRef.current) === null || _dropdownListRef$curr4 === void 0 ? void 0 : _dropdownListRef$curr4.clientHeight));
+
+      setIsScrollableList((dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr = dropdownListRef.current) === null || _dropdownListRef$curr === void 0 ? void 0 : _dropdownListRef$curr.scrollHeight) > (dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr2 = dropdownListRef.current) === null || _dropdownListRef$curr2 === void 0 ? void 0 : _dropdownListRef$curr2.clientHeight));
+      setIsFixedMaxHeight(isScrollableList || (dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr3 = dropdownListRef.current) === null || _dropdownListRef$curr3 === void 0 ? void 0 : _dropdownListRef$curr3.scrollHeight) > (dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr4 = dropdownListRef.current) === null || _dropdownListRef$curr4 === void 0 ? void 0 : _dropdownListRef$curr4.clientHeight));
     }
-  }, [isOpen, isMobile, isScrollableList, dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current, dropdownListRef === null || dropdownListRef === void 0 || (_dropdownListRef$curr5 = dropdownListRef.current) === null || _dropdownListRef$curr5 === void 0 ? void 0 : _dropdownListRef$curr5.scrollHeight, dropdownListRef === null || dropdownListRef === void 0 || (_dropdownListRef$curr6 = dropdownListRef.current) === null || _dropdownListRef$curr6 === void 0 ? void 0 : _dropdownListRef$curr6.clientHeight]);
+  }, [isOpen, isMobile, isScrollableList, dropdownListRef === null || dropdownListRef === void 0 ? void 0 : dropdownListRef.current, dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr5 = dropdownListRef.current) === null || _dropdownListRef$curr5 === void 0 ? void 0 : _dropdownListRef$curr5.scrollHeight, dropdownListRef === null || dropdownListRef === void 0 ? void 0 : (_dropdownListRef$curr6 = dropdownListRef.current) === null || _dropdownListRef$curr6 === void 0 ? void 0 : _dropdownListRef$curr6.clientHeight]);
   (0, _react.useEffect)(() => {
     if (!value) setSearchValue("");
   }, [value]);
@@ -253,15 +297,18 @@ const DropdownLiveSearch = _ref => {
       onChange(options[0].value);
     }
   }, [options]);
+
   const searchableInputFocus = e => {
     if (!isOpen) {
       e.preventDefault();
       e.stopPropagation();
     }
   };
+
   const handle = {
     onInputClick: e => {
       if (!isOpen) setIsOpen(true);
+
       if (isMobile && withMobileLogic) {
         e.preventDefault();
         e.stopPropagation();
@@ -274,6 +321,7 @@ const DropdownLiveSearch = _ref => {
       let inputValue = e.target.value;
       if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
       setSearchValue(inputValue);
+
       if (searchValue && !e.target.value) {
         onChange("");
         setSearchValue("");
@@ -286,9 +334,11 @@ const DropdownLiveSearch = _ref => {
       doRequest(debouncedSearchTerm);
     }
   }, [debouncedSearchTerm, isValueDeleted]);
+
   const closeListViaEsc = e => {
     if ([27].includes(e.keyCode)) setIsOpen(false);
   };
+
   (0, _react.useLayoutEffect)(() => {
     window.addEventListener("keyup", closeListViaEsc);
     return () => {
@@ -297,9 +347,11 @@ const DropdownLiveSearch = _ref => {
   }, [getListContainer]);
   (0, _react.useLayoutEffect)(() => {
     const list = document.getElementById("dropdown-live-search-list");
+
     if ((list || isOpen) && !withMobileLogic) {
       var _dropdownLiveSearchRe;
-      const dropdownWidth = dropdownLiveSearchRef === null || dropdownLiveSearchRef === void 0 || (_dropdownLiveSearchRe = dropdownLiveSearchRef.current) === null || _dropdownLiveSearchRe === void 0 ? void 0 : _dropdownLiveSearchRe.clientWidth;
+
+      const dropdownWidth = dropdownLiveSearchRef === null || dropdownLiveSearchRef === void 0 ? void 0 : (_dropdownLiveSearchRe = dropdownLiveSearchRef.current) === null || _dropdownLiveSearchRe === void 0 ? void 0 : _dropdownLiveSearchRe.clientWidth;
       list.style.width = "".concat(dropdownWidth, "px");
     }
   }, [dropdownLiveSearchRef, isOpen, withMobileLogic]);
@@ -315,22 +367,27 @@ const DropdownLiveSearch = _ref => {
       setIsFocusedByClick(false);
       if (withMobileLogic) setSearchValue("");
     }
+
     if (isOpen && dropdownListRef && dropdownListRef.current) {
       if (isMobile && withMobileLogic) {
-        var _dropdownListBoxRef$c, _dropdownListHeaderRe, _searchInputModalRef$;
+        var _dropdownListBoxRef$c, _dropdownListBoxRef$c2, _dropdownListHeaderRe, _dropdownListHeaderRe2, _searchInputModalRef$;
+
         doRequest("");
-        dropdownListRef.current.style.maxHeight = "".concat((dropdownListBoxRef === null || dropdownListBoxRef === void 0 || (_dropdownListBoxRef$c = dropdownListBoxRef.current) === null || _dropdownListBoxRef$c === void 0 || (_dropdownListBoxRef$c = _dropdownListBoxRef$c.getBoundingClientRect()) === null || _dropdownListBoxRef$c === void 0 ? void 0 : _dropdownListBoxRef$c.height) - (dropdownListHeaderRef === null || dropdownListHeaderRef === void 0 || (_dropdownListHeaderRe = dropdownListHeaderRef.current) === null || _dropdownListHeaderRe === void 0 || (_dropdownListHeaderRe = _dropdownListHeaderRe.getBoundingClientRect()) === null || _dropdownListHeaderRe === void 0 ? void 0 : _dropdownListHeaderRe.height), "px");
-        searchInputModalRef === null || searchInputModalRef === void 0 || (_searchInputModalRef$ = searchInputModalRef.current) === null || _searchInputModalRef$ === void 0 || _searchInputModalRef$.focus();
+        dropdownListRef.current.style.maxHeight = "".concat((dropdownListBoxRef === null || dropdownListBoxRef === void 0 ? void 0 : (_dropdownListBoxRef$c = dropdownListBoxRef.current) === null || _dropdownListBoxRef$c === void 0 ? void 0 : (_dropdownListBoxRef$c2 = _dropdownListBoxRef$c.getBoundingClientRect()) === null || _dropdownListBoxRef$c2 === void 0 ? void 0 : _dropdownListBoxRef$c2.height) - (dropdownListHeaderRef === null || dropdownListHeaderRef === void 0 ? void 0 : (_dropdownListHeaderRe = dropdownListHeaderRef.current) === null || _dropdownListHeaderRe === void 0 ? void 0 : (_dropdownListHeaderRe2 = _dropdownListHeaderRe.getBoundingClientRect()) === null || _dropdownListHeaderRe2 === void 0 ? void 0 : _dropdownListHeaderRe2.height), "px");
+        searchInputModalRef === null || searchInputModalRef === void 0 ? void 0 : (_searchInputModalRef$ = searchInputModalRef.current) === null || _searchInputModalRef$ === void 0 ? void 0 : _searchInputModalRef$.focus();
       }
+
       dropdownListRef.current.addEventListener("scroll", doScrollCallback);
     }
+
     return () => {
       removeEventListener("scroll", doScrollCallback);
     };
   }, [isOpen, dropdownListRef]);
   const closeList = isOpen ? handleClickOutside : () => {};
   (0, _react.useLayoutEffect)(() => {
-    var _getListContainer2;
+    var _getListContainer3;
+
     if (!isMobile) {
       window.addEventListener("mousewheel", closeList);
       window.addEventListener("scroll", closeList);
@@ -340,13 +397,15 @@ const DropdownLiveSearch = _ref => {
       window.removeEventListener("scroll", closeList);
       window.removeEventListener("touchmove", closeList);
     }
-    (_getListContainer2 = getListContainer()) === null || _getListContainer2 === void 0 || _getListContainer2.addEventListener("click", closeList);
+
+    (_getListContainer3 = getListContainer()) === null || _getListContainer3 === void 0 ? void 0 : _getListContainer3.addEventListener("click", closeList);
     return () => {
-      var _getListContainer3;
+      var _getListContainer4;
+
       window.removeEventListener("mousewheel", closeList);
       window.removeEventListener("scroll", closeList);
       window.removeEventListener("touchmove", closeList);
-      (_getListContainer3 = getListContainer()) === null || _getListContainer3 === void 0 || _getListContainer3.removeEventListener("click", closeList);
+      (_getListContainer4 = getListContainer()) === null || _getListContainer4 === void 0 ? void 0 : _getListContainer4.removeEventListener("click", closeList);
     };
   }, [getListContainer]);
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -361,7 +420,7 @@ const DropdownLiveSearch = _ref => {
     onClick: () => !isSearchable ? setIsOpen(!isOpen) : null,
     onMouseDown: () => setIsFocusedByClick(true),
     onFocus: () => !isFocusedByClick ? setIsOpen(true) : null,
-    tabIndex: tabIndex === null || tabIndex === void 0 || (_tabIndex$toString = tabIndex.toString) === null || _tabIndex$toString === void 0 ? void 0 : _tabIndex$toString.call(tabIndex)
+    tabIndex: tabIndex === null || tabIndex === void 0 ? void 0 : (_tabIndex$toString = tabIndex.toString) === null || _tabIndex$toString === void 0 ? void 0 : _tabIndex$toString.call(tabIndex)
   }, isSearchable ? /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
     ref: searchInputRef,
     className: "".concat(RC, "__input"),
@@ -382,4 +441,6 @@ const DropdownLiveSearch = _ref => {
     className: "mobile-icon"
   }) : isOpen ? /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronUp, null) : /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, null))), isOpen && (isMobile && withMobileLogic ? renderListContainer() : getListMarkUp()));
 };
-var _default = exports.default = DropdownLiveSearch;
+
+var _default = DropdownLiveSearch;
+exports.default = _default;

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

@@ -1,18 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _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 && Object.prototype.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; }
+
+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 _interopRequireWildcard(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 = {}; 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 RC = "file-loader";
+
 const FileLoader = props => {
   const {
     // будет использован в качестве id инпута в LoadZone, обязателен для корректной работы
@@ -73,4 +83,6 @@ const FileLoader = props => {
     attributesOfNativeInput: attributesOfNativeInput
   }));
 };
-var _default = exports.default = FileLoader;
+
+var _default = FileLoader;
+exports.default = _default;

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

@@ -1,18 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _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 && Object.prototype.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; }
+
+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 _interopRequireWildcard(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 = {}; 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_MAX_FILE_SIZE = 1024 * 1024; //1Мб
+
 const FILTER_FILES_DEFAULT = file => file.size <= DEFAULT_MAX_FILE_SIZE ? file : null;
+
 const LoadZone = _ref => {
   let {
     RC,
@@ -31,14 +41,16 @@ const LoadZone = _ref => {
   const dropZoneId = "dropZone-".concat(fieldKey);
   const handle = {
     change: async e => {
-      setIsLoadContent === null || setIsLoadContent === void 0 || setIsLoadContent(true);
+      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 || setIsLoadContent(false);
+
+      setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(false);
     },
     dragover: e => {
       e.stopPropagation();
@@ -67,17 +79,17 @@ const LoadZone = _ref => {
   };
   (0, _react.useEffect)(() => {
     const dropbox = document.getElementById(dropZoneId);
-    dropbox === null || dropbox === void 0 || dropbox.addEventListener("dragenter", handle.dragenter, false);
-    dropbox === null || dropbox === void 0 || dropbox.addEventListener("dragover", handle.dragover, false);
-    dropbox === null || dropbox === void 0 || dropbox.addEventListener("dragleave", handle.dragleave, false);
-    dropbox === null || dropbox === void 0 || dropbox.addEventListener("drop", handle.drop, false);
-    dropbox === null || dropbox === void 0 || dropbox.addEventListener("dragend", handle.dragleave, false);
+    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 || dropbox.removeEventListener("dragenter", handle.dragenter, false);
-      dropbox === null || dropbox === void 0 || dropbox.removeEventListener("dragover", handle.dragover, false);
-      dropbox === null || dropbox === void 0 || dropbox.removeEventListener("dragleave", handle.dragleave, false);
-      dropbox === null || dropbox === void 0 || dropbox.removeEventListener("drop", handle.drop, false);
-      dropbox === null || dropbox === void 0 || dropbox.removeEventListener("dragend", handle.dragleave, false);
+      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__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("div", {
@@ -95,4 +107,6 @@ const LoadZone = _ref => {
     onChange: handle.change
   }, attributesOfNativeInput))));
 };
-var _default = exports.default = LoadZone;
+
+var _default = LoadZone;
+exports.default = _default;

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

@@ -1,17 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _utils = require("../../../../Functions/utils");
+
 require("../FileLoader.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.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; }
+
+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 _interopRequireWildcard(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 = {}; 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 LoadedContent = props => {
   const {
     RC,
@@ -34,8 +43,7 @@ const LoadedContent = props => {
       });
     }
   };
-  const additionalProps = (0, _react.useMemo)(() => ({
-    ...(isUseLinkTitle ? {
+  const additionalProps = (0, _react.useMemo)(() => ({ ...(isUseLinkTitle ? {
       title: isLinkTypeDownload ? "Download ".concat(value.name) : value.path
     } : {}),
     ...(isLinkTypeDownload ? {
@@ -58,4 +66,6 @@ const LoadedContent = props => {
     onClick: onDelete
   }, deleteIcon || "X"));
 };
-var _default = exports.default = LoadedContent;
+
+var _default = LoadedContent;
+exports.default = _default;

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

@@ -1,17 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _reactFeather = require("react-feather");
+
 var _utils = require("../../../Functions/utils");
+
 require("./FileLoaderLocal.scss");
+
 const MAX_FILE_SIZE = 10 * 1024 * 1024;
+
 const FileLoaderLocal = _ref => {
   let {
     groupId,
@@ -28,10 +37,12 @@ const FileLoaderLocal = _ref => {
     testId,
     attributesOfNativeInput = {}
   } = _ref;
+
   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__*/_react.default.createElement("div", {
@@ -41,20 +52,26 @@ const FileLoaderLocal = _ref => {
       }, "Optional");
     }
   };
+
   const isFileSizeOutOfLimit = file => {
     var _ref2;
+
     return (_ref2 = file.size > maxItemSizeBytes) !== null && _ref2 !== void 0 ? _ref2 : MAX_FILE_SIZE;
   };
+
   const checkExtension = valueExtension => {
     return accept.includes(valueExtension);
   };
+
   const handle = {
     change: e => {
-      var _name$match, _e$target, _e$target2;
+      var _name$match, _e$target, _e$target$files, _e$target2, _e$target2$files;
+
       const name = getFileName(e.target.value);
-      const valueExtension = name === null || name === void 0 || (_name$match = name.match(/[^\.]+$/)) === null || _name$match === void 0 ? void 0 : _name$match[0];
-      const file = (_e$target = e.target) === null || _e$target === void 0 || (_e$target = _e$target.files) === null || _e$target === void 0 ? void 0 : _e$target[0];
-      if (isFileSizeOutOfLimit((_e$target2 = e.target) === null || _e$target2 === void 0 || (_e$target2 = _e$target2.files) === null || _e$target2 === void 0 ? void 0 : _e$target2[0])) {
+      const valueExtension = name === null || name === void 0 ? void 0 : (_name$match = name.match(/[^\.]+$/)) === null || _name$match === void 0 ? void 0 : _name$match[0];
+      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$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : (_e$target2$files = _e$target2.files) === null || _e$target2$files === void 0 ? void 0 : _e$target2$files[0])) {
         onChange({
           id,
           name,
@@ -66,7 +83,8 @@ const FileLoaderLocal = _ref => {
         });
       } else if (!checkExtension(valueExtension)) {
         var _accept$replace;
-        const allowedExtensions = (accept === null || accept === void 0 || (_accept$replace = accept.replace(/\./g, "")) === null || _accept$replace === void 0 ? void 0 : _accept$replace.toUpperCase()) || "JPG, PNG, PDF";
+
+        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,
@@ -101,13 +119,14 @@ const FileLoaderLocal = _ref => {
   }, attributesOfNativeInput)), /*#__PURE__*/_react.default.createElement("label", {
     className: "file-loader-local__label-box",
     htmlFor: "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : "")
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "j4"
   }, !value && /*#__PURE__*/_react.default.createElement(_reactFeather.Download, {
     className: "file-loader-local__upload-icon"
   }), value && /*#__PURE__*/_react.default.createElement(_reactFeather.Paperclip, {
     className: "file-loader-local__upload-icon"
   }), /*#__PURE__*/_react.default.createElement("div", {
+    title: value || label,
+    className: "file-loader-local__label-wrapper"
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("file-loader-local__label", {
       "file-loader-local__label-filled": value
     })
@@ -123,4 +142,6 @@ const FileLoaderLocal = _ref => {
     })
   }), renderRequiredLabel()));
 };
-var _default = exports.default = FileLoaderLocal;
+
+var _default = FileLoaderLocal;
+exports.default = _default;

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.scss

@@ -75,9 +75,18 @@
     color: #f06d8d;
   }
 
+  &__label-wrapper {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    margin-right: 8px;
+    flex-grow: 1;
+  }
+
   &__label {
     display: flex;
     flex-direction: column;
+    width: 100%;
   }
 
   &__label-text {