intelicoreact 1.6.6 → 1.6.8

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

@@ -19,6 +19,19 @@ const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../Fu
 const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
 const _RadioInput = /*#__PURE__*/ _interop_require_default(require("../RadioInput/RadioInput"));
 require("./DropdownLiveSearch.scss");
+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
@@ -65,6 +78,21 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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 RC = "dropdown-live-search";
 const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placeholder, className, isSearchable, doRequest, isLoading, options = [], fieldKey, id, isListTop, attributesOfNativeInput = {}, withMobileLogic, tabIndex, isNotValidateASCII = false, noOptionsText = "No options available", testId = "dropdown-live-search" })=>{
     var _dropdownListRef_current, _dropdownListRef_current1, _tabIndex_toString;
@@ -266,16 +294,15 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
                                         })
                                     ]
                                 }),
-                                isSearchable && /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                                isSearchable && /*#__PURE__*/ (0, _jsxruntime.jsx)("input", _object_spread({
                                     ref: searchInputModalRef,
                                     className: `${RC}__input`,
                                     value: isOpen ? searchValue : labelByValue,
                                     onChange: handle.onInputChange,
                                     placeholder: placeholder,
                                     onFocus: onSearchableInputFocus,
-                                    tabIndex: -1,
-                                    ...attributesOfNativeInput
-                                })
+                                    tabIndex: -1
+                                }, attributesOfNativeInput))
                             ]
                         }),
                         /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
@@ -481,7 +508,7 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
                 onFocus: ()=>!isFocusedByClick ? setIsOpen(true) : null,
                 tabIndex: tabIndex === null || tabIndex === void 0 ? void 0 : (_tabIndex_toString = tabIndex.toString) === null || _tabIndex_toString === void 0 ? void 0 : _tabIndex_toString.call(tabIndex),
                 children: [
-                    isSearchable ? /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                    isSearchable ? /*#__PURE__*/ (0, _jsxruntime.jsx)("input", _object_spread({
                         ref: searchInputRef,
                         className: `${RC}__input`,
                         value: isOpen ? isMobile && withMobileLogic || !isSearchValueChangedAfterOpen ? labelByValue : searchValue : labelByValue,
@@ -489,9 +516,8 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
                         placeholder: placeholder,
                         onFocus: onSearchableInputFocus,
                         onClick: handle.onInputClick,
-                        tabIndex: -1,
-                        ...attributesOfNativeInput
-                    }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        tabIndex: -1
+                    }, attributesOfNativeInput)) : /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                         className: "text",
                         children: labelByValue || placeholder
                     }),
@@ -511,3 +537,5 @@ const DropdownLiveSearch = ({ label, value, error, disabled, onChange, placehold
     });
 };
 const _default = DropdownLiveSearch;
