intelicoreact 1.6.6 → 1.6.8

package/dist/Atomic/UI/AccordionTable/AccordionTable.js

@@ -14,6 +14,19 @@ const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames")
 const _reactfeather = require("react-feather");
 const _MonoAccordion = /*#__PURE__*/ _interop_require_default(require("../MonoAccordion/MonoAccordion"));
 require("./AccordionTable.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
@@ -60,6 +73,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 AccordionTable = ({ className, header, items, onChange, testId, onSort = ()=>{}, sortParams })=>{
     const [accordions, setAccordions] = (0, _react.useState)(items);
     const sortedColClassName = (item)=>(0, _classnames.default)("accordion-table__header-item", item.className, {
@@ -72,10 +124,9 @@ const AccordionTable = ({ className, header, items, onChange, testId, onSort = (
             var _e_target, _e_target_className_includes, _e_target_className;
             const newArr = accordions === null || accordions === void 0 ? void 0 : accordions.map((item)=>{
                 if (item.key === key) {
-                    return {
-                        ...item,
+                    return _object_spread_props(_object_spread({}, item), {
                         isOpen: !item.isOpen
-                    };
+                    });
                 }
                 return item;
             });
@@ -258,3 +309,5 @@ const AccordionTable = ({ className, header, items, onChange, testId, onSort = (
     });
 };
 const _default = AccordionTable;
+
+//# sourceMappingURL=AccordionTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/AccordionTable/AccordionTable.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { ArrowDown, ArrowUp, ChevronDown, Tag } from \"react-feather\";\n\nimport MonoAccordion from \"../MonoAccordion/MonoAccordion\";\n\nimport \"./AccordionTable.scss\";\n\nconst AccordionTable = ({\n  className,\n  header,\n  items,\n  onChange,\n  testId,\n  onSort = () => {},\n  sortParams,\n}) => {\n  const [accordions, setAccordions] = useState(items);\n\n  const sortedColClassName = (item) =>\n    cn(\n      \"accordion-table__header-item\",\n      item.className,\n      {\n        \"accordion-table--sorted-col\":\n          sortParams && sortParams.key === item.key,\n      },\n      { \"accordion-table__header-item-sortable\": !item.noSort },\n    );\n\n  const handle = {\n    accordionChange: (key, e) => {\n      const newArr = accordions?.map((item) => {\n        if (item.key === key) {\n          return {\n            ...item,\n            isOpen: !item.isOpen,\n          };\n        }\n        return item;\n      });\n      const isArrowSvg = e?.target?.tagName === \"svg\";\n      const isAccordionElement =\n        e.target.className?.includes?.(\"accordion-table\");\n      if (isAccordionElement || isArrowSvg) {\n        onChange(newArr);\n        setAccordions(newArr);\n      }\n    },\n\n    setSort: (key) => {\n      let newSorting;\n      if (key !== sortParams.key) newSorting = { key: key, direction: \"DESC\" };\n      else {\n        newSorting = {\n          key,\n          direction: sortParams.direction === \"ASC\" ? \"DESC\" : \"ASC\",\n        };\n      }\n      onSort(newSorting);\n    },\n  };\n\n  const getHeaderItem = (key) => {\n    return header?.find((item) => item.key === key);\n  };\n\n  const renderTd = (tr) => {\n    return Object.entries(tr)?.map(([key, value]) => {\n      return key === \"promoDetails\" || key === \"disclosure\" ? null : (\n        <div\n          key={key}\n          style={{ flexBasis: `${getHeaderItem(key)?.width}%` }}\n          className={cn(\n            \"accordion-table__td\",\n            `accordion-table__td--${key}`,\n            getHeaderItem(key)?.className,\n          )}\n        >\n          <p\n            className=\"accordion-table__statistics-td-value\"\n            title={typeof value !== \"object\" ? value : value.value}\n          >\n            {typeof value !== \"object\" ? value : value.value}\n          </p>\n        </div>\n      );\n    });\n  };\n\n  const renderTr = (rows) => {\n    return rows?.map((row, index) => {\n      return (\n        <div\n          key={index}\n          className={cn(\n            \"accordion-table__tr\",\n            {\n              \"accordion-table__tr-with-promo\":\n                row.promoDetails || row.cols?.promoDetails,\n            },\n            row.className,\n          )}\n        >\n          <div className=\"df w100\">{renderTd(row.cols || row)}</div>\n          {row.promoDetails || row.cols?.promoDetails ? (\n            <div className=\"accordion-table__tr-promo-wrapper\">\n              <div className=\"accordion-table__tr-promo\">\n                <Tag className=\"tr-promo-icon\" width={16} height={16} />\n                <span className=\"tr-promo-label\">PROMOTION</span>\n                {row.promoDetails || row.cols?.promoDetails}\n              </div>\n            </div>\n          ) : null}\n\n          {row.disclosure || row.cols?.disclosure ? (\n            <div className=\"accordion-table__tr-promo-wrapper\">\n              <div className=\"accordion-table__tr-promo accordion-table__tr-promo-disclosure\">\n                {row.disclosure || row.cols?.disclosure}\n              </div>\n            </div>\n          ) : null}\n        </div>\n      );\n    });\n  };\n\n  const defineAccordionTitle = (row) => {\n    return (\n      <div\n        onClick={(e) => handle.accordionChange(row.key, e)}\n        className=\"accordion-table__accordion-label-box\"\n      >\n        <div className=\"accordion-table__accordion-label-wrapper j4\">\n          <ChevronDown\n            width={8}\n            height={4}\n            className={cn(\"accordion-label-box__icon\", {\n              \"accordion-label-box__icon--open\": row.isOpen,\n            })}\n          />\n          <span className=\"accordion-label-box__label\">{row.label}</span>\n          {row.statistics && (\n            <div className={cn(\"accordion-table__tr\", row.className)}>\n              {Object.entries(row.statistics).map(([key, value]) => {\n                return (\n                  <div\n                    key={key}\n                    style={{ width: `${getHeaderItem(key)?.width}%` }}\n                    className={cn(\n                      \"accordion-table__statistics-td\",\n                      getHeaderItem(key)?.className,\n                    )}\n                  >\n                    <div className=\"accordion-table__statistics-td-value-wrapper\">\n                      {key === \"status\" ? (\n                        <div className=\"accordion-table__statistics-td-value\">\n                          {value}\n                        </div>\n                      ) : (\n                        <p\n                          className=\"accordion-table__statistics-td-value\"\n                          title={value}\n                        >\n                          {value}\n                        </p>\n                      )}\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          )}\n        </div>\n\n        {row.titleContent}\n      </div>\n    );\n  };\n\n  useEffect(() => {\n    setAccordions(items);\n  }, [items]);\n\n  return (\n    <div className={cn(\"accordion-table\", className)}>\n      <div className=\"accordion-table__header\">\n        {header?.map((item) => {\n          return (\n            <div\n              style={{ flexBasis: `${item.width}%` }}\n              key={item.key}\n              className={sortedColClassName(item)}\n              onClick={() => !item.noSort && handle.setSort(item.key)}\n            >\n              {sortParams &&\n                item.key === sortParams.key &&\n                sortParams.key !== \"actions\" &&\n                (sortParams.direction === \"DESC\" ? (\n                  <ArrowDown size={16} />\n                ) : (\n                  <ArrowUp size={16} />\n                ))}\n\n              {item.label}\n            </div>\n          );\n        })}\n      </div>\n\n      <div className=\"accordion-table__body\">\n        {accordions?.map((accordion) => {\n          return (\n            <MonoAccordion\n              testId={testId}\n              key={accordion.key}\n              onClick={(e) => handle.accordionChange(accordion.key, e)}\n              isOpen={accordion.isOpen}\n              className={cn(\n                \"accordion-table__body-accordion\",\n                {\n                  \"accordion-table__body-accordion--closed\": !accordion.isOpen,\n                },\n                accordion.className,\n              )}\n              titleJSX={defineAccordionTitle(accordion)}\n            >\n              {accordion.children ?? renderTr(accordion.rows)}\n            </MonoAccordion>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default AccordionTable;\n"],"names":["AccordionTable","className","header","items","onChange","testId","onSort","sortParams","accordions","setAccordions","useState","sortedColClassName","item","cn","key","noSort","handle","accordionChange","e","newArr","map","isOpen","isArrowSvg","target","tagName","isAccordionElement","includes","setSort","newSorting","direction","getHeaderItem","find","renderTd","tr","Object","entries","value","div","style","flexBasis","width","p","title","renderTr","rows","row","index","promoDetails","cols","Tag","height","span","disclosure","defineAccordionTitle","onClick","ChevronDown","label","statistics","titleContent","useEffect","ArrowDown","size","ArrowUp","accordion","MonoAccordion","titleJSX","children"],"mappings":"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"}

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

@@ -22,6 +22,19 @@ const _AccordionTable = /*#__PURE__*/ _interop_require_default(require("./Accord
 const _Status = /*#__PURE__*/ _interop_require_default(require("../Status/Status"));
 require("../../../../../scss/main.scss");
 require("./AccordionTable.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
@@ -68,6 +81,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/AccordionTable',
@@ -86,12 +138,11 @@ const Template = (args)=>{
             overflowX: 'auto'
         },
         className: "p15",
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionTable.default, {
-            ...args,
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionTable.default, _object_spread_props(_object_spread({}, args), {
             onChange: onChange,
             sortParams: sortParams,
             onSort: setSortParams
-        })
+        }))
     });
 };
 const AccordionTableTemplate = Template.bind({});
@@ -266,3 +317,5 @@ AccordionTableTemplate.args = {
         }
     ]
 };
+
+//# sourceMappingURL=AccordionTable.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/AccordionTable/AccordionTable.stories.js"],"sourcesContent":["import React, {useState} from 'react';\nimport AccordionTable from './AccordionTable';\nimport Status from '../Status/Status';\n\nimport '../../../../../scss/main.scss';\nimport './AccordionTable.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/AccordionTable',\n  component: AccordionTable,\n  argTypes: {},\n};\n\nconst Template = args => {\n  const onChange = e => console.log(e);\n  const [sortParams, setSortParams] = useState({key: 'apr', direction: 'DESC'});\n\n  return (\n    <div style={{backgroundColor: '#f7f8fa', overflowX: 'auto'}} className=\"p15\">\n      <AccordionTable {...args} onChange={onChange} sortParams={sortParams} onSort={setSortParams}/>\n    </div>\n  );\n};\n\nexport const AccordionTableTemplate = Template.bind({});\n\nAccordionTableTemplate.args = {\n  className: '',\n  header: [\n    {\n      key: 'name',\n      label: 'Name',\n      width: 20,\n      className: '',\n      noSort: true\n    },\n    {\n      key: 'monthlyPayment',\n      label: 'Monthly Payment',\n      width: 15,\n      className: 'j6',\n    },\n    {\n      key: 'term',\n      label: 'Term(months)',\n      width: 15,\n      className: 'j6',\n    },\n    {\n      key: 'apr',\n      label: 'APR',\n      width: 15,\n      className: 'j6',\n    },\n    {\n      key: 'merchantFee',\n      label: 'Merchant Fee',\n      width: 15,\n      className: 'j6',\n    },\n    {\n      key: 'creditProfile',\n      label: 'EST Credit Profile',\n      width: 20,\n      className: 'j6',\n    },\n  ],\n  items: [\n    {\n      key: 'dod818',\n      isOpen: true,\n      label: 'DOT818 LLC',\n      offers: 3,\n      className: '',\n      statistics: {\n        name: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit ',\n        monthlyPayment: 3123,\n        term: 12,\n        apr: 3,\n        merchantFee: 4,\n        creditProfile: 22,\n      },\n      rows: [\n        {\n          name: 'Offer 1',\n          monthlyPayment: 'from 31.33',\n          term: 60,\n          apr: 'from 10.99%',\n          merchantFee: '0%',\n          creditProfile: '680 - 750',\n          promoDetails: 'test 123',\n        },\n        {\n          name: 'Offer 2',\n          monthlyPayment: 'from 31.33',\n          term: 60,\n          apr: 'from 10.99%',\n          merchantFee: '0%',\n          creditProfile: '680 - 750',\n        },\n        {\n          name: 'Offer 3',\n          monthlyPayment: 'from 31.33',\n          term: 60,\n          apr: 'from 10.99%',\n          merchantFee: '0%',\n          creditProfile: '680 - 750',\n          promoDetails: 'NO INTEREST if paid in full within 24 months and very looooooooooooooooooooooooooooooooooooooooooooooong description. very very very very very very very very very looooooooooooooooooooooooooooooooooooooooooooooong description.',\n          disclosure: 'Offer Disclosure  very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long very long',\n        },\n        {\n          name: 'Offer 4',\n          monthlyPayment: 'from 31.33',\n          term: 60,\n          apr: 'from 10.99%',\n          merchantFee: '0%',\n          creditProfile: '680 - 750',\n          promoDetails: 'test 123',\n        },\n      ],\n    },\n    {\n      key: 'lendingUSA',\n      isOpen: false,\n      label: 'Lending USA',\n      offers: 3,\n      className: '',\n      titleContent: (\n        <div>\n          <Status className=\"accordion-label-box__status\" status=\"info\" label=\"3 OFFERS\" />\n        </div>\n      ),\n      rows: [\n        {\n          name: 'Offer 1',\n          monthlyPayment: 'from 31.33',\n          term: 60,\n          apr: 'from 10.99%',\n          merchantFee: '0%',\n          creditProfile: '680 - 750',\n        },\n        {\n          name: 'Offer 2',\n          monthlyPayment: 'from 31.33',\n          term: 60,\n          apr: 'from 10.99%',\n          merchantFee: '0%',\n          creditProfile: '680 - 750',\n        },\n      ],\n    },\n    {\n      key: 'creditSuisse',\n      isOpen: true,\n      label: 'Credit Suisse',\n      offers: 3,\n      className: '',\n      status: 'Active',\n      titleContent: (\n        <div>\n          <Status\n            className=\"accordion-label-box__status\"\n            onClick={() => console.log('clicked')}\n            status=\"info\"\n            label=\"8 OFFERS\"\n          />\n        </div>\n      ),\n      rows: [\n        {\n          name: 'Offer 2',\n          monthlyPayment: 'from 31.33',\n          term: 60,\n          apr: 'from 10.99%',\n          merchantFee: '0%',\n          creditProfile: '680 - 750',\n        },\n        {\n          name: 'Offer 3',\n          monthlyPayment: 'from 31.33',\n          term: 60,\n          apr: 'from 10.99%',\n          merchantFee: '0%',\n          creditProfile: '680 - 750',\n        },\n        {\n          name: 'Offer 4',\n          monthlyPayment: 'from 31.33',\n          term: 60,\n          apr: 'from 10.99%',\n          merchantFee: '0%',\n          creditProfile: '680 - 750',\n        },\n      ],\n    },\n  ],\n};\n"],"names":["AccordionTableTemplate","global","lng","title","component","AccordionTable","argTypes","Template","args","onChange","e","console","log","sortParams","setSortParams","useState","key","direction","div","style","backgroundColor","overflowX","className","onSort","bind","header","label","width","noSort","items","isOpen","offers","statistics","name","monthlyPayment","term","apr","merchantFee","creditProfile","rows","promoDetails","disclosure","titleContent","Status","status","onClick"],"mappings":"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"}

package/dist/Atomic/UI/AccordionText/AccordionText.js

@@ -111,3 +111,5 @@ const AccordionText = ({ isDefaultOpen = false, isOuterOpen = false, className,
     });
 };
 const _default = AccordionText;
+
+//# sourceMappingURL=AccordionText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/AccordionText/AccordionText.js"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport React from \"react\";\nimport cn from \"classnames\";\nimport { ChevronDown, ChevronUp } from \"react-feather\";\nimport \"./AccordionText.scss\";\n\nconst defaultText = `Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.`;\n\nconst AccordionText = ({\n  isDefaultOpen = false,\n  isOuterOpen = false,\n  className,\n  text = defaultText,\n  shortText = null\n}) => {\n  const bodyRef = useRef(null);\n  const [isOpen, setIsOpen] = useState(isDefaultOpen);\n  const [isNeedTrimText, setIsNeedTrimText] = useState(false);\n\n  useEffect(() => {\n    setIsOpen(isOuterOpen);\n  }, [isOuterOpen]);\n\n  useEffect(() => {\n    const checkEllipsis = () => {\n      if (bodyRef.current) {\n        setIsNeedTrimText(bodyRef.current.scrollWidth > bodyRef.current.clientWidth);\n      }\n    };\n\n    const resizeObserver = new ResizeObserver(() => {\n      checkEllipsis();\n    });\n\n    if (bodyRef.current) {\n      resizeObserver.observe(bodyRef.current);\n      checkEllipsis();\n    }\n\n    return () => {\n      if (bodyRef.current) {\n        resizeObserver.unobserve(bodyRef.current);\n      }\n    };\n  }, [text]);\n\n  return (\n    <div\n      className={cn(\"accordion-text\", className, {\n        \"accordion-text--open\": isOpen,\n      })}\n      onClick={() => setIsOpen((prevIsOpen) => !prevIsOpen)}\n    >\n      <div\n        className={cn(\"accordion-text__body\", {\n          \"accordion-text__body--trim-text\": isNeedTrimText && !isOpen,\n        })}\n        ref={bodyRef}\n      >\n        {shortText ? (isOpen ? text : shortText) : text}\n      </div>\n      <div className=\"accordion-text__toggle\">\n        {isOpen ? <ChevronUp /> : <ChevronDown />}\n      </div>\n    </div>\n  );\n};\n\nexport default AccordionText;\n"],"names":["defaultText","AccordionText","isDefaultOpen","isOuterOpen","className","text","shortText","bodyRef","useRef","isOpen","setIsOpen","useState","isNeedTrimText","setIsNeedTrimText","useEffect","checkEllipsis","current","scrollWidth","clientWidth","resizeObserver","ResizeObserver","observe","unobserve","div","cn","onClick","prevIsOpen","ref","ChevronUp","ChevronDown"],"mappings":";;;;+BAoEA;;;eAAA;;;;+DApE4C;mEAE7B;8BACwB;QAChC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,cAAc,CAAC,uOAAuO,CAAC;AAE7P,MAAMC,gBAAgB,CAAC,EACrBC,gBAAgB,KAAK,EACrBC,cAAc,KAAK,EACnBC,SAAS,EACTC,OAAOL,WAAW,EAClBM,YAAY,IAAI,EACjB;IACC,MAAMC,UAAUC,IAAAA,aAAM,EAAC;IACvB,MAAM,CAACC,QAAQC,UAAU,GAAGC,IAAAA,eAAQ,EAACT;IACrC,MAAM,CAACU,gBAAgBC,kBAAkB,GAAGF,IAAAA,eAAQ,EAAC;IAErDG,IAAAA,gBAAS,EAAC;QACRJ,UAAUP;IACZ,GAAG;QAACA;KAAY;IAEhBW,IAAAA,gBAAS,EAAC;QACR,MAAMC,gBAAgB;YACpB,IAAIR,QAAQS,OAAO,EAAE;gBACnBH,kBAAkBN,QAAQS,OAAO,CAACC,WAAW,GAAGV,QAAQS,OAAO,CAACE,WAAW;YAC7E;QACF;QAEA,MAAMC,iBAAiB,IAAIC,eAAe;YACxCL;QACF;QAEA,IAAIR,QAAQS,OAAO,EAAE;YACnBG,eAAeE,OAAO,CAACd,QAAQS,OAAO;YACtCD;QACF;QAEA,OAAO;YACL,IAAIR,QAAQS,OAAO,EAAE;gBACnBG,eAAeG,SAAS,CAACf,QAAQS,OAAO;YAC1C;QACF;IACF,GAAG;QAACX;KAAK;IAET,qBACE,sBAACkB;QACCnB,WAAWoB,IAAAA,mBAAE,EAAC,kBAAkBpB,WAAW;YACzC,wBAAwBK;QAC1B;QACAgB,SAAS,IAAMf,UAAU,CAACgB,aAAe,CAACA;;0BAE1C,qBAACH;gBACCnB,WAAWoB,IAAAA,mBAAE,EAAC,wBAAwB;oBACpC,mCAAmCZ,kBAAkB,CAACH;gBACxD;gBACAkB,KAAKpB;0BAEJD,YAAaG,SAASJ,OAAOC,YAAaD;;0BAE7C,qBAACkB;gBAAInB,WAAU;0BACZK,uBAAS,qBAACmB,uBAAS,sBAAM,qBAACC,yBAAW;;;;AAI9C;MAEA,WAAe5B"}

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

@@ -21,11 +21,63 @@ const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _AccordionText = /*#__PURE__*/ _interop_require_default(require("./AccordionText"));
 require("../../../../../scss/main.scss");
 const _Button = /*#__PURE__*/ _interop_require_default(require("../Button/Button"));
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
+function _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/AccordionText',
@@ -84,10 +136,9 @@ const Template = (args)=>{
             rowGap: '2rem'
         },
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionText.default, {
-                ...args,
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_AccordionText.default, _object_spread_props(_object_spread({}, args), {
                 text: text
-            }),
+            })),
             /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                 style: {
                     display: 'flex',
@@ -123,3 +174,5 @@ const Template = (args)=>{
 };
 const AccordionTextTemplate = Template.bind({});
 AccordionTextTemplate.args = {};
+
+//# sourceMappingURL=AccordionText.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/AccordionText/AccordionText.stories.js"],"sourcesContent":["import React from 'react';\nimport AccordionText, { text } from './AccordionText';\n\nimport '../../../../../scss/main.scss';\nimport Button from '../Button/Button';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/AccordionText',\n  component: AccordionText,\n};\n\nconst Template = args => {\n  const {className, onClick} = args;\n  const [text, setText] = React.useState('СЛИШКОМ КОТОРКИЙ ТЕКСТ');\n\nconst jsxWithReactElementWrapper = (\n  <>\n    <span>Lorem ipsum dolor sit amet consectetur adipisicing elit.</span>\n    <br />\n    <br />\n    <br />\n    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cumque, ipsam exercitationem necessitatibus magni aspernatur sunt libero perspiciatis facilis? Error, ullam alias. Aliquam facere rem odit?</p>\n  </>\n)\n\nconst jsxWithDivWrapper = (\n  <div>\n    <span>Lorem ipsum dolor sit amet consectetur adipisicing elit.</span>\n    <br />\n    <br />\n    <br />\n    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cumque, ipsam exercitationem necessitatibus magni aspernatur sunt libero perspiciatis facilis? Error, ullam alias. Aliquam facere rem odit?</p>\n  </div>\n)\n\nconst jsxWithSpanWrapper = (\n  <span>\n    <span>Lorem ipsum dolor sit amet consectetur adipisicing elit.</span>\n    <br />\n    <br />\n    <br />\n    <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Cumque, ipsam exercitationem necessitatibus magni aspernatur sunt libero perspiciatis facilis? Error, ullam alias. Aliquam facere rem odit?</p>\n  </span>\n)\n\nconst lognTextInDiv = (\n  <div>Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo rem quam molestiae deserunt animi optio iusto quasi aut aliquid eos molestias, voluptatum, cum similique ducimus, dignissimos soluta voluptatibus quis adipisci asperiores unde et itaque? Tenetur nobis nulla consectetur aliquid sint voluptatem optio sunt? Praesentium, aperiam alias? Quos praesentium cum eum?</div>\n)\n\nconst looongTextWithoutWrapper = 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo rem quam molestiae deserunt animi optio iusto quasi aut aliquid eos molestias, voluptatum, cum similique ducimus, dignissimos soluta voluptatibus quis adipisci asperiores unde et itaque? Tenetur nobis nulla consectetur aliquid sint voluptatem optio sunt? Praesentium, aperiam alias? Quos praesentium cum eum?'\n\n  return <div style={{display: 'flex', flexDirection: 'column', rowGap: '2rem'}}>\n    <AccordionText {...args} text={text}  />\n\n    <div style={{display: 'flex', flexDirection: 'column', rowGap: '1rem', width: 'fit-content'}}>\n    <Button onClick={() => setText(jsxWithReactElementWrapper)}>С оберткой контента в виде react element</Button>\n    <Button onClick={() => setText(jsxWithDivWrapper)}>С оберткой контента в виде div и вложенных туда элементов</Button>\n    <Button onClick={() => setText(jsxWithSpanWrapper)}>С оберткой контента в виде span и вложенных туда элементов</Button>\n    <Button onClick={() => setText(lognTextInDiv)}>С оберткой контента в виде div и длинного текста внутри</Button>\n    <Button onClick={() => setText(looongTextWithoutWrapper)}>Длинный текст без оберток</Button>\n    </div>\n  </div>;\n};\n\nexport const AccordionTextTemplate = Template.bind({});\n\nAccordionTextTemplate.args = {};\n"],"names":["AccordionTextTemplate","global","lng","title","component","AccordionText","Template","args","className","onClick","text","setText","React","useState","jsxWithReactElementWrapper","span","br","p","jsxWithDivWrapper","div","jsxWithSpanWrapper","lognTextInDiv","looongTextWithoutWrapper","style","display","flexDirection","rowGap","width","Button","bind"],"mappings":";;;;;;;;;;;IAkEaA,qBAAqB;eAArBA;;IA1Db,OAGE;eAHF;;;;8DARkB;sEACkB;QAE7B;+DACY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnBC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,sBAAa;AAC1B;AAEA,MAAMC,WAAWC,CAAAA;IACf,MAAM,EAACC,SAAS,EAAEC,OAAO,EAAC,GAAGF;IAC7B,MAAM,CAACG,MAAMC,QAAQ,GAAGC,cAAK,CAACC,QAAQ,CAAC;IAEzC,MAAMC,2CACJ;;0BACE,qBAACC;0BAAK;;0BACN,qBAACC;0BACD,qBAACA;0BACD,qBAACA;0BACD,qBAACC;0BAAE;;;;IAIP,MAAMC,kCACJ,sBAACC;;0BACC,qBAACJ;0BAAK;;0BACN,qBAACC;0BACD,qBAACA;0BACD,qBAACA;0BACD,qBAACC;0BAAE;;;;IAIP,MAAMG,mCACJ,sBAACL;;0BACC,qBAACA;0BAAK;;0BACN,qBAACC;0BACD,qBAACA;0BACD,qBAACA;0BACD,qBAACC;0BAAE;;;;IAIP,MAAMI,8BACJ,qBAACF;kBAAI;;IAGP,MAAMG,2BAA2B;IAE/B,qBAAO,sBAACH;QAAII,OAAO;YAACC,SAAS;YAAQC,eAAe;YAAUC,QAAQ;QAAM;;0BAC1E,qBAACrB,sBAAa,0CAAKE;gBAAMG,MAAMA;;0BAE/B,sBAACS;gBAAII,OAAO;oBAACC,SAAS;oBAAQC,eAAe;oBAAUC,QAAQ;oBAAQC,OAAO;gBAAa;;kCAC3F,qBAACC,eAAM;wBAACnB,SAAS,IAAME,QAAQG;kCAA6B;;kCAC5D,qBAACc,eAAM;wBAACnB,SAAS,IAAME,QAAQO;kCAAoB;;kCACnD,qBAACU,eAAM;wBAACnB,SAAS,IAAME,QAAQS;kCAAqB;;kCACpD,qBAACQ,eAAM;wBAACnB,SAAS,IAAME,QAAQU;kCAAgB;;kCAC/C,qBAACO,eAAM;wBAACnB,SAAS,IAAME,QAAQW;kCAA2B;;;;;;AAG9D;AAEO,MAAMtB,wBAAwBM,SAASuB,IAAI,CAAC,CAAC;AAEpD7B,sBAAsBO,IAAI,GAAG,CAAC"}

package/dist/Atomic/UI/AdvancedTag/AdvTag.js

@@ -212,3 +212,5 @@ const AdvTag = ({ item, className, testId = "adv-tag", toTop = true })=>{
     return !isEntityAndCounter ? renderClassicTag() : renderWithEntityAndCounterTag();
 };
 const _default = AdvTag;
+
+//# sourceMappingURL=AdvTag.js.map

package/dist/Atomic/UI/AdvancedTag/AdvTag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/AdvancedTag/AdvTag.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { AlertTriangle } from \"react-feather\";\n\nimport \"./AdvancedTags.scss\";\n\nconst AdvTag = ({ item, className, testId = \"adv-tag\", toTop = true }) => {\n  if (!item) return null;\n\n  const {\n    labelLeft,\n    labelRight,\n    active = 0,\n    pause = 0,\n    merchants,\n    warnLeft,\n    warnLeftMsg,\n    warnRightMsg,\n    isEntityAndCounter = false,\n    entityAndCounter = {\n      nullCounterMessage: \"\",\n      title: \"\",\n      counter: null,\n    },\n  } = item;\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [clickedWarning, setClickedWarning] = useState(\"\");\n  const hintRef = useRef(null);\n\n  const activeNumberClass = cn(\n    \"strong\",\n    { \"color--pause\": active === 0 },\n    { \"color--green-haze\": active > 0 },\n  );\n  const pauseNumberClass = cn(\n    \"strong\",\n    { \"color--pause\": pause === 0 },\n    { \"color--light-red\": pause > 0 },\n  );\n\n  const isEmptyEntitys =\n    (isEntityAndCounter &&\n      (!entityAndCounter.counter || entityAndCounter.counter === 0)) ||\n    (!isEntityAndCounter && (warnLeft || !merchants));\n  const advancedTagClass = cn(\n    \"advanced-tags\",\n    { \"advanced-tags--error\": isEmptyEntitys },\n    className,\n  );\n\n  const onWarningClick = (warn) => {\n    setIsOpen(true);\n    setClickedWarning(warn);\n  };\n\n  const handleClickOutside = (event) => {\n    if (hintRef.current && !hintRef.current.contains(event.target)) {\n      setIsOpen(false);\n    }\n  };\n\n  useEffect(() => {\n    document.addEventListener(\"click\", handleClickOutside, true);\n    return () =>\n      document.removeEventListener(\"click\", handleClickOutside, true);\n  });\n\n  const renderClassicTag = () => {\n    return (\n      <div data-testid={testId} className={advancedTagClass} ref={hintRef}>\n        {warnLeft && (\n          <div\n            data-testid={`${testId}-left`}\n            className=\"advanced-tags--warning-icon-wrapper\"\n            onMouseEnter={() => onWarningClick(\"warnLeft\")}\n            onMouseLeave={() => setIsOpen(false)}\n          >\n            <AlertTriangle\n              width={16}\n              height={16}\n              className=\"advanced-tags--warning-icon mr5\"\n            />\n          </div>\n        )}\n\n        {labelLeft && <span className=\"mr5\">{labelLeft}</span>}\n        {labelRight && <span>{labelRight}</span>}\n\n        {item.type !== \"simple\" ? <span className=\"ml5 mr5\">|</span> : null}\n        {item.type !== \"simple\" ? (\n          <div className=\"df\">\n            <span className={activeNumberClass}>{active}</span>\n            <span className=\"strong color--pause\">/</span>\n            <span className={pauseNumberClass}>{pause}</span>\n          </div>\n        ) : null}\n\n        {item.type !== \"simple\" ? <span className=\"ml5 mr5\">|</span> : null}\n\n        {merchants ? (\n          <span>{merchants}</span>\n        ) : (\n          item.type !== \"simple\" && (\n            <div\n              data-testid={`${testId}-right`}\n              className=\"advanced-tags--warning-icon-wrapper\"\n              onMouseEnter={() => onWarningClick(\"warnRight\")}\n              onMouseLeave={() => setIsOpen(false)}\n            >\n              <AlertTriangle\n                width={16}\n                height={16}\n                className=\"advanced-tags--warning-icon\"\n              />\n            </div>\n          )\n        )}\n\n        {isOpen && warnLeftMsg && clickedWarning === \"warnLeft\" ? (\n          <span\n            className={cn(\n              \"advanced-tags__warn-text advanced-tags__warn-text--warnLeft\",\n              {\n                \"advanced-tags__warn-text--warnLeft--to-top\": toTop,\n              },\n            )}\n          >\n            {warnLeftMsg}\n          </span>\n        ) : null}\n\n        {isOpen && warnRightMsg && clickedWarning === \"warnRight\" ? (\n          <span\n            className={cn(\n              \"advanced-tags__warn-text\",\n              \"advanced-tags__warn-text--warnRight\",\n              {\n                \"advanced-tags__warn-text--warnRight--to-top\": toTop,\n              },\n            )}\n          >\n            {warnRightMsg}\n          </span>\n        ) : null}\n      </div>\n    );\n  };\n\n  const renderWithEntityAndCounterTag = () => {\n    const isNullcounter = entityAndCounter?.counter?.toString() === \"0\";\n\n    return (\n      <div data-testid={testId} className={advancedTagClass} ref={hintRef}>\n        {isNullcounter && (\n          <div\n            data-testid={`${testId}-left`}\n            className=\"advanced-tags--warning-icon-wrapper\"\n            onMouseEnter={() => onWarningClick(\"warnLeft\")}\n            onMouseLeave={() => setIsOpen(false)}\n          >\n            <AlertTriangle\n              width={16}\n              height={16}\n              className=\"advanced-tags--warning-icon mr5\"\n            />\n          </div>\n        )}\n\n        {isOpen &&\n        entityAndCounter?.nullCounterMessage &&\n        clickedWarning === \"warnLeft\" ? (\n          <span\n            className={cn(\n              \"advanced-tags__warn-text advanced-tags__warn-text--warnLeft\",\n              {\n                \"advanced-tags__warn-text--warnLeft--to-top\": toTop,\n              },\n            )}\n          >\n            {entityAndCounter?.nullCounterMessage}\n          </span>\n        ) : null}\n\n        {entityAndCounter?.title && (\n          <span className=\"mr5\">{entityAndCounter?.title}</span>\n        )}\n\n        <div\n          className={`advanced-tags__counter ${\n            isNullcounter\n              ? \"advanced-tags__counter--null\"\n              : \"advanced-tags__counter--bold\"\n          }`}\n        >\n          {entityAndCounter?.counter}\n        </div>\n      </div>\n    );\n  };\n  return !isEntityAndCounter\n    ? renderClassicTag()\n    : renderWithEntityAndCounterTag();\n};\n\nexport default AdvTag;\n"],"names":["AdvTag","item","className","testId","toTop","labelLeft","labelRight","active","pause","merchants","warnLeft","warnLeftMsg","warnRightMsg","isEntityAndCounter","entityAndCounter","nullCounterMessage","title","counter","isOpen","setIsOpen","useState","clickedWarning","setClickedWarning","hintRef","useRef","activeNumberClass","cn","pauseNumberClass","isEmptyEntitys","advancedTagClass","onWarningClick","warn","handleClickOutside","event","current","contains","target","useEffect","document","addEventListener","removeEventListener","renderClassicTag","div","data-testid","ref","onMouseEnter","onMouseLeave","AlertTriangle","width","height","span","type","renderWithEntityAndCounterTag","isNullcounter","toString"],"mappings":"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"}

