intelicoreact 1.6.7 → 1.6.8

package/dist/Atomic/UI/Tag/Tag.js

@@ -0,0 +1,169 @@
+"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 _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _reactdom = require("react-dom");
+const _reactfeather = require("react-feather");
+const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner"));
+require("./Tag.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 CN = 'tag';
+function defaultOnClick() {}
+const Tag = ({ value, className, style, label, warning, removeItem, name, isPopup, popupInfoContent, popupClassName, id, isNoDismiss = true, onClick = defaultOnClick, testId = CN })=>{
+    var _tagRef_current;
+    const tagRef = (0, _react.useRef)(null);
+    const [isTagHover, setIsTagHover] = (0, _react.useState)(false);
+    const [isTagPopupOpened, setIsTagPopupOpened] = (0, _react.useState)(false);
+    var _tagRef_current_getBoundingClientRect;
+    const { x, y, height, width } = (_tagRef_current_getBoundingClientRect = tagRef === null || tagRef === void 0 ? void 0 : (_tagRef_current = tagRef.current) === null || _tagRef_current === void 0 ? void 0 : _tagRef_current.getBoundingClientRect()) !== null && _tagRef_current_getBoundingClientRect !== void 0 ? _tagRef_current_getBoundingClientRect : {};
+    const { scrollY } = window;
+    const tagPopupStyles = (0, _react.useMemo)(()=>{
+        var _tagRef_current;
+        if (!isTagPopupOpened || !(tagRef === null || tagRef === void 0 ? void 0 : tagRef.current)) return {};
+        const { x, y, height, width } = tagRef === null || tagRef === void 0 ? void 0 : (_tagRef_current = tagRef.current) === null || _tagRef_current === void 0 ? void 0 : _tagRef_current.getBoundingClientRect();
+        return {
+            left: `${x}px`,
+            top: `${y + scrollY}px`,
+            transform: `translate(calc(-1 * calc(100% - ${width / 2 + 22}px)), ${height + 10}px)`
+        };
+    }, [
+        isTagPopupOpened,
+        x,
+        y,
+        width,
+        height,
+        scrollY
+    ]);
+    const handle = {
+        onTagClick: ()=>{
+            if (isPopup) {
+                setIsTagPopupOpened(!isTagPopupOpened);
+            }
+            onClick(id);
+        }
+    };
+    const handleClickOutside = ()=>{
+        setIsTagPopupOpened(false);
+    };
+    (0, _react.useEffect)(()=>{
+        document.addEventListener('click', handleClickOutside, true);
+        return ()=>{
+            document.removeEventListener('click', handleClickOutside, true);
+        };
+    }, []);
+    (0, _react.useEffect)(()=>{
+        const handleScroll = ()=>{
+            setIsTagPopupOpened(false);
+        };
+        window.addEventListener('scroll', handleScroll, true);
+        return ()=>{
+            window.removeEventListener('scroll', handleScroll, true);
+        };
+    }, []);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        onMouseEnter: ()=>setIsTagHover(true),
+        onMouseLeave: ()=>setIsTagHover(false),
+        "data-testid": testId,
+        role: "listitem",
+        "aria-label": `Tag: ${label || name}`,
+        className: (0, _classnames.default)(CN, className, {
+            'tag-warn': warning
+        }),
+        style: style !== null && style !== void 0 ? style : {},
+        onClick: ()=>handle.onTagClick(),
+        ref: tagRef,
+        children: [
+            warning && typeof warning === 'string' && /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.AlertTriangle, {
+                className: "advanced-tags--warning-icon mr5",
+                "aria-label": "Warning"
+            }),
+            warning && typeof warning === 'string' && isTagHover && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "tag__warn-hint",
+                role: "tooltip",
+                children: warning
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: "tag__label",
+                children: label || name
+            }),
+            removeItem && !isNoDismiss && /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                type: "button",
+                onClick: (e)=>{
+                    e === null || e === void 0 ? void 0 : e.preventDefault();
+                    e === null || e === void 0 ? void 0 : e.stopPropagation();
+                    removeItem(value);
+                },
+                "aria-label": `Remove ${label || name}`,
+                className: "tag__button",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
+                    className: "color--text"
+                })
+            }),
+            isTagPopupOpened && /*#__PURE__*/ (0, _reactdom.createPortal)(/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                id: `tagPopup${value}`,
+                className: (0, _classnames.default)('tag__popup', popupClassName),
+                style: tagPopupStyles,
+                children: !popupInfoContent ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+                    size: "small"
+                }) : popupInfoContent
+            }), document.getElementById('app'))
+        ]
+    });
+};
+const _default = Tag;
+
+//# sourceMappingURL=Tag.js.map

