intelicoreact 1.8.3 → 1.8.4

package/dist/Atomic/UI/Table/TdTypes/TdActions.jsx

@@ -0,0 +1,80 @@
+import { useState } from 'react';
+
+import * as Icons from 'react-feather';
+
+import Switcher from '../../../FormElements/Switcher/Switcher';
+
+import './TdTypes.scss';
+
+export function TdActions({ actions, onChange, onActionClick, rowItem }) {
+  if (!actions) return false;
+
+  const [state, setState] = useState(actions);
+
+  const handleArrayChange = (value, index, prop) => {
+    state[index][prop] = value;
+    setState([...state]);
+    onChange(state);
+  };
+
+  return (
+    <div className="j6">
+      {actions?.map((action, index) => {
+        switch (action.type) {
+          case 'download':
+            return (
+              <div
+                key={index}
+                className="td-actions--item td-actions--download"
+                onClick={() => {}}
+              >
+                <Icons.Download />
+              </div>
+            );
+          case 'edit':
+            return (
+              <div
+                key={index}
+                className="td-actions--item td-actions--edit"
+                onClick={() => {}}
+              >
+                <Icons.Edit3 />
+              </div>
+            );
+          case 'delete':
+            return (
+              <div
+                key={index}
+                className="td-actions--item td-actions--delete"
+                onClick={() => onActionClick('delete', rowItem)}
+              >
+                <Icons.Trash2 />
+              </div>
+            );
+          case 'undo':
+            return (
+              <div
+                key={index}
+                className="td-actions--item td-actions--undo"
+                onClick={() => onActionClick('undo', rowItem)}
+              >
+                <Icons.RotateCcw />
+              </div>
+            );
+          case 'switcher':
+            return (
+              <div key={index} className="df">
+                <Switcher
+                  label={action.label || null}
+                  isActive={action?.value}
+                  onChange={e => handleArrayChange(e, index, 'value')}
+                />
+              </div>
+            );
+          default:
+            return null;
+        }
+      })}
+    </div>
+  );
+}

package/dist/Atomic/UI/Table/TdTypes/TdPriority.d.ts

@@ -0,0 +1,6 @@
+export default TdPriority;
+declare function TdPriority({ onClick, rowIndex, cardLength }: {
+    onClick: any;
+    rowIndex: any;
+    cardLength: any;
+}): JSX.Element;

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

@@ -1 +1 @@
-import{jsx as r,jsxs as a}from"react/jsx-runtime";import"react";import e from"classnames";import{ArrowDown as s,ArrowUp as c}from"react-feather";import"../Table.scss";export default function(i){var t=i.onClick,n=i.rowIndex,l=i.cardLength;return a("div",{className:"cards-table__priority",children:[r("span",{className:"mr5",children:n+1}),a("div",{className:"df",children:[r(s,{onClick:function(){return t(n)},className:e("table--icon",{disabled:n+1===l})}),r(c,{onClick:function(){return t(n,!0)},className:e("table--icon",{disabled:0===n})})]})]})}
+Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib").__importDefault(require("classnames")),a=require("react-feather");require("../Table.scss"),exports.default=function(r){var t=r.onClick,c=r.rowIndex,l=r.cardLength;return React.createElement("div",{className:"cards-table__priority"},React.createElement("span",{className:"mr5"},c+1),React.createElement("div",{className:"df"},React.createElement(a.ArrowDown,{onClick:function(){return t(c)},className:(0,e.default)("table--icon",{disabled:c+1===l})}),React.createElement(a.ArrowUp,{onClick:function(){return t(c,!0)},className:(0,e.default)("table--icon",{disabled:0===c})})))};