package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js

@@ -103,3 +103,5 @@ const AdvancedTags = ({ items, noItemsTagLabel, className, testId = "advanced-ta
     });
 };
 const _default = AdvancedTags;
+
+//# sourceMappingURL=AdvancedTags.js.map

package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/AdvancedTag/AdvancedTags.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport Tag from \"../Tag/Tag\";\n\nimport AdvTag from \"./AdvTag\";\n\nconst AdvancedTags = ({ items, noItemsTagLabel, className, testId = \"advanced-tag-test\", toTop = true }) => {\n  if ((!items || !items.length) && !noItemsTagLabel) return null;\n\n  if ((!items || !items.length) && noItemsTagLabel)\n    return (\n      <Tag\n        label={noItemsTagLabel?.toString()}\n        className={cn(className, \"tag-warn\")}\n      />\n    );\n\n  const [showedItems, setShowedItems] = useState([items[0], items[1]]);\n  const [showMore, setShowMore] = useState(true);\n\n  const onShowMoreClick = () => {\n    setShowedItems(showMore ? items : [items[0], items[1]]);\n    setShowMore(!showMore);\n    return () => {\n      setShowedItems([items[0], items[1]]);\n      setShowMore(true);\n    };\n  };\n\n  return (\n    <div data-testid={testId} className={cn(className, \"j4 wrap\")}>\n      {showedItems?.map((item, index) => (\n        <AdvTag\n          toTop={toTop}\n          key={index}\n          item={item}\n          testId={`${testId}-item-${index}`}\n        />\n      ))}\n\n      {items.length >= 3 && (\n        <span\n          data-testid={`${testId}-showMore`}\n          onClick={() => onShowMoreClick()}\n          className=\"advanced-tags advanced-tags--showMore\"\n        >\n          {showMore ? `+${items.length - showedItems.length}` : \"...\"}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default AdvancedTags;\n"],"names":["AdvancedTags","items","noItemsTagLabel","className","testId","toTop","length","Tag","label","toString","cn","showedItems","setShowedItems","useState","showMore","setShowMore","onShowMoreClick","div","data-testid","map","item","index","AdvTag","span","onClick"],"mappings":";;;;+BAuDA;;;eAAA;;;;+DAvDgC;mEAEjB;4DAEC;+DAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnB,MAAMA,eAAe,CAAC,EAAEC,KAAK,EAAEC,eAAe,EAAEC,SAAS,EAAEC,SAAS,mBAAmB,EAAEC,QAAQ,IAAI,EAAE;IACrG,IAAI,AAAC,CAAA,CAACJ,SAAS,CAACA,MAAMK,MAAM,AAAD,KAAM,CAACJ,iBAAiB,OAAO;IAE1D,IAAI,AAAC,CAAA,CAACD,SAAS,CAACA,MAAMK,MAAM,AAAD,KAAMJ,iBAC/B,qBACE,qBAACK,YAAG;QACFC,KAAK,EAAEN,4BAAAA,sCAAAA,gBAAiBO,QAAQ;QAChCN,WAAWO,IAAAA,mBAAE,EAACP,WAAW;;IAI/B,MAAM,CAACQ,aAAaC,eAAe,GAAGC,IAAAA,eAAQ,EAAC;QAACZ,KAAK,CAAC,EAAE;QAAEA,KAAK,CAAC,EAAE;KAAC;IACnE,MAAM,CAACa,UAAUC,YAAY,GAAGF,IAAAA,eAAQ,EAAC;IAEzC,MAAMG,kBAAkB;QACtBJ,eAAeE,WAAWb,QAAQ;YAACA,KAAK,CAAC,EAAE;YAAEA,KAAK,CAAC,EAAE;SAAC;QACtDc,YAAY,CAACD;QACb,OAAO;YACLF,eAAe;gBAACX,KAAK,CAAC,EAAE;gBAAEA,KAAK,CAAC,EAAE;aAAC;YACnCc,YAAY;QACd;IACF;IAEA,qBACE,sBAACE;QAAIC,eAAad;QAAQD,WAAWO,IAAAA,mBAAE,EAACP,WAAW;;YAChDQ,wBAAAA,kCAAAA,YAAaQ,GAAG,CAAC,CAACC,MAAMC,sBACvB,qBAACC,eAAM;oBACLjB,OAAOA;oBAEPe,MAAMA;oBACNhB,QAAQ,GAAGA,OAAO,MAAM,EAAEiB,OAAO;mBAF5BA;YAMRpB,MAAMK,MAAM,IAAI,mBACf,qBAACiB;gBACCL,eAAa,GAAGd,OAAO,SAAS,CAAC;gBACjCoB,SAAS,IAAMR;gBACfb,WAAU;0BAETW,WAAW,CAAC,CAAC,EAAEb,MAAMK,MAAM,GAAGK,YAAYL,MAAM,EAAE,GAAG;;;;AAKhE;MAEA,WAAeN"}

