intelicoreact 1.6.6 → 1.6.8

package/dist/Atomic/UI/Table/Partials/TdRow.js

@@ -16,6 +16,19 @@ const _Modal = /*#__PURE__*/ _interop_require_default(require("../../Modal/Modal
 const _TdRange = /*#__PURE__*/ _interop_require_default(require("../TdTypes/TdRange"));
 const _TdCell = /*#__PURE__*/ _interop_require_default(require("./TdCell"));
 require("../Table.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
@@ -62,11 +75,24 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
 const TdRow = ({ item, onChange, rowIndex, cardStatus, range, type, rowSpan, colSpan, cardLength, changePriority, getAdviceWeight, onActionClick, isDeleted, testId = "td-row" })=>{
     const [isOpen, setIsOpen] = (0, _react.useState)(false);
-    const handleChange = (0, _utils.handleObjectChange)(item, ()=>onChange({
-            ...item
-        }));
+    const handleChange = (0, _utils.handleObjectChange)(item, ()=>onChange(_object_spread({}, item)));
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsxs)("tr", {
@@ -127,3 +153,5 @@ const TdRow = ({ item, onChange, rowIndex, cardStatus, range, type, rowSpan, col
     });
 };
 const _default = TdRow;
+
+//# sourceMappingURL=TdRow.js.map

package/dist/Atomic/UI/Table/Partials/TdRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Table/Partials/TdRow.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport { handleObjectChange } from \"../../../../Functions/utils\";\nimport Modal from \"../../Modal/Modal\";\nimport TdRange from \"../TdTypes/TdRange\";\n\nimport TdCell from \"./TdCell\";\n\nimport \"../Table.scss\";\n\nconst TdRow = ({\n  item,\n  onChange,\n  rowIndex,\n  cardStatus,\n  range,\n  type,\n  rowSpan,\n  colSpan,\n  cardLength,\n  changePriority,\n  getAdviceWeight,\n  onActionClick,\n  isDeleted,\n  testId = \"td-row\",\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handleChange = handleObjectChange(item, () => onChange({ ...item }));\n\n  return (\n    <>\n      <tr data-testid={testId}>\n        {type && rowSpan && (\n          <td className=\"rel\" rowSpan={rowSpan + 1}>\n            <span\n              className={cn(\n                type && `cards-table__score cards-table__score-${cardStatus}`,\n              )}\n            >\n              <TdRange item={range} />\n            </span>\n          </td>\n        )}\n\n        {Object.entries(item).map(([key, value]) =>\n          key === \"id\" || key === \"isDeleted\" ? null : (\n            <td\n              key={key}\n              className={cn(\"cards-table__body-item\", {\n                \"cards-table__accordion\": value.type === \"accordion\",\n              })}\n            >\n              <TdCell\n                onActionClick={onActionClick}\n                changePriority={changePriority}\n                cardLength={cardLength}\n                rowIndex={rowIndex}\n                rowItem={item}\n                type={key}\n                item={value}\n                onChange={(newValue) => handleChange(newValue, key)}\n                getAdviceWeight={getAdviceWeight}\n                isDeleted={isDeleted}\n              />\n            </td>\n          ),\n        )}\n      </tr>\n\n      {type && colSpan ? (\n        <tr>\n          <td />\n          <td colSpan={colSpan}>\n            <span\n              className=\"cards-table__title-select-lender-btn\"\n              onClick={() => setIsOpen(true)}\n            >\n              Select Lender\n            </span>\n\n            <Modal\n              closeModal={() => setIsOpen(false)}\n              isOpen={isOpen}\n              title=\"Choose Lender\"\n              size=\"420\"\n            >\n              test\n            </Modal>\n          </td>\n        </tr>\n      ) : null}\n    </>\n  );\n};\n\nexport default TdRow;\n"],"names":["TdRow","item","onChange","rowIndex","cardStatus","range","type","rowSpan","colSpan","cardLength","changePriority","getAdviceWeight","onActionClick","isDeleted","testId","isOpen","setIsOpen","useState","handleChange","handleObjectChange","tr","data-testid","td","className","span","cn","TdRange","Object","entries","map","key","value","TdCell","rowItem","newValue","onClick","Modal","closeModal","title","size"],"mappings":";;;;+BAkGA;;;eAAA;;;;+DAlGgC;mEAEjB;uBAEoB;8DACjB;gEACE;+DAED;QAEZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,QAAQ,CAAC,EACbC,IAAI,EACJC,QAAQ,EACRC,QAAQ,EACRC,UAAU,EACVC,KAAK,EACLC,IAAI,EACJC,OAAO,EACPC,OAAO,EACPC,UAAU,EACVC,cAAc,EACdC,eAAe,EACfC,aAAa,EACbC,SAAS,EACTC,SAAS,QAAQ,EAClB;IACC,MAAM,CAACC,QAAQC,UAAU,GAAGC,IAAAA,eAAQ,EAAC;IAErC,MAAMC,eAAeC,IAAAA,yBAAkB,EAAClB,MAAM,IAAMC,SAAS,mBAAKD;IAElE,qBACE;;0BACE,sBAACmB;gBAAGC,eAAaP;;oBACdR,QAAQC,yBACP,qBAACe;wBAAGC,WAAU;wBAAMhB,SAASA,UAAU;kCACrC,cAAA,qBAACiB;4BACCD,WAAWE,IAAAA,mBAAE,EACXnB,QAAQ,CAAC,sCAAsC,EAAEF,YAAY;sCAG/D,cAAA,qBAACsB,gBAAO;gCAACzB,MAAMI;;;;oBAKpBsB,OAAOC,OAAO,CAAC3B,MAAM4B,GAAG,CAAC,CAAC,CAACC,KAAKC,MAAM,GACrCD,QAAQ,QAAQA,QAAQ,cAAc,qBACpC,qBAACR;4BAECC,WAAWE,IAAAA,mBAAE,EAAC,0BAA0B;gCACtC,0BAA0BM,MAAMzB,IAAI,KAAK;4BAC3C;sCAEA,cAAA,qBAAC0B,eAAM;gCACLpB,eAAeA;gCACfF,gBAAgBA;gCAChBD,YAAYA;gCACZN,UAAUA;gCACV8B,SAAShC;gCACTK,MAAMwB;gCACN7B,MAAM8B;gCACN7B,UAAU,CAACgC,WAAahB,aAAagB,UAAUJ;gCAC/CnB,iBAAiBA;gCACjBE,WAAWA;;2BAfRiB;;;YAsBZxB,QAAQE,wBACP,sBAACY;;kCACC,qBAACE;kCACD,sBAACA;wBAAGd,SAASA;;0CACX,qBAACgB;gCACCD,WAAU;gCACVY,SAAS,IAAMnB,UAAU;0CAC1B;;0CAID,qBAACoB,cAAK;gCACJC,YAAY,IAAMrB,UAAU;gCAC5BD,QAAQA;gCACRuB,OAAM;gCACNC,MAAK;0CACN;;;;;iBAKH;;;AAGV;MAEA,WAAevC"}

package/dist/Atomic/UI/Table/Partials/TdTitle.js

@@ -116,3 +116,5 @@ const TdTitle = ({ locations, title })=>{
     });
 };
 const _default = TdTitle;
