@oanda/labs-widget-common 1.0.252 → 1.0.254

package/dist/module/components/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","names":["classnames","React","SpinnerSize","Spinner","_ref","size","spinnerSize","lg","sm","createElement","className"],"sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport type { SpinnerProps } from './types';\nimport { SpinnerSize } from './types';\n\nexport const Spinner = ({ size }: SpinnerProps) => {\n  const spinnerSize = size === SpinnerSize.lg ? SpinnerSize.lg : SpinnerSize.sm;\n\n  return (\n    <div className=\"lw-flex lw-flex-1 lw-items-center lw-justify-center\">\n      <div\n        className={classnames(\n          'lw-animate-[spinner_1s_linear_160ms_infinite] lw-rounded-full lw-border-2 lw-border-solid lw-border-x-border-primary lw-border-b-border-primary lw-border-t-primary',\n          {\n            'lw-h-[20px] lw-w-[20px]': spinnerSize === SpinnerSize.sm,\n            'lw-h-[36px] lw-w-[36px]': spinnerSize === SpinnerSize.lg,\n          }\n        )}\n        data-testid=\"spinner\"\n      />\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,WAAW,QAAQ,SAAS;AAErC,OAAO,MAAMC,OAAO,GAAGC,IAAA,IAA4B;EAAA,IAA3B;IAAEC;EAAmB,CAAC,GAAAD,IAAA;EAC5C,MAAME,WAAW,GAAGD,IAAI,KAAKH,WAAW,CAACK,EAAE,GAAGL,WAAW,CAACK,EAAE,GAAGL,WAAW,CAACM,EAAE;EAE7E,OACEP,KAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAqD,GAClET,KAAA,CAAAQ,aAAA;IACEC,SAAS,EAAEV,UAAU,CACnB,qKAAqK,EACrK;MACE,yBAAyB,EAAEM,WAAW,KAAKJ,WAAW,CAACM,EAAE;MACzD,yBAAyB,EAAEF,WAAW,KAAKJ,WAAW,CAACK;IACzD,CACF,CAAE;IACF,eAAY;EAAS,CACtB,CACE,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"Spinner.js","names":["_classnames","_interopRequireDefault","require","_react","_types","e","__esModule","default","Spinner","_ref","size","spinnerSize","SpinnerSize","lg","sm","createElement","className","classnames","exports"],"sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport type { SpinnerProps } from './types';\nimport { SpinnerSize } from './types';\n\nexport const Spinner = ({ size }: SpinnerProps) => {\n  const spinnerSize = size === SpinnerSize.lg ? SpinnerSize.lg : SpinnerSize.sm;\n\n  return (\n    <div className=\"lw-flex lw-flex-1 lw-items-center lw-justify-center\">\n      <div\n        className={classnames(\n          'lw-animate-[spinner_1s_linear_160ms_infinite] lw-rounded-full lw-border-2 lw-border-solid lw-border-x-border-primary lw-border-b-border-primary lw-border-t-primary',\n          {\n            'lw-h-[20px] lw-w-[20px]': spinnerSize === SpinnerSize.sm,\n            'lw-h-[36px] lw-w-[36px]': spinnerSize === SpinnerSize.lg,\n          }\n        )}\n        data-testid=\"spinner\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,MAAA,GAAAF,OAAA;AAAsC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE/B,MAAMG,OAAO,GAAGC,IAAA,IAA4B;EAAA,IAA3B;IAAEC;EAAmB,CAAC,GAAAD,IAAA;EAC5C,MAAME,WAAW,GAAGD,IAAI,KAAKE,kBAAW,CAACC,EAAE,GAAGD,kBAAW,CAACC,EAAE,GAAGD,kBAAW,CAACE,EAAE;EAE7E,OACEX,MAAA,CAAAI,OAAA,CAAAQ,aAAA;IAAKC,SAAS,EAAC;EAAqD,GAClEb,MAAA,CAAAI,OAAA,CAAAQ,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,qKAAqK,EACrK;MACE,yBAAyB,EAAEN,WAAW,KAAKC,kBAAW,CAACE,EAAE;MACzD,yBAAyB,EAAEH,WAAW,KAAKC,kBAAW,CAACC;IACzD,CACF,CAAE;IACF,eAAY;EAAS,CACtB,CACE,CAAC;AAEV,CAAC;AAACK,OAAA,CAAAV,OAAA,GAAAA,OAAA","ignoreList":[]}

package/dist/module/components/Spinner/index.js

@@ -1,3 +1,28 @@
-export * from './Spinner';
-export * from './types';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Spinner = require("./Spinner");
+Object.keys(_Spinner).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Spinner[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Spinner[key];
+    }
+  });
+});
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _types[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _types[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/module/components/Spinner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Spinner/index.ts"],"sourcesContent":["export * from './Spinner';\nexport * from './types';\n"],"mappings":"AAAA,cAAc,WAAW;AACzB,cAAc,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Spinner","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_types"],"sources":["../../../../src/components/Spinner/index.ts"],"sourcesContent":["export * from './Spinner';\nexport * from './types';\n"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,MAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,MAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,MAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,MAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/module/components/Spinner/types.js

@@ -1,4 +1,10 @@
-export let SpinnerSize = function (SpinnerSize) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SpinnerSize = void 0;
+let SpinnerSize = exports.SpinnerSize = function (SpinnerSize) {
   SpinnerSize["sm"] = "sm";
   SpinnerSize["lg"] = "lg";
   return SpinnerSize;

package/dist/module/components/Spinner/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["SpinnerSize"],"sources":["../../../../src/components/Spinner/types.ts"],"sourcesContent":["export interface SpinnerProps {\n  size?: SpinnerSize;\n}\n\nexport enum SpinnerSize {\n  sm = 'sm', // SMALL_CIRCLE_RADIUS - 10px\n  lg = 'lg', // LARGE_CIRCLE_RADIUS - 18px\n}\n"],"mappings":"AAIA,WAAYA,WAAW,aAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA","ignoreList":[]}
+{"version":3,"file":"types.js","names":["SpinnerSize","exports"],"sources":["../../../../src/components/Spinner/types.ts"],"sourcesContent":["export interface SpinnerProps {\n  size?: SpinnerSize;\n}\n\nexport enum SpinnerSize {\n  sm = 'sm', // SMALL_CIRCLE_RADIUS - 10px\n  lg = 'lg', // LARGE_CIRCLE_RADIUS - 18px\n}\n"],"mappings":";;;;;;IAIYA,WAAW,GAAAC,OAAA,CAAAD,WAAA,aAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA","ignoreList":[]}

package/dist/module/components/Switch/Switch.js

@@ -1,7 +1,15 @@
-import classnames from 'classnames';
-import React, { useRef, useState } from 'react';
-import { BORDER_CORRECTION } from './constants';
-import { SwitchItem } from './SwitchItem';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Switch = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _constants = require("./constants");
+var _SwitchItem = require("./SwitchItem");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Switch = _ref => {
   let {
     items,
@@ -10,10 +18,10 @@ const Switch = _ref => {
     labelCallback,
     handleClick
   } = _ref;
-  const parentRef = useRef(null);
-  const [bgWidth, setBgWidth] = useState(0);
-  const [isTransitionEnabled, setIsTransitionEnabled] = useState(false);
-  const [bgOffset, setBgOffset] = useState(0);
+  const parentRef = (0, _react.useRef)(null);
+  const [bgWidth, setBgWidth] = (0, _react.useState)(0);
+  const [isTransitionEnabled, setIsTransitionEnabled] = (0, _react.useState)(false);
+  const [bgOffset, setBgOffset] = (0, _react.useState)(0);
   const onClick = e => {
     const element = e.target;
     const {
@@ -21,8 +29,8 @@ const Switch = _ref => {
       left: elementOffset
     } = element.getBoundingClientRect();
     const parentOffset = parentRef.current.getBoundingClientRect().left;
-    setBgOffset(Math.ceil(elementOffset - parentOffset - BORDER_CORRECTION));
-    setBgWidth(Math.ceil(width + BORDER_CORRECTION));
+    setBgOffset(Math.ceil(elementOffset - parentOffset - _constants.BORDER_CORRECTION));
+    setBgWidth(Math.ceil(width + _constants.BORDER_CORRECTION));
     handleClick(e);
     if (!isTransitionEnabled) {
       setIsTransitionEnabled(true);
@@ -37,24 +45,24 @@ const Switch = _ref => {
     if (isTransitionEnabled) {
       setIsTransitionEnabled(false);
     }
-    setBgOffset(Math.ceil(elementOffset - parentOffset - BORDER_CORRECTION));
-    setBgWidth(Math.ceil(width + BORDER_CORRECTION));
+    setBgOffset(Math.ceil(elementOffset - parentOffset - _constants.BORDER_CORRECTION));
+    setBgWidth(Math.ceil(width + _constants.BORDER_CORRECTION));
   };
-  return React.createElement("div", {
+  return _react.default.createElement("div", {
     ref: parentRef,
     className: "lw-relative lw-mb-4 lw-h-full lw-overflow-hidden lw-rounded"
-  }, React.createElement("div", {
-    className: classnames('lw-absolute lw-left-0 lw-top-0 lw-z-10 lw-h-full lw-bg-secondary', {
+  }, _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-absolute lw-left-0 lw-top-0 lw-z-10 lw-h-full lw-bg-secondary', {
       'lw-transition-width lw-duration-300': isTransitionEnabled
     }),
     style: {
       transform: `translateX(${bgOffset}px)`,
       width: `${bgWidth}px`
     }
-  }), React.createElement("ul", {
+  }), _react.default.createElement("ul", {
     className: "lw-relative lw-mx-0 lw-flex lw-h-full lw-overflow-hidden lw-rounded lw-border lw-border-secondary",
     "data-testid": "switch"
-  }, items.map(item => React.createElement(SwitchItem, {
+  }, items.map(item => _react.default.createElement(_SwitchItem.SwitchItem, {
     key: `${item.id}-item`,
     equalSize: equalSize,
     handleClick: onClick,
@@ -64,5 +72,5 @@ const Switch = _ref => {
     labelCallback: labelCallback
   }))));
 };
-export { Switch };
+exports.Switch = Switch;
 //# sourceMappingURL=Switch.js.map

package/dist/module/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["classnames","React","useRef","useState","BORDER_CORRECTION","SwitchItem","Switch","_ref","items","activeTab","equalSize","labelCallback","handleClick","parentRef","bgWidth","setBgWidth","isTransitionEnabled","setIsTransitionEnabled","bgOffset","setBgOffset","onClick","e","element","target","width","left","elementOffset","getBoundingClientRect","parentOffset","current","Math","ceil","onItemRender","_ref2","createElement","ref","className","style","transform","map","item","key","id","handleRender","isActive"],"sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React, { useRef, useState } from 'react';\n\nimport { BORDER_CORRECTION } from './constants';\nimport { SwitchItem } from './SwitchItem';\nimport type { SwitchProps } from './types';\n\nconst Switch = ({\n  items,\n  activeTab,\n  equalSize,\n  labelCallback,\n  handleClick,\n}: SwitchProps) => {\n  const parentRef = useRef<HTMLDivElement>(null);\n  const [bgWidth, setBgWidth] = useState(0);\n  const [isTransitionEnabled, setIsTransitionEnabled] = useState(false);\n  const [bgOffset, setBgOffset] = useState(0);\n\n  const onClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {\n    const element = e.target as Element;\n    const { width, left: elementOffset } = element.getBoundingClientRect();\n    const parentOffset = parentRef.current!.getBoundingClientRect().left;\n\n    setBgOffset(Math.ceil(elementOffset - parentOffset - BORDER_CORRECTION));\n    setBgWidth(Math.ceil(width + BORDER_CORRECTION));\n\n    handleClick(e);\n\n    if (!isTransitionEnabled) {\n      setIsTransitionEnabled(true);\n    }\n  };\n\n  const onItemRender = ({\n    width,\n    left: elementOffset,\n  }: {\n    width: number;\n    left: number;\n  }) => {\n    const parentOffset = parentRef.current!.getBoundingClientRect().left;\n    if (isTransitionEnabled) {\n      setIsTransitionEnabled(false);\n    }\n\n    setBgOffset(Math.ceil(elementOffset - parentOffset - BORDER_CORRECTION));\n    setBgWidth(Math.ceil(width + BORDER_CORRECTION));\n  };\n\n  return (\n    <div\n      ref={parentRef}\n      className=\"lw-relative lw-mb-4 lw-h-full lw-overflow-hidden lw-rounded\"\n    >\n      <div\n        className={classnames(\n          'lw-absolute lw-left-0 lw-top-0 lw-z-10 lw-h-full lw-bg-secondary',\n          {\n            'lw-transition-width lw-duration-300': isTransitionEnabled,\n          }\n        )}\n        style={{\n          transform: `translateX(${bgOffset}px)`,\n          width: `${bgWidth}px`,\n        }}\n      />\n      <ul\n        className=\"lw-relative lw-mx-0 lw-flex lw-h-full lw-overflow-hidden lw-rounded lw-border lw-border-secondary\"\n        data-testid=\"switch\"\n      >\n        {items.map((item) => (\n          <SwitchItem\n            key={`${item.id}-item`}\n            equalSize={equalSize}\n            handleClick={onClick}\n            handleRender={onItemRender}\n            isActive={item.id === activeTab}\n            item={item}\n            labelCallback={labelCallback}\n          />\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nexport { Switch };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Switch.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_constants","_SwitchItem","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Switch","_ref","items","activeTab","equalSize","labelCallback","handleClick","parentRef","useRef","bgWidth","setBgWidth","useState","isTransitionEnabled","setIsTransitionEnabled","bgOffset","setBgOffset","onClick","element","target","width","left","elementOffset","getBoundingClientRect","parentOffset","current","Math","ceil","BORDER_CORRECTION","onItemRender","_ref2","createElement","ref","className","classnames","style","transform","map","item","SwitchItem","key","id","handleRender","isActive","exports"],"sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React, { useRef, useState } from 'react';\n\nimport { BORDER_CORRECTION } from './constants';\nimport { SwitchItem } from './SwitchItem';\nimport type { SwitchProps } from './types';\n\nconst Switch = ({\n  items,\n  activeTab,\n  equalSize,\n  labelCallback,\n  handleClick,\n}: SwitchProps) => {\n  const parentRef = useRef<HTMLDivElement>(null);\n  const [bgWidth, setBgWidth] = useState(0);\n  const [isTransitionEnabled, setIsTransitionEnabled] = useState(false);\n  const [bgOffset, setBgOffset] = useState(0);\n\n  const onClick = (e: React.SyntheticEvent<HTMLButtonElement>) => {\n    const element = e.target as Element;\n    const { width, left: elementOffset } = element.getBoundingClientRect();\n    const parentOffset = parentRef.current!.getBoundingClientRect().left;\n\n    setBgOffset(Math.ceil(elementOffset - parentOffset - BORDER_CORRECTION));\n    setBgWidth(Math.ceil(width + BORDER_CORRECTION));\n\n    handleClick(e);\n\n    if (!isTransitionEnabled) {\n      setIsTransitionEnabled(true);\n    }\n  };\n\n  const onItemRender = ({\n    width,\n    left: elementOffset,\n  }: {\n    width: number;\n    left: number;\n  }) => {\n    const parentOffset = parentRef.current!.getBoundingClientRect().left;\n    if (isTransitionEnabled) {\n      setIsTransitionEnabled(false);\n    }\n\n    setBgOffset(Math.ceil(elementOffset - parentOffset - BORDER_CORRECTION));\n    setBgWidth(Math.ceil(width + BORDER_CORRECTION));\n  };\n\n  return (\n    <div\n      ref={parentRef}\n      className=\"lw-relative lw-mb-4 lw-h-full lw-overflow-hidden lw-rounded\"\n    >\n      <div\n        className={classnames(\n          'lw-absolute lw-left-0 lw-top-0 lw-z-10 lw-h-full lw-bg-secondary',\n          {\n            'lw-transition-width lw-duration-300': isTransitionEnabled,\n          }\n        )}\n        style={{\n          transform: `translateX(${bgOffset}px)`,\n          width: `${bgWidth}px`,\n        }}\n      />\n      <ul\n        className=\"lw-relative lw-mx-0 lw-flex lw-h-full lw-overflow-hidden lw-rounded lw-border lw-border-secondary\"\n        data-testid=\"switch\"\n      >\n        {items.map((item) => (\n          <SwitchItem\n            key={`${item.id}-item`}\n            equalSize={equalSize}\n            handleClick={onClick}\n            handleRender={onItemRender}\n            isActive={item.id === activeTab}\n            item={item}\n            labelCallback={labelCallback}\n          />\n        ))}\n      </ul>\n    </div>\n  );\n};\n\nexport { Switch };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Switch/SwitchItem.js

@@ -1,6 +1,14 @@
-import classnames from 'classnames';
-import React, { useRef } from 'react';
-import { useResizeObserver } from 'usehooks-ts';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SwitchItem = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _usehooksTs = require("usehooks-ts");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const SwitchItem = _ref => {
   let {
     item,
@@ -10,8 +18,8 @@ const SwitchItem = _ref => {
     handleClick,
     handleRender
   } = _ref;
-  const ref = useRef(null);
-  useResizeObserver({
+  const ref = (0, _react.useRef)(null);
+  (0, _usehooksTs.useResizeObserver)({
     ref,
     onResize: () => {
       if (ref.current && isActive) {
@@ -26,23 +34,23 @@ const SwitchItem = _ref => {
       }
     }
   });
-  return React.createElement("li", {
+  return _react.default.createElement("li", {
     ref: ref,
-    className: classnames('lw-mb-0 lw-flex lw-grow lw-border-r lw-border-secondary last-of-type:lw-border-r-0', {
+    className: (0, _classnames.default)('lw-mb-0 lw-flex lw-grow lw-border-r lw-border-secondary last-of-type:lw-border-r-0', {
       'lw-shrink-0 lw-basis-0': equalSize,
       'lw-text-text-negative': isActive
     }),
     "data-testid": "switch-item"
-  }, React.createElement("button", {
+  }, _react.default.createElement("button", {
     "aria-current": isActive || undefined,
     className: "lw-flex lw-grow hover:lw-bg-bg-secondary focus:lw-bg-bg-secondary focus:lw-shadow-innerBorder focus:lw-shadow-secondary focus:lw-outline-none",
     disabled: isActive,
     type: "button",
     value: item.id,
     onClick: handleClick
-  }, React.createElement("span", {
+  }, _react.default.createElement("span", {
     className: "lw-relative lw-z-20 lw-flex lw-h-full lw-grow lw-items-center lw-justify-center lw-px-2.5 lw-font-sans lw-text-base lw-capitalize lw-tracking-normal"
   }, labelCallback ? labelCallback(item.label) : item.label)));
 };
-export { SwitchItem };
+exports.SwitchItem = SwitchItem;
 //# sourceMappingURL=SwitchItem.js.map

package/dist/module/components/Switch/SwitchItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchItem.js","names":["classnames","React","useRef","useResizeObserver","SwitchItem","_ref","item","isActive","equalSize","labelCallback","handleClick","handleRender","ref","onResize","current","left","width","getBoundingClientRect","createElement","className","undefined","disabled","type","value","id","onClick","label"],"sources":["../../../../src/components/Switch/SwitchItem.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React, { useRef } from 'react';\nimport { useResizeObserver } from 'usehooks-ts';\n\nimport type { SwitchItemProps } from './types';\n\nconst SwitchItem = ({\n  item,\n  isActive,\n  equalSize,\n  labelCallback,\n  handleClick,\n  handleRender,\n}: SwitchItemProps) => {\n  const ref = useRef<HTMLLIElement>(null);\n\n  useResizeObserver({\n    ref,\n    onResize: () => {\n      if (ref.current && isActive) {\n        const { left, width } = ref.current.getBoundingClientRect();\n        handleRender({ left, width });\n      }\n    },\n  });\n\n  return (\n    <li\n      ref={ref}\n      className={classnames(\n        'lw-mb-0 lw-flex lw-grow lw-border-r lw-border-secondary last-of-type:lw-border-r-0',\n        {\n          'lw-shrink-0 lw-basis-0': equalSize,\n          'lw-text-text-negative': isActive,\n        }\n      )}\n      data-testid=\"switch-item\"\n    >\n      <button\n        aria-current={isActive || undefined}\n        className=\"lw-flex lw-grow hover:lw-bg-bg-secondary focus:lw-bg-bg-secondary focus:lw-shadow-innerBorder focus:lw-shadow-secondary focus:lw-outline-none\"\n        disabled={isActive}\n        type=\"button\"\n        value={item.id}\n        onClick={handleClick}\n      >\n        <span className=\"lw-relative lw-z-20 lw-flex lw-h-full lw-grow lw-items-center lw-justify-center lw-px-2.5 lw-font-sans lw-text-base lw-capitalize lw-tracking-normal\">\n          {labelCallback ? labelCallback(item.label) : item.label}\n        </span>\n      </button>\n    </li>\n  );\n};\n\nexport { SwitchItem };\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,MAAM,QAAQ,OAAO;AACrC,SAASC,iBAAiB,QAAQ,aAAa;AAI/C,MAAMC,UAAU,GAAGC,IAAA,IAOI;EAAA,IAPH;IAClBC,IAAI;IACJC,QAAQ;IACRC,SAAS;IACTC,aAAa;IACbC,WAAW;IACXC;EACe,CAAC,GAAAN,IAAA;EAChB,MAAMO,GAAG,GAAGV,MAAM,CAAgB,IAAI,CAAC;EAEvCC,iBAAiB,CAAC;IAChBS,GAAG;IACHC,QAAQ,EAAEA,CAAA,KAAM;MACd,IAAID,GAAG,CAACE,OAAO,IAAIP,QAAQ,EAAE;QAC3B,MAAM;UAAEQ,IAAI;UAAEC;QAAM,CAAC,GAAGJ,GAAG,CAACE,OAAO,CAACG,qBAAqB,CAAC,CAAC;QAC3DN,YAAY,CAAC;UAAEI,IAAI;UAAEC;QAAM,CAAC,CAAC;MAC/B;IACF;EACF,CAAC,CAAC;EAEF,OACEf,KAAA,CAAAiB,aAAA;IACEN,GAAG,EAAEA,GAAI;IACTO,SAAS,EAAEnB,UAAU,CACnB,oFAAoF,EACpF;MACE,wBAAwB,EAAEQ,SAAS;MACnC,uBAAuB,EAAED;IAC3B,CACF,CAAE;IACF,eAAY;EAAa,GAEzBN,KAAA,CAAAiB,aAAA;IACE,gBAAcX,QAAQ,IAAIa,SAAU;IACpCD,SAAS,EAAC,+IAA+I;IACzJE,QAAQ,EAAEd,QAAS;IACnBe,IAAI,EAAC,QAAQ;IACbC,KAAK,EAAEjB,IAAI,CAACkB,EAAG;IACfC,OAAO,EAAEf;EAAY,GAErBT,KAAA,CAAAiB,aAAA;IAAMC,SAAS,EAAC;EAAsJ,GACnKV,aAAa,GAAGA,aAAa,CAACH,IAAI,CAACoB,KAAK,CAAC,GAAGpB,IAAI,CAACoB,KAC9C,CACA,CACN,CAAC;AAET,CAAC;AAED,SAAStB,UAAU","ignoreList":[]}
+{"version":3,"file":"SwitchItem.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_usehooksTs","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SwitchItem","_ref","item","isActive","equalSize","labelCallback","handleClick","handleRender","ref","useRef","useResizeObserver","onResize","current","left","width","getBoundingClientRect","createElement","className","classnames","undefined","disabled","type","value","id","onClick","label","exports"],"sources":["../../../../src/components/Switch/SwitchItem.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React, { useRef } from 'react';\nimport { useResizeObserver } from 'usehooks-ts';\n\nimport type { SwitchItemProps } from './types';\n\nconst SwitchItem = ({\n  item,\n  isActive,\n  equalSize,\n  labelCallback,\n  handleClick,\n  handleRender,\n}: SwitchItemProps) => {\n  const ref = useRef<HTMLLIElement>(null);\n\n  useResizeObserver({\n    ref,\n    onResize: () => {\n      if (ref.current && isActive) {\n        const { left, width } = ref.current.getBoundingClientRect();\n        handleRender({ left, width });\n      }\n    },\n  });\n\n  return (\n    <li\n      ref={ref}\n      className={classnames(\n        'lw-mb-0 lw-flex lw-grow lw-border-r lw-border-secondary last-of-type:lw-border-r-0',\n        {\n          'lw-shrink-0 lw-basis-0': equalSize,\n          'lw-text-text-negative': isActive,\n        }\n      )}\n      data-testid=\"switch-item\"\n    >\n      <button\n        aria-current={isActive || undefined}\n        className=\"lw-flex lw-grow hover:lw-bg-bg-secondary focus:lw-bg-bg-secondary focus:lw-shadow-innerBorder focus:lw-shadow-secondary focus:lw-outline-none\"\n        disabled={isActive}\n        type=\"button\"\n        value={item.id}\n        onClick={handleClick}\n      >\n        <span className=\"lw-relative lw-z-20 lw-flex lw-h-full lw-grow lw-items-center lw-justify-center lw-px-2.5 lw-font-sans lw-text-base lw-capitalize lw-tracking-normal\">\n          {labelCallback ? labelCallback(item.label) : item.label}\n        </span>\n      </button>\n    </li>\n  );\n};\n\nexport { SwitchItem };\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAgD,SAAAE,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAN,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAIhD,MAAMmB,UAAU,GAAGC,IAAA,IAOI;EAAA,IAPH;IAClBC,IAAI;IACJC,QAAQ;IACRC,SAAS;IACTC,aAAa;IACbC,WAAW;IACXC;EACe,CAAC,GAAAN,IAAA;EAChB,MAAMO,GAAG,GAAG,IAAAC,aAAM,EAAgB,IAAI,CAAC;EAEvC,IAAAC,6BAAiB,EAAC;IAChBF,GAAG;IACHG,QAAQ,EAAEA,CAAA,KAAM;MACd,IAAIH,GAAG,CAACI,OAAO,IAAIT,QAAQ,EAAE;QAC3B,MAAM;UAAEU,IAAI;UAAEC;QAAM,CAAC,GAAGN,GAAG,CAACI,OAAO,CAACG,qBAAqB,CAAC,CAAC;QAC3DR,YAAY,CAAC;UAAEM,IAAI;UAAEC;QAAM,CAAC,CAAC;MAC/B;IACF;EACF,CAAC,CAAC;EAEF,OACEpC,MAAA,CAAAa,OAAA,CAAAyB,aAAA;IACER,GAAG,EAAEA,GAAI;IACTS,SAAS,EAAE,IAAAC,mBAAU,EACnB,oFAAoF,EACpF;MACE,wBAAwB,EAAEd,SAAS;MACnC,uBAAuB,EAAED;IAC3B,CACF,CAAE;IACF,eAAY;EAAa,GAEzBzB,MAAA,CAAAa,OAAA,CAAAyB,aAAA;IACE,gBAAcb,QAAQ,IAAIgB,SAAU;IACpCF,SAAS,EAAC,+IAA+I;IACzJG,QAAQ,EAAEjB,QAAS;IACnBkB,IAAI,EAAC,QAAQ;IACbC,KAAK,EAAEpB,IAAI,CAACqB,EAAG;IACfC,OAAO,EAAElB;EAAY,GAErB5B,MAAA,CAAAa,OAAA,CAAAyB,aAAA;IAAMC,SAAS,EAAC;EAAsJ,GACnKZ,aAAa,GAAGA,aAAa,CAACH,IAAI,CAACuB,KAAK,CAAC,GAAGvB,IAAI,CAACuB,KAC9C,CACA,CACN,CAAC;AAET,CAAC;AAACC,OAAA,CAAA1B,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/module/components/Switch/constants.js

@@ -1,2 +1,8 @@
-export const BORDER_CORRECTION = 1;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BORDER_CORRECTION = void 0;
+const BORDER_CORRECTION = exports.BORDER_CORRECTION = 1;
 //# sourceMappingURL=constants.js.map

package/dist/module/components/Switch/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["BORDER_CORRECTION"],"sources":["../../../../src/components/Switch/constants.ts"],"sourcesContent":["export const BORDER_CORRECTION = 1;\n"],"mappings":"AAAA,OAAO,MAAMA,iBAAiB,GAAG,CAAC","ignoreList":[]}
+{"version":3,"file":"constants.js","names":["BORDER_CORRECTION","exports"],"sources":["../../../../src/components/Switch/constants.ts"],"sourcesContent":["export const BORDER_CORRECTION = 1;\n"],"mappings":";;;;;;AAAO,MAAMA,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,CAAC","ignoreList":[]}

package/dist/module/components/Switch/index.js

@@ -1,2 +1,17 @@
-export * from './Switch';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Switch = require("./Switch");
+Object.keys(_Switch).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Switch[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Switch[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/module/components/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Switch/index.ts"],"sourcesContent":["export * from './Switch';\n"],"mappings":"AAAA,cAAc,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Switch","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/Switch/index.ts"],"sourcesContent":["export * from './Switch';\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/module/components/Switch/types.js

@@ -1,2 +1,6 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 //# sourceMappingURL=types.js.map

package/dist/module/components/Table/Table.js

@@ -1,8 +1,16 @@
-import classnames from 'classnames';
-import React, { useState } from 'react';
-import { useLayoutProvider } from '../../providers';
-import { ChartError } from '../Error';
-import { TableHeader } from './TableHeader';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Table = Table;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _providers = require("../../providers");
+var _Error = require("../Error");
+var _TableHeader = require("./TableHeader");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function Table(_ref) {
   let {
     records,
@@ -12,30 +20,29 @@ function Table(_ref) {
   } = _ref;
   const {
     isDark
-  } = useLayoutProvider();
-  const [isScrolled, setIsScrolled] = useState(false);
+  } = (0, _providers.useLayoutProvider)();
+  const [isScrolled, setIsScrolled] = (0, _react.useState)(false);
   const onScroll = event => {
     setIsScrolled(event.currentTarget.scrollLeft > 0);
   };
   const isEmptyData = records.length === 0;
-  return React.createElement("div", {
+  return _react.default.createElement("div", {
     className: "lw-relative lw-overflow-x-auto",
     onScroll: onScroll
-  }, React.createElement("table", {
+  }, _react.default.createElement("table", {
     className: "lw-w-full lw-border-collapse",
     "data-testid": "table"
-  }, React.createElement(TableHeader, {
+  }, _react.default.createElement(_TableHeader.TableHeader, {
     columns: headerConfig,
     isError: !!isError,
     isScrolled: isScrolled
-  }), !isError && React.createElement("tbody", null, React.createElement(React.Fragment, null, records.map((record, index) => renderRow(record, index, isScrolled))))), (isError || isEmptyData) && React.createElement("div", {
-    className: classnames('lw-sticky lw-left-0 lw-top-0 lw-flex lw-h-[250px] lw-w-full lw-items-center lw-justify-center lw-border-t lw-border-t-border-primary', {
+  }), !isError && _react.default.createElement("tbody", null, _react.default.createElement(_react.default.Fragment, null, records.map((record, index) => renderRow(record, index, isScrolled))))), (isError || isEmptyData) && _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-sticky lw-left-0 lw-top-0 lw-flex lw-h-[250px] lw-w-full lw-items-center lw-justify-center lw-border-t lw-border-t-border-primary', {
       'lw-bg-bg-primary': isDark,
       'lw-bg-bg-secondary': !isDark
     })
-  }, React.createElement(ChartError, {
+  }, _react.default.createElement(_Error.ChartError, {
     errorType: isEmptyData ? 'noMatchingResults' : undefined
   })));
 }
-export { Table };
 //# sourceMappingURL=Table.js.map

package/dist/module/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["classnames","React","useState","useLayoutProvider","ChartError","TableHeader","Table","_ref","records","headerConfig","renderRow","isError","isDark","isScrolled","setIsScrolled","onScroll","event","currentTarget","scrollLeft","isEmptyData","length","createElement","className","columns","Fragment","map","record","index","errorType","undefined"],"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { SyntheticEvent } from 'react';\nimport React, { useState } from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { ChartError } from '../Error';\nimport { TableHeader } from './TableHeader';\nimport type { TableProps } from './types';\n\nfunction Table<T>({\n  records,\n  headerConfig,\n  renderRow,\n  isError,\n}: TableProps<T>) {\n  const { isDark } = useLayoutProvider();\n  const [isScrolled, setIsScrolled] = useState(false);\n\n  const onScroll = (event: SyntheticEvent<HTMLDivElement>) => {\n    setIsScrolled(event.currentTarget.scrollLeft > 0);\n  };\n\n  const isEmptyData = records.length === 0;\n\n  return (\n    <div className=\"lw-relative lw-overflow-x-auto\" onScroll={onScroll}>\n      <table className=\"lw-w-full lw-border-collapse\" data-testid=\"table\">\n        <TableHeader\n          columns={headerConfig}\n          isError={!!isError}\n          isScrolled={isScrolled}\n        />\n        {!isError && (\n          <tbody>\n            <>\n              {records.map((record, index) =>\n                renderRow(record, index, isScrolled)\n              )}\n            </>\n          </tbody>\n        )}\n      </table>\n      {(isError || isEmptyData) && (\n        <div\n          className={classnames(\n            'lw-sticky lw-left-0 lw-top-0 lw-flex lw-h-[250px] lw-w-full lw-items-center lw-justify-center lw-border-t lw-border-t-border-primary',\n            {\n              'lw-bg-bg-primary': isDark,\n              'lw-bg-bg-secondary': !isDark,\n            }\n          )}\n        >\n          <ChartError\n            errorType={isEmptyData ? 'noMatchingResults' : undefined}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport { Table };\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AAEnC,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,UAAU,QAAQ,UAAU;AACrC,SAASC,WAAW,QAAQ,eAAe;AAG3C,SAASC,KAAKA,CAAAC,IAAA,EAKI;EAAA,IALA;IAChBC,OAAO;IACPC,YAAY;IACZC,SAAS;IACTC;EACa,CAAC,GAAAJ,IAAA;EACd,MAAM;IAAEK;EAAO,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EACtC,MAAM,CAACU,UAAU,EAAEC,aAAa,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAEnD,MAAMa,QAAQ,GAAIC,KAAqC,IAAK;IAC1DF,aAAa,CAACE,KAAK,CAACC,aAAa,CAACC,UAAU,GAAG,CAAC,CAAC;EACnD,CAAC;EAED,MAAMC,WAAW,GAAGX,OAAO,CAACY,MAAM,KAAK,CAAC;EAExC,OACEnB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC,gCAAgC;IAACP,QAAQ,EAAEA;EAAS,GACjEd,KAAA,CAAAoB,aAAA;IAAOC,SAAS,EAAC,8BAA8B;IAAC,eAAY;EAAO,GACjErB,KAAA,CAAAoB,aAAA,CAAChB,WAAW;IACVkB,OAAO,EAAEd,YAAa;IACtBE,OAAO,EAAE,CAAC,CAACA,OAAQ;IACnBE,UAAU,EAAEA;EAAW,CACxB,CAAC,EACD,CAACF,OAAO,IACPV,KAAA,CAAAoB,aAAA,gBACEpB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAuB,QAAA,QACGhB,OAAO,CAACiB,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KACzBjB,SAAS,CAACgB,MAAM,EAAEC,KAAK,EAAEd,UAAU,CACrC,CACA,CACG,CAEJ,CAAC,EACP,CAACF,OAAO,IAAIQ,WAAW,KACtBlB,KAAA,CAAAoB,aAAA;IACEC,SAAS,EAAEtB,UAAU,CACnB,sIAAsI,EACtI;MACE,kBAAkB,EAAEY,MAAM;MAC1B,oBAAoB,EAAE,CAACA;IACzB,CACF;EAAE,GAEFX,KAAA,CAAAoB,aAAA,CAACjB,UAAU;IACTwB,SAAS,EAAET,WAAW,GAAG,mBAAmB,GAAGU;EAAU,CAC1D,CACE,CAEJ,CAAC;AAEV;AAEA,SAASvB,KAAK","ignoreList":[]}
+{"version":3,"file":"Table.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_providers","_Error","_TableHeader","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Table","_ref","records","headerConfig","renderRow","isError","isDark","useLayoutProvider","isScrolled","setIsScrolled","useState","onScroll","event","currentTarget","scrollLeft","isEmptyData","length","createElement","className","TableHeader","columns","Fragment","map","record","index","classnames","ChartError","errorType","undefined"],"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { SyntheticEvent } from 'react';\nimport React, { useState } from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { ChartError } from '../Error';\nimport { TableHeader } from './TableHeader';\nimport type { TableProps } from './types';\n\nfunction Table<T>({\n  records,\n  headerConfig,\n  renderRow,\n  isError,\n}: TableProps<T>) {\n  const { isDark } = useLayoutProvider();\n  const [isScrolled, setIsScrolled] = useState(false);\n\n  const onScroll = (event: SyntheticEvent<HTMLDivElement>) => {\n    setIsScrolled(event.currentTarget.scrollLeft > 0);\n  };\n\n  const isEmptyData = records.length === 0;\n\n  return (\n    <div className=\"lw-relative lw-overflow-x-auto\" onScroll={onScroll}>\n      <table className=\"lw-w-full lw-border-collapse\" data-testid=\"table\">\n        <TableHeader\n          columns={headerConfig}\n          isError={!!isError}\n          isScrolled={isScrolled}\n        />\n        {!isError && (\n          <tbody>\n            <>\n              {records.map((record, index) =>\n                renderRow(record, index, isScrolled)\n              )}\n            </>\n          </tbody>\n        )}\n      </table>\n      {(isError || isEmptyData) && (\n        <div\n          className={classnames(\n            'lw-sticky lw-left-0 lw-top-0 lw-flex lw-h-[250px] lw-w-full lw-items-center lw-justify-center lw-border-t lw-border-t-border-primary',\n            {\n              'lw-bg-bg-primary': isDark,\n              'lw-bg-bg-secondary': !isDark,\n            }\n          )}\n        >\n          <ChartError\n            errorType={isEmptyData ? 'noMatchingResults' : undefined}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport { Table };\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/Table/TableCell.js

@@ -1,35 +1,42 @@
-import classnames from 'classnames';
-import React from 'react';
-import { CELL_EMPTY_VALUE } from '../constant';
-import { Loader, LoaderSize } from '../Loader';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableCell = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+var _constant = require("../constant");
+var _Loader = require("../Loader");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TableCell = _ref => {
   let {
     type = 'number',
-    loaderSize = LoaderSize.md,
+    loaderSize = _Loader.LoaderSize.md,
     classNames = '',
     children,
     isError,
     isLoading,
     additionalPaddingRight = false
   } = _ref;
-  return React.createElement("td", {
-    className: classnames(`lw-h-[inherit] lw-p-0 lw-font-sans ${classNames}`, {
+  return _react.default.createElement("td", {
+    className: (0, _classnames.default)(`lw-h-[inherit] lw-p-0 lw-font-sans ${classNames}`, {
       'lw-text-right': type === 'number',
       'lw-text-left': type === 'text',
       'lw-text-center': type === 'textCentered'
     }),
     "data-testid": "table-cell"
-  }, React.createElement("div", {
-    className: classnames('lw-flex lw-h-[inherit] lw-items-center lw-px-3 lw-py-0', {
+  }, _react.default.createElement("div", {
+    className: (0, _classnames.default)('lw-flex lw-h-[inherit] lw-items-center lw-px-3 lw-py-0', {
       'lw-justify-end': type === 'number',
       'lw-justify-start': type === 'text',
       'lw-justify-center': type === 'textCentered',
       'lw-pr-7': additionalPaddingRight && !isLoading,
       'lw-pr-3': !additionalPaddingRight || isLoading
     })
-  }, isLoading && React.createElement(Loader, {
+  }, isLoading && _react.default.createElement(_Loader.Loader, {
     size: loaderSize
-  }), !isLoading && !isError && children, !isLoading && isError && React.createElement("span", null, CELL_EMPTY_VALUE)));
+  }), !isLoading && !isError && children, !isLoading && isError && _react.default.createElement("span", null, _constant.CELL_EMPTY_VALUE)));
 };
-export { TableCell };
+exports.TableCell = TableCell;
 //# sourceMappingURL=TableCell.js.map

package/dist/module/components/Table/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","names":["classnames","React","CELL_EMPTY_VALUE","Loader","LoaderSize","TableCell","_ref","type","loaderSize","md","classNames","children","isError","isLoading","additionalPaddingRight","createElement","className","size"],"sources":["../../../../src/components/Table/TableCell.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { CELL_EMPTY_VALUE } from '../constant';\nimport { Loader, LoaderSize } from '../Loader';\nimport type { TableCellProps } from './types';\n\nconst TableCell = ({\n  type = 'number',\n  loaderSize = LoaderSize.md,\n  classNames = '',\n  children,\n  isError,\n  isLoading,\n  additionalPaddingRight = false,\n}: TableCellProps) => (\n  <td\n    className={classnames(`lw-h-[inherit] lw-p-0 lw-font-sans ${classNames}`, {\n      'lw-text-right': type === 'number',\n      'lw-text-left': type === 'text',\n      'lw-text-center': type === 'textCentered',\n    })}\n    data-testid=\"table-cell\"\n  >\n    <div\n      className={classnames(\n        'lw-flex lw-h-[inherit] lw-items-center lw-px-3 lw-py-0',\n        {\n          'lw-justify-end': type === 'number',\n          'lw-justify-start': type === 'text',\n          'lw-justify-center': type === 'textCentered',\n          'lw-pr-7': additionalPaddingRight && !isLoading,\n          'lw-pr-3': !additionalPaddingRight || isLoading,\n        }\n      )}\n    >\n      {isLoading && <Loader size={loaderSize} />}\n      {!isLoading && !isError && children}\n      {!isLoading && isError && <span>{CELL_EMPTY_VALUE}</span>}\n    </div>\n  </td>\n);\n\nexport { TableCell };\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,gBAAgB,QAAQ,aAAa;AAC9C,SAASC,MAAM,EAAEC,UAAU,QAAQ,WAAW;AAG9C,MAAMC,SAAS,GAAGC,IAAA;EAAA,IAAC;IACjBC,IAAI,GAAG,QAAQ;IACfC,UAAU,GAAGJ,UAAU,CAACK,EAAE;IAC1BC,UAAU,GAAG,EAAE;IACfC,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,sBAAsB,GAAG;EACX,CAAC,GAAAR,IAAA;EAAA,OACfL,KAAA,CAAAc,aAAA;IACEC,SAAS,EAAEhB,UAAU,CAAC,sCAAsCU,UAAU,EAAE,EAAE;MACxE,eAAe,EAAEH,IAAI,KAAK,QAAQ;MAClC,cAAc,EAAEA,IAAI,KAAK,MAAM;MAC/B,gBAAgB,EAAEA,IAAI,KAAK;IAC7B,CAAC,CAAE;IACH,eAAY;EAAY,GAExBN,KAAA,CAAAc,aAAA;IACEC,SAAS,EAAEhB,UAAU,CACnB,wDAAwD,EACxD;MACE,gBAAgB,EAAEO,IAAI,KAAK,QAAQ;MACnC,kBAAkB,EAAEA,IAAI,KAAK,MAAM;MACnC,mBAAmB,EAAEA,IAAI,KAAK,cAAc;MAC5C,SAAS,EAAEO,sBAAsB,IAAI,CAACD,SAAS;MAC/C,SAAS,EAAE,CAACC,sBAAsB,IAAID;IACxC,CACF;EAAE,GAEDA,SAAS,IAAIZ,KAAA,CAAAc,aAAA,CAACZ,MAAM;IAACc,IAAI,EAAET;EAAW,CAAE,CAAC,EACzC,CAACK,SAAS,IAAI,CAACD,OAAO,IAAID,QAAQ,EAClC,CAACE,SAAS,IAAID,OAAO,IAAIX,KAAA,CAAAc,aAAA,eAAOb,gBAAuB,CACrD,CACH,CAAC;AAAA,CACN;AAED,SAASG,SAAS","ignoreList":[]}
+{"version":3,"file":"TableCell.js","names":["_classnames","_interopRequireDefault","require","_react","_constant","_Loader","e","__esModule","default","TableCell","_ref","type","loaderSize","LoaderSize","md","classNames","children","isError","isLoading","additionalPaddingRight","createElement","className","classnames","Loader","size","CELL_EMPTY_VALUE","exports"],"sources":["../../../../src/components/Table/TableCell.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { CELL_EMPTY_VALUE } from '../constant';\nimport { Loader, LoaderSize } from '../Loader';\nimport type { TableCellProps } from './types';\n\nconst TableCell = ({\n  type = 'number',\n  loaderSize = LoaderSize.md,\n  classNames = '',\n  children,\n  isError,\n  isLoading,\n  additionalPaddingRight = false,\n}: TableCellProps) => (\n  <td\n    className={classnames(`lw-h-[inherit] lw-p-0 lw-font-sans ${classNames}`, {\n      'lw-text-right': type === 'number',\n      'lw-text-left': type === 'text',\n      'lw-text-center': type === 'textCentered',\n    })}\n    data-testid=\"table-cell\"\n  >\n    <div\n      className={classnames(\n        'lw-flex lw-h-[inherit] lw-items-center lw-px-3 lw-py-0',\n        {\n          'lw-justify-end': type === 'number',\n          'lw-justify-start': type === 'text',\n          'lw-justify-center': type === 'textCentered',\n          'lw-pr-7': additionalPaddingRight && !isLoading,\n          'lw-pr-3': !additionalPaddingRight || isLoading,\n        }\n      )}\n    >\n      {isLoading && <Loader size={loaderSize} />}\n      {!isLoading && !isError && children}\n      {!isLoading && isError && <span>{CELL_EMPTY_VALUE}</span>}\n    </div>\n  </td>\n);\n\nexport { TableCell };\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAA+C,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG/C,MAAMG,SAAS,GAAGC,IAAA;EAAA,IAAC;IACjBC,IAAI,GAAG,QAAQ;IACfC,UAAU,GAAGC,kBAAU,CAACC,EAAE;IAC1BC,UAAU,GAAG,EAAE;IACfC,QAAQ;IACRC,OAAO;IACPC,SAAS;IACTC,sBAAsB,GAAG;EACX,CAAC,GAAAT,IAAA;EAAA,OACfP,MAAA,CAAAK,OAAA,CAAAY,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EAAC,sCAAsCP,UAAU,EAAE,EAAE;MACxE,eAAe,EAAEJ,IAAI,KAAK,QAAQ;MAClC,cAAc,EAAEA,IAAI,KAAK,MAAM;MAC/B,gBAAgB,EAAEA,IAAI,KAAK;IAC7B,CAAC,CAAE;IACH,eAAY;EAAY,GAExBR,MAAA,CAAAK,OAAA,CAAAY,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,wDAAwD,EACxD;MACE,gBAAgB,EAAEX,IAAI,KAAK,QAAQ;MACnC,kBAAkB,EAAEA,IAAI,KAAK,MAAM;MACnC,mBAAmB,EAAEA,IAAI,KAAK,cAAc;MAC5C,SAAS,EAAEQ,sBAAsB,IAAI,CAACD,SAAS;MAC/C,SAAS,EAAE,CAACC,sBAAsB,IAAID;IACxC,CACF;EAAE,GAEDA,SAAS,IAAIf,MAAA,CAAAK,OAAA,CAAAY,aAAA,CAACf,OAAA,CAAAkB,MAAM;IAACC,IAAI,EAAEZ;EAAW,CAAE,CAAC,EACzC,CAACM,SAAS,IAAI,CAACD,OAAO,IAAID,QAAQ,EAClC,CAACE,SAAS,IAAID,OAAO,IAAId,MAAA,CAAAK,OAAA,CAAAY,aAAA,eAAOK,0BAAuB,CACrD,CACH,CAAC;AAAA,CACN;AAACC,OAAA,CAAAjB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/module/components/Table/TableHeader.js

@@ -1,7 +1,14 @@
-import { useLocale } from '@oanda/mono-i18n';
-import React from 'react';
-import { useLayoutProvider } from '../../providers';
-import { cn } from '../../tailwind';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TableHeader = void 0;
+var _monoI18n = require("@oanda/mono-i18n");
+var _react = _interopRequireDefault(require("react"));
+var _providers = require("../../providers");
+var _tailwind = require("../../tailwind");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const TableHeader = _ref => {
   let {
     columns,
@@ -10,13 +17,13 @@ const TableHeader = _ref => {
   } = _ref;
   const {
     isDark
-  } = useLayoutProvider();
+  } = (0, _providers.useLayoutProvider)();
   const {
     lang
-  } = useLocale();
-  return React.createElement("thead", {
+  } = (0, _monoI18n.useLocale)();
+  return _react.default.createElement("thead", {
     "data-testid": "table-header"
-  }, React.createElement("tr", {
+  }, _react.default.createElement("tr", {
     className: "lw-h-11 lw-bg-bg-primary lw-text-text-primary"
   }, columns.map((_ref2, index) => {
     let {
@@ -27,20 +34,20 @@ const TableHeader = _ref => {
         paddingRight
       }
     } = _ref2;
-    return React.createElement("th", {
+    return _react.default.createElement("th", {
       key: `table-header-${displayName}`,
-      className: cn('lw-px-3 lw-py-0 lw-font-sans lw-text-sm lw-tracking-normal lw-font-semibold', {
+      className: (0, _tailwind.cn)('lw-px-3 lw-py-0 lw-font-sans lw-text-sm lw-tracking-normal lw-font-semibold', {
         'lw-sticky lw-left-0 lw-pr-3': !isError && index === 0,
         'lw-bg-whiteWithShadow': !isDark && !isError && isScrolled && index === 0,
         'lw-bg-bg-primary': isDark && !isError && isScrolled && index === 0
       })
-    }, React.createElement("div", {
-      className: cn(align === 'right' && 'lw-text-right', align === 'left' && 'lw-text-left', align === 'center' && 'lw-text-center', paddingRight && 'lw-pr-4'),
+    }, _react.default.createElement("div", {
+      className: (0, _tailwind.cn)(align === 'right' && 'lw-text-right', align === 'left' && 'lw-text-left', align === 'center' && 'lw-text-center', paddingRight && 'lw-pr-4'),
       style: {
         minWidth
       }
     }, lang(displayName)));
   })));
 };
-export { TableHeader };
+exports.TableHeader = TableHeader;
 //# sourceMappingURL=TableHeader.js.map

package/dist/module/components/Table/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","names":["useLocale","React","useLayoutProvider","cn","TableHeader","_ref","columns","isScrolled","isError","isDark","lang","createElement","className","map","_ref2","index","displayName","additionalStyles","align","minWidth","paddingRight","key","style"],"sources":["../../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport type { TableHeaderProps } from './types';\n\nconst TableHeader = ({ columns, isScrolled, isError }: TableHeaderProps) => {\n  const { isDark } = useLayoutProvider();\n  const { lang } = useLocale();\n\n  return (\n    <thead data-testid=\"table-header\">\n      <tr className=\"lw-h-11 lw-bg-bg-primary lw-text-text-primary\">\n        {columns.map(\n          (\n            {\n              displayName,\n              additionalStyles: { align, minWidth, paddingRight },\n            },\n            index\n          ) => (\n            <th\n              key={`table-header-${displayName}`}\n              className={cn(\n                'lw-px-3 lw-py-0 lw-font-sans lw-text-sm lw-tracking-normal lw-font-semibold',\n                {\n                  'lw-sticky lw-left-0 lw-pr-3': !isError && index === 0,\n                  'lw-bg-whiteWithShadow':\n                    !isDark && !isError && isScrolled && index === 0,\n                  'lw-bg-bg-primary':\n                    isDark && !isError && isScrolled && index === 0,\n                }\n              )}\n            >\n              <div\n                className={cn(\n                  align === 'right' && 'lw-text-right',\n                  align === 'left' && 'lw-text-left',\n                  align === 'center' && 'lw-text-center',\n                  paddingRight && 'lw-pr-4'\n                )}\n                style={{ minWidth }}\n              >\n                {lang(displayName)}\n              </div>\n            </th>\n          )\n        )}\n      </tr>\n    </thead>\n  );\n};\n\nexport { TableHeader };\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,EAAE,QAAQ,gBAAgB;AAGnC,MAAMC,WAAW,GAAGC,IAAA,IAAwD;EAAA,IAAvD;IAAEC,OAAO;IAAEC,UAAU;IAAEC;EAA0B,CAAC,GAAAH,IAAA;EACrE,MAAM;IAAEI;EAAO,CAAC,GAAGP,iBAAiB,CAAC,CAAC;EACtC,MAAM;IAAEQ;EAAK,CAAC,GAAGV,SAAS,CAAC,CAAC;EAE5B,OACEC,KAAA,CAAAU,aAAA;IAAO,eAAY;EAAc,GAC/BV,KAAA,CAAAU,aAAA;IAAIC,SAAS,EAAC;EAA+C,GAC1DN,OAAO,CAACO,GAAG,CACV,CAAAC,KAAA,EAKEC,KAAK;IAAA,IAJL;MACEC,WAAW;MACXC,gBAAgB,EAAE;QAAEC,KAAK;QAAEC,QAAQ;QAAEC;MAAa;IACpD,CAAC,GAAAN,KAAA;IAAA,OAGDb,KAAA,CAAAU,aAAA;MACEU,GAAG,EAAE,gBAAgBL,WAAW,EAAG;MACnCJ,SAAS,EAAET,EAAE,CACX,6EAA6E,EAC7E;QACE,6BAA6B,EAAE,CAACK,OAAO,IAAIO,KAAK,KAAK,CAAC;QACtD,uBAAuB,EACrB,CAACN,MAAM,IAAI,CAACD,OAAO,IAAID,UAAU,IAAIQ,KAAK,KAAK,CAAC;QAClD,kBAAkB,EAChBN,MAAM,IAAI,CAACD,OAAO,IAAID,UAAU,IAAIQ,KAAK,KAAK;MAClD,CACF;IAAE,GAEFd,KAAA,CAAAU,aAAA;MACEC,SAAS,EAAET,EAAE,CACXe,KAAK,KAAK,OAAO,IAAI,eAAe,EACpCA,KAAK,KAAK,MAAM,IAAI,cAAc,EAClCA,KAAK,KAAK,QAAQ,IAAI,gBAAgB,EACtCE,YAAY,IAAI,SAClB,CAAE;MACFE,KAAK,EAAE;QAAEH;MAAS;IAAE,GAEnBT,IAAI,CAACM,WAAW,CACd,CACH,CAAC;EAAA,CAET,CACE,CACC,CAAC;AAEZ,CAAC;AAED,SAASZ,WAAW","ignoreList":[]}
+{"version":3,"file":"TableHeader.js","names":["_monoI18n","require","_react","_interopRequireDefault","_providers","_tailwind","e","__esModule","default","TableHeader","_ref","columns","isScrolled","isError","isDark","useLayoutProvider","lang","useLocale","createElement","className","map","_ref2","index","displayName","additionalStyles","align","minWidth","paddingRight","key","cn","style","exports"],"sources":["../../../../src/components/Table/TableHeader.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport type { TableHeaderProps } from './types';\n\nconst TableHeader = ({ columns, isScrolled, isError }: TableHeaderProps) => {\n  const { isDark } = useLayoutProvider();\n  const { lang } = useLocale();\n\n  return (\n    <thead data-testid=\"table-header\">\n      <tr className=\"lw-h-11 lw-bg-bg-primary lw-text-text-primary\">\n        {columns.map(\n          (\n            {\n              displayName,\n              additionalStyles: { align, minWidth, paddingRight },\n            },\n            index\n          ) => (\n            <th\n              key={`table-header-${displayName}`}\n              className={cn(\n                'lw-px-3 lw-py-0 lw-font-sans lw-text-sm lw-tracking-normal lw-font-semibold',\n                {\n                  'lw-sticky lw-left-0 lw-pr-3': !isError && index === 0,\n                  'lw-bg-whiteWithShadow':\n                    !isDark && !isError && isScrolled && index === 0,\n                  'lw-bg-bg-primary':\n                    isDark && !isError && isScrolled && index === 0,\n                }\n              )}\n            >\n              <div\n                className={cn(\n                  align === 'right' && 'lw-text-right',\n                  align === 'left' && 'lw-text-left',\n                  align === 'center' && 'lw-text-center',\n                  paddingRight && 'lw-pr-4'\n                )}\n                style={{ minWidth }}\n              >\n                {lang(displayName)}\n              </div>\n            </th>\n          )\n        )}\n      </tr>\n    </thead>\n  );\n};\n\nexport { TableHeader };\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAAoC,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGpC,MAAMG,WAAW,GAAGC,IAAA,IAAwD;EAAA,IAAvD;IAAEC,OAAO;IAAEC,UAAU;IAAEC;EAA0B,CAAC,GAAAH,IAAA;EACrE,MAAM;IAAEI;EAAO,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EACtC,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAE5B,OACEf,MAAA,CAAAM,OAAA,CAAAU,aAAA;IAAO,eAAY;EAAc,GAC/BhB,MAAA,CAAAM,OAAA,CAAAU,aAAA;IAAIC,SAAS,EAAC;EAA+C,GAC1DR,OAAO,CAACS,GAAG,CACV,CAAAC,KAAA,EAKEC,KAAK;IAAA,IAJL;MACEC,WAAW;MACXC,gBAAgB,EAAE;QAAEC,KAAK;QAAEC,QAAQ;QAAEC;MAAa;IACpD,CAAC,GAAAN,KAAA;IAAA,OAGDnB,MAAA,CAAAM,OAAA,CAAAU,aAAA;MACEU,GAAG,EAAE,gBAAgBL,WAAW,EAAG;MACnCJ,SAAS,EAAE,IAAAU,YAAE,EACX,6EAA6E,EAC7E;QACE,6BAA6B,EAAE,CAAChB,OAAO,IAAIS,KAAK,KAAK,CAAC;QACtD,uBAAuB,EACrB,CAACR,MAAM,IAAI,CAACD,OAAO,IAAID,UAAU,IAAIU,KAAK,KAAK,CAAC;QAClD,kBAAkB,EAChBR,MAAM,IAAI,CAACD,OAAO,IAAID,UAAU,IAAIU,KAAK,KAAK;MAClD,CACF;IAAE,GAEFpB,MAAA,CAAAM,OAAA,CAAAU,aAAA;MACEC,SAAS,EAAE,IAAAU,YAAE,EACXJ,KAAK,KAAK,OAAO,IAAI,eAAe,EACpCA,KAAK,KAAK,MAAM,IAAI,cAAc,EAClCA,KAAK,KAAK,QAAQ,IAAI,gBAAgB,EACtCE,YAAY,IAAI,SAClB,CAAE;MACFG,KAAK,EAAE;QAAEJ;MAAS;IAAE,GAEnBV,IAAI,CAACO,WAAW,CACd,CACH,CAAC;EAAA,CAET,CACE,CACC,CAAC;AAEZ,CAAC;AAACQ,OAAA,CAAAtB,WAAA,GAAAA,WAAA","ignoreList":[]}