package/dist/Atomic/UI/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Tag/Tag.tsx"],"sourcesContent":["import type { ITagProps } from './Tag.interface';\nimport cn from 'classnames';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { AlertTriangle, X } from 'react-feather';\nimport Spinner from '../../Layout/Spinner';\n\nimport './Tag.scss';\n\nconst CN = 'tag';\n\nfunction defaultOnClick(): void {}\n\nconst Tag: React.FC<ITagProps> = ({\n  value,\n  className,\n  style,\n  label,\n  warning,\n  removeItem,\n  name,\n  isPopup,\n  popupInfoContent,\n  popupClassName,\n  id,\n  isNoDismiss = true,\n  onClick = defaultOnClick,\n  testId = CN,\n}) => {\n  const tagRef = useRef<HTMLDivElement>(null);\n\n  const [isTagHover, setIsTagHover] = useState<boolean>(false);\n  const [isTagPopupOpened, setIsTagPopupOpened] = useState<boolean>(false);\n\n  const { x, y, height, width } = tagRef?.current?.getBoundingClientRect() ?? {};\n  const { scrollY } = window;\n\n  const tagPopupStyles = useMemo(() => {\n    if (!isTagPopupOpened || !tagRef?.current) return {};\n\n    const { x, y, height, width } = tagRef?.current?.getBoundingClientRect();\n\n    return {\n      left: `${x}px`,\n      top: `${y + scrollY}px`,\n      transform: `translate(calc(-1 * calc(100% - ${width / 2 + 22}px)), ${height + 10}px)`,\n    };\n  }, [isTagPopupOpened, x, y, width, height, scrollY]);\n\n  const handle = {\n    onTagClick: () => {\n      if (isPopup) {\n        setIsTagPopupOpened(!isTagPopupOpened);\n      }\n      onClick(id);\n    },\n  };\n\n  const handleClickOutside = (): void => {\n    setIsTagPopupOpened(false);\n  };\n\n  useEffect(() => {\n    document.addEventListener('click', handleClickOutside, true);\n    return () => {\n      document.removeEventListener('click', handleClickOutside, true);\n    };\n  }, []);\n\n  useEffect(() => {\n    const handleScroll = (): void => {\n      setIsTagPopupOpened(false);\n    };\n\n    window.addEventListener('scroll', handleScroll, true);\n    return () => {\n      window.removeEventListener('scroll', handleScroll, true);\n    };\n  }, []);\n\n  return (\n    <div\n      onMouseEnter={() => setIsTagHover(true)}\n      onMouseLeave={() => setIsTagHover(false)}\n      data-testid={testId}\n      role=\"listitem\"\n      aria-label={`Tag: ${label || name}`}\n      className={cn(CN, className, { 'tag-warn': warning })}\n      style={style ?? {}}\n      onClick={() => handle.onTagClick()}\n      ref={tagRef}\n    >\n      {warning && typeof warning === 'string' && (\n        <AlertTriangle className=\"advanced-tags--warning-icon mr5\" aria-label=\"Warning\" />\n      )}\n      {warning && typeof warning === 'string' && isTagHover && (\n        <div className=\"tag__warn-hint\" role=\"tooltip\">\n          {warning}\n        </div>\n      )}\n      <span className=\"tag__label\">{label || name}</span>\n\n      {removeItem && !isNoDismiss && (\n        <button\n          type=\"button\"\n          onClick={(e) => {\n            e?.preventDefault();\n            e?.stopPropagation();\n            removeItem(value);\n          }}\n          aria-label={`Remove ${label || name}`}\n          className=\"tag__button\"\n        >\n          <X className=\"color--text\" />\n        </button>\n      )}\n\n      {isTagPopupOpened\n        && createPortal(\n          <div id={`tagPopup${value}`} className={cn('tag__popup', popupClassName)} style={tagPopupStyles}>\n            {!popupInfoContent ? <Spinner size=\"small\" /> : popupInfoContent}\n          </div>,\n          document.getElementById('app')!,\n        )}\n    </div>\n  );\n};\n\nexport default Tag;\n"],"names":["CN","defaultOnClick","Tag","value","className","style","label","warning","removeItem","name","isPopup","popupInfoContent","popupClassName","id","isNoDismiss","onClick","testId","tagRef","useRef","isTagHover","setIsTagHover","useState","isTagPopupOpened","setIsTagPopupOpened","x","y","height","width","current","getBoundingClientRect","scrollY","window","tagPopupStyles","useMemo","left","top","transform","handle","onTagClick","handleClickOutside","useEffect","document","addEventListener","removeEventListener","handleScroll","div","onMouseEnter","onMouseLeave","data-testid","role","aria-label","cn","ref","AlertTriangle","span","button","type","e","preventDefault","stopPropagation","X","createPortal","Spinner","size","getElementById"],"mappings":"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"}