package/dist/Atomic/UI/AdvancedTag/AdvancedTags.stories.js

@@ -113,3 +113,5 @@ AdvancedTagTemplate.args = {
     className: '',
     emptyText: 'no tags'
 };
+
+//# sourceMappingURL=AdvancedTags.stories.js.map

package/dist/Atomic/UI/AdvancedTag/AdvancedTags.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/AdvancedTag/AdvancedTags.stories.js"],"sourcesContent":["import React from 'react';\nimport AdvancedTags from './AdvancedTags';\n\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/AdvancedTags',\n  component: AdvancedTags,\n  argTypes: {\n    tags: {description: 'array'},\n    className: {description: 'string. optional'},\n  },\n};\n\nconst Template = ({tags, emptyText}) => <AdvancedTags items={tags} emptyText={emptyText} />;\n\nexport const AdvancedTagTemplate = Template.bind({});\n\nAdvancedTagTemplate.args = {\n  tags: [\n    {\n      noPingTree: true,\n      id: '1',\n      labelLeft: 'Home Improvement',\n      active: 1,\n      pause: 1,\n      warnLeft: true,\n      warnRight: true,\n      merchants: 0,\n      warnLeftMsg: `Lender is not included in Ping Tree by the { idustryi dustryi dustry idustry idustry idustry idustry } industry`,\n      warnRightMsg: `No Merchants for the {industry} industry`,\n      toTop: true,\n    },\n    {\n      id: '3',\n      isEntityAndCounter: true,\n      entityAndCounter: {\n        nullCounterMessage: 'Lorem Ipsum is simply a dummy',\n        title: 'Home Improvement',\n        counter: 0,\n      },\n    },\n    {\n      id: '155',\n      isEntityAndCounter: true,\n      entityAndCounter: {\n        nullCounterMessage: 'Lorem Ipsum is simply a dummy',\n        title: 'Home Improvement',\n        counter: 1,\n      },\n    },\n    {\n      id: '3',\n      isEntityAndCounter: true,\n      entityAndCounter: {\n        nullCounterMessage: 'Lorem Ipsum is simply a dummy',\n        title: 'Home Improvement',\n        counter: 15,\n      },\n    },\n    {\n      noPingTree: true,\n      id: '3',\n      labelLeft: 'Retail',\n      active: 1,\n      pause: 1,\n      merchants: 0,\n    },\n    {\n      noPingTree: true,\n      id: '4',\n      labelLeft: 'Services',\n      active: 0,\n      pause: 0,\n      merchants: 0,\n    },\n    {\n      noPingTree: false,\n      id: '5',\n      labelLeft: 'Other',\n      active: 0,\n      pause: 0,\n      merchants: 2,\n    },\n  ],\n  className: '',\n  emptyText: 'no tags',\n};\n"],"names":["AdvancedTagTemplate","global","lng","title","component","AdvancedTags","argTypes","tags","description","className","Template","emptyText","items","bind","args","noPingTree","id","labelLeft","active","pause","warnLeft","warnRight","merchants","warnLeftMsg","warnRightMsg","toTop","isEntityAndCounter","entityAndCounter","nullCounterMessage","counter"],"mappings":";;;;;;;;;;;IAkBaA,mBAAmB;eAAnBA;;IAXb,OAOE;eAPF;;;;8DAPkB;qEACO;QAElB;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,qBAAY;IACvBC,UAAU;QACRC,MAAM;YAACC,aAAa;QAAO;QAC3BC,WAAW;YAACD,aAAa;QAAkB;IAC7C;AACF;AAEA,MAAME,WAAW,CAAC,EAACH,IAAI,EAAEI,SAAS,EAAC,iBAAK,qBAACN,qBAAY;QAACO,OAAOL;QAAMI,WAAWA;;AAEvE,MAAMX,sBAAsBU,SAASG,IAAI,CAAC,CAAC;AAElDb,oBAAoBc,IAAI,GAAG;IACzBP,MAAM;QACJ;YACEQ,YAAY;YACZC,IAAI;YACJC,WAAW;YACXC,QAAQ;YACRC,OAAO;YACPC,UAAU;YACVC,WAAW;YACXC,WAAW;YACXC,aAAa,CAAC,+GAA+G,CAAC;YAC9HC,cAAc,CAAC,wCAAwC,CAAC;YACxDC,OAAO;QACT;QACA;YACET,IAAI;YACJU,oBAAoB;YACpBC,kBAAkB;gBAChBC,oBAAoB;gBACpBzB,OAAO;gBACP0B,SAAS;YACX;QACF;QACA;YACEb,IAAI;YACJU,oBAAoB;YACpBC,kBAAkB;gBAChBC,oBAAoB;gBACpBzB,OAAO;gBACP0B,SAAS;YACX;QACF;QACA;YACEb,IAAI;YACJU,oBAAoB;YACpBC,kBAAkB;gBAChBC,oBAAoB;gBACpBzB,OAAO;gBACP0B,SAAS;YACX;QACF;QACA;YACEd,YAAY;YACZC,IAAI;YACJC,WAAW;YACXC,QAAQ;YACRC,OAAO;YACPG,WAAW;QACb;QACA;YACEP,YAAY;YACZC,IAAI;YACJC,WAAW;YACXC,QAAQ;YACRC,OAAO;YACPG,WAAW;QACb;QACA;YACEP,YAAY;YACZC,IAAI;YACJC,WAAW;YACXC,QAAQ;YACRC,OAAO;YACPG,WAAW;QACb;KACD;IACDb,WAAW;IACXE,WAAW;AACb"}