+
+//# sourceMappingURL=TdTitle.js.map

package/dist/Atomic/UI/Table/Partials/TdTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Table/Partials/TdTitle.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport Langs from \"../../../../../Langs\";\nimport Modal from \"../../Modal/Modal\";\nimport Tag from \"../../Tag/Tag\";\n\nimport \"../Table.scss\";\n\nconst TdTitle = ({ locations, title }) => {\n  const txt = Langs[global.lng];\n  const [isOpen, setIsOpen] = useState(false);\n\n  return (\n    <div className=\"cards-table__title-box\">\n      <div className=\"cards-table__title-box--left\">\n        <div className=\"cards-table__title-box--title\">\n          {txt.titles[title] || title}\n        </div>\n        <div className=\"cards-table__title-box--tags\">\n          <span className=\"mr5\">{txt.labels.locations.toUpperCase()}:</span>\n          {locations?.map((tag, index) => (\n            <Tag key={index} label={tag.label} />\n          ))}\n        </div>\n      </div>\n\n      <div className=\"cards-table__title-box--right\">\n        <span\n          onClick={() => setIsOpen(true)}\n          className=\"cards-table__title-edit-btn mr5\"\n        >\n          {txt.buttons.edit}\n        </span>\n\n        <Modal\n          mode=\"edit\"\n          closeModal={() => setIsOpen(false)}\n          isOpen={isOpen}\n          title={txt.titles.pingTree}\n          size=\"420\"\n        >\n          test\n        </Modal>\n        <span className=\"cards-table__title-delete-btn\">\n          {txt.buttons.deletePingTree}\n        </span>\n      </div>\n    </div>\n  );\n};\n\nexport default TdTitle;\n"],"names":["TdTitle","locations","title","txt","Langs","global","lng","isOpen","setIsOpen","useState","div","className","titles","span","labels","toUpperCase","map","tag","index","Tag","label","onClick","buttons","edit","Modal","mode","closeModal","pingTree","size","deletePingTree"],"mappings":";;;;+BAmDA;;;eAAA;;;;+DAnDgC;8DAEd;8DACA;4DACF;QAET;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,UAAU,CAAC,EAAEC,SAAS,EAAEC,KAAK,EAAE;IACnC,MAAMC,MAAMC,cAAK,CAACC,OAAOC,GAAG,CAAC;IAC7B,MAAM,CAACC,QAAQC,UAAU,GAAGC,IAAAA,eAAQ,EAAC;IAErC,qBACE,sBAACC;QAAIC,WAAU;;0BACb,sBAACD;gBAAIC,WAAU;;kCACb,qBAACD;wBAAIC,WAAU;kCACZR,IAAIS,MAAM,CAACV,MAAM,IAAIA;;kCAExB,sBAACQ;wBAAIC,WAAU;;0CACb,sBAACE;gCAAKF,WAAU;;oCAAOR,IAAIW,MAAM,CAACb,SAAS,CAACc,WAAW;oCAAG;;;4BACzDd,sBAAAA,gCAAAA,UAAWe,GAAG,CAAC,CAACC,KAAKC,sBACpB,qBAACC,YAAG;oCAAaC,OAAOH,IAAIG,KAAK;mCAAvBF;;;;;0BAKhB,sBAACR;gBAAIC,WAAU;;kCACb,qBAACE;wBACCQ,SAAS,IAAMb,UAAU;wBACzBG,WAAU;kCAETR,IAAImB,OAAO,CAACC,IAAI;;kCAGnB,qBAACC,cAAK;wBACJC,MAAK;wBACLC,YAAY,IAAMlB,UAAU;wBAC5BD,QAAQA;wBACRL,OAAOC,IAAIS,MAAM,CAACe,QAAQ;wBAC1BC,MAAK;kCACN;;kCAGD,qBAACf;wBAAKF,WAAU;kCACbR,IAAImB,OAAO,CAACO,cAAc;;;;;;AAKrC;MAEA,WAAe7B"}

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

@@ -65,3 +65,5 @@ const Table = ({ rows, onChange, className, header, onActionClick, testId = "tab
     });
 };
 const _default = Table;