package/dist/Atomic/UI/Table/TdTypes/TdPriority.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TdPriority.js","sourceRoot":"","sources":["../../../../../src/Atomic/UI/Table/TdTypes/TdPriority.jsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAC5B,iDAAmD;AAEnD,yBAAuB;AAEvB,SAAS,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE;IACnD,OAAO,CACL,6BAAK,SAAS,EAAC,uBAAuB;QACpC,8BAAM,SAAS,EAAC,KAAK,IAAE,QAAQ,GAAG,CAAC,CAAQ;QAC3C,6BAAK,SAAS,EAAC,IAAI;YACjB,oBAAC,yBAAS,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,EAChC,SAAS,EAAE,IAAA,oBAAE,EAAC,aAAa,EAAE;oBAC3B,QAAQ,EAAE,QAAQ,GAAG,CAAC,KAAK,UAAU;iBACtC,CAAC,GACF;YACF,oBAAC,uBAAO,IACN,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,EACtC,SAAS,EAAE,IAAA,oBAAE,EAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,QAAQ,KAAK,CAAC,EAAE,CAAC,GAC1D,CACE,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,UAAU,CAAC"}

package/dist/Atomic/UI/Table/TdTypes/TdPriority.jsx

@@ -0,0 +1,26 @@
+import cn from 'classnames';
+import { ArrowDown, ArrowUp } from 'react-feather';
+
+import '../Table.scss';
+
+function TdPriority({ onClick, rowIndex, cardLength }) {
+  return (
+    <div className="cards-table__priority">
+      <span className="mr5">{rowIndex + 1}</span>
+      <div className="df">
+        <ArrowDown
+          onClick={() => onClick(rowIndex)}
+          className={cn('table--icon', {
+            disabled: rowIndex + 1 === cardLength,
+          })}
+        />
+        <ArrowUp
+          onClick={() => onClick(rowIndex, true)}
+          className={cn('table--icon', { disabled: rowIndex === 0 })}
+        />
+      </div>
+    </div>
+  );
+}
+
+export default TdPriority;

package/dist/Atomic/UI/Table/TdTypes/TdRange.d.ts

@@ -0,0 +1,4 @@
+export default TdRange;
+declare function TdRange({ item }: {
+    item: any;
+}): false | JSX.Element;

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

@@ -1 +1 @@
-import{jsx as r,jsxs as n}from"react/jsx-runtime";export default function(e){var i=e.item;return!!i&&n("div",{children:[r("span",{children:i.from}),r("span",{children:" - "}),r("span",{children:i.to})]})}
+Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=function(e){var t=e.item;return!!t&&React.createElement("div",null,React.createElement("span",null,t.from),React.createElement("span",null," - "),React.createElement("span",null,t.to))};

package/dist/Atomic/UI/Table/TdTypes/TdRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TdRange.js","sourceRoot":"","sources":["../../../../../src/Atomic/UI/Table/TdTypes/TdRange.jsx"],"names":[],"mappings":";;AAAA,SAAS,OAAO,CAAC,EAAE,IAAI,EAAE;IACvB,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAC;IAExB,OAAO,CACL;QACE,kCAAO,IAAI,CAAC,IAAI,CAAQ;QACxB,wCAAgB;QAChB,kCAAO,IAAI,CAAC,EAAE,CAAQ,CAClB,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,OAAO,CAAC"}

package/dist/Atomic/UI/Table/TdTypes/TdRange.jsx

@@ -0,0 +1,13 @@
+function TdRange({ item }) {
+  if (!item) return false;
+
+  return (
+    <div>
+      <span>{item.from}</span>
+      <span> - </span>
+      <span>{item.to}</span>
+    </div>
+  );
+}
+
+export default TdRange;

package/dist/Atomic/UI/Table/TdTypes/TdWeight.d.ts

@@ -0,0 +1,7 @@
+export default TdWeight;
+declare function TdWeight({ value, percent, onChange, className }: {
+    value: any;
+    percent: any;
+    onChange: any;
+    className: any;
+}): JSX.Element;

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

