intelicoreact 1.6.7 → 1.6.8

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

@@ -0,0 +1,359 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DropdownLiveSearchTemplate: function() {
+        return DropdownLiveSearchTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _DropdownLiveSearch = /*#__PURE__*/ _interop_require_default(require("./DropdownLiveSearch"));
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+const _default = {
+    title: "Form Elements/DropdownLiveSearch",
+    component: _DropdownLiveSearch.default,
+    argTypes: {
+        className: {
+            description: "string"
+        },
+        value: {
+            description: "string - current option"
+        },
+        isSearchable: {
+            description: "boolean - enable search",
+            type: "boolean",
+            defaultValue: false
+        },
+        onChange: {
+            description: "callback return selected value"
+        },
+        entity: {
+            description: "string"
+        },
+        attributesOfNativeInput: {
+            description: "Object. Optional. This is list of attributes to add in native search-input"
+        }
+    }
+};
+const blockStyles = {
+    display: "flex",
+    flexFlow: "row no-wrap",
+    alignItems: "flex-start",
+    height: "300px",
+    background: "#e9eaeb",
+    padding: "10px"
+};
+const buttonStyles = {
+    border: "solid 1px #000",
+    padding: "5px",
+    margin: "0 0 0 50px"
+};
+const separatorStyles = {
+    display: 'block',
+    marginBottom: '20px'
+};
+const Template = (args)=>{
+    const [value, setValue] = (0, _react.useState)(args.value);
+    const [disabled, setDisabled] = (0, _react.useState)(args.disabled);
+    const [isLoading, setIsLoading] = (0, _react.useState)(false);
+    const [newOptions, setNewOptions] = (0, _react.useState)(args.options);
+    //request emulation
+    const doRequest = /*#__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,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    style: {
+                        width: 200
+                    },
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_DropdownLiveSearch.default, _object_spread_props(_object_spread({}, args), {
+                        doRequest: doRequest,
+                        value: value,
+                        onChange: (val)=>setValue(val),
+                        isLoading: isLoading,
+                        options: newOptions,
+                        withMobileLogic: true,
+                        label: "Test"
+                    }))
+                }, "dropdown"),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                    style: buttonStyles,
+                    onClick: ()=>{
+                        setValue("");
+                    // doRequest('');
+                    },
+                    children: "Clear"
+                })
+            ]
+        })
+    });
+};
+const DropdownLiveSearchTemplate = Template.bind({});
+DropdownLiveSearchTemplate.args = {
+    value: "",
+    placeholder: "Placeholder",
+    isSearchable: true,
+    isNotValidateASCII: false,
+    fieldKey: "test-dropdown-live-search",
+    id: "test-dropdown-live-search",
+    disabled: false,
+    isListTop: false,
+    options: [
+        {
+            label: "bDropdown2",
+            value: 636,
+            postfix: "(postfix)",
+            className: "optionClassName"
+        },
+        {
+            label: "dDropdown3",
+            value: "drop3",
+            disabled: true
+        },
+        {
+            label: "CDropdown4",
+            value: "drop4"
+        },
+        {
+            label: "other",
+            value: "other"
+        },
+        {
+            label: "other2",
+            value: "other2"
+        },
+        {
+            label: "other3",
+            value: "other3"
+        },
+        {
+            label: "ADropdown1",
+            value: "drop1"
+        },
+        {
+            label: "FDropdown5 (HELLO)",
+            value: "drop5"
+        },
+        {
+            label: "EDropdown6 hidden text lorem ipsum",
+            value: "drop6"
+        },
+        {
+            label: "Group 11",
+            value: "group111"
+        },
+        {
+            label: "Group 13",
+            value: "group132"
+        },
+        {
+            label: "Group 12",
+            value: "group123",
+            disabled: true
+        },
+        {
+            label: "Dot3her",
+            value: "oth3er1"
+        },
+        {
+            label: "BGroup 13",
+            value: "group13"
+        },
+        {
+            label: "AGroup 12",
+            value: "group12",
+            disabled: true
+        },
+        {
+            label: "AGroup 11",
+            value: "group14"
+        },
+        {
+            label: "AGroup 11",
+            value: "group15"
+        },
+        {
+            label: "AGroup 11",
+            value: "group16"
+        },
+        {
+            label: "AGroup 11",
+            value: "group17"
+        },
+        {
+            label: "AGroup 11",
+            value: "group18"
+        },
+        {
+            label: "AGroup 11",
+            value: "group19"
+        },
+        {
+            label: "AGroup 11",
+            value: "group20"
+        },
+        {
+            label: "AGroup 11",
+            value: "group21"
+        }
+    ]
+};
+
+//# 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

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _LoadZone = /*#__PURE__*/ _interop_require_default(require("./partial/LoadZone"));
+const _LoadedContent = /*#__PURE__*/ _interop_require_default(require("./partial/LoadedContent"));
+require("./FileLoader.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const RC = "file-loader";
+const FileLoader = (props)=>{
+    const { // будет использован в качестве id инпута в LoadZone, обязателен для корректной работы
+    fieldKey, // null или структура { name, path, ... остальное по желанию }
+    value, disabled, error, className, placeholder, onChange, doLoad, filterFiles, processErrors, isBlockNullValues, isDisableErrorsClass = true, uploadIcon, downloadIcon, deleteIcon, spiner, isIconAfter, isLinkTypeDownload = false, isUseLinkTitle = false, attributesOfNativeInput = {} } = props;
+    const [isLoadContent, setIsLoadContent] = (0, _react.useState)(false);
+    const [dragenter, setDragenter] = (0, _react.useState)(false);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)(RC, className, {
+            [`${RC}_load-content`]: isLoadContent,
+            [`${RC}_load-zone`]: !value,
+            [`${RC}_hover`]: dragenter,
+            [`${RC}_disabled`]: disabled,
+            [`${RC}_error`]: !isDisableErrorsClass && Boolean(error)
+        }),
+        children: [
+            isLoadContent && spiner,
+            !doLoad && "develop error: no doLoad",
+            Boolean(doLoad) && Boolean(value) && /*#__PURE__*/ (0, _jsxruntime.jsx)(_LoadedContent.default, {
+                RC: RC,
+                value: value,
+                onDelete: ()=>onChange(null),
+                icon: downloadIcon,
+                isIconAfter: isIconAfter,
+                deleteIcon: deleteIcon,
+                isUseLinkTitle: isUseLinkTitle,
+                isLinkTypeDownload: isLinkTypeDownload
+            }),
+            Boolean(doLoad) && !value && /*#__PURE__*/ (0, _jsxruntime.jsx)(_LoadZone.default, {
+                RC: RC,
+                fieldKey: fieldKey,
+                onChange: onChange,
+                icon: uploadIcon,
+                doLoad: doLoad,
+                dragenter: dragenter,
+                setDragenter: setDragenter,
+                setIsLoadContent: setIsLoadContent,
+                placeholder: placeholder,
+                filterFiles: filterFiles,
+                processErrors: processErrors,
+                isBlockNullValues: isBlockNullValues,
+                attributesOfNativeInput: attributesOfNativeInput
+            })
+        ]
+    });
+};
+const _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"}