+
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Table/Table.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\n\nimport TdHeader from \"./Partials/TdHeader\";\nimport TdRow from \"./Partials/TdRow\";\n\nimport \"./Table.scss\";\n\nconst Table = ({\n  rows,\n  onChange,\n  className,\n  header,\n  onActionClick,\n  testId = \"table\",\n}) => {\n  const handleArrayChange = (value, index) => {\n    rows[index] = value;\n    onChange({ header: [...header], rows: [...rows] });\n  };\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn(\"simple-table\", {\n        [`simple-table--${className}`]: className,\n      })}\n    >\n      <table>\n        <thead>\n          <tr>\n            {header?.map((item) => (\n              <TdHeader item={item} key={item.key} />\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows && rows?.length ? (\n            rows?.map((row, index) => (\n              <TdRow\n                onActionClick={onActionClick}\n                rowIndex={index}\n                key={typeof row.id === \"object\" ? row.id.value : row.id}\n                item={row}\n                header={header}\n                onChange={(value) => handleArrayChange(value, index)}\n              />\n            ))\n          ) : (\n            <tr>\n              <td className=\"row--not-found\" colSpan={header?.length}>\n                Not set\n              </td>\n            </tr>\n          )}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n\nexport default Table;\n"],"names":["Table","rows","onChange","className","header","onActionClick","testId","handleArrayChange","value","index","div","data-testid","cn","table","thead","tr","map","item","TdHeader","key","tbody","length","row","TdRow","rowIndex","id","td","colSpan"],"mappings":";;;;+BA8DA;;;eAAA;;;;8DA9DkB;mEAEH;iEAEM;8DACH;QAEX;;;;;;AAEP,MAAMA,QAAQ,CAAC,EACbC,IAAI,EACJC,QAAQ,EACRC,SAAS,EACTC,MAAM,EACNC,aAAa,EACbC,SAAS,OAAO,EACjB;IACC,MAAMC,oBAAoB,CAACC,OAAOC;QAChCR,IAAI,CAACQ,MAAM,GAAGD;QACdN,SAAS;YAAEE,QAAQ;mBAAIA;aAAO;YAAEH,MAAM;mBAAIA;aAAK;QAAC;IAClD;IAEA,qBACE,qBAACS;QACCC,eAAaL;QACbH,WAAWS,IAAAA,mBAAE,EAAC,gBAAgB;YAC5B,CAAC,CAAC,cAAc,EAAET,WAAW,CAAC,EAAEA;QAClC;kBAEA,cAAA,sBAACU;;8BACC,qBAACC;8BACC,cAAA,qBAACC;kCACEX,mBAAAA,6BAAAA,OAAQY,GAAG,CAAC,CAACC,qBACZ,qBAACC,iBAAQ;gCAACD,MAAMA;+BAAWA,KAAKE,GAAG;;;8BAIzC,qBAACC;8BACEnB,SAAQA,iBAAAA,2BAAAA,KAAMoB,MAAM,IACnBpB,iBAAAA,2BAAAA,KAAMe,GAAG,CAAC,CAACM,KAAKb,sBACd,qBAACc,cAAK;4BACJlB,eAAeA;4BACfmB,UAAUf;4BAEVQ,MAAMK;4BACNlB,QAAQA;4BACRF,UAAU,CAACM,QAAUD,kBAAkBC,OAAOC;2BAHzC,OAAOa,IAAIG,EAAE,KAAK,WAAWH,IAAIG,EAAE,CAACjB,KAAK,GAAGc,IAAIG,EAAE,mBAO3D,qBAACV;kCACC,cAAA,qBAACW;4BAAGvB,WAAU;4BAAiBwB,OAAO,EAAEvB,mBAAAA,6BAAAA,OAAQiB,MAAM;sCAAE;;;;;;;AAStE;MAEA,WAAerB"}

package/dist/Atomic/UI/Table/Table.stories.js