@@ -1 +1 @@
-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,"%)"]})]})})}
+function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib").__importDefault(require("classnames")),r=require("react"),n=require("../../../../Functions/utils"),a=require("../../Modal/Modal");require("../Table.scss"),exports.default=function(l){var u,o=l.value,c=l.percent,i=l.onChange,s=l.className,f=(u=(0,r.useState)(o),function(e){if(Array.isArray(e))return e}(u)||function(e,t){var r,n,a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=a){var l=[],u=!0,o=!1;try{for(a=a.call(e);!(u=(r=a.next()).done)&&(l.push(r.value),l.length!==t);u=!0);}catch(e){o=!0,n=e}finally{try{u||null==a.return||a.return()}finally{if(o)throw n}}return l}}(u,2)||function(t,r){if(t){if("string"==typeof t)return e(t,2);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}(u,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.")}()),m=f[0],g=f[1],y=(0,n.useOutsideToggle)(!1),d=y.isToggled,p=y.toggleOff,v=y.toggleOn;return(0,r.useEffect)(function(){g(o)},[o,d]),React.createElement(React.Fragment,null,d?React.createElement(Input,{value:m,onChange:function(e){return g(e)},onBlur:p,onKeyUp:function(e){var t=e.keyCode,r=e.target;t===a.KEY_CODE.ENTER&&(i(Number(r.value)||1),p())},autoFocus:!0}):React.createElement("div",{className:(0,t.default)("td-weight",s),onClick:v},React.createElement("span",null,o),React.createElement("span",{className:"ml2 color--grey-gull"},"(",c,"%)")))};

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