+
+//# sourceMappingURL=DropdownLiveSearch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport cn from \"classnames\";\nimport { createPortal } from \"react-dom\";\nimport { Check, ChevronDown, ChevronUp, Code, X } from \"react-feather\";\n\nimport { formatToOnlyASCIICodeText } from \"../../../Functions/fieldValueFormatters\";\nimport { useDebounce } from \"../../../Functions/useDebounce\";\nimport useIsMobile from \"../../../Functions/useIsMobile/useIsMobile\";\nimport Spinner from \"../../Layout/Spinner/Spinner\";\nimport RadioInput from \"../RadioInput/RadioInput\";\n\nimport \"./DropdownLiveSearch.scss\";\n\nconst RC = \"dropdown-live-search\";\n\nconst DropdownLiveSearch = ({\n  label,\n  value,\n  error,\n  disabled,\n  onChange,\n  placeholder,\n  className,\n  isSearchable,\n  doRequest,\n  isLoading,\n  options = [],\n  fieldKey,\n  id,\n  isListTop,\n  attributesOfNativeInput = {},\n  withMobileLogic,\n  tabIndex,\n  isNotValidateASCII = false,\n  noOptionsText = \"No options available\",\n  testId = \"dropdown-live-search\",\n}) => {\n  const [dropdownId] = useState(\n    id || fieldKey || Math.random().toString(16).slice(2),\n  );\n  const [isOpen, setIsOpenState] = useState(false);\n  const [isValueDeleted, setIsValueDeleted] = useState(false);\n  const { isMobile: isMobileProp } = useIsMobile();\n  const isMobile =\n    isMobileProp && withMobileLogic && window.screen.width <= 768;\n\n  const labelByValue = useMemo(() => {\n    return options?.find((item) => item.value === value)?.label ?? \"\";\n  }, [value, options]);\n\n  const [searchValue, setSV] = useState(\"\");\n  const [isSearchValueChangedAfterOpen, setIsSearchValueChangedAfterOpen] =\n    useState(false);\n\n  const dropdownLiveSearchRef = useRef(null);\n  const dropdownListBoxRef = useRef(null);\n  const dropdownListRef = useRef(null);\n  const dropdownListHeaderRef = useRef(null);\n  const searchInputRef = useRef(null);\n  const searchInputModalRef = useRef(null);\n  const searchValueRef = useRef(null);\n  const wrapperRef = useRef(null);\n\n  const [isFocusedByClick, setIsFocusedByClick] = useState(false);\n\n  const [isScrollableList, setIsScrollableList] = useState(null);\n  const [isFixedMaxHeight, setIsFixedMaxHeight] = useState(false);\n  const [scrollTop, setScrollTop] = useState(0);\n  const [scrollHeight, setScrollHeight] = useState(1);\n\n  const debouncedSearchTerm = useDebounce({ searchValue, delay: 600 });\n\n  const doScrollCallback = useCallback(\n    (e) => {\n      if (doRequest && typeof doRequest === \"function\") {\n        if (\n          Math.round(e.target.clientHeight + e.target.scrollTop) ==\n          e.target.scrollHeight\n        ) {\n          doRequest(searchValueRef.current, true);\n        }\n      }\n    },\n    [options],\n  );\n\n  const setSearchValue = (val, isChanged = true) => {\n    if (isChanged) setIsSearchValueChangedAfterOpen(true);\n    setSV(val);\n    searchValueRef.current = val;\n  };\n\n  const setIsOpen = (v) => {\n    setIsOpenState(v);\n    setSearchValue(\"\", false);\n    if (!v) setIsSearchValueChangedAfterOpen(false);\n  };\n\n  const getParentNode = () => {\n    return (\n      document.querySelector(\"div#root\") ??\n      document.querySelector(\"div#app\") ??\n      document.querySelector(\"div#storybook-root\")\n    );\n  };\n\n  const getListContainer = () => {\n    return document.getElementById(dropdownId);\n  };\n\n  const onWrapperClick = (e) => {\n    if (e.target === wrapperRef?.current) {\n      e.stopPropagation();\n      e.preventDefault();\n\n      setIsOpen(false);\n    }\n  };\n\n  const onSearchableInputFocus = (e) => {\n    if (!isOpen) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const handleClickOutside = (event) => {\n    if (\n      !dropdownLiveSearchRef.current.contains(event.target) &&\n      (!getListContainer() || !getListContainer()?.contains(event.target))\n    )\n      setIsOpen(false);\n  };\n\n  const closeListViaEsc = (e) => {\n    if ([27].includes(e.keyCode)) setIsOpen(false);\n  };\n\n  const closeList = isOpen ? handleClickOutside : () => {};\n  const handle = {\n    onInputClick: (e) => {\n      if (!isOpen) setIsOpen(true);\n\n      if (isMobile && withMobileLogic) {\n        e.preventDefault();\n        e.stopPropagation();\n        e.target.blur();\n      } else {\n        e.target.select();\n      }\n    },\n    onInputChange: (e) => {\n      let inputValue = e.target.value;\n      if (!isNotValidateASCII)\n        inputValue = formatToOnlyASCIICodeText(inputValue);\n      setSearchValue(inputValue);\n\n      if ((searchValue || !isSearchValueChangedAfterOpen) && !e.target.value) {\n        onChange(\"\");\n        setSearchValue(\"\");\n        setIsValueDeleted(true);\n      } else setIsValueDeleted(false);\n    },\n  };\n\n  const highlightedText = (text, postfix) => {\n    if (!isSearchable) return text;\n    else {\n      const preparedSearchValue =\n        isSearchValueChangedAfterOpen || (isMobile && withMobileLogic)\n          ? searchValue\n          : labelByValue;\n\n      const prepare = (text) => text?.replace(/[|\\\\{}()[\\]^$+*?.]/g, \"\\\\$&\");\n      text = text.replace(/[\"&<>]/g, (a) => {\n        return { '\"': \"&quot;\", \"&\": \"&amp;\", \"<\": \"&lt;\", \">\": \"&gt;\" }[a];\n      });\n\n      const main = preparedSearchValue\n        ? text?.replace(\n            new RegExp(prepare(preparedSearchValue), \"i\"),\n            (match) => `<span class=\"bg--yellow\">${match}</span>`,\n          )\n        : text;\n      const postfixPart = postfix\n        ? `<span class=\"dropdown__list-item-postfix\">${postfix}</span>`\n        : \"\";\n\n      return main + postfixPart;\n    }\n  };\n\n  const getMarkupForElement = (item, index, optTestId) => {\n    const lowerLabel = item.label.toLowerCase();\n    const lowerSearchValue = searchValue?.toLowerCase();\n\n    return (\n      <button\n        data-testid={`${testId}-${optTestId || index}-option`}\n        key={item.value?.toString()?.replace(/ /g, \"_\")}\n        onClick={() => {\n          onChange(item.value);\n          setIsOpen(false);\n        }}\n        className={cn(\n          `${RC}__list-item`,\n          {\n            [`${RC}__list-item_active`]: item.value === value,\n            [`${RC}__list-item_disabled`]: item.disabled,\n          },\n          item.className,\n        )}\n      >\n        {!isMobile ||\n          (isMobile && !withMobileLogic && (\n            <span\n              className={cn(`${RC}__active-icon`, {\n                [`${RC}__active-icon_active`]: lowerLabel === lowerSearchValue,\n              })}\n            >\n              <Check />\n            </span>\n          ))}\n\n        <p\n          title={item.label}\n          className={item.labelClassName || \"\"}\n          dangerouslySetInnerHTML={{\n            __html: highlightedText(item.label, item.postfix),\n          }}\n        />\n        {isMobile\n          ? item?.customMobileIcon ?? (\n              <RadioInput value={item.value} checked={value} />\n            )\n          : \"\"}\n      </button>\n    );\n  };\n\n  const getListMarkUp = () => {\n    return (\n      <div\n        className={cn(`${RC}__container-wrapper`)}\n        ref={wrapperRef}\n        onClick={isMobile ? onWrapperClick : () => {}}\n      >\n        <div\n          className={cn(`${RC}__list-wrapper`, {\n            [`${RC}__list-wrapper--fixed-height`]: isFixedMaxHeight,\n            [`${RC}__list-wrapper--with-bottom-shadow`]:\n              isScrollableList && isMobile,\n            [`${RC}__list-wrapper--with-bottom-shadow-hidden`]:\n              scrollTop === scrollHeight,\n          })}\n        >\n          <div\n            id=\"dropdown-live-search-list\"\n            className={cn(`${RC}__container`, {\n              [`${RC}__list-top`]: isListTop,\n            })}\n            ref={dropdownListBoxRef}\n          >\n            {isMobile && (\n              <div\n                ref={dropdownListHeaderRef}\n                className={cn(`${RC}__list-header`, {\n                  [`${RC}__list-header-with-shadow`]:\n                    isScrollableList && isMobile,\n                  [`${RC}__list-header-with-shadow-hidden`]: scrollTop === 0,\n                })}\n              >\n                <div className={cn(`${RC}__list-header-row`)}>\n                  <div className={cn(`${RC}__list-label`)}>{label}</div>\n                  <div\n                    className={cn(`${RC}__list-close-icon`)}\n                    onClick={() => setIsOpen(false)}\n                  >\n                    <X onClick={() => setIsOpen(false)} />\n                  </div>\n                </div>\n                {isSearchable && (\n                  <input\n                    ref={searchInputModalRef}\n                    className={`${RC}__input`}\n                    value={isOpen ? searchValue : labelByValue}\n                    onChange={handle.onInputChange}\n                    placeholder={placeholder}\n                    onFocus={onSearchableInputFocus}\n                    tabIndex={-1}\n                    {...attributesOfNativeInput}\n                  />\n                )}\n              </div>\n            )}\n            <div\n              className={cn(`${RC}__list`, { disabled: isLoading })}\n              ref={dropdownListRef}\n            >\n              {options.map((option) => getMarkupForElement(option))}\n\n              {!options.length && (\n                <div\n                  className={`${RC}__list-item ${RC}__list-item--no-options`}\n                >\n                  {noOptionsText}\n                </div>\n              )}\n            </div>\n\n            {isLoading && isOpen && (\n              <Spinner size={options.length <= 3 ? \"small\" : null} />\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  };\n\n  const initListContainer = () => {\n    const dropdownList = document.createElement(\"div\");\n\n    dropdownList.setAttribute(\"id\", dropdownId);\n    dropdownList.classList.add(\"dropdown__container\");\n\n    if (isMobile) {\n      dropdownList.addEventListener(\"click\", (e) => {\n        if (e.target.id === dropdownId) setIsOpen(false);\n      });\n    }\n\n    try {\n      getListContainer()?.remove();\n    } finally {\n      if (isMobile) {\n        try {\n          document.getElementById(`mlw-${dropdownId}`)?.remove();\n        } catch (e) {}\n\n        const dropdownMobileListWrapper = document.createElement(\"div\");\n        dropdownMobileListWrapper.classList.add(\"dropdown-live-search-mobile\");\n        dropdownMobileListWrapper.setAttribute(\"id\", `mlw-${dropdownId}`);\n        dropdownMobileListWrapper?.append(dropdownList);\n        getParentNode()?.append(dropdownMobileListWrapper);\n      } else {\n        getParentNode()?.append(dropdownList);\n      }\n    }\n  };\n\n  const renderListContainer = () => {\n    const lc = getListContainer();\n\n    if (!lc) return null;\n\n    return createPortal(getListMarkUp(), lc);\n  };\n\n  useEffect(() => {\n    document.addEventListener(\"click\", handleClickOutside, true);\n    return () =>\n      document.removeEventListener(\"click\", handleClickOutside, true);\n  }, []);\n\n  useEffect(() => {\n    if (options.length === 1 && searchValue === options[0].label) {\n      setSearchValue(options[0].label);\n      onChange(options[0].value);\n    }\n  }, [options]);\n\n  useEffect(() => {\n    if (isSearchable && (debouncedSearchTerm || isValueDeleted)) {\n      doRequest(debouncedSearchTerm);\n\n      if (isValueDeleted) setIsValueDeleted(false);\n    }\n  }, [debouncedSearchTerm, isValueDeleted]);\n\n  useEffect(() => {\n    if (isMobile && withMobileLogic) {\n      initListContainer();\n    }\n  }, [isMobile, withMobileLogic]);\n\n  useEffect(() => {\n    if (isOpen && isMobile && dropdownListRef?.current && !searchValue) {\n      setIsScrollableList(\n        dropdownListRef?.current?.scrollHeight >\n          dropdownListRef?.current?.clientHeight,\n      );\n      setIsFixedMaxHeight(\n        isScrollableList ||\n          dropdownListRef?.current?.scrollHeight >\n            dropdownListRef?.current?.clientHeight,\n      );\n    }\n  }, [\n    isOpen,\n    isMobile,\n    isScrollableList,\n    dropdownListRef?.current,\n    dropdownListRef?.current?.scrollHeight,\n    dropdownListRef?.current?.clientHeight,\n  ]);\n\n  useLayoutEffect(() => {\n    const list = document.getElementById(\"dropdown-live-search-list\");\n\n    if ((list || isOpen) && (!withMobileLogic || !isMobile)) {\n      const dropdownWidth = dropdownLiveSearchRef?.current?.clientWidth;\n      list.style.minWidth = `${dropdownWidth}px`;\n    }\n  }, [dropdownLiveSearchRef, isOpen, withMobileLogic]);\n\n  useEffect(() => {\n    if (!isOpen) {\n      setIsFocusedByClick(false);\n      if (withMobileLogic && isMobile) setSearchValue(\"\");\n    }\n\n    if (isOpen && dropdownListRef && dropdownListRef.current) {\n      if (isMobile && withMobileLogic) {\n        doRequest(\"\").then(() => {\n          setTimeout(() => {\n            dropdownListRef.current.style.maxHeight = `${\n              dropdownListBoxRef?.current?.getBoundingClientRect()?.height -\n              dropdownListHeaderRef?.current?.getBoundingClientRect()?.height\n            }px`;\n          }, 1);\n        });\n        searchInputModalRef?.current?.focus();\n      }\n      dropdownListRef.current.addEventListener(\"scroll\", doScrollCallback);\n    }\n    return () => {\n      removeEventListener(\"scroll\", doScrollCallback);\n    };\n  }, [isOpen, dropdownListRef]);\n\n  useLayoutEffect(() => {\n    if (!isMobile) {\n      window.addEventListener(\"mousewheel\", closeList);\n      window.addEventListener(\"scroll\", closeList);\n      window.addEventListener(\"touchmove\", closeList);\n    } else {\n      window.removeEventListener(\"mousewheel\", closeList);\n      window.removeEventListener(\"scroll\", closeList);\n      window.removeEventListener(\"touchmove\", closeList);\n    }\n\n    getListContainer()?.addEventListener(\"click\", closeList);\n    window.addEventListener(\"keyup\", closeListViaEsc);\n\n    return () => {\n      window.removeEventListener(\"mousewheel\", closeList);\n      window.removeEventListener(\"scroll\", closeList);\n      window.removeEventListener(\"touchmove\", closeList);\n      window.removeEventListener(\"keyup\", closeListViaEsc);\n      getListContainer()?.removeEventListener(\"click\", closeList);\n    };\n  }, [getListContainer]);\n\n  useEffect(() => {\n    const setScrollTopValue = (e) => {\n      setScrollTop(parseInt(e.target.scrollTop, 10));\n    };\n\n    if (isOpen && isMobile && dropdownListRef?.current) {\n      dropdownListRef?.current?.addEventListener(\"scroll\", setScrollTopValue);\n    }\n\n    return () => {\n      dropdownListRef?.current?.removeEventListener(\n        \"scroll\",\n        setScrollTopValue,\n      );\n    };\n  }, [isOpen, isMobile, dropdownListRef?.current]);\n  useEffect(() => {\n    if (dropdownListRef?.current) {\n      setScrollHeight(\n        parseInt(\n          dropdownListRef?.current?.scrollHeight -\n            dropdownListRef?.current?.clientHeight,\n          10,\n        ),\n      );\n    }\n  }, [scrollTop, dropdownListRef?.current]);\n\n  if (!options) return null;\n\n  return (\n    <div\n      className={cn(RC, className, {\n        disabled,\n        [`${RC}-mobile`]: isMobile,\n        [`${RC}--focused`]: isOpen,\n      })}\n      ref={dropdownLiveSearchRef}\n    >\n      <button\n        data-testid={testId}\n        className={`${RC}__trigger input__wrap ${isOpen ? \"input__wrap--focus\" : \"\"} ${!value ? \"placeholder\" : \"\"} ${\n          error ? \"error\" : \"\"\n        }`}\n        onClick={() => (!isSearchable ? setIsOpen(!isOpen) : null)}\n        onMouseDown={() => setIsFocusedByClick(true)}\n        onFocus={() => (!isFocusedByClick ? setIsOpen(true) : null)}\n        tabIndex={tabIndex?.toString?.()}\n      >\n        {isSearchable ? (\n          <input\n            ref={searchInputRef}\n            className={`${RC}__input`}\n            value={\n              isOpen\n                ? (isMobile && withMobileLogic) ||\n                  !isSearchValueChangedAfterOpen\n                  ? labelByValue\n                  : searchValue\n                : labelByValue\n            }\n            onChange={handle.onInputChange}\n            placeholder={placeholder}\n            onFocus={onSearchableInputFocus}\n            onClick={handle.onInputClick}\n            tabIndex={-1}\n            {...attributesOfNativeInput}\n          />\n        ) : (\n          <span className=\"text\">{labelByValue || placeholder}</span>\n        )}\n        <span\n          className={cn(`${RC}__arrow`, { [`${RC}__arrow_active`]: isOpen })}\n          onClick={() => setIsOpen(!isOpen)}\n        >\n          {isMobile ? (\n            <Code className=\"mobile-icon\" />\n          ) : isOpen ? (\n            <ChevronUp />\n          ) : (\n            <ChevronDown />\n          )}\n        </span>\n      </button>\n      {isOpen &&\n        (isMobile && withMobileLogic ? renderListContainer() : getListMarkUp())}\n    </div>\n  );\n};\n\nexport default DropdownLiveSearch;\n"],"names":["RC","DropdownLiveSearch","label","value","error","disabled","onChange","placeholder","className","isSearchable","doRequest","isLoading","options","fieldKey","id","isListTop","attributesOfNativeInput","withMobileLogic","tabIndex","isNotValidateASCII","noOptionsText","testId","dropdownListRef","dropdownId","useState","Math","random","toString","slice","isOpen","setIsOpenState","isValueDeleted","setIsValueDeleted","isMobile","isMobileProp","useIsMobile","window","screen","width","labelByValue","useMemo","find","item","searchValue","setSV","isSearchValueChangedAfterOpen","setIsSearchValueChangedAfterOpen","dropdownLiveSearchRef","useRef","dropdownListBoxRef","dropdownListHeaderRef","searchInputRef","searchInputModalRef","searchValueRef","wrapperRef","isFocusedByClick","setIsFocusedByClick","isScrollableList","setIsScrollableList","isFixedMaxHeight","setIsFixedMaxHeight","scrollTop","setScrollTop","scrollHeight","setScrollHeight","debouncedSearchTerm","useDebounce","delay","doScrollCallback","useCallback","e","round","target","clientHeight","current","setSearchValue","val","isChanged","setIsOpen","v","getParentNode","document","querySelector","getListContainer","getElementById","onWrapperClick","stopPropagation","preventDefault","onSearchableInputFocus","handleClickOutside","event","contains","closeListViaEsc","includes","keyCode","closeList","handle","onInputClick","blur","select","onInputChange","inputValue","formatToOnlyASCIICodeText","highlightedText","text","postfix","preparedSearchValue","prepare","replace","a","main","RegExp","match","postfixPart","getMarkupForElement","index","optTestId","lowerLabel","toLowerCase","lowerSearchValue","button","data-testid","onClick","cn","span","Check","p","title","labelClassName","dangerouslySetInnerHTML","__html","customMobileIcon","RadioInput","checked","getListMarkUp","div","ref","X","input","onFocus","map","option","length","Spinner","size","initListContainer","dropdownList","createElement","setAttribute","classList","add","addEventListener","remove","dropdownMobileListWrapper","append","renderListContainer","lc","createPortal","useEffect","removeEventListener","useLayoutEffect","list","dropdownWidth","clientWidth","style","minWidth","then","setTimeout","maxHeight","getBoundingClientRect","height","focus","setScrollTopValue","parseInt","onMouseDown","Code","ChevronUp","ChevronDown"],"mappings":"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"}

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