package/dist/Atomic/UI/Tag/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _Tag = /*#__PURE__*/ _interop_require_default(require("./Tag"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const _default = _Tag.default;
+
+//# sourceMappingURL=index.js.map

package/dist/Atomic/UI/Tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Tag/index.ts"],"sourcesContent":["import Tag from './Tag';\n\nexport default Tag;\nexport type { ITagProps } from './Tag.interface';\n"],"names":["Tag"],"mappings":";;;;+BAEA;;;eAAA;;;4DAFgB;;;;;;MAEhB,WAAeA,YAAG"}

package/dist/Atomic/UI/TagList/TagList.js

@@ -0,0 +1,284 @@
+"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 _reactfeather = require("react-feather");
+const _utils = require("../../../Functions/utils");
+const _Tag = /*#__PURE__*/ _interop_require_default(require("../Tag/Tag"));
+require("./TagList.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
+    };
+}
+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 TagList = ({ disabled, className, onTagClick, removeItem = null, items = [], withToggle = true, disableShowMore = false, shownItemsCount = "auto", testId = "test-taglist", refProp, renderOrder, onEditClick, onToggleRenderAll })=>{
+    var _wrapperRef_current_getBoundingClientRect, _wrapperRef_current;
+    const wrapperRef = (0, _react.useRef)(null);
+    const [tagList, setTagList] = (0, _react.useState)([]);
+    const [staticTagsCount, setStaticTagsCount] = (0, _react.useState)(-1);
+    const [renderItemsCount, setRenderItemsCount] = (0, _react.useState)(-1);
+    const [renderAll, setRenderAll] = (0, _react.useState)(!withToggle);
+    var _wrapperRef_current_getBoundingClientRect_width;
+    const wrapperWidth = (_wrapperRef_current_getBoundingClientRect_width = wrapperRef === null || wrapperRef === void 0 ? void 0 : (_wrapperRef_current = wrapperRef.current) === null || _wrapperRef_current === void 0 ? void 0 : (_wrapperRef_current_getBoundingClientRect = _wrapperRef_current.getBoundingClientRect()) === null || _wrapperRef_current_getBoundingClientRect === void 0 ? void 0 : _wrapperRef_current_getBoundingClientRect.width) !== null && _wrapperRef_current_getBoundingClientRect_width !== void 0 ? _wrapperRef_current_getBoundingClientRect_width : -1;
+    const setRenderAllInterceptor = (v)=>{
+        setRenderAll(v);
+        onToggleRenderAll === null || onToggleRenderAll === void 0 ? void 0 : onToggleRenderAll(v);
+    };
+    const getStaticTagsCount = (computedWidth)=>{
+        var _result_items;
+        if (typeof shownItemsCount === "number") return shownItemsCount;
+        const delta = typeof onEditClick === "function" ? 60 : 32;
+        const result = tagList.reduce((result, { itemRef }, index)=>{
+            var _itemRef_current_getBoundingClientRect, _itemRef_current;
+            if (result.skip) return result;
+            const itemStyle = (itemRef === null || itemRef === void 0 ? void 0 : itemRef.current) && window.getComputedStyle(itemRef.current);
+            const itemWidth = [
+                parseInt((_itemRef_current = itemRef.current) === null || _itemRef_current === void 0 ? void 0 : (_itemRef_current_getBoundingClientRect = _itemRef_current.getBoundingClientRect()) === null || _itemRef_current_getBoundingClientRect === void 0 ? void 0 : _itemRef_current_getBoundingClientRect.width, 10),
+                parseInt(itemStyle === null || itemStyle === void 0 ? void 0 : itemStyle.marginLeft, 10),
+                parseInt(itemStyle === null || itemStyle === void 0 ? void 0 : itemStyle.marginRight, 10)
+            ].reduce((result, item)=>{
+                if (!isNaN(item)) result += item;
+                return result;
+            }, 0);
+            if (!isNaN(itemWidth) && itemWidth > 0 && itemWidth + result.width < computedWidth - delta || index === 0) {
+                result = {
+                    count: result.count + 1,
+                    width: result.width + itemWidth,
+                    items: [
+                        ...result.items,
+                        {
+                            w: itemWidth,
+                            r: itemRef === null || itemRef === void 0 ? void 0 : itemRef.current
+                        }
+                    ]
+                };
+            } else {
+                result.skip = true;
+            }
+            return result;
+        }, {
+            count: 0,
+            width: 0,
+            items: [],
+            skip: false
+        });
+        if ((result === null || result === void 0 ? void 0 : (_result_items = result.items) === null || _result_items === void 0 ? void 0 : _result_items.length) === 1 && tagList.length > 1) {
+            result.items[0].r.style.maxWidth = `${computedWidth - delta - 8}px`;
+        }
+        return result === null || result === void 0 ? void 0 : result.count;
+    };
+    const cancelDefault = (e, cb = ()=>{})=>{
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
+        cb(e);
+    };
+    const renderTags = ()=>{
+        const tagsRenderOrder = renderOrder !== null && renderOrder !== void 0 ? renderOrder : tagList.map(({ value, id })=>value !== null && value !== void 0 ? value : id);
+        return tagsRenderOrder.map((v, i)=>{
+            const item = tagList.find(({ value, id })=>(value !== null && value !== void 0 ? value : id) === v);
+            if (!item) return null;
+            const isHidden = renderItemsCount !== -1 && staticTagsCount !== -1 ? i >= renderItemsCount : false;
+            var _item_id, _item_id1;
+            return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: `tag-list_wrapper_item ${isHidden ? "tag-list_wrapper_item--hidden" : ""}`,
+                ref: (0, _utils.checkedRef)(item === null || item === void 0 ? void 0 : item.itemRef),
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Tag.default, _object_spread_props(_object_spread({
+                    testId: `test-taglist-item-${(_item_id = item === null || item === void 0 ? void 0 : item.id) !== null && _item_id !== void 0 ? _item_id : item === null || item === void 0 ? void 0 : item.value}`
+                }, item), {
+                    onClick: onTagClick,
+                    removeItem: removeItem
+                }))
+            }, `tag-list-item-${(_item_id1 = item === null || item === void 0 ? void 0 : item.id) !== null && _item_id1 !== void 0 ? _item_id1 : item === null || item === void 0 ? void 0 : item.value}`);
+        });
+    };
+    const renderMoreTags = ()=>{
+        if ((tagList === null || tagList === void 0 ? void 0 : tagList.length) < shownItemsCount || !(tagList === null || tagList === void 0 ? void 0 : tagList.length) || disableShowMore) return null;
+        const restItems = tagList.length - renderItemsCount;
+        if (restItems === 0 || !withToggle || staticTagsCount === -1) return null;
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Tag.default, {
+            label: `+${restItems}`,
+            className: "tag-list_wrapper_render-more",
+            onClick: disableShowMore ? ()=>{} : (e)=>cancelDefault(e, ()=>setRenderAllInterceptor(true))
+        });
+    };
+    const renderHideTags = ()=>{
+        if (renderItemsCount !== (tagList === null || tagList === void 0 ? void 0 : tagList.length) || !withToggle || staticTagsCount === -1 || staticTagsCount === (tagList === null || tagList === void 0 ? void 0 : tagList.length)) return null;
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)(_Tag.default, {
+            label: "...",
+            className: "tag-list_wrapper_hide-more",
+            onClick: (e)=>cancelDefault(e, ()=>setRenderAllInterceptor(false))
+        });
+    };
+    // Set TagList Items
+    (0, _react.useEffect)(()=>{
+        setStaticTagsCount(-1);
+        setRenderItemsCount(-1);
+        setRenderAllInterceptor(false);
+        setTagList(items.map((item)=>_object_spread_props(_object_spread({}, item), {
+                itemRef: /*#__PURE__*/ (0, _react.createRef)()
+            })));
+    }, [
+        items
+    ]);
+    // Count Row Tags
+    (0, _react.useLayoutEffect)(()=>{
+        if (withToggle && wrapperWidth !== -1 && staticTagsCount === -1) {
+            let computedWidth = wrapperWidth;
+            if (computedWidth === 0) {
+                var _window_getComputedStyle;
+                computedWidth = parseInt((wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) ? (_window_getComputedStyle = window.getComputedStyle(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current)) === null || _window_getComputedStyle === void 0 ? void 0 : _window_getComputedStyle.width : 0);
+            }
+            if (!isNaN(computedWidth)) {
+                setStaticTagsCount(getStaticTagsCount(computedWidth));
+            }
+        }
+    }, [
+        tagList,
+        wrapperWidth,
+        wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current
+    ]);
+    //
+    (0, _react.useLayoutEffect)(()=>{
+        setRenderItemsCount(staticTagsCount);
+    }, [
+        staticTagsCount
+    ]);
+    // Toggle Show/Hide More Tags
+    (0, _react.useEffect)(()=>{
+        setRenderItemsCount(renderAll ? tagList === null || tagList === void 0 ? void 0 : tagList.length : staticTagsCount);
+    }, [
+        renderAll
+    ]);
+    (0, _react.useEffect)(()=>{
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        if ((wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current) && refProp) refProp.current = wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current;
+    }, [
+        wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)("tag-list_wrapper", `${renderItemsCount !== (tagList === null || tagList === void 0 ? void 0 : tagList.length) || !withToggle || staticTagsCount === -1 || staticTagsCount === (tagList === null || tagList === void 0 ? void 0 : tagList.length) ? "tag-list_wrapper--only-static-items" : "tag-list_wrapper--all-items"}`, className, {
+            "tag-list_wrapper--disabled": disabled
+        }),
+        style: {
+            visibility: staticTagsCount === -1 ? "hidden" : "visible",
+            zIndex: staticTagsCount === -1 ? "-1" : "auto"
+        },
+        ref: wrapperRef,
+        children: [
+            renderTags(),
+            renderMoreTags(),
+            renderHideTags(),
+            typeof onEditClick === "function" && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: "tag-list__edit-trigger",
+                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Edit3, {
+                    onClick: onEditClick
+                })
+            })
+        ]
+    });
+};
+const _default = TagList;
+
+//# sourceMappingURL=TagList.js.map

