intelicoreact 1.8.2 → 1.8.4

package/dist/Atomic/UI/DebugContainer/useDebugContainer.js

@@ -1 +1 @@
-function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=Array(t);e<t;e++)n[e]=r[e];return n}import{jsx as t}from"react/jsx-runtime";import{useState as e}from"react";import n from"./DebugContainer";export default function(){var o,a=(o=e({}),function(r){if(Array.isArray(r))return r}(o)||function(r,t){var e,n,o=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=o){var a=[],u=!0,i=!1;try{for(o=o.call(r);!(u=(e=o.next()).done)&&(a.push(e.value),a.length!==t);u=!0);}catch(r){i=!0,n=r}finally{try{u||null==o.return||o.return()}finally{if(i)throw n}}return a}}(o,2)||function(t,e){if(t){if("string"==typeof t)return r(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 r(t,e)}}(o,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.")}()),u=a[0];return{debugData:u,setDebugData:a[1],renderDebugContainer:t(n,{data:u})}}
+function r(r,t){(null==t||t>r.length)&&(t=r.length);for(var e=0,n=Array(t);e<t;e++)n[e]=r[e];return n}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),e=require("react"),n=t.__importDefault(require("./DebugContainer"));exports.default=function(){var t,a=(t=(0,e.useState)({}),function(r){if(Array.isArray(r))return r}(t)||function(r,t){var e,n,a=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=a){var o=[],u=!0,l=!1;try{for(a=a.call(r);!(u=(e=a.next()).done)&&(o.push(e.value),o.length!==t);u=!0);}catch(r){l=!0,n=r}finally{try{u||null==a.return||a.return()}finally{if(l)throw n}}return o}}(t,2)||function(t,e){if(t){if("string"==typeof t)return r(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 r(t,e)}}(t,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.")}()),o=a[0];return{debugData:o,setDebugData:a[1],renderDebugContainer:React.createElement(n.default,{data:o})}};

package/dist/Atomic/UI/DebugContainer/useDebugContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebugContainer.js","sourceRoot":"","sources":["../../../../src/Atomic/UI/DebugContainer/useDebugContainer.jsx"],"names":[],"mappings":";;;AAAA,iCAAiC;AAEjC,8EAA8C;AAE9C,SAAS,iBAAiB;IACxB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAErC,OAAO;QACL,SAAS,EAAE,IAAI;QACf,YAAY,EAAE,OAAO;QACrB,oBAAoB,EAAE,oBAAC,wBAAc,IAAC,IAAI,EAAE,IAAI,GAAI;KACrD,CAAC;AACJ,CAAC;AAED,kBAAe,iBAAiB,CAAC"}

package/dist/Atomic/UI/DebugContainer/useDebugContainer.jsx

@@ -0,0 +1,15 @@
+import { useState } from 'react';
+
+import DebugContainer from './DebugContainer';
+
+function useDebugContainer() {
+  const [data, setData] = useState({});
+
+  return {
+    debugData: data,
+    setDebugData: setData,
+    renderDebugContainer: <DebugContainer data={data} />,
+  };
+}
+
+export default useDebugContainer;

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

@@ -0,0 +1,2 @@
+export default ExampleChartIntegration;
+declare function ExampleChartIntegration(props: any): JSX.Element;

package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js

@@ -1 +1 @@
-function t(t,n){(null==n||n>t.length)&&(n=t.length);for(var r=0,e=Array(n);r<n;r++)e[r]=t[r];return e}function n(t){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{},e=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(e=e.concat(Object.getOwnPropertySymbols(r).filter(function(t){return Object.getOwnPropertyDescriptor(r,t).enumerable}))),e.forEach(function(n){var e;e=r[n],n in t?Object.defineProperty(t,n,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[n]=e})}return t}function r(t,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):(function(t,n){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var e=Object.getOwnPropertySymbols(t);r.push.apply(r,e)}return r})(Object(n)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(n,r))}),t}function e(n,r){return function(t){if(Array.isArray(t))return t}(n)||function(t,n){var r,e,a=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=a){var o=[],i=!0,u=!1;try{for(a=a.call(t);!(i=(r=a.next()).done)&&(o.push(r.value),!n||o.length!==n);i=!0);}catch(t){u=!0,e=t}finally{try{i||null==a.return||a.return()}finally{if(u)throw e}}return o}}(n,r)||function(n,r){if(n){if("string"==typeof n)return t(n,r);var e=Object.prototype.toString.call(n).slice(8,-1);if("Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e)return Array.from(e);if("Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return t(n,r)}}(n,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.")}()}import{jsx as a,jsxs as o}from"react/jsx-runtime";import{createElement as i}from"react";import{useLayoutEffect as u,useMemo as l,useState as c}from"react";import s from"classnames";import"uuid";import{formatToPriceWithUSD as b}from"../../../Functions/fieldValueFormatters";import{clone as f}from"../../../Functions/utils";import p from"../../FormElements/InputDateRange/InputDateRange";import d from"../Chart/Chart";import{getLabels as m,getMockValue as y,getSafelyDateRange as h,getTab as g}from"./partial/utils";import"./partial/AnyOuterClass.scss";export default function(t){var v=t||{},O=v.inputDateRangeProps,j=v.chartProps,w=O||{},C=w.value,P=w.onChange,k=(j||{}).initialChartType,L=l(function(){return h(C)},[C]),S=e(c(k||"Bar"),2),T=S[0],B=S[1],M=e(c("tab1"),2),D=M[0],x=M[1],A=e(c("Bar"===T?"finturfLoadingModeBar":"finturfLoadingModeLine"),2),N=A[0],E=A[1],F=e(c(null),2),I=F[0],_=F[1],R=e(c(null),2),V=R[0],J=R[1],U=e(c(null),2),$=U[0],q=U[1],z=e(c(null),2),G=z[0],H=z[1],K=e(c(null),2),Q=K[0],W=K[1],X=function(){var t=m(L);return{labels:t,datasets:[{data:t.map(function(t){return y()})}]}},Y=function(t){switch(t){case"tab1":return I?f(I):null;case"tab2":return V?f(V):null;case"tab3":return $?f($):null;case"tab4":return G?f(G):null;default:return null}},Z=l(function(){return Y(D)?["finturfChartBar","finturfChartLine"]:["finturfLoadingModeBar","finturfLoadingModeLine"]},[!!Y(D)]),tt=function(t,n){switch(n){case"tab1":_(t);break;case"tab2":J(t);break;case"tab3":q(t);break;case"tab4":H(t)}return t};return u(function(){_(null),J(null),q(null),H(null),Promise.all([g("tab1",L,tt),g("tab2",L,tt),g("tab3",L,tt),g("tab4",L,tt)])},[L]),u(function(){E(Y(D)?"Bar"===T?"finturfChartBar":"finturfChartLine":"Bar"===T?"finturfLoadingModeBar":"finturfLoadingModeLine"),W(Y(D)?Y(D):X())},[!!Y(D),D,T]),o("div",{className:"example-wrapper",children:[a(p,r(n({},O),{value:C,onChange:P})),o("div",{className:"buttons-block",children:[a("button",{className:s("tab-button",{"tab-button_active":"tab1"===D}),onClick:function(){return x("tab1")},children:"Tab 1"}),a("button",{className:s("tab-button",{"tab-button_active":"tab2"===D}),onClick:function(){return x("tab2")},children:"Tab 2"}),a("button",{className:s("tab-button",{"tab-button_active":"tab3"===D}),onClick:function(){return x("tab3")},children:"Tab 3"}),a("button",{className:s("tab-button",{"tab-button_active":"tab4"===D}),onClick:function(){return x("tab4")},children:"Tab 4"})]}),i(d,r(n({},j),{key:JSON.stringify(Q),data:Q,setModelExternalValue:function(t){B(t.includes("Line")?"Line":"Bar"),E(t)},initialModel:N,modelsForSwitch:Z,description:{label:function(t){switch(t){case"tab1":return"Tab 1";case"tab2":return"Tab 2";case"tab3":return"Tab 3";case"tab4":return"Tab 4";default:return null}}(D)},addToDatasets:{id:D},modifyOptions:function(t){var e,a,o,i,u,l;return r(n({},t),{options:r(n({},null==t?void 0:t.options),{plugins:r(n({},null==t||null==(e=t.options)?void 0:e.plugins),{tooltip:r(n({},null==t||null==(o=t.options)||null==(a=o.plugins)?void 0:a.tooltip),{callbacks:r(n({},null==t||null==(l=t.options)||null==(u=l.plugins)||null==(i=u.tooltip)?void 0:i.callbacks),{label:function(t){return"tab3"===t.dataset.id||"tab4"===t.dataset.id?b(t.raw||"0"):t.raw||"0"}})})})})})}}))]})}
+function t(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=Array(e);n<e;n++)r[n]=t[n];return r}function e(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),r.forEach(function(e){var r;r=n[e],e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r})}return t}function n(t,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):(function(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);n.push.apply(n,r)}return n})(Object(e)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(e,n))}),t}function r(e,n){return function(t){if(Array.isArray(t))return t}(e)||function(t,e){var n,r,a=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=a){var u=[],l=!0,o=!1;try{for(a=a.call(t);!(l=(n=a.next()).done)&&(u.push(n.value),!e||u.length!==e);l=!0);}catch(t){o=!0,r=t}finally{try{l||null==a.return||a.return()}finally{if(o)throw r}}return u}}(e,n)||function(e,n){if(e){if("string"==typeof e)return t(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return t(e,n)}}(e,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Object.defineProperty(exports,"__esModule",{value:!0});var a=require("tslib"),u=a.__importDefault(require("classnames")),l=require("react"),o=require("../../../Functions/fieldValueFormatters"),i=require("../../../Functions/utils"),c=a.__importDefault(require("../../FormElements/InputDateRange/InputDateRange")),s=a.__importDefault(require("../Chart/Chart")),b=require("./partial/utils");require("./partial/AnyOuterClass.scss"),exports.default=function(t){var a=t||{},f=a.inputDateRangeProps,d=a.chartProps,p=f||{},m=p.value,y=p.onChange,g=(d||{}).initialChartType,v=(0,l.useMemo)(function(){return(0,b.getSafelyDateRange)(m)},[m]),h=r((0,l.useState)(g||"Bar"),2),O=h[0],S=h[1],j=r((0,l.useState)("tab1"),2),w=j[0],L=j[1],P=r((0,l.useState)("Bar"===O?"finturfLoadingModeBar":"finturfLoadingModeLine"),2),T=P[0],C=P[1],E=r((0,l.useState)(null),2),k=E[0],D=E[1],M=r((0,l.useState)(null),2),R=M[0],_=M[1],B=r((0,l.useState)(null),2),q=B[0],A=B[1],N=r((0,l.useState)(null),2),x=N[0],F=N[1],I=r((0,l.useState)(null),2),V=I[0],U=I[1],J=function(){var t=(0,b.getLabels)(v);return{labels:t,datasets:[{data:t.map(function(t){return(0,b.getMockValue)()})}]}},W=function(t){switch(t){case"tab1":return k?(0,i.clone)(k):null;case"tab2":return R?(0,i.clone)(R):null;case"tab3":return q?(0,i.clone)(q):null;case"tab4":return x?(0,i.clone)(x):null;default:return null}},$=(0,l.useMemo)(function(){return W(w)?["finturfChartBar","finturfChartLine"]:["finturfLoadingModeBar","finturfLoadingModeLine"]},[!!W(w)]),z=function(t,e){switch(e){case"tab1":D(t);break;case"tab2":_(t);break;case"tab3":A(t);break;case"tab4":F(t)}return t};return(0,l.useLayoutEffect)(function(){D(null),_(null),A(null),F(null),Promise.all([(0,b.getTab)("tab1",v,z),(0,b.getTab)("tab2",v,z),(0,b.getTab)("tab3",v,z),(0,b.getTab)("tab4",v,z)])},[v]),(0,l.useLayoutEffect)(function(){C(W(w)?"Bar"===O?"finturfChartBar":"finturfChartLine":"Bar"===O?"finturfLoadingModeBar":"finturfLoadingModeLine"),U(W(w)?W(w):J())},[!!W(w),w,O]),React.createElement("div",{className:"example-wrapper"},React.createElement(c.default,n(e({},f),{value:m,onChange:y})),React.createElement("div",{className:"buttons-block"},React.createElement("button",{className:(0,u.default)("tab-button",{"tab-button_active":"tab1"===w}),onClick:function(){return L("tab1")}},"Tab 1"),React.createElement("button",{className:(0,u.default)("tab-button",{"tab-button_active":"tab2"===w}),onClick:function(){return L("tab2")}},"Tab 2"),React.createElement("button",{className:(0,u.default)("tab-button",{"tab-button_active":"tab3"===w}),onClick:function(){return L("tab3")}},"Tab 3"),React.createElement("button",{className:(0,u.default)("tab-button",{"tab-button_active":"tab4"===w}),onClick:function(){return L("tab4")}},"Tab 4")),React.createElement(s.default,n(e({},d),{key:JSON.stringify(V),data:V,setModelExternalValue:function(t){S(t.includes("Line")?"Line":"Bar"),C(t)},initialModel:T,modelsForSwitch:$,description:{label:function(t){switch(t){case"tab1":return"Tab 1";case"tab2":return"Tab 2";case"tab3":return"Tab 3";case"tab4":return"Tab 4";default:return null}}(w)},addToDatasets:{id:w},modifyOptions:function(t){var r,a,u,l,i,c;return n(e({},t),{options:n(e({},null==t?void 0:t.options),{plugins:n(e({},null==(r=null==t?void 0:t.options)?void 0:r.plugins),{tooltip:n(e({},null==(u=null==(a=null==t?void 0:t.options)?void 0:a.plugins)?void 0:u.tooltip),{callbacks:n(e({},null==(c=null==(i=null==(l=null==t?void 0:t.options)?void 0:l.plugins)?void 0:i.tooltip)?void 0:c.callbacks),{label:function(t){return"tab3"===t.dataset.id||"tab4"===t.dataset.id?(0,o.formatToPriceWithUSD)(t.raw||"0"):t.raw||"0"}})})})})})}})))};

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

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

package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.jsx

@@ -0,0 +1,223 @@
+import cn from 'classnames';
+
+import { useLayoutEffect, useMemo, useState } from 'react';
+
+import { formatToPriceWithUSD } from '../../../Functions/fieldValueFormatters';
+import { clone } from '../../../Functions/utils';
+import InputDateRange from '../../FormElements/InputDateRange/InputDateRange';
+import Chart from '../Chart/Chart';
+
+import {
+  getLabels,
+  getMockValue,
+  getSafelyDateRange,
+  getTab,
+} from './partial/utils';
+
+import './partial/AnyOuterClass.scss';
+
+function ExampleChartIntegration(props) {
+  const { inputDateRangeProps, chartProps } = props || {};
+  const { value: outerDateRange, onChange: changeDateRange }
+    = inputDateRangeProps || {};
+  const { initialChartType } = chartProps || {};
+  const dateRange = useMemo(
+    () => getSafelyDateRange(outerDateRange),
+    [outerDateRange],
+  );
+
+  const [chartType, setChartType] = useState(initialChartType || 'Bar');
+  const [tab, setTab] = useState('tab1');
+  const [initialModel, setInitialModel] = useState(
+    chartType === 'Bar' ? 'finturfLoadingModeBar' : 'finturfLoadingModeLine',
+  );
+
+  const [tab1, setTab1] = useState(null);
+  const [tab2, setTab2] = useState(null);
+  const [tab3, setTab3] = useState(null);
+  const [tab4, setTab4] = useState(null);
+
+  const [dataForRender, setDataForRender] = useState(null);
+
+  const getMockData = () => {
+    const labels = getLabels(dateRange);
+    const mock = () => labels.map(label => getMockValue());
+    return {
+      labels,
+      datasets: [
+        {
+          data: mock(),
+        },
+      ],
+    };
+  };
+
+  const getTabData = (tabId) => {
+    switch (tabId) {
+      case 'tab1':
+        return !tab1 ? null : clone(tab1);
+      case 'tab2':
+        return !tab2 ? null : clone(tab2);
+      case 'tab3':
+        return !tab3 ? null : clone(tab3);
+      case 'tab4':
+        return !tab4 ? null : clone(tab4);
+      default:
+        return null;
+    }
+  };
+
+  const getDescription = (tabId) => {
+    switch (tabId) {
+      case 'tab1':
+        return 'Tab 1';
+      case 'tab2':
+        return 'Tab 2';
+      case 'tab3':
+        return 'Tab 3';
+      case 'tab4':
+        return 'Tab 4';
+      default:
+        return null;
+    }
+  };
+
+  const selectData = () => (getTabData(tab) ? getTabData(tab) : getMockData());
+
+  const modelsForSwitch = useMemo(
+    () =>
+      getTabData(tab)
+        ? ['finturfChartBar', 'finturfChartLine']
+        : ['finturfLoadingModeBar', 'finturfLoadingModeLine'],
+    [Boolean(getTabData(tab))],
+  );
+
+  const handleChangeChartType = (model) => {
+    setChartType(model.includes('Line') ? 'Line' : 'Bar');
+    setInitialModel(model);
+  };
+
+  const getModel = () => {
+    if (!getTabData(tab)) {
+      return chartType === 'Bar'
+        ? 'finturfLoadingModeBar'
+        : 'finturfLoadingModeLine';
+    }
+    else {
+      return chartType === 'Bar' ? 'finturfChartBar' : 'finturfChartLine';
+    }
+  };
+
+  const processResponse = (res, tabId) => {
+    switch (tabId) {
+      case 'tab1':
+        setTab1(res);
+        break;
+      case 'tab2':
+        setTab2(res);
+        break;
+      case 'tab3':
+        setTab3(res);
+        break;
+      case 'tab4':
+        setTab4(res);
+        break;
+      default:
+        break;
+    }
+    return res;
+  };
+
+  useLayoutEffect(() => {
+    setTab1(null);
+    setTab2(null);
+    setTab3(null);
+    setTab4(null);
+
+    // эмуляция запросов
+    // вся логика происходит в самих входящих промисах
+    // Promise.all добавлен для расширения на случай надобности описания эффектов по завершении всех запросов
+    Promise.all([
+      getTab('tab1', dateRange, processResponse),
+      getTab('tab2', dateRange, processResponse),
+      getTab('tab3', dateRange, processResponse),
+      getTab('tab4', dateRange, processResponse),
+    ]);
+  }, [dateRange]);
+
+  useLayoutEffect(() => {
+    setInitialModel(getModel());
+    setDataForRender(selectData());
+  }, [Boolean(getTabData(tab)), tab, chartType]);
+
+  return (
+    <div className="example-wrapper">
+      <InputDateRange
+        {...inputDateRangeProps}
+        value={outerDateRange}
+        onChange={changeDateRange}
+      />
+
+      <div className="buttons-block">
+        <button
+          className={cn('tab-button', { 'tab-button_active': tab === 'tab1' })}
+          onClick={() => setTab('tab1')}
+        >
+          Tab 1
+        </button>
+        <button
+          className={cn('tab-button', { 'tab-button_active': tab === 'tab2' })}
+          onClick={() => setTab('tab2')}
+        >
+          Tab 2
+        </button>
+        <button
+          className={cn('tab-button', { 'tab-button_active': tab === 'tab3' })}
+          onClick={() => setTab('tab3')}
+        >
+          Tab 3
+        </button>
+        <button
+          className={cn('tab-button', { 'tab-button_active': tab === 'tab4' })}
+          onClick={() => setTab('tab4')}
+        >
+          Tab 4
+        </button>
+      </div>
+
+      <Chart
+        {...chartProps}
+        key={JSON.stringify(dataForRender)}
+        data={dataForRender}
+        setModelExternalValue={handleChangeChartType}
+        initialModel={initialModel}
+        modelsForSwitch={modelsForSwitch}
+        description={{ label: getDescription(tab) }}
+        addToDatasets={{ id: tab }}
+        modifyOptions={options => ({
+          ...options,
+          options: {
+            ...options?.options,
+            plugins: {
+              ...options?.options?.plugins,
+              tooltip: {
+                ...options?.options?.plugins?.tooltip,
+                callbacks: {
+                  ...options?.options?.plugins?.tooltip?.callbacks,
+                  label: (context) => {
+                    return context.dataset.id === 'tab3'
+                      || context.dataset.id === 'tab4'
+                      ? formatToPriceWithUSD(context.raw || '0')
+                      : context.raw || '0';
+                  },
+                },
+              },
+            },
+          },
+        })}
+      />
+    </div>
+  );
+}
+
+export default ExampleChartIntegration;

package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.d.ts

@@ -0,0 +1,4 @@
+export function getSafelyDateRange(dateRange: any): import("../../../FormElements/InputDateRange/InputDateRange.interface").IInputDateRange;
+export function getLabels(range: any): never[];
+export function getMockValue(): number;
+export function getTab(tabId: any, range: any, callback: any): Promise<any>;

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

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

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

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

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

@@ -0,0 +1,14 @@
+import type { IModalProps } from './Modal.interface';
+import './Modal.scss';
+import './ModalMobile.scss';
+export declare const KEY_CODE: Readonly<{
+    readonly ENTER: 13;
+    readonly ESC: 27;
+}>;
+export declare function renderModalTitle({ mode, title, onlyTitle, }: {
+    mode?: string;
+    title: string;
+    onlyTitle?: boolean;
+}): string;
+declare const Modal: import("react").ForwardRefExoticComponent<IModalProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Modal;

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

@@ -12,6 +12,7 @@ export interface IModalTitleProps extends IUniProps {
   children: ReactNode;
   isForced?: boolean;
   onClose?: () => void;
+  closeBtnDisable?: boolean;
   noHeaderCloseBtn?: boolean;
   wrapperRef?: RefObject<HTMLDivElement>;
 }
@@ -70,6 +71,8 @@ export interface IModalProps extends IUniProps {
   isCloseBtnIconPositionRight?: boolean;
   noCloseBtn?: boolean;
 
+  declineBtnDisable?: boolean;
+
   // Additional options
   forced?: boolean;
   withMobileLogic?: boolean;
@@ -78,18 +81,22 @@ export interface IModalProps extends IUniProps {
   // ? Используем "мягкий" варинт типизации для возможности гибкой конфигурации
   withEventManagement?: TWithEventManagementAsObj<'Modal'> | boolean | null; // ! Полностью проигнорируется если в модалку НЕ прокинут id
 
-  // ? submitOnEnter и closeOnEsc являются явным разрешением/запретом на работу ф-ла,
+  // ? isSubmittingByEnter и isClosingByEsc являются явным разрешением/запретом на работу ф-ла,
   // ? в то время как withEventManagement лишь настройка способа реализации этого ф-ла
-  submitOnEnter?: boolean;
-  closeOnEsc?: boolean;
+  isSubmittingByEnter?: boolean;
+  isClosingByEsc?: boolean;
+
+  submitOnEnter?: boolean; // todo(vl) - поддержка старья, НЕ использовать из вне - скоро буду выпиливать
+  closeOnEsc?: boolean; // todo(vl) - поддержка старья, НЕ использовать из вне - скоро буду выпиливать
 }
 
 export interface IModalHOCProps
   extends Pick<
     IModalProps,
-    'id' | 'zIndex' | 'isOpen' | 'children' | 'className' | 'size' | 'testId' | 'closeOnEsc'
+    'id' | 'zIndex' | 'isOpen' | 'children' | 'className' | 'size' | 'testId' | 'isClosingByEsc' | 'closeOnEsc'
   > {
-  closeModal: () => void;
+  closeModal?: () => void;
+  closeBtnDisable?: boolean;
 
   // ? Используем "мягкий" варинт типизации для возможности гибкой конфигурации
   withEventManagement?: TWithEventManagementAsObj<'Modal'> | boolean | null;

package/dist/Atomic/UI/Modal/Modal.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0});var e=exports,t={KEY_CODE:function(){return v},default:function(){return O},renderModalTitle:function(){return y}};for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]});var o=require("react/jsx-runtime"),r=b(require("classnames")),i=require("react"),a=b(require("../../../Functions/useKeyPress/useHandleKeyPress")),l=require("../../../Functions/utils"),s=b(require("../Button/Button")),c=require("./partials/_constants"),d=require("./partials/_utils"),u=b(require("./partials/ModalFooter")),f=b(require("./partials/ModalTitle")),m=b(require("./partials/useMobileModal"));function b(e){return e&&e.__esModule?e:{default:e}}require("./Modal.scss"),require("./ModalMobile.scss");var p={},v=Object.freeze({ENTER:13,ESC:27});function y(e){var t=e.mode,n=e.title,o=e.onlyTitle;return t&&"default"!==t&&!o?"".concat(t[0].toUpperCase()).concat(t.slice(1)," ").concat(n):n}var E=(0,i.forwardRef)(function(e,t){var n,b,v=e.id,E=e.zIndex,O=e.isOpen,h=e.onConfirm,_=e.onDecline,j=e.closeModal,g=e.children,C=e.className,M=e.title,I=e.variant,x=e.onlyTitle,N=e.mode,S=e.size,P=e.atributesForModalBody,w=e.confirmBtnClassName,R=e.confirmBtnLabel,B=e.confirmBtnVariant,D=e.confirmBtnDisable,F=e.confirmBtnIcon,T=e.isConfirmBtnIconPositionRight,q=e.noConfirmBtn,H=e.noCloseBtn,A=e.noFooter,L=e.noHeader,k=e.closeBtnClassName,K=e.closeBtnText,V=e.closeBtnVariant,G=e.closeBtnDisable,z=e.closeBtnIcon,W=e.forced,Y=e.btnClassNames,U=e.isCloseBtnIconPositionRight,J=e.submitOnEnter,Q=void 0===J||J,X=e.closeOnEsc,Z=void 0===X||X,$=e.withEventManagement,ee=void 0!==$&&$,et=e.leftContentOfFooter,en=e.customFooter,eo=e.testId,er=void 0===eo?"modal":eo,ei=e.noHeaderCloseBtn,ea=e.withMobileLogic,el=e.withFixedFooter,es=(0,i.useRef)(null),ec=(0,i.useRef)(h),ed=(0,i.useRef)(j),eu=(0,i.useRef)(_),ef=(0,d.getWithEventManagementStructure)(v,ee),em=(0,m.default)({withMobileLogic:ea,withFixedFooter:el,isOpen:O}),eb=em.modalMobileHeaderRef,ep=em.modalMobileBodyRef,ev=em.modalMobileFooterRef,ey=em.MODALS_LOGIC,eE=em.renderModal,eO=em.isMobile,eh=em.scrollTop,e_=em.scrollHeight,ej=(0,i.useMemo)(function(){return{confirm:function(){var e;return null==(e=ec.current)?void 0:e.call(ec)},close:function(){var e;return null==(e=ed.current)?void 0:e.call(ed)},decline:function(){var e;"function"==typeof eu.current?eu.current():null==(e=ed.current)||e.call(ed)}}},[]);return((0,a.default)({enterCallback:Q&&"function"==typeof h?ej.confirm:void 0,escCallback:Z&&"function"==typeof j?ej.close:void 0,withClamping:!1,withEventManagementStructure:ef}),(0,i.useLayoutEffect)(function(){ec.current=h},[h]),(0,i.useLayoutEffect)(function(){ed.current=j},[j]),(0,i.useLayoutEffect)(function(){eu.current=_},[_]),(0,i.useEffect)(function(){var e=(0,l.getIsOnlyAnObject)(ee)?ee.listenersTarget:void 0,t=null!=e?e:document,n=(0,d.getOnKeyPress)({id:v,onSubmit:ej.confirm,onClose:ej.close});return ef.isWithSubmitAndCloseManagement&&n&&(Q&&t.addEventListener(c.EVENTS.iGotAnEnterKeyPress.name,n),Z&&t.addEventListener(c.EVENTS.iGotAnEscKeyPress.name,n)),function(){ef.isWithSubmitAndCloseManagement&&n&&(Q&&t.removeEventListener(c.EVENTS.iGotAnEnterKeyPress.name,n),Z&&t.removeEventListener(c.EVENTS.iGotAnEscKeyPress.name,n))}},[]),O)?(0,o.jsx)("div",{id:"".concat(v),style:{zIndex:void 0===E?100:E},"data-testid":er,className:"modal-box j5",role:"dialog","aria-modal":"true","aria-labelledby":"".concat(er,"-title"),children:eE((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{"data-testid":"".concat(er,"-overlay"),className:O?"modal-overlay":"hidden",onClick:ej.close,role:"presentation"}),(0,o.jsxs)("div",{ref:t||es,style:{width:"number"==typeof S?"".concat(S,"px"):"".concat(null==S?void 0:S.replace("px",""),"px")},className:(0,r.default)(C,{modal:O,"modal--no-header":O&&L,"modal-mobile":O&&eO,hidden:!O}),children:[!L&&(0,o.jsx)(f.default,{wrapperRef:eb,className:(0,r.default)({"modal__header--hidden":ey.IS_HEADER_HIDDEN,"modal__header--sticky":!ey.IS_HEADER_HIDDEN&&ey.IS_HEADER_STICKY}),variant:void 0===I?"primary":I,isForced:W,onClose:ej.close,noHeaderCloseBtn:ei,children:(0,o.jsx)("span",{id:"".concat(er,"-title"),children:y({mode:N,title:M,onlyTitle:x})})}),(0,o.jsx)("div",(n=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){var o;o=n[t],t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o})}return e}({},void 0===P?p:P),b=b={ref:ep,className:(0,r.default)("modal__body",{"modal__body--no-footer":A}),role:"document",children:g},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(b)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n.push.apply(n,o)}return n})(Object(b)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(b,e))}),n)),(!A||en)&&(0,o.jsx)(u.default,{wrapperRef:ev,className:(0,r.default)({"modal__footer--hidden":ey.IS_FOOTER_HIDDEN,"modal__footer--sticky":!ey.IS_FOOTER_HIDDEN&&ey.IS_FOOTER_STICKY&&eh!==e_,"modal__footer_with-left-content":et}),children:en||(0,o.jsxs)(o.Fragment,{children:[et,(!H||!q)&&(0,o.jsxs)("div",{className:"modal__buttons-block",children:[!H&&(0,o.jsx)(s.default,{testId:"modal",className:(0,r.default)(k,Y),variant:V||"dark-outline",onClick:ej.decline,label:K||"Cancel",disabled:G,icon:z,isIconRight:U,tabIndex:1,"aria-label":"Close modal"}),!q&&(0,o.jsx)(s.default,{testId:"modal",onClick:ej.confirm,label:R||N&&(null==N?void 0:N[0].toUpperCase())+(null==N?void 0:N.slice(1))||"Apply",className:(0,r.default)("ml5",w,Y),variant:void 0===B?"primary":B,disabled:D,icon:F,isIconRight:T,"aria-label":"Confirm modal"})]})]})})]})]}))}):null});E.displayName="Modal";var O=E;
+Object.defineProperty(exports,"__esModule",{value:!0});var e=exports,t={KEY_CODE:function(){return y},default:function(){return O},renderModalTitle:function(){return v}};for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]});var o=require("react/jsx-runtime"),r=b(require("classnames")),i=require("react"),l=b(require("../../../Functions/useKeyPress/useHandleKeyPress")),a=require("../../../Functions/utils"),s=b(require("../Button/Button")),c=require("./partials/_constants"),d=require("./partials/_utils"),u=b(require("./partials/ModalFooter")),f=b(require("./partials/ModalTitle")),m=b(require("./partials/useMobileModal"));function b(e){return e&&e.__esModule?e:{default:e}}require("./Modal.scss"),require("./ModalMobile.scss");var p={},y=Object.freeze({ENTER:13,ESC:27});function v(e){var t=e.mode,n=e.title,o=e.onlyTitle;return t&&"default"!==t&&!o?"".concat(t[0].toUpperCase()).concat(t.slice(1)," ").concat(n):n}var E=(0,i.forwardRef)(function(e,t){var n,b,y=e.id,E=e.testId,O=void 0===E?"modal":E,h=e.zIndex,_=e.isOpen,g=e.onConfirm,C=e.onDecline,j=e.closeModal,M=e.className,I=e.variant,x=e.size,S=e.mode,B=e.title,N=e.onlyTitle,P=e.atributesForModalBody,w=e.confirmBtnClassName,D=e.confirmBtnLabel,R=e.confirmBtnVariant,F=e.confirmBtnDisable,T=e.confirmBtnIcon,q=e.isConfirmBtnIconPositionRight,A=e.noConfirmBtn,H=e.forced,L=e.closeBtnClassName,k=e.closeBtnText,K=e.closeBtnVariant,V=e.closeBtnDisable,G=e.closeBtnIcon,z=e.btnClassNames,W=e.isCloseBtnIconPositionRight,Y=e.noCloseBtn,U=e.noHeader,J=e.noHeaderCloseBtn,Q=e.declineBtnDisable,X=e.noFooter,Z=e.customFooter,$=e.withFixedFooter,ee=e.leftContentOfFooter,et=e.isSubmittingByEnter,en=e.isClosingByEsc,eo=e.withEventManagement,er=void 0!==eo&&eo,ei=e.submitOnEnter,el=e.closeOnEsc,ea=e.withMobileLogic,es=e.children,ec=(0,i.useRef)(null),ed=(0,i.useRef)(g),eu=(0,i.useRef)(j),ef=(0,i.useRef)(C),em=!1!==ei&&(void 0===et||et),eb=!1!==el&&(void 0===en||en),ep=(0,d.getWithEventManagementStructure)(y,er),ey=ep.isWithSubmitAndCloseManagement,ev="function"==typeof g&&ey&&F,eE="function"==typeof j&&ey&&V,eO="function"==typeof C&&ey&&Q,eh=(0,m.default)({withMobileLogic:ea,withFixedFooter:$,isOpen:_}),e_=eh.modalMobileHeaderRef,eg=eh.modalMobileBodyRef,eC=eh.modalMobileFooterRef,ej=eh.MODALS_LOGIC,eM=eh.renderModal,eI=eh.isMobile,ex=eh.scrollTop,eS=eh.scrollHeight,eB=(0,i.useMemo)(function(){return{confirm:function(){var e;return null==(e=ed.current)?void 0:e.call(ed)},close:function(){var e;return null==(e=eu.current)?void 0:e.call(eu)},decline:function(){var e;"function"==typeof ef.current?ef.current():null==(e=eu.current)||e.call(eu)}}},[]);return((0,l.default)({enterCallback:em&&"function"==typeof g?eB.confirm:void 0,escCallback:eb&&"function"==typeof j?eB.close:void 0,withClamping:!1,withEventManagementStructure:ep}),(0,i.useLayoutEffect)(function(){ed.current=ev?void 0:g},[g,ev]),(0,i.useLayoutEffect)(function(){eu.current=eE?void 0:j},[j,eE]),(0,i.useLayoutEffect)(function(){ef.current=eO?function(){}:C},[C,eO]),(0,i.useEffect)(function(){var e=(0,a.getIsOnlyAnObject)(er)?er.listenersTarget:void 0,t=null!=e?e:document,n=(0,d.getOnKeyPress)({id:y,onSubmit:eB.confirm,onClose:eB.close});return ep.isWithSubmitAndCloseManagement&&n&&(em&&t.addEventListener(c.EVENTS.iGotAnEnterKeyPress.name,n),eb&&t.addEventListener(c.EVENTS.iGotAnEscKeyPress.name,n)),function(){ep.isWithSubmitAndCloseManagement&&n&&(em&&t.removeEventListener(c.EVENTS.iGotAnEnterKeyPress.name,n),eb&&t.removeEventListener(c.EVENTS.iGotAnEscKeyPress.name,n))}},[]),_)?(0,o.jsx)("div",{id:"".concat(y),style:{zIndex:void 0===h?100:h},"data-testid":O,className:"modal-box j5",role:"dialog","aria-modal":"true","aria-labelledby":"".concat(O,"-title"),children:eM((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{"data-testid":"".concat(O,"-overlay"),className:_?"modal-overlay":"hidden",onClick:eB.close,role:"presentation"}),(0,o.jsxs)("div",{ref:t||ec,style:{width:"number"==typeof x?"".concat(x,"px"):"".concat(null==x?void 0:x.replace("px",""),"px")},className:(0,r.default)(M,{modal:_,"modal--no-header":_&&U,"modal-mobile":_&&eI,hidden:!_}),children:[!U&&(0,o.jsx)(f.default,{wrapperRef:e_,className:(0,r.default)({"modal__header--hidden":ej.IS_HEADER_HIDDEN,"modal__header--sticky":!ej.IS_HEADER_HIDDEN&&ej.IS_HEADER_STICKY}),variant:void 0===I?"primary":I,isForced:H,onClose:eB.close,noHeaderCloseBtn:J,children:(0,o.jsx)("span",{id:"".concat(O,"-title"),children:v({mode:S,title:B,onlyTitle:N})})}),(0,o.jsx)("div",(n=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){var o;o=n[t],t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o})}return e}({},void 0===P?p:P),b=b={ref:eg,className:(0,r.default)("modal__body",{"modal__body--no-footer":X}),role:"document",children:es},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(b)):(function(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n.push.apply(n,o)}return n})(Object(b)).forEach(function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(b,e))}),n)),(!X||Z)&&(0,o.jsx)(u.default,{wrapperRef:eC,className:(0,r.default)({"modal__footer--hidden":ej.IS_FOOTER_HIDDEN,"modal__footer--sticky":!ej.IS_FOOTER_HIDDEN&&ej.IS_FOOTER_STICKY&&ex!==eS,"modal__footer_with-left-content":ee}),children:Z||(0,o.jsxs)(o.Fragment,{children:[ee,(!Y||!A)&&(0,o.jsxs)("div",{className:"modal__buttons-block",children:[!Y&&(0,o.jsx)(s.default,{testId:"modal",className:(0,r.default)(L,z),variant:K||"dark-outline",onClick:eB.decline,label:k||"Cancel",disabled:"function"==typeof C?Q:V,icon:G,isIconRight:W,tabIndex:1,"aria-label":"Close modal"}),!A&&(0,o.jsx)(s.default,{testId:"modal",onClick:eB.confirm,label:D||S&&(null==S?void 0:S[0].toUpperCase())+(null==S?void 0:S.slice(1))||"Apply",className:(0,r.default)("ml5",w,z),variant:void 0===R?"primary":R,disabled:F,icon:T,isIconRight:q,"aria-label":"Confirm modal"})]})]})})]})]}))}):null});E.displayName="Modal";var O=E;