@@ -0,0 +1 @@
+{"version":3,"file":"TdWeight.js","sourceRoot":"","sources":["../../../../../src/Atomic/UI/Table/TdTypes/TdWeight.jsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAE5B,iCAA4C;AAE5C,uDAA+D;AAC/D,6CAA6C;AAE7C,yBAAuB;AAEvB,SAAS,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE;IACvD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,EACJ,SAAS,EAAE,QAAQ,EACnB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,WAAW,GACtB,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC;IAE5B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClB,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;QAC1C,IAAI,OAAO,KAAK,gBAAQ,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAC3C,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACnB,aAAa,EAAE,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,0CACG,QAAQ;QACP,CAAC,CAAC,CACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC1B,MAAM,EAAE,aAAa,EACrB,OAAO,EAAE,WAAW,EACpB,SAAS,SACT,CACH;QACH,CAAC,CAAC,CACE,6BAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,WAAW,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,WAAW;YAC9D,kCAAO,KAAK,CAAQ;YACpB,8BAAM,SAAS,EAAC,sBAAsB;;gBAEnC,OAAO;qBAEH,CACH,CACP,CACJ,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,56 @@
+import cn from 'classnames';
+
+import { useEffect, useState } from 'react';
+
+import { useOutsideToggle } from '../../../../Functions/utils';
+import { KEY_CODE } from '../../Modal/Modal';
+
+import '../Table.scss';
+
+function TdWeight({ value, percent, onChange, className }) {
+  const [state, setState] = useState(value);
+  const {
+    isToggled: isEdited,
+    toggleOff: unsetIsEdited,
+    toggleOn: setIsEdited,
+  } = useOutsideToggle(false);
+
+  useEffect(() => {
+    setState(value);
+  }, [value, isEdited]);
+
+  const handleKeyUp = ({ keyCode, target }) => {
+    if (keyCode === KEY_CODE.ENTER) {
+      const newValue = Number(target.value) || 1;
+      onChange(newValue);
+      unsetIsEdited();
+    }
+  };
+
+  return (
+    <>
+      {isEdited
+        ? (
+            <Input
+              value={state}
+              onChange={e => setState(e)}
+              onBlur={unsetIsEdited}
+              onKeyUp={handleKeyUp}
+              autoFocus
+            />
+          )
+        : (
+            <div className={cn('td-weight', className)} onClick={setIsEdited}>
+              <span>{value}</span>
+              <span className="ml2 color--grey-gull">
+                (
+                {percent}
+                %)
+              </span>
+            </div>
+          )}
+    </>
+  );
+}
+
+export default TdWeight;

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

@@ -0,0 +1,5 @@
+import type { ITagProps } from './Tag.interface';
+import React from 'react';
+import './Tag.scss';
+declare const Tag: React.FC<ITagProps>;
+export default Tag;

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

@@ -1 +1 @@
-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=[],i=!0,l=!1;try{for(o=o.call(e);!(i=(n=o.next()).done)&&(a.push(n.value),!t||a.length!==t);i=!0);}catch(e){l=!0,r=e}finally{try{i||null==o.return||o.return()}finally{if(l)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=u(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 i=o?Object.getOwnPropertyDescriptor(e,a):null;i&&(i.get||i.set)?Object.defineProperty(r,a,i):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}(require("react")),a=require("react-dom"),i=require("react-feather"),l=u(require("../../Layout/Spinner"));function u(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 u,c,f=e.value,d=e.className,p=e.style,m=e.label,y=e.warning,v=e.isWarningHint,g=e.removeItem,b=e.name,h=e.isPopup,j=e.popupInfoContent,w=e.popupClassName,x=e.id,_=e.isNoDismiss,O=e.onClick,P=void 0===O?s:O,M=e.testId,N=(0,o.useRef)(null),S=t((0,o.useState)(!1),2),E=S[0],k=S[1],C=t((0,o.useState)(!1),2),q=C[0],A=C[1],I=null!=(c=null==N||null==(u=N.current)?void 0:u.getBoundingClientRect())?c:{},L=I.x,W=I.y,D=I.height,R=I.width,T=window.scrollY,B=(0,o.useMemo)(function(){if(!q||!(null==N?void 0:N.current))return{};var e,t=null==N||null==(e=N.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)")}},[q,L,W,R,D,T]),z=function(){h&&A(!q),P(x)},H=function(){A(!1)};return(0,o.useEffect)(function(){return document.addEventListener("click",H,!0),function(){document.removeEventListener("click",H,!0)}},[]),(0,o.useEffect)(function(){var e=function(){A(!1)};return window.addEventListener("scroll",e,!0),function(){window.removeEventListener("scroll",e,!0)}},[]),(0,n.jsxs)("div",{onMouseEnter:function(){return k(!0)},onMouseLeave:function(){return k(!1)},"data-testid":void 0===M?"tag":M,role:"listitem","aria-label":"Tag: ".concat(m||b),className:(0,r.default)("tag",d,{"tag-warn":y}),style:null!=p?p:{},onClick:function(){return z()},ref:N,children:[y&&"string"==typeof y&&(0,n.jsx)(i.AlertTriangle,{className:"advanced-tags--warning-icon mr5","aria-label":"Warning"}),y&&"string"==typeof y&&E&&(void 0===v||v)&&(0,n.jsx)("div",{className:"tag__warn-hint",role:"tooltip",children:y}),(0,n.jsx)("span",{className:"tag__label",children:m||b}),g&&!(void 0===_||_)&&(0,n.jsx)("button",{type:"button",onClick:function(e){null==e||e.preventDefault(),null==e||e.stopPropagation(),g(f)},"aria-label":"Remove ".concat(m||b),className:"tag__button",children:(0,n.jsx)(i.X,{className:"color--text"})}),q&&(0,a.createPortal)((0,n.jsx)("div",{id:"tagPopup".concat(f),className:(0,r.default)("tag__popup",w),style:B,children:j||(0,n.jsx)(l.default,{size:"small"})}),document.getElementById("app"))]})};
+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,i=!1;try{for(o=o.call(e);!(l=(n=o.next()).done)&&(a.push(n.value),!t||a.length!==t);l=!0);}catch(e){i=!0,r=e}finally{try{l||null==o.return||o.return()}finally{if(i)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=u(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"),i=u(require("../../Layout/Spinner"));function u(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 u,c,f,d=e.value,p=e.className,m=e.style,y=e.label,v=e.warning,g=e.isWarningHint,b=e.removeItem,h=e.name,j=e.isPopup,w=e.popupInfoContent,x=e.popupClassName,_=e.id,O=e.isNoDismiss,P=e.onClick,M=void 0===P?s:P,N=e.testId,S=(0,o.useRef)(null),E=t((0,o.useState)(!1),2),k=E[0],C=E[1],q=t((0,o.useState)(!1),2),A=q[0],I=q[1],L=null!=(c=null==S||null==(u=S.current)?void 0:u.getBoundingClientRect())?c:{},W=L.x,D=L.y,R=L.height,T=L.width,B=window.scrollY,z=(0,o.useMemo)(function(){if(!A||!(null==S?void 0:S.current))return{};var e,t=null==S||null==(e=S.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+B,"px"),transform:"translate(calc(-1 * calc(100% - ".concat(a/2+22,"px)), ").concat(o+10,"px)")}},[A,W,D,T,R,B]),H=function(){j&&I(!A),M(_)},U=function(){I(!1)};return(0,o.useEffect)(function(){return document.addEventListener("click",U,!0),function(){document.removeEventListener("click",U,!0)}},[]),(0,o.useEffect)(function(){var e=function(){I(!1)};return window.addEventListener("scroll",e,!0),function(){window.removeEventListener("scroll",e,!0)}},[]),(0,n.jsxs)("div",{onMouseEnter:function(){return C(!0)},onMouseLeave:function(){return C(!1)},"data-testid":void 0===N?"tag":N,role:"listitem","aria-label":"Tag: ".concat(y||h),className:(0,r.default)("tag",p,{"tag-warn":v}),style:null!=m?m:{},onClick:function(){return H()},ref:S,children:[v&&"string"==typeof v&&(0,n.jsx)(l.AlertTriangle,{className:"advanced-tags--warning-icon mr5","aria-label":"Warning"}),v&&"string"==typeof v&&k&&(void 0===g||g)&&(0,n.jsx)("div",{className:"tag__warn-hint",role:"tooltip",children:v}),(0,n.jsx)("span",{className:"tag__label",children:y||h}),b&&!(void 0===O||O)&&(0,n.jsx)("button",{type:"button",onClick:function(e){null==e||e.preventDefault(),null==e||e.stopPropagation(),b(d)},"aria-label":"Remove ".concat(y||h),className:"tag__button",children:(0,n.jsx)(l.X,{className:"color--text"})}),A&&(0,a.createPortal)((0,n.jsx)("div",{id:"tagPopup".concat(d),className:(0,r.default)("tag__popup",x),style:z,children:w||(0,n.jsx)(i.default,{size:"small"})}),null!=(f=document.getElementById("root"))?f:document.body)]})};

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../src/Atomic/UI/Tag/Tag.tsx"],"names":[],"mappings":"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"}

package/dist/Atomic/UI/TagList/TagList.d.ts

@@ -0,0 +1,16 @@
+export default TagList;
+declare function TagList({ disabled, className, onTagClick, removeItem, items, withToggle, disableShowMore, shownItemsCount, testId, refProp, renderOrder, onEditClick, onToggleRenderAll, }: {
+    disabled: any;
+    className: any;
+    onTagClick: any;
+    removeItem?: null | undefined;
+    items?: never[] | undefined;
+    withToggle?: boolean | undefined;
+    disableShowMore?: boolean | undefined;
+    shownItemsCount?: string | undefined;
+    testId?: string | undefined;
+    refProp: any;
+    renderOrder: any;
+    onEditClick: any;
+    onToggleRenderAll: any;
+}): JSX.Element;

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

@@ -1 +1 @@
-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 r?r===t:!!e&&e===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})})]})}
+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(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),r.forEach(function(t){var r;r=n[t],t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r})}return e}function n(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n.push.apply(n,r)}return n})(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}),e}function r(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n,r,l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=l){var i=[],u=!0,o=!1;try{for(l=l.call(e);!(u=(n=l.next()).done)&&(i.push(n.value),!t||i.length!==t);u=!0);}catch(e){o=!0,r=e}finally{try{u||null==l.return||l.return()}finally{if(o)throw r}}return i}}(e,t)||l(e,t)||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 l(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)}}Object.defineProperty(exports,"__esModule",{value:!0});var i=require("tslib"),u=i.__importDefault(require("classnames")),o=require("react"),a=require("react-feather"),c=require("../../../Functions/utils"),f=i.__importDefault(require("../Tag/Tag"));require("./TagList.scss"),exports.default=function(i){var s,d,v,m=i.disabled,p=i.className,g=i.onTagClick,y=i.removeItem,b=void 0===y?null:y,h=i.items,w=void 0===h?[]:h,O=i.withToggle,_=void 0===O||O,j=i.disableShowMore,S=void 0!==j&&j,E=i.shownItemsCount,R=void 0===E?"auto":E,N=(i.testId,i.refProp),I=i.renderOrder,P=i.onEditClick,k=i.onToggleRenderAll,C=(0,o.useRef)(null),A=r((0,o.useState)([]),2),T=A[0],q=A[1],D=r((0,o.useState)(-1),2),x=D[0],L=D[1],M=r((0,o.useState)(-1),2),B=M[0],z=M[1],F=r((0,o.useState)(!_),2),U=F[0],W=F[1],$=null!=(v=null==(d=null==(s=null==C?void 0:C.current)?void 0:s.getBoundingClientRect())?void 0:d.width)?v:-1,G=function(e){W(e),null==k||k(e)},H=function(t){if("number"==typeof R)return R;var n,r="function"==typeof P?60:32,i=T.reduce(function(n,i,u){var o,a,c,f=i.itemRef;if(n.skip)return n;var s=(null==f?void 0:f.current)&&window.getComputedStyle(f.current),d=[Number.parseInt(null==(c=null==(a=f.current)?void 0:a.getBoundingClientRect())?void 0:c.width,10),Number.parseInt(null==s?void 0:s.marginLeft,10),Number.parseInt(null==s?void 0:s.marginRight,10)].reduce(function(e,t){return isNaN(t)||(e+=t),e},0);return!isNaN(d)&&d>0&&d+n.width<t-r||0===u?n={count:n.count+1,width:n.width+d,items:((function(t){if(Array.isArray(t))return e(t)})(o=n.items)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(o)||l(o)||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:d,r:null==f?void 0:f.current}])}:n.skip=!0,n},{count:0,width:0,items:[],skip:!1});return(null==(n=null==i?void 0:i.items)?void 0:n.length)===1&&T.length>1&&(i.items[0].r.style.maxWidth="".concat(t-r-8,"px")),null==i?void 0:i.count},J=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){};null==e||e.preventDefault(),null==e||e.stopPropagation(),t(e)};return(0,o.useEffect)(function(){L(-1),z(-1),G(!1),q(w.map(function(e){return n(t({},e),{itemRef:(0,o.createRef)()})}))},[w]),(0,o.useLayoutEffect)(function(){var e;if(_&&-1!==$&&-1===x){var t=$;0===t&&(t=Number.parseInt((null==C?void 0:C.current)?null==(e=window.getComputedStyle(null==C?void 0:C.current))?void 0:e.width:0)),isNaN(t)||L(H(t))}},[T,$,null==C?void 0:C.current]),(0,o.useLayoutEffect)(function(){z(x)},[x]),(0,o.useEffect)(function(){z(U?null==T?void 0:T.length:x)},[U]),(0,o.useEffect)(function(){(null==C?void 0:C.current)&&N&&(N.current=null==C?void 0:C.current)},[null==C?void 0:C.current]),React.createElement("div",{className:(0,u.default)("tag-list_wrapper","".concat(B===(null==T?void 0:T.length)&&_&&-1!==x&&x!==(null==T?void 0:T.length)?"tag-list_wrapper--all-items":"tag-list_wrapper--only-static-items"),p,{"tag-list_wrapper--disabled":m}),style:{visibility:-1===x?"hidden":"visible",zIndex:-1===x?"-1":"auto"},ref:C},(null!=I?I:T.map(function(e){var t=e.value,n=e.id;return null!=t?t:n})).map(function(e,r){var l,i,u=T.find(function(t){var n=t.value,r=t.id;return r?r===e:!!n&&n===e});if(!u)return null;var o=-1!==B&&-1!==x&&r>=B;return React.createElement("div",{className:"tag-list_wrapper_item ".concat(o?"tag-list_wrapper_item--hidden":""),key:"tag-list-item-".concat(null!=(l=null==u?void 0:u.id)?l:null==u?void 0:u.value),ref:(0,c.checkedRef)(null==u?void 0:u.itemRef)},React.createElement(f.default,n(t({testId:"test-taglist-item-".concat(null!=(i=null==u?void 0:u.id)?i:null==u?void 0:u.value)},u),{onClick:g,removeItem:b})))}),function(){if((null==T?void 0:T.length)<R||!(null==T?void 0:T.length)||S)return null;var e=T.length-B;return 0!==e&&_&&-1!==x?React.createElement(f.default,{label:"+".concat(e),className:"tag-list_wrapper_render-more",onClick:S?function(){}:function(e){return J(e,function(){return G(!0)})}}):null}(),B===(null==T?void 0:T.length)&&_&&-1!==x&&x!==(null==T?void 0:T.length)?React.createElement(f.default,{label:"...",className:"tag-list_wrapper_hide-more",onClick:function(e){return J(e,function(){return G(!1)})}}):null,"function"==typeof P&&React.createElement("div",{className:"tag-list__edit-trigger"},React.createElement(a.Edit3,{onClick:P})))};

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagList.js","sourceRoot":"","sources":["../../../../src/Atomic/UI/TagList/TagList.jsx"],"names":[],"mappings":"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"}