@@ -19,6 +19,48 @@ _export(exports, {
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _DropdownLiveSearch = /*#__PURE__*/ _interop_require_default(require("./DropdownLiveSearch"));
+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
@@ -65,6 +107,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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;
+}
 const _default = {
     title: "Form Elements/DropdownLiveSearch",
     component: _DropdownLiveSearch.default,
@@ -114,21 +195,26 @@ const Template = (args)=>{
     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())));
-        }
-    };
+    const doRequest = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function*(debouncedSearchTerm, isScrollDown) {
+            if (isScrollDown) {
+                setIsLoading(true);
+                setDisabled(true);
+                const res = yield 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 function doRequest(debouncedSearchTerm, isScrollDown) {
+            return _ref.apply(this, arguments);
+        };
+    }();
     return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             style: blockStyles,
@@ -137,8 +223,7 @@ const Template = (args)=>{
                     style: {
                         width: 200
                     },
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DropdownLiveSearch.default, {
-                        ...args,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DropdownLiveSearch.default, _object_spread_props(_object_spread({}, args), {
                         doRequest: doRequest,
                         value: value,
                         onChange: (val)=>setValue(val),
@@ -146,7 +231,7 @@ const Template = (args)=>{
                         options: newOptions,
                         withMobileLogic: true,
                         label: "Test"
-                    })
+                    }))
                 }, "dropdown"),
                 /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
                     style: buttonStyles,