package/dist/Atomic/UI/Alert/Alert.js

@@ -16,6 +16,19 @@ const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Sp
 const _Button = /*#__PURE__*/ _interop_require_default(require("../Button/Button"));
 const _DynamicIcon = /*#__PURE__*/ _interop_require_default(require("../DynamicIcon/DynamicIcon"));
 require("./Alert.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,19 +75,31 @@ 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 Alert = ({ message, icon, iconDynamicKey, iconDynamicProps, className, children, noDismiss, testId = "alert", isHidden = false, variant = "warning", isLoading, buttonParams })=>{
     const [onClose, setOnClose] = (0, _react.useState)(false);
-    const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, {
-        iconKey: iconDynamicKey,
-        ...iconDynamicProps
-    }) : null;
+    const DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_DynamicIcon.default, _object_spread({
+        iconKey: iconDynamicKey
+    }, iconDynamicProps)) : null;
     function renderActionsBlock() {
         if (buttonParams) return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
             className: "j6 alert__btns-box",
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, {
-                    ...buttonParams
-                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)(_Button.default, _object_spread({}, buttonParams)),
                 !noDismiss && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
                     className: "alert__close-btn",
                     children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {
@@ -119,3 +144,5 @@ const Alert = ({ message, icon, iconDynamicKey, iconDynamicProps, className, chi
     });
 };
 const _default = Alert;
+
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Alert/Alert.js"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { X } from \"react-feather\";\n\nimport Spinner from \"../../Layout/Spinner/Spinner\";\nimport Button from \"../Button/Button\";\nimport DynamicIcon from \"../DynamicIcon/DynamicIcon\";\n\nimport \"./Alert.scss\";\n\nconst Alert = ({\n  message,\n  icon,\n  iconDynamicKey,\n  iconDynamicProps,\n  className,\n  children,\n  noDismiss,\n  testId = \"alert\",\n  isHidden = false,\n  variant = \"warning\",\n  isLoading,\n  buttonParams,\n}) => {\n  const [onClose, setOnClose] = useState(false);\n\n  const DynamicIconComponent =\n    iconDynamicKey && !icon ? (\n      <DynamicIcon iconKey={iconDynamicKey} {...iconDynamicProps} />\n    ) : null;\n\n  function renderActionsBlock() {\n    if (buttonParams)\n      return (\n        <div className=\"j6 alert__btns-box\">\n          <Button {...buttonParams} />\n          {!noDismiss && (\n            <div className=\"alert__close-btn\">\n              <X data-testid={`${testId}-close`} onClick={() => setOnClose(!onClose)} />\n            </div>\n          )}\n        </div>\n      );\n    if (!noDismiss)\n      return (\n        <div className=\"alert__close-btn\">\n          <X data-testid={`${testId}-close`} onClick={() => setOnClose(!onClose)} />\n        </div>\n      );\n    return null;\n  }\n\n  return (\n    <div\n      data-testid={testId}\n      className={cn(className, { hidden: onClose }, `alert alert--${variant}`, {\n        hidden: isHidden,\n        \"alert--loading\": isLoading,\n      })}\n    >\n      <div className=\"alert__icon-text-box j4\">\n        {DynamicIconComponent ?? icon}\n        <div>{children || message}</div>\n      </div>\n      {renderActionsBlock()}\n      {isLoading && <Spinner size=\"small\" />}\n    </div>\n  );\n};\n\nexport default Alert;\n"],"names":["Alert","message","icon","iconDynamicKey","iconDynamicProps","className","children","noDismiss","testId","isHidden","variant","isLoading","buttonParams","onClose","setOnClose","useState","DynamicIconComponent","DynamicIcon","iconKey","renderActionsBlock","div","Button","X","data-testid","onClick","cn","hidden","Spinner","size"],"mappings":";;;;+BAuEA;;;eAAA;;;;+DAvEgC;mEAEjB;8BACG;gEAEE;+DACD;oEACK;QAEjB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,QAAQ,CAAC,EACbC,OAAO,EACPC,IAAI,EACJC,cAAc,EACdC,gBAAgB,EAChBC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,SAAS,OAAO,EAChBC,WAAW,KAAK,EAChBC,UAAU,SAAS,EACnBC,SAAS,EACTC,YAAY,EACb;IACC,MAAM,CAACC,SAASC,WAAW,GAAGC,IAAAA,eAAQ,EAAC;IAEvC,MAAMC,uBACJb,kBAAkB,CAACD,qBACjB,qBAACe,oBAAW;QAACC,SAASf;OAAoBC,qBACxC;IAEN,SAASe;QACP,IAAIP,cACF,qBACE,sBAACQ;YAAIf,WAAU;;8BACb,qBAACgB,eAAM,qBAAKT;gBACX,CAACL,2BACA,qBAACa;oBAAIf,WAAU;8BACb,cAAA,qBAACiB,eAAC;wBAACC,eAAa,GAAGf,OAAO,MAAM,CAAC;wBAAEgB,SAAS,IAAMV,WAAW,CAACD;;;;;QAKxE,IAAI,CAACN,WACH,qBACE,qBAACa;YAAIf,WAAU;sBACb,cAAA,qBAACiB,eAAC;gBAACC,eAAa,GAAGf,OAAO,MAAM,CAAC;gBAAEgB,SAAS,IAAMV,WAAW,CAACD;;;QAGpE,OAAO;IACT;IAEA,qBACE,sBAACO;QACCG,eAAaf;QACbH,WAAWoB,IAAAA,mBAAE,EAACpB,WAAW;YAAEqB,QAAQb;QAAQ,GAAG,CAAC,aAAa,EAAEH,SAAS,EAAE;YACvEgB,QAAQjB;YACR,kBAAkBE;QACpB;;0BAEA,sBAACS;gBAAIf,WAAU;;oBACZW,iCAAAA,kCAAAA,uBAAwBd;kCACzB,qBAACkB;kCAAKd,YAAYL;;;;YAEnBkB;YACAR,2BAAa,qBAACgB,gBAAO;gBAACC,MAAK;;;;AAGlC;MAEA,WAAe5B"}

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