@@ -20,6 +20,19 @@ const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _Table = /*#__PURE__*/ _interop_require_default(require("./Table"));
 require("../../../../../scss/main.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
@@ -66,6 +79,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 global.lng = 'en';
 const _default = {
     title: 'UI/Table',
@@ -74,8 +126,7 @@ const _default = {
 const Template = ({ data })=>{
     var _state_rows;
     const [state, setState] = (0, _react.useState)(data);
-    const rowsWithActions = state === null || state === void 0 ? void 0 : (_state_rows = state.rows) === null || _state_rows === void 0 ? void 0 : _state_rows.map((row)=>({
-            ...row,
+    const rowsWithActions = state === null || state === void 0 ? void 0 : (_state_rows = state.rows) === null || _state_rows === void 0 ? void 0 : _state_rows.map((row)=>_object_spread_props(_object_spread({}, row), {
             actions: row.isDeleted ? [
                 {
                     type: 'undo'
@@ -248,3 +299,5 @@ TableTemplate.args = {
         ]
     }
 };
+
+//# sourceMappingURL=Table.stories.js.map

package/dist/Atomic/UI/Table/Table.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Table/Table.stories.js"],"sourcesContent":["import React, { useState } from 'react';\n\nimport Table from './Table';\n\nglobal.lng = 'en';\n\nimport '../../../../../scss/main.scss';\n\nexport default {\n  title: 'UI/Table',\n  component: Table,\n};\n\nconst Template = ({data}) => {\n  const [state, setState] = useState(data);\n\n  const rowsWithActions = state?.rows?.map(row => ({\n    ...row,\n    actions: row.isDeleted ? [{type: 'undo'}] : [{type: 'download'}, {type: 'edit'}, {type: 'delete'}],\n  }));\n\n  return <Table header={state.header} rows={rowsWithActions} onChange={setState} />;\n};\n\nexport const TableTemplate = Template.bind({});\n\nTableTemplate.args = {\n  data: {\n    header: [\n      {id: 1, label: 'state'},\n      {id: 2, label: 'Tags'},\n      {id: 3, label: 'status'},\n      {id: 4, label: 'loanAmountApproved'},\n      {id: 5, label: 'loanAmountRejected'},\n      {id: 6, label: 'approveRate'},\n      {id: 7, label: 'actions', type: 'actions'},\n    ],\n    rows: [\n      {\n        id: 1,\n        link: {label: 'CA', link: '#s'},\n        tags: [{label: 'Label 1'}],\n        status: {value: '90', status: 'active'},\n        loanAmountApproved: {value: '$70,000'},\n        loanAmountRejected: {value: '$30,000'},\n        approveRate: {value: '70%'},\n      },\n      {\n        id: 2,\n        link: {label: 'NY', link: '#s'},\n        advancedTags: [\n          {\n            labelLeft: 'home',\n            labelRight: 'hoods',\n            active: 3,\n            pause: 1,\n            merchants: 5,\n          },\n          {\n            labelRight: 'jewelry',\n            active: 3,\n            pause: 1,\n            merchants: 5,\n          },\n          {\n            labelLeft: 'home',\n            labelRight: 'improvement',\n            active: 0,\n            pause: 0,\n            warnLeft: true,\n            warnLeftMsg: 'landerNotIncluded',\n            warnRightMsg: 'noMerchants',\n          },\n          {\n            labelLeft: 'home',\n            labelRight: 'hoods',\n            active: 3,\n            pause: 1,\n            merchants: 5,\n          },\n          {\n            labelRight: 'jewelry',\n            active: 3,\n            pause: 1,\n            merchants: 5,\n          },\n        ],\n        status: {label: 'Active', className: 'color--green-haze'},\n        loanAmountApproved: {value: '$3,000'},\n        loanAmountRejected: {value: '$7,000'},\n        approveRate: {value: '30%'},\n      },\n      {\n        id: 3,\n        link: {label: 'NH', link: '#s'},\n        tags: [{label: 'Label 1'}, {label: 'Label 2'}, {label: 'Label 3'}],\n        status: {status: 'error'},\n        loanAmountApproved: {value: '$70,000'},\n        loanAmountRejected: {value: '$30,000'},\n        approveRate: {value: '70%'},\n      },\n    ],\n  },\n};"],"names":["TableTemplate","global","lng","title","component","Table","Template","data","state","setState","useState","rowsWithActions","rows","map","row","actions","isDeleted","type","header","onChange","bind","args","id","label","link","tags","status","value","loanAmountApproved","loanAmountRejected","approveRate","advancedTags","labelLeft","labelRight","active","pause","merchants","warnLeft","warnLeftMsg","warnRightMsg","className"],"mappings":";;;;;;;;;;;IAwBaA,aAAa;eAAbA;;IAhBb,OAGE;eAHF;;;;+DARgC;8DAEd;QAIX;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAFPC,OAAOC,GAAG,GAAG;MAIb,WAAe;IACbC,OAAO;IACPC,WAAWC,cAAK;AAClB;AAEA,MAAMC,WAAW,CAAC,EAACC,IAAI,EAAC;QAGEC;IAFxB,MAAM,CAACA,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAACH;IAEnC,MAAMI,kBAAkBH,kBAAAA,6BAAAA,cAAAA,MAAOI,IAAI,cAAXJ,kCAAAA,YAAaK,GAAG,CAACC,CAAAA,MAAQ,wCAC5CA;YACHC,SAASD,IAAIE,SAAS,GAAG;gBAAC;oBAACC,MAAM;gBAAM;aAAE,GAAG;gBAAC;oBAACA,MAAM;gBAAU;gBAAG;oBAACA,MAAM;gBAAM;gBAAG;oBAACA,MAAM;gBAAQ;aAAE;;IAGpG,qBAAO,qBAACZ,cAAK;QAACa,QAAQV,MAAMU,MAAM;QAAEN,MAAMD;QAAiBQ,UAAUV;;AACvE;AAEO,MAAMT,gBAAgBM,SAASc,IAAI,CAAC,CAAC;AAE5CpB,cAAcqB,IAAI,GAAG;IACnBd,MAAM;QACJW,QAAQ;YACN;gBAACI,IAAI;gBAAGC,OAAO;YAAO;YACtB;gBAACD,IAAI;gBAAGC,OAAO;YAAM;YACrB;gBAACD,IAAI;gBAAGC,OAAO;YAAQ;YACvB;gBAACD,IAAI;gBAAGC,OAAO;YAAoB;YACnC;gBAACD,IAAI;gBAAGC,OAAO;YAAoB;YACnC;gBAACD,IAAI;gBAAGC,OAAO;YAAa;YAC5B;gBAACD,IAAI;gBAAGC,OAAO;gBAAWN,MAAM;YAAS;SAC1C;QACDL,MAAM;YACJ;gBACEU,IAAI;gBACJE,MAAM;oBAACD,OAAO;oBAAMC,MAAM;gBAAI;gBAC9BC,MAAM;oBAAC;wBAACF,OAAO;oBAAS;iBAAE;gBAC1BG,QAAQ;oBAACC,OAAO;oBAAMD,QAAQ;gBAAQ;gBACtCE,oBAAoB;oBAACD,OAAO;gBAAS;gBACrCE,oBAAoB;oBAACF,OAAO;gBAAS;gBACrCG,aAAa;oBAACH,OAAO;gBAAK;YAC5B;YACA;gBACEL,IAAI;gBACJE,MAAM;oBAACD,OAAO;oBAAMC,MAAM;gBAAI;gBAC9BO,cAAc;oBACZ;wBACEC,WAAW;wBACXC,YAAY;wBACZC,QAAQ;wBACRC,OAAO;wBACPC,WAAW;oBACb;oBACA;wBACEH,YAAY;wBACZC,QAAQ;wBACRC,OAAO;wBACPC,WAAW;oBACb;oBACA;wBACEJ,WAAW;wBACXC,YAAY;wBACZC,QAAQ;wBACRC,OAAO;wBACPE,UAAU;wBACVC,aAAa;wBACbC,cAAc;oBAChB;oBACA;wBACEP,WAAW;wBACXC,YAAY;wBACZC,QAAQ;wBACRC,OAAO;wBACPC,WAAW;oBACb;oBACA;wBACEH,YAAY;wBACZC,QAAQ;wBACRC,OAAO;wBACPC,WAAW;oBACb;iBACD;gBACDV,QAAQ;oBAACH,OAAO;oBAAUiB,WAAW;gBAAmB;gBACxDZ,oBAAoB;oBAACD,OAAO;gBAAQ;gBACpCE,oBAAoB;oBAACF,OAAO;gBAAQ;gBACpCG,aAAa;oBAACH,OAAO;gBAAK;YAC5B;YACA;gBACEL,IAAI;gBACJE,MAAM;oBAACD,OAAO;oBAAMC,MAAM;gBAAI;gBAC9BC,MAAM;oBAAC;wBAACF,OAAO;oBAAS;oBAAG;wBAACA,OAAO;oBAAS;oBAAG;wBAACA,OAAO;oBAAS;iBAAE;gBAClEG,QAAQ;oBAACA,QAAQ;gBAAO;gBACxBE,oBAAoB;oBAACD,OAAO;gBAAS;gBACrCE,oBAAoB;oBAACF,OAAO;gBAAS;gBACrCG,aAAa;oBAACH,OAAO;gBAAK;YAC5B;SACD;IACH;AACF"}

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

@@ -112,3 +112,5 @@ const TdActions = ({ actions, onChange, onActionClick, rowItem })=>{
         })
     });
 };
+
+//# sourceMappingURL=TdActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Table/TdTypes/TdActions.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport * as Icons from \"react-feather\";\n\nimport Switcher from \"../../../FormElements/Switcher/Switcher\";\n\nimport \"./TdTypes.scss\";\n\nexport const TdActions = ({ actions, onChange, onActionClick, rowItem }) => {\n  if (!actions) return false;\n\n  const [state, setState] = useState(actions);\n\n  const handleArrayChange = (value, index, prop) => {\n    state[index][prop] = value;\n    setState([...state]);\n    onChange(state);\n  };\n\n  return (\n    <div className=\"j6\">\n      {actions?.map((action, index) => {\n        switch (action.type) {\n          case \"download\":\n            return (\n              <div\n                key={index}\n                className=\"td-actions--item td-actions--download\"\n                onClick={() => {}}\n              >\n                <Icons.Download />\n              </div>\n            );\n          case \"edit\":\n            return (\n              <div\n                key={index}\n                className=\"td-actions--item td-actions--edit\"\n                onClick={() => {}}\n              >\n                <Icons.Edit3 />\n              </div>\n            );\n          case \"delete\":\n            return (\n              <div\n                key={index}\n                className=\"td-actions--item td-actions--delete\"\n                onClick={() => onActionClick(\"delete\", rowItem)}\n              >\n                <Icons.Trash2 />\n              </div>\n            );\n          case \"undo\":\n            return (\n              <div\n                key={index}\n                className=\"td-actions--item td-actions--undo\"\n                onClick={() => onActionClick(\"undo\", rowItem)}\n              >\n                <Icons.RotateCcw />\n              </div>\n            );\n          case \"switcher\":\n            return (\n              <div key={index} className=\"df\">\n                <Switcher\n                  label={action.label || null}\n                  isActive={action?.value}\n                  onChange={(e) => handleArrayChange(e, index, \"value\")}\n                />\n              </div>\n            );\n          default:\n            return null;\n        }\n      })}\n    </div>\n  );\n};\n"],"names":["TdActions","actions","onChange","onActionClick","rowItem","state","setState","useState","handleArrayChange","value","index","prop","div","className","map","action","type","onClick","Icons","Download","Edit3","Trash2","RotateCcw","Switcher","label","isActive","e"],"mappings":";;;;+BAQaA;;;eAAAA;;;;+DARmB;sEAET;iEAEF;QAEd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAAMA,YAAY,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,aAAa,EAAEC,OAAO,EAAE;IACrE,IAAI,CAACH,SAAS,OAAO;IAErB,MAAM,CAACI,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAACN;IAEnC,MAAMO,oBAAoB,CAACC,OAAOC,OAAOC;QACvCN,KAAK,CAACK,MAAM,CAACC,KAAK,GAAGF;QACrBH,SAAS;eAAID;SAAM;QACnBH,SAASG;IACX;IAEA,qBACE,qBAACO;QAAIC,WAAU;kBACZZ,oBAAAA,8BAAAA,QAASa,GAAG,CAAC,CAACC,QAAQL;YACrB,OAAQK,OAAOC,IAAI;gBACjB,KAAK;oBACH,qBACE,qBAACJ;wBAECC,WAAU;wBACVI,SAAS,KAAO;kCAEhB,cAAA,qBAACC,cAAMC,QAAQ;uBAJVT;gBAOX,KAAK;oBACH,qBACE,qBAACE;wBAECC,WAAU;wBACVI,SAAS,KAAO;kCAEhB,cAAA,qBAACC,cAAME,KAAK;uBAJPV;gBAOX,KAAK;oBACH,qBACE,qBAACE;wBAECC,WAAU;wBACVI,SAAS,IAAMd,cAAc,UAAUC;kCAEvC,cAAA,qBAACc,cAAMG,MAAM;uBAJRX;gBAOX,KAAK;oBACH,qBACE,qBAACE;wBAECC,WAAU;wBACVI,SAAS,IAAMd,cAAc,QAAQC;kCAErC,cAAA,qBAACc,cAAMI,SAAS;uBAJXZ;gBAOX,KAAK;oBACH,qBACE,qBAACE;wBAAgBC,WAAU;kCACzB,cAAA,qBAACU,iBAAQ;4BACPC,OAAOT,OAAOS,KAAK,IAAI;4BACvBC,QAAQ,EAAEV,mBAAAA,6BAAAA,OAAQN,KAAK;4BACvBP,UAAU,CAACwB,IAAMlB,kBAAkBkB,GAAGhB,OAAO;;uBAJvCA;gBAQd;oBACE,OAAO;YACX;QACF;;AAGN"}

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

@@ -47,3 +47,5 @@ const TdPriority = ({ onClick, rowIndex, cardLength })=>{
     });
 };
 const _default = TdPriority;
+
+//# sourceMappingURL=TdPriority.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Table/TdTypes/TdPriority.js"],"sourcesContent":["import React from \"react\";\n\nimport cn from \"classnames\";\nimport { ArrowDown, ArrowUp } from \"react-feather\";\n\nimport \"../Table.scss\";\n\nconst TdPriority = ({ onClick, rowIndex, cardLength }) => {\n  return (\n    <div className=\"cards-table__priority\">\n      <span className=\"mr5\">{rowIndex + 1}</span>\n      <div className=\"df\">\n        <ArrowDown\n          onClick={() => onClick(rowIndex)}\n          className={cn(\"table--icon\", {\n            disabled: rowIndex + 1 === cardLength,\n          })}\n        />\n        <ArrowUp\n          onClick={() => onClick(rowIndex, true)}\n          className={cn(\"table--icon\", { disabled: rowIndex === 0 })}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default TdPriority;\n"],"names":["TdPriority","onClick","rowIndex","cardLength","div","className","span","ArrowDown","cn","disabled","ArrowUp"],"mappings":";;;;+BA2BA;;;eAAA;;;;8DA3BkB;mEAEH;8BACoB;QAE5B;;;;;;AAEP,MAAMA,aAAa,CAAC,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,UAAU,EAAE;IACnD,qBACE,sBAACC;QAAIC,WAAU;;0BACb,qBAACC;gBAAKD,WAAU;0BAAOH,WAAW;;0BAClC,sBAACE;gBAAIC,WAAU;;kCACb,qBAACE,uBAAS;wBACRN,SAAS,IAAMA,QAAQC;wBACvBG,WAAWG,IAAAA,mBAAE,EAAC,eAAe;4BAC3BC,UAAUP,WAAW,MAAMC;wBAC7B;;kCAEF,qBAACO,qBAAO;wBACNT,SAAS,IAAMA,QAAQC,UAAU;wBACjCG,WAAWG,IAAAA,mBAAE,EAAC,eAAe;4BAAEC,UAAUP,aAAa;wBAAE;;;;;;AAKlE;MAEA,WAAeF"}

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

@@ -26,3 +26,5 @@ const TdRange = ({ item })=>{
     });
 };
 const _default = TdRange;
+
+//# sourceMappingURL=TdRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Table/TdTypes/TdRange.js"],"sourcesContent":["const TdRange = ({ item }) => {\n  if (!item) return false;\n\n  return (\n    <div>\n      <span>{item.from}</span>\n      <span> - </span>\n      <span>{item.to}</span>\n    </div>\n  );\n};\n\nexport default TdRange;\n"],"names":["TdRange","item","div","span","from","to"],"mappings":";;;;+BAYA;;;eAAA;;;;AAZA,MAAMA,UAAU,CAAC,EAAEC,IAAI,EAAE;IACvB,IAAI,CAACA,MAAM,OAAO;IAElB,qBACE,sBAACC;;0BACC,qBAACC;0BAAMF,KAAKG,IAAI;;0BAChB,qBAACD;0BAAK;;0BACN,qBAACA;0BAAMF,KAAKI,EAAE;;;;AAGpB;MAEA,WAAeL"}

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

@@ -62,3 +62,5 @@ const TdWeight = ({ value, percent, onChange, className })=>{
     });
 };
 const _default = TdWeight;