@@ -270,3 +355,5 @@ DropdownLiveSearchTemplate.args = {
         }
     ]
 };
+
+//# sourceMappingURL=DropdownLiveSearch.stories.js.map

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

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

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

@@ -107,3 +107,5 @@ const FileLoader = (props)=>{
     });
 };
 const _default = FileLoader;
+
+//# sourceMappingURL=FileLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/FileLoader/FileLoader.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport LoadZone from \"./partial/LoadZone\";\nimport LoadedContent from \"./partial/LoadedContent\";\n\nimport \"./FileLoader.scss\";\n\nconst RC = \"file-loader\";\n\nconst FileLoader = (props) => {\n  const {\n    // будет использован в качестве id инпута в LoadZone, обязателен для корректной работы\n    fieldKey,\n    // null или структура { name, path, ... остальное по желанию }\n    value,\n    disabled,\n    error,\n\n    className,\n    placeholder,\n\n    onChange,\n    doLoad,\n    filterFiles,\n    processErrors,\n\n    isBlockNullValues,\n    isDisableErrorsClass = true,\n\n    uploadIcon,\n    downloadIcon,\n    deleteIcon,\n    spiner,\n\n    isIconAfter,\n    isLinkTypeDownload = false,\n    isUseLinkTitle = false,\n    attributesOfNativeInput = {},\n  } = props;\n\n  const [isLoadContent, setIsLoadContent] = useState(false);\n  const [dragenter, setDragenter] = useState(false);\n\n  return (\n    <div\n      className={cn(RC, className, {\n        [`${RC}_load-content`]: isLoadContent,\n        [`${RC}_load-zone`]: !value,\n        [`${RC}_hover`]: dragenter,\n        [`${RC}_disabled`]: disabled,\n        [`${RC}_error`]: !isDisableErrorsClass && Boolean(error),\n      })}\n    >\n      {isLoadContent && spiner}\n\n      {!doLoad && \"develop error: no doLoad\"}\n\n      {Boolean(doLoad) && Boolean(value) && (\n        <LoadedContent\n          RC={RC}\n          value={value}\n          onDelete={() => onChange(null)}\n          icon={downloadIcon}\n          isIconAfter={isIconAfter}\n          deleteIcon={deleteIcon}\n          isUseLinkTitle={isUseLinkTitle}\n          isLinkTypeDownload={isLinkTypeDownload}\n        />\n      )}\n\n      {Boolean(doLoad) && !value && (\n        <LoadZone\n          RC={RC}\n          fieldKey={fieldKey}\n          onChange={onChange}\n          icon={uploadIcon}\n          doLoad={doLoad}\n          dragenter={dragenter}\n          setDragenter={setDragenter}\n          setIsLoadContent={setIsLoadContent}\n          placeholder={placeholder}\n          filterFiles={filterFiles}\n          processErrors={processErrors}\n          isBlockNullValues={isBlockNullValues}\n          attributesOfNativeInput={attributesOfNativeInput}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default FileLoader;\n"],"names":["RC","FileLoader","props","fieldKey","value","disabled","error","className","placeholder","onChange","doLoad","filterFiles","processErrors","isBlockNullValues","isDisableErrorsClass","uploadIcon","downloadIcon","deleteIcon","spiner","isIconAfter","isLinkTypeDownload","isUseLinkTitle","attributesOfNativeInput","isLoadContent","setIsLoadContent","useState","dragenter","setDragenter","div","cn","Boolean","LoadedContent","onDelete","icon","LoadZone"],"mappings":";;;;+BA6FA;;;eAAA;;;;+DA7FgC;mEAEjB;iEAEM;sEACK;QAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,aAAa,CAACC;IAClB,MAAM,EACJ,sFAAsF;IACtFC,QAAQ,EACR,8DAA8D;IAC9DC,KAAK,EACLC,QAAQ,EACRC,KAAK,EAELC,SAAS,EACTC,WAAW,EAEXC,QAAQ,EACRC,MAAM,EACNC,WAAW,EACXC,aAAa,EAEbC,iBAAiB,EACjBC,uBAAuB,IAAI,EAE3BC,UAAU,EACVC,YAAY,EACZC,UAAU,EACVC,MAAM,EAENC,WAAW,EACXC,qBAAqB,KAAK,EAC1BC,iBAAiB,KAAK,EACtBC,0BAA0B,CAAC,CAAC,EAC7B,GAAGpB;IAEJ,MAAM,CAACqB,eAAeC,iBAAiB,GAAGC,IAAAA,eAAQ,EAAC;IACnD,MAAM,CAACC,WAAWC,aAAa,GAAGF,IAAAA,eAAQ,EAAC;IAE3C,qBACE,sBAACG;QACCrB,WAAWsB,IAAAA,mBAAE,EAAC7B,IAAIO,WAAW;YAC3B,CAAC,GAAGP,GAAG,aAAa,CAAC,CAAC,EAAEuB;YACxB,CAAC,GAAGvB,GAAG,UAAU,CAAC,CAAC,EAAE,CAACI;YACtB,CAAC,GAAGJ,GAAG,MAAM,CAAC,CAAC,EAAE0B;YACjB,CAAC,GAAG1B,GAAG,SAAS,CAAC,CAAC,EAAEK;YACpB,CAAC,GAAGL,GAAG,MAAM,CAAC,CAAC,EAAE,CAACc,wBAAwBgB,QAAQxB;QACpD;;YAECiB,iBAAiBL;YAEjB,CAACR,UAAU;YAEXoB,QAAQpB,WAAWoB,QAAQ1B,wBAC1B,qBAAC2B,sBAAa;gBACZ/B,IAAIA;gBACJI,OAAOA;gBACP4B,UAAU,IAAMvB,SAAS;gBACzBwB,MAAMjB;gBACNG,aAAaA;gBACbF,YAAYA;gBACZI,gBAAgBA;gBAChBD,oBAAoBA;;YAIvBU,QAAQpB,WAAW,CAACN,uBACnB,qBAAC8B,iBAAQ;gBACPlC,IAAIA;gBACJG,UAAUA;gBACVM,UAAUA;gBACVwB,MAAMlB;gBACNL,QAAQA;gBACRgB,WAAWA;gBACXC,cAAcA;gBACdH,kBAAkBA;gBAClBhB,aAAaA;gBACbG,aAAaA;gBACbC,eAAeA;gBACfC,mBAAmBA;gBACnBS,yBAAyBA;;;;AAKnC;MAEA,WAAerB"}

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

@@ -24,6 +24,48 @@ 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
@@ -70,21 +112,97 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     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 = async (file)=>file ? new Promise((resolve)=>{
-        const id = (0, _uuid.v4)();
-        setTimeout(()=>resolve({
-                fileId: id,
-                filePath: 'https://google.com'
-            }), REQUEST_TIME);
-    }) : null;
+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, ...restArgs } = 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 при логическом преобразовании)
@@ -93,15 +211,22 @@ const Template = (args)=>{
         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 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',
@@ -110,8 +235,7 @@ const Template = (args)=>{
     };
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoader.default, {
-                ...restArgs,
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoader.default, _object_spread_props(_object_spread({}, restArgs), {
                 // Обязательно для корректной работы!!!
                 fieldKey: "test",
                 value: value,
@@ -127,7 +251,7 @@ const Template = (args)=>{
                 // ф-я обязательна, ф-я может возвращать промис. Если не передано, то компонент рендерит текст: 'develop error: no doLoad'
                 doLoad: doLoad,
                 error: error
-            }),
+            })),
             /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
                 style: buttonStyles,
                 onClick: ()=>{
@@ -180,3 +304,5 @@ FileLoaderTemplate.args = {
         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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"}