intelicoreact 1.6.8 → 1.6.11

package/dist/Atomic/UI/Table/TdTypes/TdWeight.js

@@ -1,66 +1 @@
-"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 = require("react");
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _utils = require("../../../../Functions/utils");
-const _Modal = require("../../Modal/Modal");
-require("../Table.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const TdWeight = ({ value, percent, onChange, className })=>{
-    const [state, setState] = (0, _react.useState)(value);
-    const { isToggled: isEdited, toggleOff: unsetIsEdited, toggleOn: setIsEdited } = (0, _utils.useOutsideToggle)(false);
-    (0, _react.useEffect)(()=>{
-        setState(value);
-    }, [
-        value,
-        isEdited
-    ]);
-    const handleKeyUp = ({ keyCode, target })=>{
-        if (keyCode === _Modal.KEY_CODE.ENTER) {
-            const newValue = Number(target.value) || 1;
-            onChange(newValue);
-            unsetIsEdited();
-        }
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-        children: isEdited ? /*#__PURE__*/ (0, _jsxruntime.jsx)(Input, {
-            value: state,
-            onChange: (e)=>setState(e),
-            onBlur: unsetIsEdited,
-            onKeyUp: handleKeyUp,
-            autoFocus: true
-        }) : /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: (0, _classnames.default)("td-weight", className),
-            onClick: setIsEdited,
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                    children: value
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
-                    className: "ml2 color--grey-gull",
-                    children: [
-                        "(",
-                        percent,
-                        "%)"
-                    ]
-                })
-            ]
-        })
-    });
-};
-const _default = TdWeight;
-
-//# sourceMappingURL=TdWeight.js.map
+function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var n=0,e=Array(t);n<t;n++)e[n]=r[n];return e}import{jsx as t,jsxs as n,Fragment as e}from"react/jsx-runtime";import{useEffect as o,useState as a}from"react";import l from"classnames";import{useOutsideToggle as i}from"../../../../Functions/utils";import{KEY_CODE as u}from"../../Modal/Modal";import"../Table.scss";export default function(c){var s,f=c.value,m=c.percent,p=c.onChange,y=c.className,d=(s=a(f),function(r){if(Array.isArray(r))return r}(s)||function(r,t){var n,e,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var a=[],l=!0,i=!1;try{for(o=o.call(r);!(l=(n=o.next()).done)&&(a.push(n.value),a.length!==t);l=!0);}catch(r){i=!0,e=r}finally{try{l||null==o.return||o.return()}finally{if(i)throw e}}return a}}(s,2)||function(t,n){if(t){if("string"==typeof t)return r(t,2);var e=Object.prototype.toString.call(t).slice(8,-1);if("Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return r(t,n)}}(s,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),g=d[0],h=d[1],v=i(!1),b=v.isToggled,j=v.toggleOff,A=v.toggleOn;return o(function(){h(f)},[f,b]),t(e,{children:b?t(Input,{value:g,onChange:function(r){return h(r)},onBlur:j,onKeyUp:function(r){var t=r.keyCode,n=r.target;t===u.ENTER&&(p(Number(n.value)||1),j())},autoFocus:!0}):n("div",{className:l("td-weight",y),onClick:A,children:[t("span",{children:f}),n("span",{className:"ml2 color--grey-gull",children:["(",m,"%)"]})]})})}

package/dist/Atomic/UI/Tag/Tag.interface.ts

@@ -0,0 +1,18 @@
+import type React from 'react';
+
+import type { IUniProps } from '../../../types/base.interface';
+
+export interface ITagProps extends IUniProps {
+  value: string;
+  style?: React.CSSProperties;
+  label?: string;
+  warning?: string | boolean;
+  removeItem?: (value: string) => void;
+  name?: string;
+  isPopup?: boolean;
+  popupInfoContent?: React.ReactNode;
+  popupClassName?: string;
+  id?: string;
+  isNoDismiss?: boolean;
+  onClick?: (id?: string) => void;
+}

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

@@ -1,169 +1 @@
-"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
+function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function t(t,n){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n,r,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var a=[],l=!0,u=!1;try{for(o=o.call(e);!(l=(n=o.next()).done)&&(a.push(n.value),!t||a.length!==t);l=!0);}catch(e){u=!0,r=e}finally{try{l||null==o.return||o.return()}finally{if(u)throw r}}return a}}(t,n)||function(t,n){if(t){if("string"==typeof t)return e(t,n);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,n)}}(t,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return f}});var n=require("react/jsx-runtime"),r=i(require("classnames")),o=function(e,t){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var n=c(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=o?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(r,a,l):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}(require("react")),a=require("react-dom"),l=require("react-feather"),u=i(require("../../Layout/Spinner"));function i(e){return e&&e.__esModule?e:{default:e}}function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(c=function(e){return e?n:t})(e)}function s(){}require("./Tag.scss");var f=function(e){var i,c,f=e.value,d=e.className,p=e.style,m=e.label,y=e.warning,v=e.removeItem,g=e.name,b=e.isPopup,h=e.popupInfoContent,j=e.popupClassName,w=e.id,x=e.isNoDismiss,_=e.onClick,O=void 0===_?s:_,P=e.testId,M=(0,o.useRef)(null),N=t((0,o.useState)(!1),2),S=N[0],E=N[1],k=t((0,o.useState)(!1),2),C=k[0],q=k[1],A=null!=(c=null==M||null==(i=M.current)?void 0:i.getBoundingClientRect())?c:{},I=A.x,L=A.y,D=A.height,R=A.width,T=window.scrollY,W=(0,o.useMemo)(function(){if(!C||!(null==M?void 0:M.current))return{};var e,t=null==M||null==(e=M.current)?void 0:e.getBoundingClientRect(),n=t.x,r=t.y,o=t.height,a=t.width;return{left:"".concat(n,"px"),top:"".concat(r+T,"px"),transform:"translate(calc(-1 * calc(100% - ".concat(a/2+22,"px)), ").concat(o+10,"px)")}},[C,I,L,R,D,T]),B=function(){b&&q(!C),O(w)},z=function(){q(!1)};return(0,o.useEffect)(function(){return document.addEventListener("click",z,!0),function(){document.removeEventListener("click",z,!0)}},[]),(0,o.useEffect)(function(){var e=function(){q(!1)};return window.addEventListener("scroll",e,!0),function(){window.removeEventListener("scroll",e,!0)}},[]),(0,n.jsxs)("div",{onMouseEnter:function(){return E(!0)},onMouseLeave:function(){return E(!1)},"data-testid":void 0===P?"tag":P,role:"listitem","aria-label":"Tag: ".concat(m||g),className:(0,r.default)("tag",d,{"tag-warn":y}),style:null!=p?p:{},onClick:function(){return B()},ref:M,children:[y&&"string"==typeof y&&(0,n.jsx)(l.AlertTriangle,{className:"advanced-tags--warning-icon mr5","aria-label":"Warning"}),y&&"string"==typeof y&&S&&(0,n.jsx)("div",{className:"tag__warn-hint",role:"tooltip",children:y}),(0,n.jsx)("span",{className:"tag__label",children:m||g}),v&&!(void 0===x||x)&&(0,n.jsx)("button",{type:"button",onClick:function(e){null==e||e.preventDefault(),null==e||e.stopPropagation(),v(f)},"aria-label":"Remove ".concat(m||g),className:"tag__button",children:(0,n.jsx)(l.X,{className:"color--text"})}),C&&(0,a.createPortal)((0,n.jsx)("div",{id:"tagPopup".concat(f),className:(0,r.default)("tag__popup",j),style:W,children:h||(0,n.jsx)(u.default,{size:"small"})}),document.getElementById("app"))]})};

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