+
+//# sourceMappingURL=TdWeight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/Atomic/UI/Table/TdTypes/TdWeight.js"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport { useOutsideToggle } from \"../../../../Functions/utils\";\nimport { KEY_CODE } from \"../../Modal/Modal\";\n\nimport \"../Table.scss\";\n\nconst TdWeight = ({ value, percent, onChange, className }) => {\n  const [state, setState] = useState(value);\n  const {\n    isToggled: isEdited,\n    toggleOff: unsetIsEdited,\n    toggleOn: setIsEdited,\n  } = useOutsideToggle(false);\n\n  useEffect(() => {\n    setState(value);\n  }, [value, isEdited]);\n\n  const handleKeyUp = ({ keyCode, target }) => {\n    if (keyCode === KEY_CODE.ENTER) {\n      const newValue = Number(target.value) || 1;\n      onChange(newValue);\n      unsetIsEdited();\n    }\n  };\n\n  return (\n    <>\n      {isEdited ? (\n        <Input\n          value={state}\n          onChange={(e) => setState(e)}\n          onBlur={unsetIsEdited}\n          onKeyUp={handleKeyUp}\n          autoFocus\n        />\n      ) : (\n        <div className={cn(\"td-weight\", className)} onClick={setIsEdited}>\n          <span>{value}</span>\n          <span className=\"ml2 color--grey-gull\">\n            ({percent}\n            %)\n          </span>\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default TdWeight;\n"],"names":["TdWeight","value","percent","onChange","className","state","setState","useState","isToggled","isEdited","toggleOff","unsetIsEdited","toggleOn","setIsEdited","useOutsideToggle","useEffect","handleKeyUp","keyCode","target","KEY_CODE","ENTER","newValue","Number","Input","e","onBlur","onKeyUp","autoFocus","div","cn","onClick","span"],"mappings":";;;;+BAoDA;;;eAAA;;;;uBApDoC;mEAErB;uBAEkB;uBACR;QAElB;;;;;;AAEP,MAAMA,WAAW,CAAC,EAAEC,KAAK,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,SAAS,EAAE;IACvD,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAACN;IACnC,MAAM,EACJO,WAAWC,QAAQ,EACnBC,WAAWC,aAAa,EACxBC,UAAUC,WAAW,EACtB,GAAGC,IAAAA,uBAAgB,EAAC;IAErBC,IAAAA,gBAAS,EAAC;QACRT,SAASL;IACX,GAAG;QAACA;QAAOQ;KAAS;IAEpB,MAAMO,cAAc,CAAC,EAAEC,OAAO,EAAEC,MAAM,EAAE;QACtC,IAAID,YAAYE,eAAQ,CAACC,KAAK,EAAE;YAC9B,MAAMC,WAAWC,OAAOJ,OAAOjB,KAAK,KAAK;YACzCE,SAASkB;YACTV;QACF;IACF;IAEA,qBACE;kBACGF,yBACC,qBAACc;YACCtB,OAAOI;YACPF,UAAU,CAACqB,IAAMlB,SAASkB;YAC1BC,QAAQd;YACRe,SAASV;YACTW,SAAS;2BAGX,sBAACC;YAAIxB,WAAWyB,IAAAA,mBAAE,EAAC,aAAazB;YAAY0B,SAASjB;;8BACnD,qBAACkB;8BAAM9B;;8BACP,sBAAC8B;oBAAK3B,WAAU;;wBAAuB;wBACnCF;wBAAQ;;;;;;AAOtB;MAEA,WAAeF"}

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