package/dist/Atomic/UI/TagList/TagList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/TagList/TagList.js"],"sourcesContent":["import React, {\n  createRef,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport cn from \"classnames\";\nimport { Edit3 } from \"react-feather\";\n\nimport { checkedRef } from \"../../../Functions/utils\";\nimport Tag from \"../Tag/Tag\";\n\nimport \"./TagList.scss\";\n\nconst TagList = ({\n  disabled,\n  className,\n  onTagClick,\n  removeItem = null,\n  items = [],\n  withToggle = true,\n  disableShowMore = false,\n  shownItemsCount = \"auto\",\n  testId = \"test-taglist\",\n  refProp,\n\n  renderOrder,\n\n  onEditClick,\n  onToggleRenderAll,\n}) => {\n  const wrapperRef = useRef(null);\n  const [tagList, setTagList] = useState([]);\n\n  const [staticTagsCount, setStaticTagsCount] = useState(-1);\n  const [renderItemsCount, setRenderItemsCount] = useState(-1);\n  const [renderAll, setRenderAll] = useState(!withToggle);\n\n  const wrapperWidth =\n    wrapperRef?.current?.getBoundingClientRect()?.width ?? -1;\n\n  const setRenderAllInterceptor = (v) => {\n    setRenderAll(v);\n    onToggleRenderAll?.(v);\n  };\n\n  const getStaticTagsCount = (computedWidth) => {\n    if (typeof shownItemsCount === \"number\") return shownItemsCount;\n\n    const delta = typeof onEditClick === \"function\" ? 60 : 32;\n\n    const result = tagList.reduce(\n      (result, { itemRef }, index) => {\n        if (result.skip) return result;\n\n        const itemStyle =\n          itemRef?.current && window.getComputedStyle(itemRef.current);\n\n        const itemWidth = [\n          parseInt(itemRef.current?.getBoundingClientRect()?.width, 10),\n          parseInt(itemStyle?.marginLeft, 10),\n          parseInt(itemStyle?.marginRight, 10),\n        ].reduce((result, item) => {\n          if (!isNaN(item)) result += item;\n          return result;\n        }, 0);\n\n        if (\n          (!isNaN(itemWidth) &&\n            itemWidth > 0 &&\n            itemWidth + result.width < computedWidth - delta) ||\n          index === 0\n        ) {\n          result = {\n            count: result.count + 1,\n            width: result.width + itemWidth,\n            items: [...result.items, { w: itemWidth, r: itemRef?.current }],\n          };\n        } else {\n          result.skip = true;\n        }\n\n        return result;\n      },\n      { count: 0, width: 0, items: [], skip: false },\n    );\n\n    if (result?.items?.length === 1 && tagList.length > 1) {\n      result.items[0].r.style.maxWidth = `${computedWidth - delta - 8}px`;\n    }\n\n    return result?.count;\n  };\n\n  const cancelDefault = (e, cb = () => {}) => {\n    e?.preventDefault();\n    e?.stopPropagation();\n\n    cb(e);\n  };\n\n  const renderTags = () => {\n    const tagsRenderOrder =\n      renderOrder ?? tagList.map(({ value, id }) => value ?? id);\n\n    return tagsRenderOrder.map((v, i) => {\n      const item = tagList.find(({ value, id }) => (value ?? id) === v);\n\n      if (!item) return null;\n\n      const isHidden =\n        renderItemsCount !== -1 && staticTagsCount !== -1\n          ? i >= renderItemsCount\n          : false;\n\n      return (\n        <div\n          className={`tag-list_wrapper_item ${isHidden ? \"tag-list_wrapper_item--hidden\" : \"\"}`}\n          key={`tag-list-item-${item?.id ?? item?.value}`}\n          ref={checkedRef(item?.itemRef)}\n        >\n          <Tag\n            testId={`test-taglist-item-${item?.id ?? item?.value}`}\n            {...item}\n            onClick={onTagClick}\n            removeItem={removeItem}\n          />\n        </div>\n      );\n    });\n  };\n\n  const renderMoreTags = () => {\n    if (\n      tagList?.length < shownItemsCount ||\n      !tagList?.length ||\n      disableShowMore\n    )\n      return null;\n    const restItems = tagList.length - renderItemsCount;\n\n    if (restItems === 0 || !withToggle || staticTagsCount === -1) return null;\n\n    return (\n      <Tag\n        label={`+${restItems}`}\n        className=\"tag-list_wrapper_render-more\"\n        onClick={\n          disableShowMore\n            ? () => {}\n            : (e) => cancelDefault(e, () => setRenderAllInterceptor(true))\n        }\n      />\n    );\n  };\n  const renderHideTags = () => {\n    if (\n      renderItemsCount !== tagList?.length ||\n      !withToggle ||\n      staticTagsCount === -1 ||\n      staticTagsCount === tagList?.length\n    )\n      return null;\n\n    return (\n      <Tag\n        label=\"...\"\n        className=\"tag-list_wrapper_hide-more\"\n        onClick={(e) => cancelDefault(e, () => setRenderAllInterceptor(false))}\n      />\n    );\n  };\n\n  // Set TagList Items\n  useEffect(() => {\n    setStaticTagsCount(-1);\n    setRenderItemsCount(-1);\n    setRenderAllInterceptor(false);\n    setTagList(items.map((item) => ({ ...item, itemRef: createRef() })));\n  }, [items]);\n\n  // Count Row Tags\n  useLayoutEffect(() => {\n    if (withToggle && wrapperWidth !== -1 && staticTagsCount === -1) {\n      let computedWidth = wrapperWidth;\n\n      if (computedWidth === 0) {\n        computedWidth = parseInt(\n          wrapperRef?.current\n            ? window.getComputedStyle(wrapperRef?.current)?.width\n            : 0,\n        );\n      }\n\n      if (!isNaN(computedWidth)) {\n        setStaticTagsCount(getStaticTagsCount(computedWidth));\n      }\n    }\n  }, [tagList, wrapperWidth, wrapperRef?.current]);\n\n  //\n  useLayoutEffect(() => {\n    setRenderItemsCount(staticTagsCount);\n  }, [staticTagsCount]);\n\n  // Toggle Show/Hide More Tags\n  useEffect(() => {\n    setRenderItemsCount(renderAll ? tagList?.length : staticTagsCount);\n  }, [renderAll]);\n\n  useEffect(() => {\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    if (wrapperRef?.current && refProp) refProp.current = wrapperRef?.current;\n  }, [wrapperRef?.current]);\n\n  return (\n    <div\n      className={cn(\n        \"tag-list_wrapper\",\n        `${\n          renderItemsCount !== tagList?.length ||\n          !withToggle ||\n          staticTagsCount === -1 ||\n          staticTagsCount === tagList?.length\n            ? \"tag-list_wrapper--only-static-items\"\n            : \"tag-list_wrapper--all-items\"\n        }`,\n        className,\n        { \"tag-list_wrapper--disabled\": disabled },\n      )}\n      style={{\n        visibility: staticTagsCount === -1 ? \"hidden\" : \"visible\",\n        zIndex: staticTagsCount === -1 ? \"-1\" : \"auto\",\n      }}\n      ref={wrapperRef}\n    >\n      {renderTags()}\n      {renderMoreTags()}\n      {renderHideTags()}\n      {typeof onEditClick === \"function\" && (\n        <div className=\"tag-list__edit-trigger\">\n          <Edit3 onClick={onEditClick} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default TagList;\n"],"names":["TagList","disabled","className","onTagClick","removeItem","items","withToggle","disableShowMore","shownItemsCount","testId","refProp","renderOrder","onEditClick","onToggleRenderAll","wrapperRef","useRef","tagList","setTagList","useState","staticTagsCount","setStaticTagsCount","renderItemsCount","setRenderItemsCount","renderAll","setRenderAll","wrapperWidth","current","getBoundingClientRect","width","setRenderAllInterceptor","v","getStaticTagsCount","computedWidth","result","delta","reduce","itemRef","index","skip","itemStyle","window","getComputedStyle","itemWidth","parseInt","marginLeft","marginRight","item","isNaN","count","w","r","length","style","maxWidth","cancelDefault","e","cb","preventDefault","stopPropagation","renderTags","tagsRenderOrder","map","value","id","i","find","isHidden","div","ref","checkedRef","Tag","onClick","renderMoreTags","restItems","label","renderHideTags","useEffect","createRef","useLayoutEffect","cn","visibility","zIndex","Edit3"],"mappings":"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"}