package/dist/Atomic/UI/Modal/ModalHOC.d.ts

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

package/dist/Atomic/UI/Modal/ModalHOC.js

@@ -1 +1 @@
-Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return s}});var e=require("react/jsx-runtime"),t=i(require("classnames")),n=function(e,t){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var n=u(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}(require("react")),r=i(require("../../../Functions/useKeyPress/useHandleKeyPress")),a=require("./partials/_constants"),o=require("./partials/_utils");function i(e){return e&&e.__esModule?e:{default:e}}function u(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(u=function(e){return e?n:t})(e)}require("./Modal.scss");var s=function(i){var u=i.id,s=i.zIndex,l=i.isOpen,c=i.closeModal,d=i.children,f=i.className,m=i.size,v=i.testId,p=void 0===v?"modal":v,y=i.withEventManagement,b=i.closeOnEsc,E=void 0===b||b,M=(0,n.useRef)(null),g=(0,n.useRef)(c),j=(0,o.getWithEventManagementStructure)(u,void 0!==y&&y),O=(0,n.useMemo)(function(){return function(){var e;return null==(e=g.current)?void 0:e.call(g)}},[]);return((0,r.default)({escCallback:E&&"function"==typeof c?O:void 0,withEventManagementStructure:j}),(0,n.useLayoutEffect)(function(){g.current=c},[c]),(0,n.useEffect)(function(){var e=(0,o.getOnKeyPress)({id:u,onClose:O});return j.isWithSubmitAndCloseManagement&&e&&E&&document.addEventListener(a.EVENTS.iGotAnEscKeyPress.name,e),function(){j.isWithSubmitAndCloseManagement&&e&&E&&document.removeEventListener(a.EVENTS.iGotAnEscKeyPress.name,e)}},[]),l)?(0,e.jsxs)("div",{id:"".concat(u),style:{zIndex:void 0===s?100:s},"data-testid":p,className:"modal-box j5",role:"presentation",children:[(0,e.jsx)("div",{className:"modal-overlay",onClick:O,role:"presentation","aria-hidden":"true"}),(0,e.jsx)("div",{ref:M,style:{width:m},className:(0,t.default)(f,"modal"),role:"dialog","aria-modal":"true","aria-labelledby":p,tabIndex:-1,children:d})]}):null};
+Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return u}});var e=require("react/jsx-runtime"),t=i(require("classnames")),n=function(e,t){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var n=s(t);if(n&&n.has(e))return n.get(e);var r={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(r,o,i):r[o]=e[o]}return r.default=e,n&&n.set(e,r),r}(require("react")),r=i(require("../../../Functions/useKeyPress/useHandleKeyPress")),a=require("./partials/_constants"),o=require("./partials/_utils");function i(e){return e&&e.__esModule?e:{default:e}}function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(s=function(e){return e?n:t})(e)}require("./Modal.scss");var u=function(i){var s=i.id,u=i.zIndex,l=i.isOpen,c=i.closeModal,d=i.closeBtnDisable,f=i.children,v=i.className,m=i.size,p=i.testId,y=void 0===p?"modal":p,b=i.withEventManagement,E=i.isClosingByEsc,g=i.closeOnEsc,M=(0,n.useRef)(null),j=(0,n.useRef)(c),O=!1!==g&&(void 0===E||E),h=(0,o.getWithEventManagementStructure)(s,void 0!==b&&b),P=(0,n.useMemo)(function(){return function(){var e;return null==(e=j.current)?void 0:e.call(j)}},[]);return((0,r.default)({escCallback:O&&"function"==typeof c?P:void 0,withEventManagementStructure:h}),(0,n.useLayoutEffect)(function(){j.current=d?void 0:c},[c,d]),(0,n.useEffect)(function(){var e=(0,o.getOnKeyPress)({id:s,onClose:P});return h.isWithSubmitAndCloseManagement&&e&&O&&document.addEventListener(a.EVENTS.iGotAnEscKeyPress.name,e),function(){h.isWithSubmitAndCloseManagement&&e&&O&&document.removeEventListener(a.EVENTS.iGotAnEscKeyPress.name,e)}},[]),l)?(0,e.jsxs)("div",{id:"".concat(s),style:{zIndex:void 0===u?100:u},"data-testid":y,className:"modal-box j5",role:"presentation",children:[(0,e.jsx)("div",{className:"modal-overlay",onClick:P,role:"presentation","aria-hidden":"true"}),(0,e.jsx)("div",{ref:M,style:{width:m},className:(0,t.default)(v,"modal"),role:"dialog","aria-modal":"true","aria-labelledby":y,tabIndex:-1,children:f})]}):null};

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