@@ -0,0 +1,4 @@
+import Tag from './Tag';
+
+export default Tag;
+export type { ITagProps } from './Tag.interface';

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

@@ -1,284 +1 @@
-"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
+function t(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,r=Array(n);e<n;e++)r[e]=t[e];return r}function n(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{},r=Object.keys(e);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(e).filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.forEach(function(n){var r;r=e[n],n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r})}return t}function e(t,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):(function(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e})(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}),t}function r(t,n){return function(t){if(Array.isArray(t))return t}(t)||function(t,n){var e,r,i=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=i){var l=[],o=!0,u=!1;try{for(i=i.call(t);!(o=(e=i.next()).done)&&(l.push(e.value),!n||l.length!==n);o=!0);}catch(t){u=!0,r=t}finally{try{o||null==i.return||i.return()}finally{if(u)throw r}}return l}}(t,n)||i(t,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(n,e){if(n){if("string"==typeof n)return t(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);if("Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return t(n,e)}}import{jsx as l,jsxs as o}from"react/jsx-runtime";import{createRef as u,useEffect as a,useLayoutEffect as c,useRef as s,useState as d}from"react";import f from"classnames";import{Edit3 as p}from"react-feather";import{checkedRef as m}from"../../../Functions/utils";import v from"../Tag/Tag";import"./TagList.scss";export default function(g){var y,b,h,w=g.disabled,O=g.className,j=g.onTagClick,I=g.removeItem,S=void 0===I?null:I,_=g.items,P=void 0===_?[]:_,C=g.withToggle,N=void 0===C||C,k=g.disableShowMore,A=void 0!==k&&k,x=g.shownItemsCount,T=void 0===x?"auto":x,R=(g.testId,g.refProp),D=g.renderOrder,E=g.onEditClick,B=g.onToggleRenderAll,L=s(null),M=r(d([]),2),z=M[0],F=M[1],U=r(d(-1),2),W=U[0],$=U[1],q=r(d(-1),2),G=q[0],H=q[1],J=r(d(!N),2),K=J[0],Q=J[1],V=null!=(h=null==L||null==(b=L.current)||null==(y=b.getBoundingClientRect())?void 0:y.width)?h:-1,X=function(t){Q(t),null==B||B(t)},Y=function(n){if("number"==typeof T)return T;var e,r="function"==typeof E?60:32,l=z.reduce(function(e,l,o){var u,a,c,s=l.itemRef;if(e.skip)return e;var d=(null==s?void 0:s.current)&&window.getComputedStyle(s.current),f=[parseInt(null==(c=s.current)||null==(a=c.getBoundingClientRect())?void 0:a.width,10),parseInt(null==d?void 0:d.marginLeft,10),parseInt(null==d?void 0:d.marginRight,10)].reduce(function(t,n){return isNaN(n)||(t+=n),t},0);return!isNaN(f)&&f>0&&f+e.width<n-r||0===o?e={count:e.count+1,width:e.width+f,items:((function(n){if(Array.isArray(n))return t(n)})(u=e.items)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(u)||i(u)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).concat([{w:f,r:null==s?void 0:s.current}])}:e.skip=!0,e},{count:0,width:0,items:[],skip:!1});return(null==l||null==(e=l.items)?void 0:e.length)===1&&z.length>1&&(l.items[0].r.style.maxWidth="".concat(n-r-8,"px")),null==l?void 0:l.count},Z=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};null==t||t.preventDefault(),null==t||t.stopPropagation(),n(t)};return a(function(){$(-1),H(-1),X(!1),F(P.map(function(t){return e(n({},t),{itemRef:u()})}))},[P]),c(function(){if(N&&-1!==V&&-1===W){var t,n=V;0===n&&(n=parseInt((null==L?void 0:L.current)?null==(t=window.getComputedStyle(null==L?void 0:L.current))?void 0:t.width:0)),isNaN(n)||$(Y(n))}},[z,V,null==L?void 0:L.current]),c(function(){H(W)},[W]),a(function(){H(K?null==z?void 0:z.length:W)},[K]),a(function(){(null==L?void 0:L.current)&&R&&(R.current=null==L?void 0:L.current)},[null==L?void 0:L.current]),o("div",{className:f("tag-list_wrapper","".concat(G===(null==z?void 0:z.length)&&N&&-1!==W&&W!==(null==z?void 0:z.length)?"tag-list_wrapper--all-items":"tag-list_wrapper--only-static-items"),O,{"tag-list_wrapper--disabled":w}),style:{visibility:-1===W?"hidden":"visible",zIndex:-1===W?"-1":"auto"},ref:L,children:[(null!=D?D:z.map(function(t){var n=t.value,e=t.id;return null!=n?n:e})).map(function(t,r){var i,o,u=z.find(function(n){var e=n.value,r=n.id;return(null!=e?e:r)===t});if(!u)return null;var a=-1!==G&&-1!==W&&r>=G;return l("div",{className:"tag-list_wrapper_item ".concat(a?"tag-list_wrapper_item--hidden":""),ref:m(null==u?void 0:u.itemRef),children:l(v,e(n({testId:"test-taglist-item-".concat(null!=(i=null==u?void 0:u.id)?i:null==u?void 0:u.value)},u),{onClick:j,removeItem:S}))},"tag-list-item-".concat(null!=(o=null==u?void 0:u.id)?o:null==u?void 0:u.value))}),function(){if((null==z?void 0:z.length)<T||!(null==z?void 0:z.length)||A)return null;var t=z.length-G;return 0!==t&&N&&-1!==W?l(v,{label:"+".concat(t),className:"tag-list_wrapper_render-more",onClick:A?function(){}:function(t){return Z(t,function(){return X(!0)})}}):null}(),G===(null==z?void 0:z.length)&&N&&-1!==W&&W!==(null==z?void 0:z.length)?l(v,{label:"...",className:"tag-list_wrapper_hide-more",onClick:function(t){return Z(t,function(){return X(!1)})}}):null,"function"==typeof E&&l("div",{className:"tag-list__edit-trigger",children:l(p,{onClick:E})})]})}

package/dist/Atomic/UI/UserBox/UserBox.interface.ts

@@ -0,0 +1,10 @@
+import type { IUniProps } from '../../../types/base.interface';
+
+export interface IUserBoxProps extends IUniProps {
+  name?: string;
+  role?: string;
+  id: string;
+  onClick?: () => void;
+  isModal?: boolean;
+  colors?: string[];
+}