@@ -24,11 +24,39 @@ const _react = /*#__PURE__*/ _interop_require_default(require("react"));
 const _Alert = /*#__PURE__*/ _interop_require_default(require("./Alert"));
 const _reactfeather = require("react-feather");
 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
     };
 }
+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;
+}
 global.lng = 'en';
 const _default = {
     title: 'UI/Alert',
@@ -54,9 +82,7 @@ const _default = {
         isLoading: 'boolean, add internal spinner'
     }
 };
-const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, {
-        ...args
-    });
+const Template = (args)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_Alert.default, _object_spread({}, args));
 const AlertTemplate = Template.bind({});
 AlertTemplate.args = {
     message: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.",
@@ -79,3 +105,5 @@ AlertTest.args = {
         onClick: ()=>console.log('click')
     }
 };
+
+//# sourceMappingURL=Alert.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Alert/Alert.stories.js"],"sourcesContent":["import React from 'react';\nimport Alert from './Alert';\n\nimport { Home } from 'react-feather';\nimport '../../../../../scss/main.scss';\n\nglobal.lng = 'en';\n\nexport default {\n  title: 'UI/Alert',\n  component: Alert,\n  argTypes: {\n    variant: {\n      description: 'string: [\"error\", \"warning\", \"success\", \"info\"]. optional. warning is default',\n      control: {\n        type: 'select',\n        options: ['error', 'warning', 'success', 'info'],\n      },\n    },\n    message: {\n      description: 'string',\n    },\n    noDismiss: 'hide close button. boolean. optional',\n    icon: 'icon before text. jsx. optional',\n    isLoading: 'boolean, add internal spinner'\n  },\n};\n\nconst Template = args => <Alert {...args} />;\n\nexport const AlertTemplate = Template.bind({});\n\nAlertTemplate.args = {\n  message:\n    \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.\",\n  variant: 'info',\n  noDismiss: false,\n  isHidden: false,\n  isLoading: false,\n  icon: <Home />,\n};\n\nexport const AlertTest = Template.bind({});\n\nAlertTest.args = {\n  message: 'example message. last test for close alert',\n  variant: 'info',\n  noDismiss: false,\n  icon: <Home />,\n  // noDismiss: true,\n  buttonParams: {\n    label: 'Got it!',\n    variant: 'link',\n    onClick: () => console.log('click')\n  }\n};\n"],"names":["AlertTemplate","AlertTest","global","lng","title","component","Alert","argTypes","variant","description","control","type","options","message","noDismiss","icon","isLoading","Template","args","bind","isHidden","Home","buttonParams","label","onClick","console","log"],"mappings":";;;;;;;;;;;IA8BaA,aAAa;eAAbA;;IAYAC,SAAS;eAATA;;IAlCb,OAkBE;eAlBF;;;;8DARkB;8DACA;8BAEG;QACd;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEPC,OAAOC,GAAG,GAAG;MAEb,WAAe;IACbC,OAAO;IACPC,WAAWC,cAAK;IAChBC,UAAU;QACRC,SAAS;YACPC,aAAa;YACbC,SAAS;gBACPC,MAAM;gBACNC,SAAS;oBAAC;oBAAS;oBAAW;oBAAW;iBAAO;YAClD;QACF;QACAC,SAAS;YACPJ,aAAa;QACf;QACAK,WAAW;QACXC,MAAM;QACNC,WAAW;IACb;AACF;AAEA,MAAMC,WAAWC,CAAAA,qBAAQ,qBAACZ,cAAK,qBAAKY;AAE7B,MAAMlB,gBAAgBiB,SAASE,IAAI,CAAC,CAAC;AAE5CnB,cAAckB,IAAI,GAAG;IACnBL,SACE;IACFL,SAAS;IACTM,WAAW;IACXM,UAAU;IACVJ,WAAW;IACXD,oBAAM,qBAACM,kBAAI;AACb;AAEO,MAAMpB,YAAYgB,SAASE,IAAI,CAAC,CAAC;AAExClB,UAAUiB,IAAI,GAAG;IACfL,SAAS;IACTL,SAAS;IACTM,WAAW;IACXC,oBAAM,qBAACM,kBAAI;IACX,mBAAmB;IACnBC,cAAc;QACZC,OAAO;QACPf,SAAS;QACTgB,SAAS,IAAMC,QAAQC,GAAG,CAAC;IAC7B;AACF"}