@@ -0,0 +1,9 @@
+import Modal from './Modal';
+import ModalHOC from './ModalHOC';
+import { EVENTS } from './partials/_constants';
+import { dispatchEventForModalManagement } from './partials/_utils';
+export type { IModalFooterProps, IModalHOCProps, IModalProps, IModalTitleProps } from './Modal.interface';
+export { Modal, ModalHOC };
+export { EVENTS };
+export { dispatchEventForModalManagement };
+export default Modal;

package/dist/Atomic/UI/Modal/partials/ModalTitle.js

@@ -1 +1 @@
-function e(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return d}});var r,t=require("react/jsx-runtime"),a=(r=require("classnames"))&&r.__esModule?r:{default:r},o=function(e,r){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var t=l(r);if(t&&t.has(e))return t.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var i=o?Object.getOwnPropertyDescriptor(e,n):null;i&&(i.get||i.set)?Object.defineProperty(a,n,i):a[n]=e[n]}return a.default=e,t&&t.set(e,a),a}(require("react")),n=require("react-feather");function l(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(l=function(e){return e?t:r})(e)}var i=(0,o.memo)(function(r){var l=r.variant,i=void 0===l?"primary":l,d=r.children,u=r.isForced,c=r.onClose,s=r.noHeaderCloseBtn,f=void 0!==s&&s,m=r.className,p=r.wrapperRef,b=r.testId,y=void 0===b?"modal-title":b,v=(0,o.useRef)(c),_=(0,o.useMemo)(function(){return function(){var e;return null==(e=v.current)?void 0:e.call(v)}},[]);return(0,o.useLayoutEffect)(function(){v.current=c},[c]),(0,t.jsxs)("header",{"data-testid":y,ref:p,className:(0,a.default)("modal__header",m,e({},"modal__header-".concat(i),i)),role:"banner","aria-label":"Modal header",children:[(0,t.jsx)("span",{className:(0,a.default)("modal__header-title",e({},"modal__header-".concat(i,"-title"),i)),id:"".concat(y,"-heading"),children:d}),!(void 0!==u&&u)&&(0,t.jsx)("button",{type:"button",onClick:_,className:(0,a.default)("modal-close-icon-box",{"modal-close-icon-box-primary":"primary"===i,"modal-close-icon-box--hidden":f}),"aria-label":"Close modal",title:"Close modal",children:!f&&(0,t.jsx)(n.X,{className:"modal-close-icon",role:"img","aria-hidden":"true"})})]})});i.displayName="ModalTitle";var d=i;
+function e(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return d}});var r,t=require("react/jsx-runtime"),a=(r=require("classnames"))&&r.__esModule?r:{default:r},o=function(e,r){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var t=l(r);if(t&&t.has(e))return t.get(e);var a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var i=o?Object.getOwnPropertyDescriptor(e,n):null;i&&(i.get||i.set)?Object.defineProperty(a,n,i):a[n]=e[n]}return a.default=e,t&&t.set(e,a),a}(require("react")),n=require("react-feather");function l(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(l=function(e){return e?t:r})(e)}var i=(0,o.memo)(function(r){var l=r.variant,i=void 0===l?"primary":l,d=r.children,u=r.isForced,c=r.onClose,s=r.closeBtnDisable,f=r.noHeaderCloseBtn,m=void 0!==f&&f,p=r.className,b=r.wrapperRef,y=r.testId,v=void 0===y?"modal-title":y,_=(0,o.useRef)(c),h=(0,o.useMemo)(function(){return function(){var e;return null==(e=_.current)?void 0:e.call(_)}},[]);return(0,o.useLayoutEffect)(function(){_.current=s?void 0:c},[c,s]),(0,t.jsxs)("header",{"data-testid":v,ref:b,className:(0,a.default)("modal__header",p,e({},"modal__header-".concat(i),i)),role:"banner","aria-label":"Modal header",children:[(0,t.jsx)("span",{className:(0,a.default)("modal__header-title",e({},"modal__header-".concat(i,"-title"),i)),id:"".concat(v,"-heading"),children:d}),!(void 0!==u&&u)&&(0,t.jsx)("button",{type:"button",onClick:h,className:(0,a.default)("modal-close-icon-box",{"modal-close-icon-box-primary":"primary"===i,"modal-close-icon-box--hidden":m}),"aria-label":"Close modal",title:"Close modal",children:!m&&(0,t.jsx)(n.X,{className:"modal-close-icon",role:"img","aria-hidden":"true"})})]})});i.displayName="ModalTitle";var d=i;