package/dist/Atomic/UI/TagList/TagList.jsx

@@ -0,0 +1,257 @@
+import cn from 'classnames';
+
+import {
+  createRef,
+  useEffect,
+  useLayoutEffect,
+  useRef,
+  useState,
+} from 'react';
+import { Edit3 } from 'react-feather';
+
+import { checkedRef } from '../../../Functions/utils';
+import Tag from '../Tag/Tag';
+
+import './TagList.scss';
+
+function TagList({
+  disabled,
+  className,
+  onTagClick,
+  removeItem = null,
+  items = [],
+  withToggle = true,
+  disableShowMore = false,
+  shownItemsCount = 'auto',
+  testId = 'test-taglist',
+  refProp,
+
+  renderOrder,
+
+  onEditClick,
+  onToggleRenderAll,
+}) {
+  const wrapperRef = useRef(null);
+  const [tagList, setTagList] = useState([]);
+
+  const [staticTagsCount, setStaticTagsCount] = useState(-1);
+  const [renderItemsCount, setRenderItemsCount] = useState(-1);
+  const [renderAll, setRenderAll] = useState(!withToggle);
+
+  const wrapperWidth
+    = wrapperRef?.current?.getBoundingClientRect()?.width ?? -1;
+
+  const setRenderAllInterceptor = (v) => {
+    setRenderAll(v);
+    onToggleRenderAll?.(v);
+  };
+
+  const getStaticTagsCount = (computedWidth) => {
+    if (typeof shownItemsCount === 'number') return shownItemsCount;
+
+    const delta = typeof onEditClick === 'function' ? 60 : 32;
+    const result = tagList.reduce(
+      (result, { itemRef }, index) => {
+        if (result.skip) return result;
+
+        const itemStyle
+          = itemRef?.current && window.getComputedStyle(itemRef.current);
+
+        const itemWidth = [
+          Number.parseInt(itemRef.current?.getBoundingClientRect()?.width, 10),
+          Number.parseInt(itemStyle?.marginLeft, 10),
+          Number.parseInt(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?.current }],
+          };
+        }
+        else {
+          result.skip = true;
+        }
+
+        return result;
+      },
+      { count: 0, width: 0, items: [], skip: false },
+    );
+    console.log('result', result)
+    if (result?.items?.length === 1 && tagList.length > 1) {
+      result.items[0].r.style.maxWidth = `${computedWidth - delta - 8}px`;
+    }
+
+    return result?.count;
+  };
+
+  const cancelDefault = (e, cb = () => {}) => {
+    e?.preventDefault();
+    e?.stopPropagation();
+
+    cb(e);
+  };
+
+  const renderTags = () => {
+    const tagsRenderOrder
+      = renderOrder ?? tagList.map(({ value, id }) => value ?? id);
+
+    return tagsRenderOrder.map((v, i) => {
+      const item = tagList.find(({ value, id }) => {
+        if (id) return id === v; // сначала ищем по id
+        if (value) return value === v; // потом по value
+        return false;
+      });
+
+      if (!item) return null;
+
+      const isHidden
+        = renderItemsCount !== -1 && staticTagsCount !== -1
+          ? i >= renderItemsCount
+          : false;
+
+      return (
+        <div
+          className={`tag-list_wrapper_item ${isHidden ? 'tag-list_wrapper_item--hidden' : ''}`}
+          key={`tag-list-item-${item?.id ?? item?.value}`}
+          ref={checkedRef(item?.itemRef)}
+        >
+          <Tag
+            testId={`test-taglist-item-${item?.id ?? item?.value}`}
+            {...item}
+            onClick={onTagClick}
+            removeItem={removeItem}
+          />
+        </div>
+      );
+    });
+  };
+
+  const renderMoreTags = () => {
+    if (
+      tagList?.length < shownItemsCount
+      || !tagList?.length
+      || disableShowMore
+    ) {
+      return null;
+    }
+    const restItems = tagList.length - renderItemsCount;
+
+    if (restItems === 0 || !withToggle || staticTagsCount === -1) return null;
+
+    return (
+      <Tag
+        label={`+${restItems}`}
+        className="tag-list_wrapper_render-more"
+        onClick={
+          disableShowMore
+            ? () => {}
+            : e => cancelDefault(e, () => setRenderAllInterceptor(true))
+        }
+      />
+    );
+  };
+  const renderHideTags = () => {
+    if (
+      renderItemsCount !== tagList?.length
+      || !withToggle
+      || staticTagsCount === -1
+      || staticTagsCount === tagList?.length
+    ) {
+      return null;
+    }
+
+    return (
+      <Tag
+        label="..."
+        className="tag-list_wrapper_hide-more"
+        onClick={e => cancelDefault(e, () => setRenderAllInterceptor(false))}
+      />
+    );
+  };
+
+  // Set TagList Items
+  useEffect(() => {
+    setStaticTagsCount(-1);
+    setRenderItemsCount(-1);
+    setRenderAllInterceptor(false);
+    const itemsWithRef = items.map(item => ({ ...item, itemRef: createRef() }));
+    setTagList(itemsWithRef);
+  }, [items]);
+
+  // Count Row Tags
+  useLayoutEffect(() => {
+    if (withToggle && wrapperWidth !== -1 && staticTagsCount === -1) {
+      let computedWidth = wrapperWidth;
+
+      if (computedWidth === 0) {
+        computedWidth = Number.parseInt(
+          wrapperRef?.current
+            ? window.getComputedStyle(wrapperRef?.current)?.width
+            : 0,
+        );
+      }
+
+      if (!isNaN(computedWidth)) {
+        setStaticTagsCount(getStaticTagsCount(computedWidth));
+      }
+    }
+  }, [tagList, wrapperWidth, wrapperRef?.current]);
+
+  //
+  useLayoutEffect(() => {
+    setRenderItemsCount(staticTagsCount);
+  }, [staticTagsCount]);
+
+  // Toggle Show/Hide More Tags
+  useEffect(() => {
+    setRenderItemsCount(renderAll ? tagList?.length : staticTagsCount);
+  }, [renderAll]);
+
+  useEffect(() => {
+    if (wrapperRef?.current && refProp) refProp.current = wrapperRef?.current;
+  }, [wrapperRef?.current]);
+
+  return (
+    <div
+      className={cn(
+        'tag-list_wrapper',
+        `${
+          renderItemsCount !== tagList?.length
+          || !withToggle
+          || staticTagsCount === -1
+          || staticTagsCount === 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}
+    >
+      {renderTags()}
+      {renderMoreTags()}
+      {renderHideTags()}
+      {typeof onEditClick === 'function' && (
+        <div className="tag-list__edit-trigger">
+          <Edit3 onClick={onEditClick} />
+        </div>
+      )}
+    </div>
+  );
+}
+
+export default TagList;

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

@@ -0,0 +1,5 @@
+import type { IUserBoxProps } from './UserBox.interface';
+import React from 'react';
+import './UserBox.scss';
+declare const UserBox: React.FC<IUserBoxProps>;
+export default UserBox;

package/dist/Atomic/UI/UserBox/index.d.ts

@@ -0,0 +1,3 @@
+import UserBox from './UserBox';
+export default UserBox;
+export type { IUserBoxProps } from './UserBox.interface';