@@ -2,3 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+
+//# sourceMappingURL=Tag.interface.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Tag/Tag.interface.ts"],"names":[],"mappings":""}

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

@@ -165,3 +165,5 @@ const Tag = ({ value, className, style, label, warning, removeItem, name, isPopu
     });
 };
 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

@@ -15,3 +15,5 @@ function _interop_require_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

@@ -15,6 +15,19 @@ 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
@@ -61,6 +74,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 const 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);
@@ -132,12 +184,12 @@ const TagList = ({ disabled, className, onTagClick, removeItem = null, items = [
             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, {
-                    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,
+                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}`);
         });
     };
@@ -164,8 +216,7 @@ const TagList = ({ disabled, className, onTagClick, removeItem = null, items = [
         setStaticTagsCount(-1);
         setRenderItemsCount(-1);
         setRenderAllInterceptor(false);
-        setTagList(items.map((item)=>({
-                ...item,
+        setTagList(items.map((item)=>_object_spread_props(_object_spread({}, item), {
                 itemRef: /*#__PURE__*/ (0, _react.createRef)()
             })));
     }, [
@@ -229,3 +280,5 @@ const TagList = ({ disabled, className, onTagClick, removeItem = null, items = [
     });
 };
 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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"}

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

@@ -21,6 +21,19 @@ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 require("../../../../../scss/main.scss");
 const _TagList = /*#__PURE__*/ _interop_require_default(require("./TagList"));
 require("./TagListStories.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
@@ -67,6 +80,45 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
 global.lng = "en";
 const _default = {
     title: "UI/TagList",
@@ -101,10 +153,9 @@ const Template = (args)=>{
         const newArray = tags.filter((item)=>item.value !== value);
         setTags(newArray);
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagList.default, {
-        ...args,
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_TagList.default, _object_spread_props(_object_spread({}, args), {
         items: tags
-    });
+    }));
 };
 const TagListTemplate = Template.bind({});
 TagListTemplate.args = {
@@ -167,3 +218,5 @@ TagListTemplate.args = {
         }
     ]
 };
+
+//# sourceMappingURL=TagList.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/TagList/TagList.stories.js"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\n\nimport \"../../../../../scss/main.scss\";\nimport TagList from \"./TagList\";\nimport \"./TagListStories.scss\";\n\nglobal.lng = \"en\";\n\nexport default {\n  title: \"UI/TagList\",\n  component: TagList,\n};\n\nconst renderPopupContent = () => {\n  return (\n    <div>\n      <span>\"ADDED\"</span>\n      <div>\n        <span>\"FL Name\" </span>\n        <span>\"Admin\" </span>\n        <span>\"date\"</span>\n      </div>\n    </div>\n  );\n};\n\nconst Template = (args) => {\n  const { options } = args;\n  const [tags, setTags] = useState(options);\n\n  const removeTagHandler = (value) => {\n    const newArray = tags.filter((item) => item.value !== value);\n    setTags(newArray);\n  };\n\n  return (\n    <TagList\n      {...args}\n      items={tags}\n    />\n  );\n};\n\nexport const TagListTemplate = Template.bind({});\n\nTagListTemplate.args = {\n  options: [\n    { id: 1, label: \"Label test 1 1 1\", value: \"check1\", color: \"#FBF4E2\", isPopup: true, popupInfoContent: renderPopupContent() },\n    { id: 2, label: \"Label test 2\", value: \"check2\", color: \"#FCE2E8\" },\n    { id: 3, label: \"Label test 3\", value: \"check3\", color: \"#FBF4E2\" },\n    { id: 4, label: \"Label test 3 dasd\", value: \"check4\", color: \"#FCE2E8\" },\n    {\n      id: 5,\n      label: \"Label test 3 adsdasfgas\",\n      value: \"check5\",\n      color: \"#FBF4E2\",\n    },\n    { id: 6, label: \"Label test 3dasd\", value: \"check6\", color: \"#FCE2E8\" },\n    { id: 7, label: \"Label test 3 dasd\", value: \"check7\", color: \"#FBF4E2\" },\n    { id: 8, label: \"Label test 3asd\", value: \"check8\", color: \"#FCE2E8\" },\n    { id: 9, label: \"Label test 3 dasfs\", value: \"check9\", color: \"#FBF4E2\" },\n  ],\n};\n"],"names":["TagListTemplate","global","lng","title","component","TagList","renderPopupContent","div","span","Template","args","options","tags","setTags","useState","removeTagHandler","value","newArray","filter","item","items","bind","id","label","color","isPopup","popupInfoContent"],"mappings":";;;;;;;;;;;IA2CaA,eAAe;eAAfA;;IAnCb,OAGE;eAHF;;;;+DARyC;QAElC;gEACa;QACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,gBAAO;AACpB;AAEA,MAAMC,qBAAqB;IACzB,qBACE,sBAACC;;0BACC,qBAACC;0BAAK;;0BACN,sBAACD;;kCACC,qBAACC;kCAAK;;kCACN,qBAACA;kCAAK;;kCACN,qBAACA;kCAAK;;;;;;AAId;AAEA,MAAMC,WAAW,CAACC;IAChB,MAAM,EAAEC,OAAO,EAAE,GAAGD;IACpB,MAAM,CAACE,MAAMC,QAAQ,GAAGC,IAAAA,eAAQ,EAACH;IAEjC,MAAMI,mBAAmB,CAACC;QACxB,MAAMC,WAAWL,KAAKM,MAAM,CAAC,CAACC,OAASA,KAAKH,KAAK,KAAKA;QACtDH,QAAQI;IACV;IAEA,qBACE,qBAACZ,gBAAO,0CACFK;QACJU,OAAOR;;AAGb;AAEO,MAAMZ,kBAAkBS,SAASY,IAAI,CAAC,CAAC;AAE9CrB,gBAAgBU,IAAI,GAAG;IACrBC,SAAS;QACP;YAAEW,IAAI;YAAGC,OAAO;YAAoBP,OAAO;YAAUQ,OAAO;YAAWC,SAAS;YAAMC,kBAAkBpB;QAAqB;QAC7H;YAAEgB,IAAI;YAAGC,OAAO;YAAgBP,OAAO;YAAUQ,OAAO;QAAU;QAClE;YAAEF,IAAI;YAAGC,OAAO;YAAgBP,OAAO;YAAUQ,OAAO;QAAU;QAClE;YAAEF,IAAI;YAAGC,OAAO;YAAqBP,OAAO;YAAUQ,OAAO;QAAU;QACvE;YACEF,IAAI;YACJC,OAAO;YACPP,OAAO;YACPQ,OAAO;QACT;QACA;YAAEF,IAAI;YAAGC,OAAO;YAAoBP,OAAO;YAAUQ,OAAO;QAAU;QACtE;YAAEF,IAAI;YAAGC,OAAO;YAAqBP,OAAO;YAAUQ,OAAO;QAAU;QACvE;YAAEF,IAAI;YAAGC,OAAO;YAAmBP,OAAO;YAAUQ,OAAO;QAAU;QACrE;YAAEF,IAAI;YAAGC,OAAO;YAAsBP,OAAO;YAAUQ,OAAO;QAAU;KACzE;AACH"}

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

@@ -2,3 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+
+//# sourceMappingURL=UserBox.interface.js.map

package/dist/Atomic/UI/UserBox/UserBox.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/UserBox/UserBox.interface.ts"],"names":[],"mappings":""}

package/dist/Atomic/UI/UserBox/UserBox.js

@@ -84,3 +84,5 @@ const UserBox = ({ name = 'Username', role, id, onClick, isModal, className, col
     });
 };
 const _default = UserBox;
+
+//# sourceMappingURL=UserBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/UserBox/UserBox.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { IUserBoxProps } from './UserBox.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\nimport { getColorById } from '../../../Functions/utils';\n\nimport Label from '../../FormElements/Label/Label';\nimport Button from '../Button/Button';\n\nimport './UserBox.scss';\n\nconst UserBox: React.FC<IUserBoxProps> = ({\n  name = 'Username',\n  role,\n  id,\n  onClick,\n  isModal,\n  className,\n  colors,\n  testId = 'userbox',\n}) => {\n  const getNameFirstLetter = name.charAt(0).toUpperCase();\n\n  const renderUser = (): ReactNode => {\n    if (isModal) {\n      return (\n        <>\n          <div style={{ backgroundColor: getColorById(id, colors) }} className=\"td-user-box__avatar\">\n            {getNameFirstLetter}\n          </div>\n          <div className=\"td-user-box__user-data\">\n            <Button className=\"p0 no-shadow\" onClick={onClick} label={name} variant=\"link\" />\n            {role && <span>{role}</span>}\n          </div>\n        </>\n      );\n    }\n    else {\n      return (\n        <>\n          <div style={{ backgroundColor: getColorById(id) }} className=\"td-user-box__avatar\">\n            {getNameFirstLetter}\n          </div>\n          <div className=\"td-user-box__user-data\">\n            <Label label={name} />\n            {role && <span aria-label={`User role: ${role}`}>{role}</span>}\n          </div>\n        </>\n      );\n    }\n  };\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn('td-user-box', className)}\n      role=\"region\"\n      aria-label={`User box for ${name}`}\n    >\n      {renderUser()}\n    </div>\n  );\n};\n\nexport default UserBox;\n"],"names":["UserBox","name","role","id","onClick","isModal","className","colors","testId","getNameFirstLetter","charAt","toUpperCase","renderUser","div","style","backgroundColor","getColorById","Button","label","variant","span","Label","aria-label","data-testid","cn"],"mappings":";;;;+BAiEA;;;eAAA;;;;mEA/De;8DAEG;uBACW;8DAEX;+DACC;QAEZ;;;;;;AAEP,MAAMA,UAAmC,CAAC,EACxCC,OAAO,UAAU,EACjBC,IAAI,EACJC,EAAE,EACFC,OAAO,EACPC,OAAO,EACPC,SAAS,EACTC,MAAM,EACNC,SAAS,SAAS,EACnB;IACC,MAAMC,qBAAqBR,KAAKS,MAAM,CAAC,GAAGC,WAAW;IAErD,MAAMC,aAAa;QACjB,IAAIP,SAAS;YACX,qBACE;;kCACE,qBAACQ;wBAAIC,OAAO;4BAAEC,iBAAiBC,IAAAA,mBAAY,EAACb,IAAII;wBAAQ;wBAAGD,WAAU;kCAClEG;;kCAEH,sBAACI;wBAAIP,WAAU;;0CACb,qBAACW,eAAM;gCAACX,WAAU;gCAAeF,SAASA;gCAASc,OAAOjB;gCAAMkB,SAAQ;;4BACvEjB,sBAAQ,qBAACkB;0CAAMlB;;;;;;QAIxB,OACK;YACH,qBACE;;kCACE,qBAACW;wBAAIC,OAAO;4BAAEC,iBAAiBC,IAAAA,mBAAY,EAACb;wBAAI;wBAAGG,WAAU;kCAC1DG;;kCAEH,sBAACI;wBAAIP,WAAU;;0CACb,qBAACe,cAAK;gCAACH,OAAOjB;;4BACbC,sBAAQ,qBAACkB;gCAAKE,cAAY,CAAC,WAAW,EAAEpB,MAAM;0CAAGA;;;;;;QAI1D;IACF;IAEA,qBACE,qBAACW;QACCU,eAAaf;QACbF,WAAWkB,IAAAA,mBAAE,EAAC,eAAelB;QAC7BJ,MAAK;QACLoB,cAAY,CAAC,aAAa,EAAErB,MAAM;kBAEjCW;;AAGP;MAEA,WAAeZ"}

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

@@ -15,3 +15,5 @@ function _interop_require_default(obj) {
     };
 }
 const _default = _UserBox.default;
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/UserBox/index.ts"],"sourcesContent":["import UserBox from './UserBox';\n\nexport default UserBox;\nexport type { IUserBoxProps } from './UserBox.interface';\n"],"names":["UserBox"],"mappings":";;;;+BAEA;;;eAAA;;;gEAFoB;;;;;;MAEpB,WAAeA,gBAAO"}