package/dist/Atomic/UI/Modal/partials/_utils.d.ts

@@ -0,0 +1,9 @@
+import type TWithEventManagementAsObj from '../../../../types/declaration/TWithEventManagementAsObj';
+import type { IModalProps } from '../Modal.interface';
+export declare function getWithEventManagementStructure(modalId: number | string | null | undefined, withEventManagement?: IModalProps['withEventManagement']): TWithEventManagementAsObj<'Modal', true>;
+export declare function getOnKeyPress({ id: modalId, onSubmit, onClose, }: {
+    id: number | string | null | undefined;
+    onSubmit?: () => unknown;
+    onClose?: () => unknown;
+}): ((ev: Event) => void) | null;
+export declare function dispatchEventForModalManagement(eventName: string, uniqueId: number | string, target?: HTMLElement | Document): void;

package/dist/Atomic/UI/MonoAccordion/MonoAccordion._test.jsx

@@ -0,0 +1,75 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+
+import MonoAccordion from './MonoAccordion';
+
+describe('monoAccordion', () => {
+  const defaultProps = {
+    titleJSX: <div>Accordion Title</div>,
+    icon: <span>▼</span>,
+    isOpen: false,
+    onClick: jest.fn(),
+    testId: 'test-accordion',
+  };
+
+  it('renders correctly with default props', () => {
+    render(
+      <MonoAccordion {...defaultProps}>
+        <div>Accordion Content</div>
+      </MonoAccordion>,
+    );
+
+    expect(screen.getByTestId('test-accordion')).toBeInTheDocument();
+    expect(screen.getByText('Accordion Title')).toBeInTheDocument();
+  });
+
+  it('handles click events correctly', () => {
+    render(
+      <MonoAccordion {...defaultProps}>
+        <div>Accordion Content</div>
+      </MonoAccordion>,
+    );
+
+    fireEvent.click(screen.getByRole('button'));
+    expect(defaultProps.onClick).toHaveBeenCalled();
+  });
+
+  it('applies correct classes when open', () => {
+    render(
+      <MonoAccordion {...defaultProps} isOpen={true}>
+        <div>Accordion Content</div>
+      </MonoAccordion>,
+    );
+
+    expect(screen.getByTestId('test-accordion')).toHaveClass('mono-accordion--is-open');
+  });
+
+  it('applies disabled state correctly', () => {
+    render(
+      <MonoAccordion {...defaultProps} disabled={true}>
+        <div>Accordion Content</div>
+      </MonoAccordion>,
+    );
+
+    const button = screen.getByRole('button');
+    expect(button).toBeDisabled();
+    expect(screen.getByTestId('test-accordion')).toHaveClass('mono-accordion--disabled');
+  });
+
+  it('handles aria attributes correctly', () => {
+    const { rerender } = render(
+      <MonoAccordion {...defaultProps}>
+        <div>Accordion Content</div>
+      </MonoAccordion>,
+    );
+
+    expect(screen.getByRole('button')).toHaveAttribute('aria-expanded', 'false');
+
+    rerender(
+      <MonoAccordion {...defaultProps} isOpen={true}>
+        <div>Accordion Content</div>
+      </MonoAccordion>,
+    );
+
+    expect(screen.getByRole('button')).toHaveAttribute('aria-expanded', 'true');
+  });
+});

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