package/dist/Atomic/UI/Arrow/Arrow.js

@@ -168,3 +168,5 @@ const Arrow = ({ type, className, onClick, disabled, testId, isAlt })=>{
     });
 };
 const _default = Arrow;
+
+//# sourceMappingURL=Arrow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/UI/Arrow/Arrow.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport { getStyles } from \"../../../Functions/utils\";\n\nimport \"./Arrow.scss\";\n\nconst Arrow = ({ type, className, onClick, disabled, testId, isAlt }) => {\n  if (!type || (type !== \"left\" && type !== \"right\")) return null;\n  const ref = useRef();\n  const [color, setColor] = useState(\"currentColor\");\n\n  useEffect(() => {\n    if (ref.current) {\n      setColor(getStyles(ref.current, \"color\"));\n    }\n  }, [ref.current]);\n\n  function renderSVG() {\n    if (type === \"left\") {\n      if (isAlt)\n        return (\n          <svg\n            data-testid={testId}\n            version=\"1.1\"\n            id=\"Layer_1\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 16 16\"\n          >\n            <path\n              d=\"M12.7,8H3.3\"\n              stroke={color}\n              fill=\"none\"\n              strokeWidth={1.3333}\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n            <path\n              d=\"M8,3.3L3.3,8L8,12.7\"\n              stroke={color}\n              fill=\"none\"\n              strokeWidth={1.3333}\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        );\n      return (\n        <svg\n          data-testid={testId}\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M15 18L9 12L15 6\"\n            stroke={color}\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      );\n    }\n    if (isAlt)\n      return (\n        <svg\n          data-testid={testId}\n          id=\"Layer_1\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 16 16\"\n        >\n          <path\n            d=\"M3.3,8h9.3\"\n            stroke={color}\n            fill=\"none\"\n            strokeWidth={1.3333}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n          <path\n            d=\"M8,3.3L12.7,8L8,12.7\"\n            stroke={color}\n            fill=\"none\"\n            strokeWidth={1.3333}\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          />\n        </svg>\n      );\n    return (\n      <svg\n        data-testid={testId}\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M9 18L15 12L9 6\"\n          stroke=\"currentColor\"\n          strokeWidth=\"2\"\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <div\n      data-testid={`arrow--key-${testId}--type-${type}`}\n      ref={ref}\n      className={cn(\"arrow\", `arrow_${type}`, className, {\n        arrow_disabled: disabled,\n      })}\n      onClick={onClick}\n    >\n      {renderSVG()}\n    </div>\n  );\n};\n\nexport default Arrow;\n"],"names":["Arrow","type","className","onClick","disabled","testId","isAlt","ref","useRef","color","setColor","useState","useEffect","current","getStyles","renderSVG","svg","data-testid","version","id","xmlns","width","height","viewBox","path","d","stroke","fill","strokeWidth","strokeLinecap","strokeLinejoin","div","cn","arrow_disabled"],"mappings":";;;;+BAmIA;;;eAAA;;;;+DAnImD;mEAEpC;uBAEW;QAEnB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,QAAQ,CAAC,EAAEC,IAAI,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,EAAE;IAClE,IAAI,CAACL,QAASA,SAAS,UAAUA,SAAS,SAAU,OAAO;IAC3D,MAAMM,MAAMC,IAAAA,aAAM;IAClB,MAAM,CAACC,OAAOC,SAAS,GAAGC,IAAAA,eAAQ,EAAC;IAEnCC,IAAAA,gBAAS,EAAC;QACR,IAAIL,IAAIM,OAAO,EAAE;YACfH,SAASI,IAAAA,gBAAS,EAACP,IAAIM,OAAO,EAAE;QAClC;IACF,GAAG;QAACN,IAAIM,OAAO;KAAC;IAEhB,SAASE;QACP,IAAId,SAAS,QAAQ;YACnB,IAAIK,OACF,qBACE,sBAACU;gBACCC,eAAaZ;gBACba,SAAQ;gBACRC,IAAG;gBACHC,OAAM;gBACNC,OAAM;gBACNC,QAAO;gBACPC,SAAQ;;kCAER,qBAACC;wBACCC,GAAE;wBACFC,QAAQjB;wBACRkB,MAAK;wBACLC,aAAa;wBACbC,eAAc;wBACdC,gBAAe;;kCAEjB,qBAACN;wBACCC,GAAE;wBACFC,QAAQjB;wBACRkB,MAAK;wBACLC,aAAa;wBACbC,eAAc;wBACdC,gBAAe;;;;YAIvB,qBACE,qBAACd;gBACCC,eAAaZ;gBACbgB,OAAM;gBACNC,QAAO;gBACPC,SAAQ;gBACRI,MAAK;gBACLP,OAAM;0BAEN,cAAA,qBAACI;oBACCC,GAAE;oBACFC,QAAQjB;oBACRmB,aAAY;oBACZC,eAAc;oBACdC,gBAAe;;;QAIvB;QACA,IAAIxB,OACF,qBACE,sBAACU;YACCC,eAAaZ;YACbc,IAAG;YACHC,OAAM;YACNC,OAAM;YACNC,QAAO;YACPC,SAAQ;;8BAER,qBAACC;oBACCC,GAAE;oBACFC,QAAQjB;oBACRkB,MAAK;oBACLC,aAAa;oBACbC,eAAc;oBACdC,gBAAe;;8BAEjB,qBAACN;oBACCC,GAAE;oBACFC,QAAQjB;oBACRkB,MAAK;oBACLC,aAAa;oBACbC,eAAc;oBACdC,gBAAe;;;;QAIvB,qBACE,qBAACd;YACCC,eAAaZ;YACbgB,OAAM;YACNC,QAAO;YACPC,SAAQ;YACRI,MAAK;YACLP,OAAM;sBAEN,cAAA,qBAACI;gBACCC,GAAE;gBACFC,QAAO;gBACPE,aAAY;gBACZC,eAAc;gBACdC,gBAAe;;;IAIvB;IAEA,qBACE,qBAACC;QACCd,eAAa,CAAC,WAAW,EAAEZ,OAAO,OAAO,EAAEJ,MAAM;QACjDM,KAAKA;QACLL,WAAW8B,IAAAA,mBAAE,EAAC,SAAS,CAAC,MAAM,EAAE/B,MAAM,EAAEC,WAAW;YACjD+B,gBAAgB7B;QAClB;QACAD,SAASA;kBAERY;;AAGP;MAEA,WAAef"}