intelicoreact 1.8.3 → 1.8.4

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

@@ -0,0 +1,10 @@
+export default AccordionTable;
+declare function AccordionTable({ className, header, items, onChange, testId, onSort, sortParams, }: {
+    className: any;
+    header: any;
+    items: any;
+    onChange: any;
+    testId: any;
+    onSort?: (() => void) | undefined;
+    sortParams: any;
+}): JSX.Element;

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

@@ -1 +1 @@
-function e(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,o=Array(r);t<r;t++)o[t]=e[t];return o}function r(r,t){return function(e){if(Array.isArray(e))return e}(r)||function(e,r){var t,o,n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a=[],c=!0,i=!1;try{for(n=n.call(e);!(c=(t=n.next()).done)&&(a.push(t.value),!r||a.length!==r);c=!0);}catch(e){i=!0,o=e}finally{try{c||null==n.return||n.return()}finally{if(i)throw o}}return a}}(r,t)||function(r,t){if(r){if("string"==typeof r)return e(r,t);var o=Object.prototype.toString.call(r).slice(8,-1);if("Object"===o&&r.constructor&&(o=r.constructor.name),"Map"===o||"Set"===o)return Array.from(o);if("Arguments"===o||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return e(r,t)}}(r,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function t(e){return e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e}import{jsx as o,jsxs as n}from"react/jsx-runtime";import{useEffect as a,useState as c}from"react";import i from"classnames";import{ArrowDown as l,ArrowUp as s,ChevronDown as d,Tag as u}from"react-feather";import m from"../MonoAccordion/MonoAccordion";import"./AccordionTable.scss";export default function(e){var b=e.className,p=e.header,f=e.items,v=e.onChange,y=e.testId,h=e.onSort,_=void 0===h?function(){}:h,O=e.sortParams,N=r(c(f),2),g=N[0],j=N[1],w={accordionChange:function(e,r){var t,o,n,a=null==g?void 0:g.map(function(r){if(r.key===e){var t,o;return t=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.forEach(function(r){var o;o=t[r],r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o})}return e}({},r),o=o={isOpen:!r.isOpen},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t})(Object(o)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}),t}return r}),c=(null==r||null==(t=r.target)?void 0:t.tagName)==="svg";((null==(n=r.target.className)||null==(o=n.includes)?void 0:o.call(n,"accordion-table"))||c)&&(v(a),j(a))},setSort:function(e){var r;_(e!==O.key?{key:e,direction:"DESC"}:{key:e,direction:"ASC"===O.direction?"DESC":"ASC"})}},S=function(e){return null==p?void 0:p.find(function(r){return r.key===e})},k=function(e){var n;return null==(n=Object.entries(e))?void 0:n.map(function(e){var n,a,c=r(e,2),l=c[0],s=c[1];return"promoDetails"===l||"disclosure"===l?null:o("div",{style:{flexBasis:"".concat(null==(n=S(l))?void 0:n.width,"%")},className:i("accordion-table__td","accordion-table__td--".concat(l),null==(a=S(l))?void 0:a.className),children:o("p",{className:"accordion-table__statistics-td-value",title:(void 0===s?"undefined":t(s))!=="object"?s:s.value,children:(void 0===s?"undefined":t(s))!=="object"?s:s.value})},l)})};return a(function(){j(f)},[f]),n("div",{className:i("accordion-table",b),children:[o("div",{className:"accordion-table__header",children:null==p?void 0:p.map(function(e){return n("div",{style:{flexBasis:"".concat(e.width,"%")},className:i("accordion-table__header-item",e.className,{"accordion-table--sorted-col":O&&O.key===e.key},{"accordion-table__header-item-sortable":!e.noSort}),onClick:function(){return!e.noSort&&w.setSort(e.key)},children:[O&&e.key===O.key&&"actions"!==O.key&&("DESC"===O.direction?o(l,{size:16}):o(s,{size:16})),e.label]},e.key)})}),o("div",{className:"accordion-table__body",children:null==g?void 0:g.map(function(e){var t,a,c;return o(m,{testId:y,onClick:function(r){return w.accordionChange(e.key,r)},isOpen:e.isOpen,className:i("accordion-table__body-accordion",{"accordion-table__body-accordion--closed":!e.isOpen},e.className),titleJSX:n("div",{onClick:function(e){return w.accordionChange(a.key,e)},className:"accordion-table__accordion-label-box",children:[n("div",{className:"accordion-table__accordion-label-wrapper j4",children:[o(d,{width:8,height:4,className:i("accordion-label-box__icon",{"accordion-label-box__icon--open":(a=e).isOpen})}),o("span",{className:"accordion-label-box__label",children:a.label}),a.statistics&&o("div",{className:i("accordion-table__tr",a.className),children:Object.entries(a.statistics).map(function(e){var t,n,a=r(e,2),c=a[0],l=a[1];return o("div",{style:{width:"".concat(null==(t=S(c))?void 0:t.width,"%")},className:i("accordion-table__statistics-td",null==(n=S(c))?void 0:n.className),children:o("div",{className:"accordion-table__statistics-td-value-wrapper",children:"status"===c?o("div",{className:"accordion-table__statistics-td-value",children:l}):o("p",{className:"accordion-table__statistics-td-value",title:l,children:l})})},c)})})]}),a.titleContent]}),children:null!=(t=e.children)?t:null==(c=e.rows)?void 0:c.map(function(e,r){var t,a,c,l,s;return n("div",{className:i("accordion-table__tr",{"accordion-table__tr-with-promo":e.promoDetails||(null==(t=e.cols)?void 0:t.promoDetails)},e.className),children:[o("div",{className:"df w100",children:k(e.cols||e)}),e.promoDetails||(null==(a=e.cols)?void 0:a.promoDetails)?o("div",{className:"accordion-table__tr-promo-wrapper",children:n("div",{className:"accordion-table__tr-promo",children:[o(u,{className:"tr-promo-icon",width:16,height:16}),o("span",{className:"tr-promo-label",children:"PROMOTION"}),e.promoDetails||(null==(c=e.cols)?void 0:c.promoDetails)]})}):null,e.disclosure||(null==(l=e.cols)?void 0:l.disclosure)?o("div",{className:"accordion-table__tr-promo-wrapper",children:o("div",{className:"accordion-table__tr-promo accordion-table__tr-promo-disclosure",children:e.disclosure||(null==(s=e.cols)?void 0:s.disclosure)})}):null]},r)})},e.key)})})]})}
+function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,r=Array(t);a<t;a++)r[a]=e[a];return r}function t(t,a){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var a,r,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var c=[],n=!0,l=!1;try{for(o=o.call(e);!(n=(a=o.next()).done)&&(c.push(a.value),!t||c.length!==t);n=!0);}catch(e){l=!0,r=e}finally{try{n||null==o.return||o.return()}finally{if(l)throw r}}return c}}(t,a)||function(t,a){if(t){if("string"==typeof t)return e(t,a);var r=Object.prototype.toString.call(t).slice(8,-1);if("Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return e(t,a)}}(t,a)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e){return e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),o=r.__importDefault(require("classnames")),c=require("react"),n=require("react-feather"),l=r.__importDefault(require("../MonoAccordion/MonoAccordion"));require("./AccordionTable.scss"),exports.default=function(e){var r=e.className,i=e.header,s=e.items,d=e.onChange,u=e.testId,m=e.onSort,b=void 0===m?function(){}:m,f=e.sortParams,p=t((0,c.useState)(s),2),v=p[0],y=p[1],_={accordionChange:function(e,t){var a,r,o,c=null==v?void 0:v.map(function(t){if(t.key===e){var a,r;return a=function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},r=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(a).filter(function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable}))),r.forEach(function(t){var r;r=a[t],t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r})}return e}({},t),r=r={isOpen:!t.isOpen},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(r)):(function(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);a.push.apply(a,r)}return a})(Object(r)).forEach(function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(r,e))}),a}return t}),n=(null==(a=null==t?void 0:t.target)?void 0:a.tagName)==="svg";((null==(o=null==(r=t.target.className)?void 0:r.includes)?void 0:o.call(r,"accordion-table"))||n)&&(d(c),y(c))},setSort:function(e){var t;b(e!==f.key?{key:e,direction:"DESC"}:{key:e,direction:"ASC"===f.direction?"DESC":"ASC"})}},O=function(e){return null==i?void 0:i.find(function(t){return t.key===e})},h=function(e){var r;return null==(r=Object.entries(e))?void 0:r.map(function(e){var r,c,n=t(e,2),l=n[0],i=n[1];return"promoDetails"===l||"disclosure"===l?null:React.createElement("div",{key:l,style:{flexBasis:"".concat(null==(r=O(l))?void 0:r.width,"%")},className:(0,o.default)("accordion-table__td","accordion-table__td--".concat(l),null==(c=O(l))?void 0:c.className)},React.createElement("p",{className:"accordion-table__statistics-td-value",title:(void 0===i?"undefined":a(i))!=="object"?i:i.value},(void 0===i?"undefined":a(i))!=="object"?i:i.value))})};return(0,c.useEffect)(function(){y(s)},[s]),React.createElement("div",{className:(0,o.default)("accordion-table",r)},React.createElement("div",{className:"accordion-table__header"},null==i?void 0:i.map(function(e){return React.createElement("div",{style:{flexBasis:"".concat(e.width,"%")},key:e.key,className:(0,o.default)("accordion-table__header-item",e.className,{"accordion-table--sorted-col":f&&f.key===e.key},{"accordion-table__header-item-sortable":!e.noSort}),onClick:function(){return!e.noSort&&_.setSort(e.key)}},f&&e.key===f.key&&"actions"!==f.key&&("DESC"===f.direction?React.createElement(n.ArrowDown,{size:16}):React.createElement(n.ArrowUp,{size:16})),e.label)})),React.createElement("div",{className:"accordion-table__body"},null==v?void 0:v.map(function(e){var a,r;return React.createElement(l.default,{testId:u,key:e.key,onClick:function(t){return _.accordionChange(e.key,t)},isOpen:e.isOpen,className:(0,o.default)("accordion-table__body-accordion",{"accordion-table__body-accordion--closed":!e.isOpen},e.className),titleJSX:React.createElement("div",{onClick:function(t){return _.accordionChange(e.key,t)},className:"accordion-table__accordion-label-box"},React.createElement("div",{className:"accordion-table__accordion-label-wrapper j4"},React.createElement(n.ChevronDown,{width:8,height:4,className:(0,o.default)("accordion-label-box__icon",{"accordion-label-box__icon--open":e.isOpen})}),React.createElement("span",{className:"accordion-label-box__label"},e.label),e.statistics&&React.createElement("div",{className:(0,o.default)("accordion-table__tr",e.className)},Object.entries(e.statistics).map(function(e){var a,r,c=t(e,2),n=c[0],l=c[1];return React.createElement("div",{key:n,style:{width:"".concat(null==(a=O(n))?void 0:a.width,"%")},className:(0,o.default)("accordion-table__statistics-td",null==(r=O(n))?void 0:r.className)},React.createElement("div",{className:"accordion-table__statistics-td-value-wrapper"},"status"===n?React.createElement("div",{className:"accordion-table__statistics-td-value"},l):React.createElement("p",{className:"accordion-table__statistics-td-value",title:l},l)))}))),e.titleContent)},null!=(a=e.children)?a:null==(r=e.rows)?void 0:r.map(function(e,t){var a,r,c,l,i;return React.createElement("div",{key:t,className:(0,o.default)("accordion-table__tr",{"accordion-table__tr-with-promo":e.promoDetails||(null==(a=e.cols)?void 0:a.promoDetails)},e.className)},React.createElement("div",{className:"df w100"},h(e.cols||e)),e.promoDetails||(null==(r=e.cols)?void 0:r.promoDetails)?React.createElement("div",{className:"accordion-table__tr-promo-wrapper"},React.createElement("div",{className:"accordion-table__tr-promo"},React.createElement(n.Tag,{className:"tr-promo-icon",width:16,height:16}),React.createElement("span",{className:"tr-promo-label"},"PROMOTION"),e.promoDetails||(null==(c=e.cols)?void 0:c.promoDetails))):null,e.disclosure||(null==(l=e.cols)?void 0:l.disclosure)?React.createElement("div",{className:"accordion-table__tr-promo-wrapper"},React.createElement("div",{className:"accordion-table__tr-promo accordion-table__tr-promo-disclosure"},e.disclosure||(null==(i=e.cols)?void 0:i.disclosure))):null)}))})))};

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

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

package/dist/Atomic/UI/AccordionTable/AccordionTable.jsx

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

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

@@ -0,0 +1,8 @@
+export default AccordionText;
+declare function AccordionText({ isDefaultOpen, isOuterOpen, className, text, shortText, }: {
+    isDefaultOpen?: boolean | undefined;
+    isOuterOpen?: boolean | undefined;
+    className: any;
+    text?: string | undefined;
+    shortText?: null | undefined;
+}): JSX.Element;

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

@@ -1 +1 @@
-function t(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,n=Array(r);e<r;e++)n[e]=t[e];return n}function r(r,e){return function(t){if(Array.isArray(t))return t}(r)||function(t,r){var e,n,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i=[],a=!0,c=!1;try{for(o=o.call(t);!(a=(e=o.next()).done)&&(i.push(e.value),!r||i.length!==r);a=!0);}catch(t){c=!0,n=t}finally{try{a||null==o.return||o.return()}finally{if(c)throw n}}return i}}(r,e)||function(r,e){if(r){if("string"==typeof r)return t(r,e);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return t(r,e)}}(r,e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useEffect as o,useRef as i,useState as a}from"react";import"react";import c from"classnames";import{ChevronDown as u,ChevronUp as l}from"react-feather";import"./AccordionText.scss";export default function(t){var s=t.isDefaultOpen,d=t.isOuterOpen,m=void 0!==d&&d,f=t.className,p=t.text,v=void 0===p?"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.":p,y=t.shortText,b=void 0===y?null:y,h=i(null),x=r(a(void 0!==s&&s),2),g=x[0],A=x[1],j=r(a(!1),2),O=j[0],S=j[1];return o(function(){A(m)},[m]),o(function(){var t=function(){h.current&&S(h.current.scrollWidth>h.current.clientWidth)},r=new ResizeObserver(function(){t()});return h.current&&(r.observe(h.current),t()),function(){h.current&&r.unobserve(h.current)}},[v]),n("div",{className:c("accordion-text",f,{"accordion-text--open":g}),onClick:function(){return A(function(t){return!t})},children:[e("div",{className:c("accordion-text__body",{"accordion-text__body--trim-text":O&&!g}),ref:h,children:b?g?v:b:v}),e("div",{className:"accordion-text__toggle",children:g?e(l,{}):e(u,{})})]})}
+function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function t(t,r){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var i=[],a=!0,u=!1;try{for(o=o.call(e);!(a=(r=o.next()).done)&&(i.push(r.value),!t||i.length!==t);a=!0);}catch(e){u=!0,n=e}finally{try{a||null==o.return||o.return()}finally{if(u)throw n}}return i}}(t,r)||function(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}(t,r)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib").__importDefault(require("classnames")),n=require("react"),o=require("react-feather");require("./AccordionText.scss"),exports.default=function(e){var i=e.isDefaultOpen,a=e.isOuterOpen,u=void 0!==a&&a,c=e.className,l=e.text,s=void 0===l?"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.":l,f=e.shortText,d=void 0===f?null:f,m=(0,n.useRef)(null),v=t((0,n.useState)(void 0!==i&&i),2),p=v[0],y=v[1],b=t((0,n.useState)(!1),2),h=b[0],x=b[1];return(0,n.useEffect)(function(){y(u)},[u]),(0,n.useEffect)(function(){var e=function(){m.current&&x(m.current.scrollWidth>m.current.clientWidth)},t=new ResizeObserver(function(){e()});return m.current&&(t.observe(m.current),e()),function(){m.current&&t.unobserve(m.current)}},[s]),React.createElement("div",{className:(0,r.default)("accordion-text",c,{"accordion-text--open":p}),onClick:function(){return y(function(e){return!e})}},React.createElement("div",{className:(0,r.default)("accordion-text__body",{"accordion-text__body--trim-text":h&&!p}),ref:m},d?p?s:d:s),React.createElement("div",{className:"accordion-text__toggle"},p?React.createElement(o.ChevronUp,null):React.createElement(o.ChevronDown,null)))};

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionText.js","sourceRoot":"","sources":["../../../../src/Atomic/UI/AccordionText/AccordionText.jsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAC5B,iCAAoD;AACpD,iDAAuD;AACvD,gCAA8B;AAE9B,MAAM,WAAW,GAAG,yOAAyO,CAAC;AAE9P,SAAS,aAAa,CAAC,EACrB,aAAa,GAAG,KAAK,EACrB,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,IAAI,GAAG,WAAW,EAClB,SAAS,GAAG,IAAI,GACjB;IACC,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,aAAa,CAAC,CAAC;IACpD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE5D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,SAAS,CAAC,WAAW,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,aAAa,GAAG,GAAG,EAAE;YACzB,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACpB,iBAAiB,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;YAC/E,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YAC7C,aAAa,EAAE,CAAC;QAClB,CAAC,CAAC,CAAC;QAEH,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;YACpB,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACxC,aAAa,EAAE,CAAC;QAClB,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACpB,cAAc,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC5C,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,6BACE,SAAS,EAAE,IAAA,oBAAE,EAAC,gBAAgB,EAAE,SAAS,EAAE;YACzC,sBAAsB,EAAE,MAAM;SAC/B,CAAC,EACF,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,UAAU,CAAC;QAEnD,6BACE,SAAS,EAAE,IAAA,oBAAE,EAAC,sBAAsB,EAAE;gBACpC,iCAAiC,EAAE,cAAc,IAAI,CAAC,MAAM;aAC7D,CAAC,EACF,GAAG,EAAE,OAAO,IAEX,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAC3C;QACN,6BAAK,SAAS,EAAC,wBAAwB,IACpC,MAAM,CAAC,CAAC,CAAC,oBAAC,yBAAS,OAAG,CAAC,CAAC,CAAC,oBAAC,2BAAW,OAAG,CACrC,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,aAAa,CAAC"}

package/dist/Atomic/UI/AccordionText/AccordionText.jsx

@@ -0,0 +1,68 @@
+import cn from 'classnames';
+import { useEffect, useRef, useState } from 'react';
+import { ChevronDown, ChevronUp } from 'react-feather';
+import './AccordionText.scss';
+
+const 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.`;
+
+function AccordionText({
+  isDefaultOpen = false,
+  isOuterOpen = false,
+  className,
+  text = defaultText,
+  shortText = null,
+}) {
+  const bodyRef = useRef(null);
+  const [isOpen, setIsOpen] = useState(isDefaultOpen);
+  const [isNeedTrimText, setIsNeedTrimText] = useState(false);
+
+  useEffect(() => {
+    setIsOpen(isOuterOpen);
+  }, [isOuterOpen]);
+
+  useEffect(() => {
+    const checkEllipsis = () => {
+      if (bodyRef.current) {
+        setIsNeedTrimText(bodyRef.current.scrollWidth > bodyRef.current.clientWidth);
+      }
+    };
+
+    const resizeObserver = new ResizeObserver(() => {
+      checkEllipsis();
+    });
+
+    if (bodyRef.current) {
+      resizeObserver.observe(bodyRef.current);
+      checkEllipsis();
+    }
+
+    return () => {
+      if (bodyRef.current) {
+        resizeObserver.unobserve(bodyRef.current);
+      }
+    };
+  }, [text]);
+
+  return (
+    <div
+      className={cn('accordion-text', className, {
+        'accordion-text--open': isOpen,
+      })}
+      onClick={() => setIsOpen(prevIsOpen => !prevIsOpen)}
+    >
+      <div
+        className={cn('accordion-text__body', {
+          'accordion-text__body--trim-text': isNeedTrimText && !isOpen,
+        })}
+        ref={bodyRef}
+      >
+        {shortText ? (isOpen ? text : shortText) : text}
+      </div>
+      <div className="accordion-text__toggle">
+        {isOpen ? <ChevronUp /> : <ChevronDown />}
+      </div>
+    </div>
+  );
+}
+
+export default AccordionText;

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

@@ -0,0 +1,9 @@
+export default Arrow;
+declare function Arrow({ type, className, onClick, disabled, testId, isAlt }: {
+    type: any;
+    className: any;
+    onClick: any;
+    disabled: any;
+    testId: any;
+    isAlt: any;
+}): JSX.Element | null;

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

@@ -1 +1 @@
-function t(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,n=Array(r);e<r;e++)n[e]=t[e];return n}import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useEffect as n,useRef as o,useState as i}from"react";import a from"classnames";import{getStyles as s}from"../../../Functions/utils";import"./Arrow.scss";export default function(l){var d,c=l.type,u=l.className,h=l.onClick,f=l.disabled,p=l.testId,w=l.isAlt;if(!c||"left"!==c&&"right"!==c)return null;var k=o(),m=(d=i("currentColor"),function(t){if(Array.isArray(t))return t}(d)||function(t,r){var e,n,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i=[],a=!0,s=!1;try{for(o=o.call(t);!(a=(e=o.next()).done)&&(i.push(e.value),i.length!==r);a=!0);}catch(t){s=!0,n=t}finally{try{a||null==o.return||o.return()}finally{if(s)throw n}}return i}}(d,2)||function(r,e){if(r){if("string"==typeof r)return t(r,2);var n=Object.prototype.toString.call(r).slice(8,-1);if("Object"===n&&r.constructor&&(n=r.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return t(r,e)}}(d,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),g=m[0],v=m[1];return n(function(){k.current&&v(s(k.current,"color"))},[k.current]),r("div",{"data-testid":"arrow--key-".concat(p,"--type-").concat(c),ref:k,className:a("arrow","arrow_".concat(c),u,{arrow_disabled:f}),onClick:h,children:"left"===c?w?e("svg",{"data-testid":p,version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",children:[r("path",{d:"M12.7,8H3.3",stroke:g,fill:"none",strokeWidth:1.3333,strokeLinecap:"round",strokeLinejoin:"round"}),r("path",{d:"M8,3.3L3.3,8L8,12.7",stroke:g,fill:"none",strokeWidth:1.3333,strokeLinecap:"round",strokeLinejoin:"round"})]}):r("svg",{"data-testid":p,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r("path",{d:"M15 18L9 12L15 6",stroke:g,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}):w?e("svg",{"data-testid":p,id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",children:[r("path",{d:"M3.3,8h9.3",stroke:g,fill:"none",strokeWidth:1.3333,strokeLinecap:"round",strokeLinejoin:"round"}),r("path",{d:"M8,3.3L12.7,8L8,12.7",stroke:g,fill:"none",strokeWidth:1.3333,strokeLinecap:"round",strokeLinejoin:"round"})]}):r("svg",{"data-testid":p,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})})}
+function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib").__importDefault(require("classnames")),r=require("react"),n=require("../../../Functions/utils");require("./Arrow.scss"),exports.default=function(o){var a,i=o.type,l=o.className,s=o.onClick,c=o.disabled,u=o.testId,d=o.isAlt;if(!i||"left"!==i&&"right"!==i)return null;var f=(0,r.useRef)(),h=(a=(0,r.useState)("currentColor"),function(e){if(Array.isArray(e))return e}(a)||function(e,t){var r,n,o=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=o){var a=[],i=!0,l=!1;try{for(o=o.call(e);!(i=(r=o.next()).done)&&(a.push(r.value),a.length!==t);i=!0);}catch(e){l=!0,n=e}finally{try{i||null==o.return||o.return()}finally{if(l)throw n}}return a}}(a,2)||function(t,r){if(t){if("string"==typeof t)return e(t,2);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}(a,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),p=h[0],w=h[1];return(0,r.useEffect)(function(){f.current&&w((0,n.getStyles)(f.current,"color"))},[f.current]),React.createElement("div",{"data-testid":"arrow--key-".concat(u,"--type-").concat(i),ref:f,className:(0,t.default)("arrow","arrow_".concat(i),l,{arrow_disabled:c}),onClick:s},"left"===i?d?React.createElement("svg",{"data-testid":u,version:"1.1",id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"},React.createElement("path",{d:"M12.7,8H3.3",stroke:p,fill:"none",strokeWidth:1.3333,strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M8,3.3L3.3,8L8,12.7",stroke:p,fill:"none",strokeWidth:1.3333,strokeLinecap:"round",strokeLinejoin:"round"})):React.createElement("svg",{"data-testid":u,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M15 18L9 12L15 6",stroke:p,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})):d?React.createElement("svg",{"data-testid":u,id:"Layer_1",xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16"},React.createElement("path",{d:"M3.3,8h9.3",stroke:p,fill:"none",strokeWidth:1.3333,strokeLinecap:"round",strokeLinejoin:"round"}),React.createElement("path",{d:"M8,3.3L12.7,8L8,12.7",stroke:p,fill:"none",strokeWidth:1.3333,strokeLinecap:"round",strokeLinejoin:"round"})):React.createElement("svg",{"data-testid":u,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M9 18L15 12L9 6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})))};

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

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

package/dist/Atomic/UI/Arrow/Arrow.jsx

@@ -0,0 +1,134 @@
+import cn from 'classnames';
+
+import { useEffect, useRef, useState } from 'react';
+
+import { getStyles } from '../../../Functions/utils';
+
+import './Arrow.scss';
+
+function Arrow({ type, className, onClick, disabled, testId, isAlt }) {
+  if (!type || (type !== 'left' && type !== 'right')) return null;
+  const ref = useRef();
+  const [color, setColor] = useState('currentColor');
+
+  useEffect(() => {
+    if (ref.current) {
+      setColor(getStyles(ref.current, 'color'));
+    }
+  }, [ref.current]);
+
+  function renderSVG() {
+    if (type === 'left') {
+      if (isAlt) {
+        return (
+          <svg
+            data-testid={testId}
+            version="1.1"
+            id="Layer_1"
+            xmlns="http://www.w3.org/2000/svg"
+            width="16"
+            height="16"
+            viewBox="0 0 16 16"
+          >
+            <path
+              d="M12.7,8H3.3"
+              stroke={color}
+              fill="none"
+              strokeWidth={1.3333}
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+            <path
+              d="M8,3.3L3.3,8L8,12.7"
+              stroke={color}
+              fill="none"
+              strokeWidth={1.3333}
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+          </svg>
+        );
+      }
+      return (
+        <svg
+          data-testid={testId}
+          width="24"
+          height="24"
+          viewBox="0 0 24 24"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M15 18L9 12L15 6"
+            stroke={color}
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </svg>
+      );
+    }
+    if (isAlt) {
+      return (
+        <svg
+          data-testid={testId}
+          id="Layer_1"
+          xmlns="http://www.w3.org/2000/svg"
+          width="16"
+          height="16"
+          viewBox="0 0 16 16"
+        >
+          <path
+            d="M3.3,8h9.3"
+            stroke={color}
+            fill="none"
+            strokeWidth={1.3333}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M8,3.3L12.7,8L8,12.7"
+            stroke={color}
+            fill="none"
+            strokeWidth={1.3333}
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </svg>
+      );
+    }
+    return (
+      <svg
+        data-testid={testId}
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M9 18L15 12L9 6"
+          stroke="currentColor"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </svg>
+    );
+  }
+
+  return (
+    <div
+      data-testid={`arrow--key-${testId}--type-${type}`}
+      ref={ref}
+      className={cn('arrow', `arrow_${type}`, className, {
+        arrow_disabled: disabled,
+      })}
+      onClick={onClick}
+    >
+      {renderSVG()}
+    </div>
+  );
+}
+
+export default Arrow;

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

@@ -0,0 +1,9 @@
+export default Box;
+declare function Box({ children, paddingVariant, radiiVariant, direction, className, ...restProps }: {
+    [x: string]: any;
+    children: any;
+    paddingVariant?: string | undefined;
+    radiiVariant?: string | undefined;
+    direction?: string | undefined;
+    className: any;
+}): JSX.Element;

package/dist/Atomic/UI/Box/Box.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import"react";import r from"classnames";import"./Box.scss";var t={column:"column",row:"row"},n={s:"s",m:"m"};export default function(o){var c,i,a=o.children,l=o.paddingVariant,s=void 0===l?n.m:l,p=o.radiiVariant,b=void 0===p?n.s:p,f=o.direction,u=void 0===f?t.column:f,O=o.className,m=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(o,["children","paddingVariant","radiiVariant","direction","className"]);return e("div",(c=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){var n;n=t[r],r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n})}return e}({style:{flexDirection:u},className:r("box","box--padding-".concat(s),"box--radii-".concat(b),O,{df:u===t.row,"dfc-jc":u===t.column})},m),i=i={children:a},Object.getOwnPropertyDescriptors?Object.defineProperties(c,Object.getOwnPropertyDescriptors(i)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t})(Object(i)).forEach(function(e){Object.defineProperty(c,e,Object.getOwnPropertyDescriptor(i,e))}),c))}
+Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib").__importDefault(require("classnames"));require("./Box.scss");var r={column:"column",row:"row"},t={s:"s",m:"m"};exports.default=function(n){var o=n.children,i=n.paddingVariant,a=void 0===i?t.m:i,c=n.radiiVariant,l=void 0===c?t.s:c,u=n.direction,s=void 0===u?r.column:u,f=n.className,d=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)t=i[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["children","paddingVariant","radiiVariant","direction","className"]);return React.createElement("div",function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){var n;n=t[r],r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n})}return e}({style:{flexDirection:s},className:(0,e.default)("box","box--padding-".concat(a),"box--radii-".concat(l),f,{df:s===r.row,"dfc-jc":s===r.column})},d),o)};

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../src/Atomic/UI/Box/Box.jsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAE5B,SAAS;AAET,SAAS;AACT,sBAAoB;AAEpB,MAAM,iBAAiB,GAAG;IACxB,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;CACX,CAAC;AAEF,MAAM,KAAK,GAAG;IACZ,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,IAAI;IACR,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,EAAE,EAAE,IAAI;CACT,CAAC;AAEF,SAAS,GAAG,CAAC,EACX,QAAQ,EACR,cAAc,GAAG,KAAK,CAAC,CAAC,EACxB,YAAY,GAAG,KAAK,CAAC,CAAC,EACtB,SAAS,GAAG,iBAAiB,CAAC,MAAM,EACpC,SAAS,EACT,GAAG,SAAS,EACb;IACC,MAAM,MAAM,GAAG;QACb,aAAa,EAAE,SAAS;KACzB,CAAC;IACF,OAAO,CACL,6BACE,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,IAAA,oBAAE,EACX,KAAK,EACL,gBAAgB,cAAc,EAAE,EAChC,cAAc,YAAY,EAAE,EAC5B,SAAS,EACT;YACE,IAAI,EAAE,SAAS,KAAK,iBAAiB,CAAC,GAAG;YACzC,QAAQ,EAAE,SAAS,KAAK,iBAAiB,CAAC,MAAM;SACjD,CACF,KACG,SAAS,IAEZ,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,GAAG,CAAC"}