@@ -0,0 +1,12 @@
+export default MonoAccordion;
+declare function MonoAccordion({ titleJSX, icon, children, isOpen, onClick, className, disabled, testId, datasetProp, }: {
+    titleJSX: any;
+    icon: any;
+    children: any;
+    isOpen: any;
+    onClick: any;
+    className: any;
+    disabled: any;
+    testId?: string | undefined;
+    datasetProp?: {} | undefined;
+}): JSX.Element;

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.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(t,r,e){return r in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}import{jsx as e,jsxs as n}from"react/jsx-runtime";import{useEffect as o,useRef as c,useState as i}from"react";import a from"classnames";import"./MonoAccordion.scss";var l="mono-accordion";export default function(u){var s,f,d,p,m=u.titleJSX,y=u.icon,b=u.children,v=u.isOpen,h=u.onClick,O=u.className,g=u.disabled,j=u.testId,P=u.datasetProp,w=(s=i(),function(t){if(Array.isArray(t))return t}(s)||function(t,r){var e,n,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var c=[],i=!0,a=!1;try{for(o=o.call(t);!(i=(e=o.next()).done)&&(c.push(e.value),c.length!==r);i=!0);}catch(t){a=!0,n=t}finally{try{i||null==o.return||o.return()}finally{if(a)throw n}}return c}}(s,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)}}(s,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),_=w[0],S=w[1],A=c(),N=c(),x=function(t){void 0!==t?S(function(r){return"".concat(t,"px")}):S(function(t){var r,e,n;return"".concat(null==(e=Array.from(null==(n=N.current)?void 0:n.childNodes))||null==(r=e.reduce)?void 0:r.call(e,function(t,r){return t+r.offsetHeight},0),"px")})};return o(function(){v?x():x(0)},[v,b]),n("div",(f=function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(t){return Object.getOwnPropertyDescriptor(n,t).enumerable}))),o.forEach(function(e){r(t,e,n[e])})}return t}({},void 0===P?{}:P),d=d={"data-testid":void 0===j?"mono-accordion":j,className:a(l,O,(r(p={},"".concat(l,"_is-open"),v),r(p,"".concat(l,"_disabled"),g),p)),children:[n("div",{className:"".concat(l,"__head"),onClick:function(t){if(Array.from(A.current.childNodes).some(function(r){return r.contains(t.target)}))return t;h(t),null==t||t.preventDefault(),null==t||t.stopPropagation()},children:[e("div",{ref:A,className:"".concat(l,"__tile-container"),children:m}),e("span",{className:"".concat(l,"__icon-container"),children:y})]}),e("div",{ref:N,style:{maxHeight:_},className:a("".concat(l,"__container")),children:e("div",{className:"".concat(l,"__content-wrapper"),children:b})})]},Object.getOwnPropertyDescriptors?Object.defineProperties(f,Object.getOwnPropertyDescriptors(d)):(function(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e.push.apply(e,n)}return e})(Object(d)).forEach(function(t){Object.defineProperty(f,t,Object.getOwnPropertyDescriptor(d,t))}),f))}
+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(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib").__importDefault(require("classnames")),n=require("react");require("./MonoAccordion.scss");var o="mono-accordion";exports.default=function(c){var a,i,l,u,s=c.titleJSX,f=c.icon,d=c.children,p=c.isOpen,y=c.onClick,m=c.className,b=c.disabled,v=c.testId,O=c.datasetProp,g=(a=(0,n.useState)(),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 c=[],a=!0,i=!1;try{for(o=o.call(e);!(a=(r=o.next()).done)&&(c.push(r.value),c.length!==t);a=!0);}catch(e){i=!0,n=e}finally{try{a||null==o.return||o.return()}finally{if(i)throw n}}return c}}(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.")}()),h=g[0],j=g[1],_=(0,n.useRef)(),P=(0,n.useRef)(),w=function(e){void 0!==e?j(function(t){return"".concat(e,"px")}):j(function(e){var t,r,n;return"".concat(null==(n=null==(r=Array.from(null==(t=P.current)?void 0:t.childNodes))?void 0:r.reduce)?void 0:n.call(r,function(e,t){return e+t.offsetHeight},0),"px")})};return(0,n.useEffect)(function(){p?w():w(0)},[p,d]),React.createElement("div",(i=function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(r){t(e,r,n[r])})}return e}({},void 0===O?{}:O),l=l={"data-testid":void 0===v?"mono-accordion":v,className:(0,r.default)(o,m,(t(u={},"".concat(o,"_is-open"),p),t(u,"".concat(o,"_disabled"),b),u))},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(l)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r})(Object(l)).forEach(function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(l,e))}),i),React.createElement("div",{className:"".concat(o,"__head"),onClick:function(e){if(Array.from(_.current.childNodes).some(function(t){return t.contains(e.target)}))return e;y(e),null==e||e.preventDefault(),null==e||e.stopPropagation()}},React.createElement("div",{ref:_,className:"".concat(o,"__tile-container")},s),React.createElement("span",{className:"".concat(o,"__icon-container")},f)),React.createElement("div",{ref:P,style:{maxHeight:h},className:(0,r.default)("".concat(o,"__container"))},React.createElement("div",{className:"".concat(o,"__content-wrapper")},d)))};

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

@@ -0,0 +1 @@
+{"version":3,"file":"MonoAccordion.js","sourceRoot":"","sources":["../../../../src/Atomic/UI/MonoAccordion/MonoAccordion.jsx"],"names":[],"mappings":";;;AAAA,oEAA4B;AAE5B,iCAAoD;AAEpD,gCAA8B;AAE9B,MAAM,EAAE,GAAG,gBAAgB,CAAC;AAE5B,SAAS,aAAa,CAAC,EACrB,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,MAAM,GAAG,gBAAgB,EACzB,WAAW,GAAG,EAAE,GACjB;IACC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7C,MAAM,QAAQ,GAAG,IAAA,cAAM,GAAE,CAAC;IAC1B,MAAM,YAAY,GAAG,IAAA,cAAM,GAAE,CAAC;IAE9B,MAAM,SAAS,GAAG,CAAC,KAAK,EAAE,EAAE;QAC1B,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACxB,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC;QACtC,CAAC;aACI,CAAC;YACJ,YAAY,CACV,KAAK,CAAC,EAAE,mBACN,OAAA,GAAG,MAAA,MAAA,KAAK,CAAC,IAAI,CAAC,MAAA,YAAY,CAAC,OAAO,0CAAE,UAAU,CAAC,0CAAE,MAAM,mDAAG,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC,IAAI,CAAA,EAAA,CACvG,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAC,EAAE,EAAE;QACxB,IACE,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CACjD,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CACtB,EACD,CAAC;YACD,OAAO,CAAC,CAAC,CAAC,CAAC;YACX,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,cAAc,EAAE,CAAC;YACpB,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,eAAe,EAAE,CAAC;QACvB,CAAC;aACI,CAAC;YACJ,OAAO,CAAC,CAAC;QACX,CAAC;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,SAAS,CAAC,CAAC,CAAC,CAAC;;YACrB,SAAS,EAAE,CAAC;IACnB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,gCACM,WAAW,iBACF,MAAM,EACnB,SAAS,EAAE,IAAA,oBAAE,EAAC,EAAE,EAAE,SAAS,EAAE;YAC3B,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE,MAAM;YACzB,CAAC,GAAG,EAAE,WAAW,CAAC,EAAE,QAAQ;SAC7B,CAAC;QAEF,6BACE,SAAS,EAAE,GAAG,EAAE,QAAQ,EACxB,OAAO,EAAE,WAAW;YAEpB,6BAAK,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,kBAAkB,IACnD,QAAQ,CACL;YACN,8BAAM,SAAS,EAAE,GAAG,EAAE,kBAAkB,IAAG,IAAI,CAAQ,CACnD;QAEN,6BACE,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,EAAE,SAAS,EAAE,EACpB,SAAS,EAAE,IAAA,oBAAE,EAAC,GAAG,EAAE,aAAa,CAAC;YAEjC,6BAAK,SAAS,EAAE,GAAG,EAAE,mBAAmB,IAAG,QAAQ,CAAO,CACtD,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,aAAa,CAAC"}