@oanda/labs-widget-common 1.0.222 → 1.0.223

package/dist/main/components/Switch/Switch.js

@@ -8,8 +8,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _constants = require("./constants");
 var _SwitchItem = require("./SwitchItem");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 {
@@ -57,14 +56,14 @@ const Switch = _ref => {
       'lw-transition-width lw-duration-300': isTransitionEnabled
     }),
     style: {
-      transform: `translateX(${bgOffset}px)`,
-      width: `${bgWidth}px`
+      transform: "translateX(".concat(bgOffset, "px)"),
+      width: "".concat(bgWidth, "px")
     }
   }), _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.default.createElement(_SwitchItem.SwitchItem, {
-    key: `${item.id}-item`,
+    key: "".concat(item.id, "-item"),
     equalSize: equalSize,
     handleClick: onClick,
     handleRender: onItemRender,

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_constants","_SwitchItem","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAA0C,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAf,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAG1C,MAAMmB,MAAM,GAAGC,IAAA,IAMI;EAAA,IANH;IACdC,KAAK;IACLC,SAAS;IACTC,SAAS;IACTC,aAAa;IACbC;EACW,CAAC,GAAAL,IAAA;EACZ,MAAMM,SAAS,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAC9C,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EACzC,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EACrE,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAJ,eAAQ,EAAC,CAAC,CAAC;EAE3C,MAAMK,OAAO,GAAInC,CAA0C,IAAK;IAC9D,MAAMoC,OAAO,GAAGpC,CAAC,CAACqC,MAAiB;IACnC,MAAM;MAAEC,KAAK;MAAEC,IAAI,EAAEC;IAAc,CAAC,GAAGJ,OAAO,CAACK,qBAAqB,CAAC,CAAC;IACtE,MAAMC,YAAY,GAAGhB,SAAS,CAACiB,OAAO,CAAEF,qBAAqB,CAAC,CAAC,CAACF,IAAI;IAEpEL,WAAW,CAACU,IAAI,CAACC,IAAI,CAACL,aAAa,GAAGE,YAAY,GAAGI,4BAAiB,CAAC,CAAC;IACxEjB,UAAU,CAACe,IAAI,CAACC,IAAI,CAACP,KAAK,GAAGQ,4BAAiB,CAAC,CAAC;IAEhDrB,WAAW,CAACzB,CAAC,CAAC;IAEd,IAAI,CAAC+B,mBAAmB,EAAE;MACxBC,sBAAsB,CAAC,IAAI,CAAC;IAC9B;EACF,CAAC;EAED,MAAMe,YAAY,GAAGC,KAAA,IAMf;IAAA,IANgB;MACpBV,KAAK;MACLC,IAAI,EAAEC;IAIR,CAAC,GAAAQ,KAAA;IACC,MAAMN,YAAY,GAAGhB,SAAS,CAACiB,OAAO,CAAEF,qBAAqB,CAAC,CAAC,CAACF,IAAI;IACpE,IAAIR,mBAAmB,EAAE;MACvBC,sBAAsB,CAAC,KAAK,CAAC;IAC/B;IAEAE,WAAW,CAACU,IAAI,CAACC,IAAI,CAACL,aAAa,GAAGE,YAAY,GAAGI,4BAAiB,CAAC,CAAC;IACxEjB,UAAU,CAACe,IAAI,CAACC,IAAI,CAACP,KAAK,GAAGQ,4BAAiB,CAAC,CAAC;EAClD,CAAC;EAED,OACEnD,MAAA,CAAAU,OAAA,CAAA4C,aAAA;IACEC,GAAG,EAAExB,SAAU;IACfyB,SAAS,EAAC;EAA6D,GAEvExD,MAAA,CAAAU,OAAA,CAAA4C,aAAA;IACEE,SAAS,EAAE,IAAAC,mBAAU,EACnB,kEAAkE,EAClE;MACE,qCAAqC,EAAErB;IACzC,CACF,CAAE;IACFsB,KAAK,EAAE;MACLC,SAAS,EAAE,cAAcrB,QAAQ,KAAK;MACtCK,KAAK,EAAE,GAAGV,OAAO;IACnB;EAAE,CACH,CAAC,EACFjC,MAAA,CAAAU,OAAA,CAAA4C,aAAA;IACEE,SAAS,EAAC,mGAAmG;IAC7G,eAAY;EAAQ,GAEnB9B,KAAK,CAACkC,GAAG,CAAEC,IAAI,IACd7D,MAAA,CAAAU,OAAA,CAAA4C,aAAA,CAACnD,WAAA,CAAA2D,UAAU;IACTC,GAAG,EAAE,GAAGF,IAAI,CAACG,EAAE,OAAQ;IACvBpC,SAAS,EAAEA,SAAU;IACrBE,WAAW,EAAEU,OAAQ;IACrByB,YAAY,EAAEb,YAAa;IAC3Bc,QAAQ,EAAEL,IAAI,CAACG,EAAE,KAAKrC,SAAU;IAChCkC,IAAI,EAAEA,IAAK;IACXhC,aAAa,EAAEA;EAAc,CAC9B,CACF,CACC,CACD,CAAC;AAEV,CAAC;AAACsC,OAAA,CAAA3C,MAAA,GAAAA,MAAA","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","concat","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":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAA0C,SAAAE,wBAAAG,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAL,uBAAA,YAAAA,CAAAG,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,SAAAP,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAG1C,MAAMmB,MAAM,GAAGC,IAAA,IAMI;EAAA,IANH;IACdC,KAAK;IACLC,SAAS;IACTC,SAAS;IACTC,aAAa;IACbC;EACW,CAAC,GAAAL,IAAA;EACZ,MAAMM,SAAS,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAC9C,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EACzC,MAAM,CAACC,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EACrE,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAJ,eAAQ,EAAC,CAAC,CAAC;EAE3C,MAAMK,OAAO,GAAInC,CAA0C,IAAK;IAC9D,MAAMoC,OAAO,GAAGpC,CAAC,CAACqC,MAAiB;IACnC,MAAM;MAAEC,KAAK;MAAEC,IAAI,EAAEC;IAAc,CAAC,GAAGJ,OAAO,CAACK,qBAAqB,CAAC,CAAC;IACtE,MAAMC,YAAY,GAAGhB,SAAS,CAACiB,OAAO,CAAEF,qBAAqB,CAAC,CAAC,CAACF,IAAI;IAEpEL,WAAW,CAACU,IAAI,CAACC,IAAI,CAACL,aAAa,GAAGE,YAAY,GAAGI,4BAAiB,CAAC,CAAC;IACxEjB,UAAU,CAACe,IAAI,CAACC,IAAI,CAACP,KAAK,GAAGQ,4BAAiB,CAAC,CAAC;IAEhDrB,WAAW,CAACzB,CAAC,CAAC;IAEd,IAAI,CAAC+B,mBAAmB,EAAE;MACxBC,sBAAsB,CAAC,IAAI,CAAC;IAC9B;EACF,CAAC;EAED,MAAMe,YAAY,GAAGC,KAAA,IAMf;IAAA,IANgB;MACpBV,KAAK;MACLC,IAAI,EAAEC;IAIR,CAAC,GAAAQ,KAAA;IACC,MAAMN,YAAY,GAAGhB,SAAS,CAACiB,OAAO,CAAEF,qBAAqB,CAAC,CAAC,CAACF,IAAI;IACpE,IAAIR,mBAAmB,EAAE;MACvBC,sBAAsB,CAAC,KAAK,CAAC;IAC/B;IAEAE,WAAW,CAACU,IAAI,CAACC,IAAI,CAACL,aAAa,GAAGE,YAAY,GAAGI,4BAAiB,CAAC,CAAC;IACxEjB,UAAU,CAACe,IAAI,CAACC,IAAI,CAACP,KAAK,GAAGQ,4BAAiB,CAAC,CAAC;EAClD,CAAC;EAED,OACElD,MAAA,CAAAc,OAAA,CAAAuC,aAAA;IACEC,GAAG,EAAExB,SAAU;IACfyB,SAAS,EAAC;EAA6D,GAEvEvD,MAAA,CAAAc,OAAA,CAAAuC,aAAA;IACEE,SAAS,EAAE,IAAAC,mBAAU,EACnB,kEAAkE,EAClE;MACE,qCAAqC,EAAErB;IACzC,CACF,CAAE;IACFsB,KAAK,EAAE;MACLC,SAAS,gBAAAC,MAAA,CAAgBtB,QAAQ,QAAK;MACtCK,KAAK,KAAAiB,MAAA,CAAK3B,OAAO;IACnB;EAAE,CACH,CAAC,EACFhC,MAAA,CAAAc,OAAA,CAAAuC,aAAA;IACEE,SAAS,EAAC,mGAAmG;IAC7G,eAAY;EAAQ,GAEnB9B,KAAK,CAACmC,GAAG,CAAEC,IAAI,IACd7D,MAAA,CAAAc,OAAA,CAAAuC,aAAA,CAAClD,WAAA,CAAA2D,UAAU;IACTC,GAAG,KAAAJ,MAAA,CAAKE,IAAI,CAACG,EAAE,UAAQ;IACvBrC,SAAS,EAAEA,SAAU;IACrBE,WAAW,EAAEU,OAAQ;IACrB0B,YAAY,EAAEd,YAAa;IAC3Be,QAAQ,EAAEL,IAAI,CAACG,EAAE,KAAKtC,SAAU;IAChCmC,IAAI,EAAEA,IAAK;IACXjC,aAAa,EAAEA;EAAc,CAC9B,CACF,CACC,CACD,CAAC;AAEV,CAAC;AAACuC,OAAA,CAAA5C,MAAA,GAAAA,MAAA","ignoreList":[]}

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

@@ -7,8 +7,7 @@ exports.SwitchItem = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _usehooksTs = require("usehooks-ts");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 {

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchItem.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_usehooksTs","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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":"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","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/main/components/Table/Table.js

@@ -9,8 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _providers = require("../../providers");
 var _Error = require("../Error");
 var _TableHeader = require("./TableHeader");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 {

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_providers","_Error","_TableHeader","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAA4C,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAhB,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAG5C,SAASmB,KAAKA,CAAAC,IAAA,EAKI;EAAA,IALA;IAChBC,OAAO;IACPC,YAAY;IACZC,SAAS;IACTC;EACa,CAAC,GAAAJ,IAAA;EACd,MAAM;IAAEK;EAAO,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EACtC,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAEnD,MAAMC,QAAQ,GAAIC,KAAqC,IAAK;IAC1DH,aAAa,CAACG,KAAK,CAACC,aAAa,CAACC,UAAU,GAAG,CAAC,CAAC;EACnD,CAAC;EAED,MAAMC,WAAW,GAAGb,OAAO,CAACc,MAAM,KAAK,CAAC;EAExC,OACEzC,MAAA,CAAAW,OAAA,CAAA+B,aAAA;IAAKC,SAAS,EAAC,gCAAgC;IAACP,QAAQ,EAAEA;EAAS,GACjEpC,MAAA,CAAAW,OAAA,CAAA+B,aAAA;IAAOC,SAAS,EAAC,8BAA8B;IAAC,eAAY;EAAO,GACjE3C,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAACtC,YAAA,CAAAwC,WAAW;IACVC,OAAO,EAAEjB,YAAa;IACtBE,OAAO,EAAE,CAAC,CAACA,OAAQ;IACnBG,UAAU,EAAEA;EAAW,CACxB,CAAC,EACD,CAACH,OAAO,IACP9B,MAAA,CAAAW,OAAA,CAAA+B,aAAA,gBACE1C,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAAA1C,MAAA,CAAAW,OAAA,CAAAmC,QAAA,QACGnB,OAAO,CAACoB,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KACzBpB,SAAS,CAACmB,MAAM,EAAEC,KAAK,EAAEhB,UAAU,CACrC,CACA,CACG,CAEJ,CAAC,EACP,CAACH,OAAO,IAAIU,WAAW,KACtBxC,MAAA,CAAAW,OAAA,CAAA+B,aAAA;IACEC,SAAS,EAAE,IAAAO,mBAAU,EACnB,sIAAsI,EACtI;MACE,kBAAkB,EAAEnB,MAAM;MAC1B,oBAAoB,EAAE,CAACA;IACzB,CACF;EAAE,GAEF/B,MAAA,CAAAW,OAAA,CAAA+B,aAAA,CAACvC,MAAA,CAAAgD,UAAU;IACTC,SAAS,EAAEZ,WAAW,GAAG,mBAAmB,GAAGa;EAAU,CAC1D,CACE,CAEJ,CAAC;AAEV","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/main/components/Table/TableCell.js

@@ -20,7 +20,7 @@ const TableCell = _ref => {
     additionalPaddingRight = false
   } = _ref;
   return _react.default.createElement("td", {
-    className: (0, _classnames.default)(`lw-h-[inherit] lw-p-0 lw-font-sans ${classNames}`, {
+    className: (0, _classnames.default)("lw-h-[inherit] lw-p-0 lw-font-sans ".concat(classNames), {
       'lw-text-right': type === 'number',
       'lw-text-left': type === 'text',
       'lw-text-center': type === 'textCentered'

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

@@ -1 +1 @@
-{"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":[]}
+{"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","concat","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,wCAAAC,MAAA,CAAuCR,UAAU,GAAI;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,CAAAmB,MAAM;IAACC,IAAI,EAAEb;EAAW,CAAE,CAAC,EACzC,CAACM,SAAS,IAAI,CAACD,OAAO,IAAID,QAAQ,EAClC,CAACE,SAAS,IAAID,OAAO,IAAId,MAAA,CAAAK,OAAA,CAAAY,aAAA,eAAOM,0BAAuB,CACrD,CACH,CAAC;AAAA,CACN;AAACC,OAAA,CAAAlB,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -35,7 +35,7 @@ const TableHeader = _ref => {
       }
     } = _ref2;
     return _react.default.createElement("th", {
-      key: `table-header-${displayName}`,
+      key: "table-header-".concat(displayName),
       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,

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

@@ -1 +1 @@
-{"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":[]}
+{"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","concat","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,kBAAAC,MAAA,CAAkBN,WAAW,CAAG;MACnCJ,SAAS,EAAE,IAAAW,YAAE,EACX,6EAA6E,EAC7E;QACE,6BAA6B,EAAE,CAACjB,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,IAAAW,YAAE,EACXL,KAAK,KAAK,OAAO,IAAI,eAAe,EACpCA,KAAK,KAAK,MAAM,IAAI,cAAc,EAClCA,KAAK,KAAK,QAAQ,IAAI,gBAAgB,EACtCE,YAAY,IAAI,SAClB,CAAE;MACFI,KAAK,EAAE;QAAEL;MAAS;IAAE,GAEnBV,IAAI,CAACO,WAAW,CACd,CACH,CAAC;EAAA,CAET,CACE,CACC,CAAC;AAEZ,CAAC;AAACS,OAAA,CAAAvB,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/main/components/Table/TableRow.js

@@ -7,8 +7,7 @@ exports.TableRow = void 0;
 var _classnames = _interopRequireDefault(require("classnames"));
 var _react = _interopRequireWildcard(require("react"));
 var _providers = require("../../providers");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 TableRow = exports.TableRow = (0, _react.forwardRef)((_ref, ref) => {
   let {

package/dist/main/components/Table/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_providers","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TableRow","exports","forwardRef","_ref","ref","children","hasBackgroundColor","isScrolled","isDark","useLayoutProvider","createElement","className","classNames","displayName"],"sources":["../../../../src/components/Table/TableRow.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { forwardRef } from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport type { TableRowProps } from './types';\n\nconst TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ children, hasBackgroundColor, isScrolled }, ref) => {\n    const { isDark } = useLayoutProvider();\n\n    return (\n      <tr\n        ref={ref}\n        className={classNames(\n          'lw-h-11 lw-border-t-[1px] lw-border-border-primary lw-text-sm lw-font-normal even: [&>*:first-child]:lw-sticky [&>*:first-child]:lw-left-0 [&>*:first-child]:lw-z-10',\n          {\n            'lw-bg-bg-secondary': hasBackgroundColor,\n            'lw-bg-bg-primary': !hasBackgroundColor,\n            '[&>*:first-child]:lw-bg-lightGreyWithShadow':\n              !isDark && hasBackgroundColor && isScrolled,\n            '[&>*:first-child]:lw-bg-whiteWithShadow':\n              !isDark && !hasBackgroundColor && isScrolled,\n            '[&>*:first-child]:lw-bg-bg-secondary':\n              isDark && hasBackgroundColor && isScrolled,\n            '[&>*:first-child]:lw-bg-bg-primary':\n              isDark && !hasBackgroundColor && isScrolled,\n          }\n        )}\n        data-testid=\"table-row\"\n      >\n        {children}\n      </tr>\n    );\n  }\n);\n\nTableRow.displayName = 'TableRow';\n\nexport { TableRow };\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAAoD,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAd,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAGpD,MAAMmB,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,iBAAU,EACzB,CAAAC,IAAA,EAA+CC,GAAG,KAAK;EAAA,IAAtD;IAAEC,QAAQ;IAAEC,kBAAkB;IAAEC;EAAW,CAAC,GAAAJ,IAAA;EAC3C,MAAM;IAAEK;EAAO,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EAEtC,OACEhC,MAAA,CAAAS,OAAA,CAAAwB,aAAA;IACEN,GAAG,EAAEA,GAAI;IACTO,SAAS,EAAE,IAAAC,mBAAU,EACnB,sKAAsK,EACtK;MACE,oBAAoB,EAAEN,kBAAkB;MACxC,kBAAkB,EAAE,CAACA,kBAAkB;MACvC,6CAA6C,EAC3C,CAACE,MAAM,IAAIF,kBAAkB,IAAIC,UAAU;MAC7C,yCAAyC,EACvC,CAACC,MAAM,IAAI,CAACF,kBAAkB,IAAIC,UAAU;MAC9C,sCAAsC,EACpCC,MAAM,IAAIF,kBAAkB,IAAIC,UAAU;MAC5C,oCAAoC,EAClCC,MAAM,IAAI,CAACF,kBAAkB,IAAIC;IACrC,CACF,CAAE;IACF,eAAY;EAAW,GAEtBF,QACC,CAAC;AAET,CACF,CAAC;AAEDL,QAAQ,CAACa,WAAW,GAAG,UAAU","ignoreList":[]}
+{"version":3,"file":"TableRow.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_providers","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TableRow","exports","forwardRef","_ref","ref","children","hasBackgroundColor","isScrolled","isDark","useLayoutProvider","createElement","className","classNames","displayName"],"sources":["../../../../src/components/Table/TableRow.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { forwardRef } from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport type { TableRowProps } from './types';\n\nconst TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ children, hasBackgroundColor, isScrolled }, ref) => {\n    const { isDark } = useLayoutProvider();\n\n    return (\n      <tr\n        ref={ref}\n        className={classNames(\n          'lw-h-11 lw-border-t-[1px] lw-border-border-primary lw-text-sm lw-font-normal even: [&>*:first-child]:lw-sticky [&>*:first-child]:lw-left-0 [&>*:first-child]:lw-z-10',\n          {\n            'lw-bg-bg-secondary': hasBackgroundColor,\n            'lw-bg-bg-primary': !hasBackgroundColor,\n            '[&>*:first-child]:lw-bg-lightGreyWithShadow':\n              !isDark && hasBackgroundColor && isScrolled,\n            '[&>*:first-child]:lw-bg-whiteWithShadow':\n              !isDark && !hasBackgroundColor && isScrolled,\n            '[&>*:first-child]:lw-bg-bg-secondary':\n              isDark && hasBackgroundColor && isScrolled,\n            '[&>*:first-child]:lw-bg-bg-primary':\n              isDark && !hasBackgroundColor && isScrolled,\n          }\n        )}\n        data-testid=\"table-row\"\n      >\n        {children}\n      </tr>\n    );\n  }\n);\n\nTableRow.displayName = 'TableRow';\n\nexport { TableRow };\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAAoD,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;AAGpD,MAAMmB,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,iBAAU,EACzB,CAAAC,IAAA,EAA+CC,GAAG,KAAK;EAAA,IAAtD;IAAEC,QAAQ;IAAEC,kBAAkB;IAAEC;EAAW,CAAC,GAAAJ,IAAA;EAC3C,MAAM;IAAEK;EAAO,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EAEtC,OACE/B,MAAA,CAAAa,OAAA,CAAAmB,aAAA;IACEN,GAAG,EAAEA,GAAI;IACTO,SAAS,EAAE,IAAAC,mBAAU,EACnB,sKAAsK,EACtK;MACE,oBAAoB,EAAEN,kBAAkB;MACxC,kBAAkB,EAAE,CAACA,kBAAkB;MACvC,6CAA6C,EAC3C,CAACE,MAAM,IAAIF,kBAAkB,IAAIC,UAAU;MAC7C,yCAAyC,EACvC,CAACC,MAAM,IAAI,CAACF,kBAAkB,IAAIC,UAAU;MAC9C,sCAAsC,EACpCC,MAAM,IAAIF,kBAAkB,IAAIC,UAAU;MAC5C,oCAAoC,EAClCC,MAAM,IAAI,CAACF,kBAAkB,IAAIC;IACrC,CACF,CAAE;IACF,eAAY;EAAW,GAEtBF,QACC,CAAC;AAET,CACF,CAAC;AAEDL,QAAQ,CAACa,WAAW,GAAG,UAAU","ignoreList":[]}

package/dist/main/components/TableWidget/CardRecordRow.js

@@ -13,6 +13,7 @@ var _Truncate = require("../Truncate");
 var _CardRenderer = require("./CardRenderer");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const CardRecordRow = _ref => {
+  var _record$chart;
   let {
     record,
     target,
@@ -40,7 +41,7 @@ const CardRecordRow = _ref => {
       tooltipId: tooltipId
     })
   }, activeColumns.includes(_types.DataRecordType.CHART) && _react.default.createElement(_rows.LineChartCardRow, {
-    chart: record.chart ?? [],
+    chart: (_record$chart = record.chart) !== null && _record$chart !== void 0 ? _record$chart : [],
     isLoading: !!isChartLoading,
     percentChange: updatedRecord.dailyPercentChange
   })), _react.default.createElement(_CardRenderer.CardRenderer, {

package/dist/main/components/TableWidget/CardRecordRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardRecordRow.js","names":["_react","_interopRequireDefault","require","_hooks","_types","_Card","_rows","_Truncate","_CardRenderer","e","__esModule","default","CardRecordRow","_ref","record","target","isLast","isLoading","isChartLoading","activeColumns","tooltipId","index","updatedRecord","error","ref","useVisibleLiveDataRecord","instrument","createElement","Card","withoutBottomBorder","CardHeader","number","title","Truncate","text","displayName","includes","DataRecordType","CHART","LineChartCardRow","chart","percentChange","dailyPercentChange","CardRenderer","isError","exports"],"sources":["../../../../src/components/TableWidget/CardRecordRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useVisibleLiveDataRecord } from '../../hooks';\nimport type { DataRecord, EmptyRecord } from '../../types';\nimport { DataRecordType } from '../../types';\nimport { Card, CardHeader } from '../Card';\nimport { LineChartCardRow } from '../Card/rows';\nimport { Truncate } from '../Truncate';\nimport { CardRenderer } from './CardRenderer';\n\nexport interface DataRecordRowProps {\n  record: DataRecord | EmptyRecord;\n  target: EventTarget | null;\n  activeColumns: DataRecordType[];\n  isLast?: boolean;\n  isLoading?: boolean;\n  isChartLoading?: boolean;\n  tooltipId: string;\n  index: number;\n}\n\nexport const CardRecordRow = ({\n  record,\n  target,\n  isLast,\n  isLoading,\n  isChartLoading,\n  activeColumns,\n  tooltipId,\n  index,\n}: DataRecordRowProps) => {\n  const { updatedRecord, error, ref } = useVisibleLiveDataRecord(\n    record,\n    record.instrument ? target : null\n  );\n\n  return (\n    <Card ref={ref} data-testid=\"card\" withoutBottomBorder={!isLast}>\n      <CardHeader\n        isLoading={isLoading}\n        number={index}\n        title={<Truncate text={record.displayName} tooltipId={tooltipId} />}\n      >\n        {activeColumns.includes(DataRecordType.CHART) && (\n          <LineChartCardRow\n            chart={record.chart ?? []}\n            isLoading={!!isChartLoading}\n            percentChange={updatedRecord.dailyPercentChange}\n          />\n        )}\n      </CardHeader>\n      <CardRenderer\n        activeColumns={activeColumns}\n        isError={!!error}\n        isLoading={isLoading}\n        record={updatedRecord}\n      />\n    </Card>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAA8C,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAavC,MAAMG,aAAa,GAAGC,IAAA,IASH;EAAA,IATI;IAC5BC,MAAM;IACNC,MAAM;IACNC,MAAM;IACNC,SAAS;IACTC,cAAc;IACdC,aAAa;IACbC,SAAS;IACTC;EACkB,CAAC,GAAAR,IAAA;EACnB,MAAM;IAAES,aAAa;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAG,IAAAC,+BAAwB,EAC5DX,MAAM,EACNA,MAAM,CAACY,UAAU,GAAGX,MAAM,GAAG,IAC/B,CAAC;EAED,OACEf,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACtB,KAAA,CAAAuB,IAAI;IAACJ,GAAG,EAAEA,GAAI;IAAC,eAAY,MAAM;IAACK,mBAAmB,EAAE,CAACb;EAAO,GAC9DhB,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACtB,KAAA,CAAAyB,UAAU;IACTb,SAAS,EAAEA,SAAU;IACrBc,MAAM,EAAEV,KAAM;IACdW,KAAK,EAAEhC,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACpB,SAAA,CAAA0B,QAAQ;MAACC,IAAI,EAAEpB,MAAM,CAACqB,WAAY;MAACf,SAAS,EAAEA;IAAU,CAAE;EAAE,GAEnED,aAAa,CAACiB,QAAQ,CAACC,qBAAc,CAACC,KAAK,CAAC,IAC3CtC,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACrB,KAAA,CAAAiC,gBAAgB;IACfC,KAAK,EAAE1B,MAAM,CAAC0B,KAAK,IAAI,EAAG;IAC1BvB,SAAS,EAAE,CAAC,CAACC,cAAe;IAC5BuB,aAAa,EAAEnB,aAAa,CAACoB;EAAmB,CACjD,CAEO,CAAC,EACb1C,MAAA,CAAAW,OAAA,CAAAgB,aAAA,CAACnB,aAAA,CAAAmC,YAAY;IACXxB,aAAa,EAAEA,aAAc;IAC7ByB,OAAO,EAAE,CAAC,CAACrB,KAAM;IACjBN,SAAS,EAAEA,SAAU;IACrBH,MAAM,EAAEQ;EAAc,CACvB,CACG,CAAC;AAEX,CAAC;AAACuB,OAAA,CAAAjC,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"file":"CardRecordRow.js","names":["_react","_interopRequireDefault","require","_hooks","_types","_Card","_rows","_Truncate","_CardRenderer","e","__esModule","default","CardRecordRow","_ref","_record$chart","record","target","isLast","isLoading","isChartLoading","activeColumns","tooltipId","index","updatedRecord","error","ref","useVisibleLiveDataRecord","instrument","createElement","Card","withoutBottomBorder","CardHeader","number","title","Truncate","text","displayName","includes","DataRecordType","CHART","LineChartCardRow","chart","percentChange","dailyPercentChange","CardRenderer","isError","exports"],"sources":["../../../../src/components/TableWidget/CardRecordRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useVisibleLiveDataRecord } from '../../hooks';\nimport type { DataRecord, EmptyRecord } from '../../types';\nimport { DataRecordType } from '../../types';\nimport { Card, CardHeader } from '../Card';\nimport { LineChartCardRow } from '../Card/rows';\nimport { Truncate } from '../Truncate';\nimport { CardRenderer } from './CardRenderer';\n\nexport interface DataRecordRowProps {\n  record: DataRecord | EmptyRecord;\n  target: EventTarget | null;\n  activeColumns: DataRecordType[];\n  isLast?: boolean;\n  isLoading?: boolean;\n  isChartLoading?: boolean;\n  tooltipId: string;\n  index: number;\n}\n\nexport const CardRecordRow = ({\n  record,\n  target,\n  isLast,\n  isLoading,\n  isChartLoading,\n  activeColumns,\n  tooltipId,\n  index,\n}: DataRecordRowProps) => {\n  const { updatedRecord, error, ref } = useVisibleLiveDataRecord(\n    record,\n    record.instrument ? target : null\n  );\n\n  return (\n    <Card ref={ref} data-testid=\"card\" withoutBottomBorder={!isLast}>\n      <CardHeader\n        isLoading={isLoading}\n        number={index}\n        title={<Truncate text={record.displayName} tooltipId={tooltipId} />}\n      >\n        {activeColumns.includes(DataRecordType.CHART) && (\n          <LineChartCardRow\n            chart={record.chart ?? []}\n            isLoading={!!isChartLoading}\n            percentChange={updatedRecord.dailyPercentChange}\n          />\n        )}\n      </CardHeader>\n      <CardRenderer\n        activeColumns={activeColumns}\n        isError={!!error}\n        isLoading={isLoading}\n        record={updatedRecord}\n      />\n    </Card>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AAA8C,SAAAD,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAavC,MAAMG,aAAa,GAAGC,IAAA,IASH;EAAA,IAAAC,aAAA;EAAA,IATI;IAC5BC,MAAM;IACNC,MAAM;IACNC,MAAM;IACNC,SAAS;IACTC,cAAc;IACdC,aAAa;IACbC,SAAS;IACTC;EACkB,CAAC,GAAAT,IAAA;EACnB,MAAM;IAAEU,aAAa;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAG,IAAAC,+BAAwB,EAC5DX,MAAM,EACNA,MAAM,CAACY,UAAU,GAAGX,MAAM,GAAG,IAC/B,CAAC;EAED,OACEhB,MAAA,CAAAW,OAAA,CAAAiB,aAAA,CAACvB,KAAA,CAAAwB,IAAI;IAACJ,GAAG,EAAEA,GAAI;IAAC,eAAY,MAAM;IAACK,mBAAmB,EAAE,CAACb;EAAO,GAC9DjB,MAAA,CAAAW,OAAA,CAAAiB,aAAA,CAACvB,KAAA,CAAA0B,UAAU;IACTb,SAAS,EAAEA,SAAU;IACrBc,MAAM,EAAEV,KAAM;IACdW,KAAK,EAAEjC,MAAA,CAAAW,OAAA,CAAAiB,aAAA,CAACrB,SAAA,CAAA2B,QAAQ;MAACC,IAAI,EAAEpB,MAAM,CAACqB,WAAY;MAACf,SAAS,EAAEA;IAAU,CAAE;EAAE,GAEnED,aAAa,CAACiB,QAAQ,CAACC,qBAAc,CAACC,KAAK,CAAC,IAC3CvC,MAAA,CAAAW,OAAA,CAAAiB,aAAA,CAACtB,KAAA,CAAAkC,gBAAgB;IACfC,KAAK,GAAA3B,aAAA,GAAEC,MAAM,CAAC0B,KAAK,cAAA3B,aAAA,cAAAA,aAAA,GAAI,EAAG;IAC1BI,SAAS,EAAE,CAAC,CAACC,cAAe;IAC5BuB,aAAa,EAAEnB,aAAa,CAACoB;EAAmB,CACjD,CAEO,CAAC,EACb3C,MAAA,CAAAW,OAAA,CAAAiB,aAAA,CAACpB,aAAA,CAAAoC,YAAY;IACXxB,aAAa,EAAEA,aAAc;IAC7ByB,OAAO,EAAE,CAAC,CAACrB,KAAM;IACjBN,SAAS,EAAEA,SAAU;IACrBH,MAAM,EAAEQ;EAAc,CACvB,CACG,CAAC;AAEX,CAAC;AAACuB,OAAA,CAAAlC,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/main/components/TableWidget/CardRenderer.js

@@ -54,9 +54,12 @@ const CardRenderer = _ref => {
       sentiment: record.sentiment
     })
   };
-  return activeColumns.map(item => _react.default.createElement(_react.default.Fragment, {
-    key: item
-  }, allColumns[item]?.() ?? null));
+  return activeColumns.map(item => {
+    var _allColumns$item, _allColumns$item2;
+    return _react.default.createElement(_react.default.Fragment, {
+      key: item
+    }, (_allColumns$item = (_allColumns$item2 = allColumns[item]) === null || _allColumns$item2 === void 0 ? void 0 : _allColumns$item2.call(allColumns)) !== null && _allColumns$item !== void 0 ? _allColumns$item : null);
+  });
 };
 exports.CardRenderer = CardRenderer;
 //# sourceMappingURL=CardRenderer.js.map

package/dist/main/components/TableWidget/CardRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardRenderer.js","names":["_monoI18n","require","_react","_interopRequireDefault","_types","_rows","e","__esModule","default","CardRenderer","_ref","activeColumns","record","isError","isLoading","lang","useLocale","allColumns","DataRecordType","SELL","createElement","PriceCardRow","displayPrecision","label","price","sell","priceMovement","sellPriceMovement","BUY","buy","buyPriceMovement","DAILY_CHANGE","DailyChangeCardRow","dailyPercentChange","SPREAD","SpreadCardRow","value","spread","SENTIMENT","SentimentCardRow","sentiment","map","item","Fragment","key","exports"],"sources":["../../../../src/components/TableWidget/CardRenderer.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport type { DataRecord, EmptyRecord } from '../../types';\nimport { DataRecordType } from '../../types';\nimport {\n  DailyChangeCardRow,\n  PriceCardRow,\n  SentimentCardRow,\n  SpreadCardRow,\n} from '../Card/rows';\n\ninterface CardRendererProps {\n  record: DataRecord | EmptyRecord;\n  isLoading?: boolean;\n  isError: boolean;\n  activeColumns: DataRecordType[];\n}\n\nexport const CardRenderer = ({\n  activeColumns,\n  record,\n  isError,\n  isLoading,\n}: CardRendererProps) => {\n  const { lang } = useLocale();\n\n  const allColumns: Partial<Record<DataRecordType, () => JSX.Element>> = {\n    [DataRecordType.SELL]: () => (\n      <PriceCardRow\n        displayPrecision={record.displayPrecision}\n        isError={isError}\n        isLoading={isLoading}\n        label={lang('sell_price')}\n        price={record.sell}\n        priceMovement={record.sellPriceMovement}\n      />\n    ),\n    [DataRecordType.BUY]: () => (\n      <PriceCardRow\n        displayPrecision={record.displayPrecision}\n        isError={isError}\n        isLoading={isLoading}\n        label={lang('buy_price')}\n        price={record.buy}\n        priceMovement={record.buyPriceMovement}\n      />\n    ),\n    [DataRecordType.DAILY_CHANGE]: () => (\n      <DailyChangeCardRow\n        dailyPercentChange={record.dailyPercentChange}\n        isError={isError}\n        isLoading={isLoading}\n        label={lang('daily_percent_change')}\n      />\n    ),\n    [DataRecordType.SPREAD]: () => (\n      <SpreadCardRow\n        isError={isError}\n        isLoading={isLoading}\n        label={lang('spread')}\n        value={record.spread}\n      />\n    ),\n    [DataRecordType.SENTIMENT]: () => (\n      <SentimentCardRow\n        isLoading={isLoading}\n        label={lang('sentiment')}\n        sentiment={record.sentiment}\n      />\n    ),\n  };\n\n  return activeColumns.map((item) => (\n    <React.Fragment key={item}>{allColumns[item]?.() ?? null}</React.Fragment>\n  ));\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAKsB,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AASf,MAAMG,YAAY,GAAGC,IAAA,IAKH;EAAA,IALI;IAC3BC,aAAa;IACbC,MAAM;IACNC,OAAO;IACPC;EACiB,CAAC,GAAAJ,IAAA;EAClB,MAAM;IAAEK;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAE5B,MAAMC,UAA8D,GAAG;IACrE,CAACC,qBAAc,CAACC,IAAI,GAAG,MACrBjB,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,KAAA,CAAAgB,YAAY;MACXC,gBAAgB,EAAEV,MAAM,CAACU,gBAAiB;MAC1CT,OAAO,EAAEA,OAAQ;MACjBC,SAAS,EAAEA,SAAU;MACrBS,KAAK,EAAER,IAAI,CAAC,YAAY,CAAE;MAC1BS,KAAK,EAAEZ,MAAM,CAACa,IAAK;MACnBC,aAAa,EAAEd,MAAM,CAACe;IAAkB,CACzC,CACF;IACD,CAACT,qBAAc,CAACU,GAAG,GAAG,MACpB1B,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,KAAA,CAAAgB,YAAY;MACXC,gBAAgB,EAAEV,MAAM,CAACU,gBAAiB;MAC1CT,OAAO,EAAEA,OAAQ;MACjBC,SAAS,EAAEA,SAAU;MACrBS,KAAK,EAAER,IAAI,CAAC,WAAW,CAAE;MACzBS,KAAK,EAAEZ,MAAM,CAACiB,GAAI;MAClBH,aAAa,EAAEd,MAAM,CAACkB;IAAiB,CACxC,CACF;IACD,CAACZ,qBAAc,CAACa,YAAY,GAAG,MAC7B7B,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,KAAA,CAAA2B,kBAAkB;MACjBC,kBAAkB,EAAErB,MAAM,CAACqB,kBAAmB;MAC9CpB,OAAO,EAAEA,OAAQ;MACjBC,SAAS,EAAEA,SAAU;MACrBS,KAAK,EAAER,IAAI,CAAC,sBAAsB;IAAE,CACrC,CACF;IACD,CAACG,qBAAc,CAACgB,MAAM,GAAG,MACvBhC,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,KAAA,CAAA8B,aAAa;MACZtB,OAAO,EAAEA,OAAQ;MACjBC,SAAS,EAAEA,SAAU;MACrBS,KAAK,EAAER,IAAI,CAAC,QAAQ,CAAE;MACtBqB,KAAK,EAAExB,MAAM,CAACyB;IAAO,CACtB,CACF;IACD,CAACnB,qBAAc,CAACoB,SAAS,GAAG,MAC1BpC,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAACf,KAAA,CAAAkC,gBAAgB;MACfzB,SAAS,EAAEA,SAAU;MACrBS,KAAK,EAAER,IAAI,CAAC,WAAW,CAAE;MACzByB,SAAS,EAAE5B,MAAM,CAAC4B;IAAU,CAC7B;EAEL,CAAC;EAED,OAAO7B,aAAa,CAAC8B,GAAG,CAAEC,IAAI,IAC5BxC,MAAA,CAAAM,OAAA,CAAAY,aAAA,CAAClB,MAAA,CAAAM,OAAK,CAACmC,QAAQ;IAACC,GAAG,EAAEF;EAAK,GAAEzB,UAAU,CAACyB,IAAI,CAAC,GAAG,CAAC,IAAI,IAAqB,CAC1E,CAAC;AACJ,CAAC;AAACG,OAAA,CAAApC,YAAA,GAAAA,YAAA","ignoreList":[]}
+{"version":3,"file":"CardRenderer.js","names":["_monoI18n","require","_react","_interopRequireDefault","_types","_rows","e","__esModule","default","CardRenderer","_ref","activeColumns","record","isError","isLoading","lang","useLocale","allColumns","DataRecordType","SELL","createElement","PriceCardRow","displayPrecision","label","price","sell","priceMovement","sellPriceMovement","BUY","buy","buyPriceMovement","DAILY_CHANGE","DailyChangeCardRow","dailyPercentChange","SPREAD","SpreadCardRow","value","spread","SENTIMENT","SentimentCardRow","sentiment","map","item","_allColumns$item","_allColumns$item2","Fragment","key","call","exports"],"sources":["../../../../src/components/TableWidget/CardRenderer.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport type { DataRecord, EmptyRecord } from '../../types';\nimport { DataRecordType } from '../../types';\nimport {\n  DailyChangeCardRow,\n  PriceCardRow,\n  SentimentCardRow,\n  SpreadCardRow,\n} from '../Card/rows';\n\ninterface CardRendererProps {\n  record: DataRecord | EmptyRecord;\n  isLoading?: boolean;\n  isError: boolean;\n  activeColumns: DataRecordType[];\n}\n\nexport const CardRenderer = ({\n  activeColumns,\n  record,\n  isError,\n  isLoading,\n}: CardRendererProps) => {\n  const { lang } = useLocale();\n\n  const allColumns: Partial<Record<DataRecordType, () => JSX.Element>> = {\n    [DataRecordType.SELL]: () => (\n      <PriceCardRow\n        displayPrecision={record.displayPrecision}\n        isError={isError}\n        isLoading={isLoading}\n        label={lang('sell_price')}\n        price={record.sell}\n        priceMovement={record.sellPriceMovement}\n      />\n    ),\n    [DataRecordType.BUY]: () => (\n      <PriceCardRow\n        displayPrecision={record.displayPrecision}\n        isError={isError}\n        isLoading={isLoading}\n        label={lang('buy_price')}\n        price={record.buy}\n        priceMovement={record.buyPriceMovement}\n      />\n    ),\n    [DataRecordType.DAILY_CHANGE]: () => (\n      <DailyChangeCardRow\n        dailyPercentChange={record.dailyPercentChange}\n        isError={isError}\n        isLoading={isLoading}\n        label={lang('daily_percent_change')}\n      />\n    ),\n    [DataRecordType.SPREAD]: () => (\n      <SpreadCardRow\n        isError={isError}\n        isLoading={isLoading}\n        label={lang('spread')}\n        value={record.spread}\n      />\n    ),\n    [DataRecordType.SENTIMENT]: () => (\n      <SentimentCardRow\n        isLoading={isLoading}\n        label={lang('sentiment')}\n        sentiment={record.sentiment}\n      />\n    ),\n  };\n\n  return activeColumns.map((item) => (\n    <React.Fragment key={item}>{allColumns[item]?.() ?? null}</React.Fragment>\n  ));\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/main/components/TableWidget/Cards.js

@@ -22,7 +22,7 @@ const Cards = _ref => {
     }, _react.default.createElement(_labsWidgetCommon.ChartError, null)));
   }
   return _react.default.createElement(_react.default.Fragment, null, recordsOrEmptyRecords.map((record, index) => _react.default.createElement("div", {
-    key: `card_${startIndex + index}`
+    key: "card_".concat(startIndex + index)
   }, renderCard({
     record,
     idx: startIndex + index + 1,

package/dist/main/components/TableWidget/Cards.js.map

@@ -1 +1 @@
-{"version":3,"file":"Cards.js","names":["_labsWidgetCommon","require","_react","_interopRequireDefault","e","__esModule","default","Cards","_ref","records","isError","emptyCardsCount","renderCard","startIndex","recordsOrEmptyRecords","length","Array","fill","createElement","Card","className","ChartError","Fragment","map","record","index","key","idx","isLast","exports"],"sources":["../../../../src/components/TableWidget/Cards.tsx"],"sourcesContent":["import { Card, ChartError } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport type { DataRecord, EmptyRecord } from '../../types';\n\ninterface CardsProps {\n  records: DataRecord[];\n  isError?: boolean;\n  emptyCardsCount?: number;\n  startIndex?: number;\n  renderCard: ({\n    record,\n    idx,\n    isLast,\n  }: {\n    record: DataRecord | EmptyRecord;\n    idx: number;\n    isLast: boolean;\n  }) => React.ReactNode;\n}\n\nexport const Cards = ({\n  records,\n  isError,\n  emptyCardsCount,\n  renderCard,\n  startIndex = 0,\n}: CardsProps) => {\n  const recordsOrEmptyRecords: DataRecord[] | EmptyRecord[] =\n    records.length > 0 ? records : new Array(emptyCardsCount).fill({});\n\n  if (isError) {\n    return (\n      <Card>\n        <div className=\"lw-flex lw-h-[150px] lw-w-full lw-items-center lw-justify-center\">\n          <ChartError />\n        </div>\n      </Card>\n    );\n  }\n\n  return (\n    <>\n      {recordsOrEmptyRecords.map((record, index) => (\n        <div key={`card_${startIndex + index}`}>\n          {renderCard({\n            record,\n            idx: startIndex + index + 1,\n            isLast: index + 1 === recordsOrEmptyRecords.length,\n          })}\n        </div>\n      ))}\n    </>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAoBnB,MAAMG,KAAK,GAAGC,IAAA,IAMH;EAAA,IANI;IACpBC,OAAO;IACPC,OAAO;IACPC,eAAe;IACfC,UAAU;IACVC,UAAU,GAAG;EACH,CAAC,GAAAL,IAAA;EACX,MAAMM,qBAAmD,GACvDL,OAAO,CAACM,MAAM,GAAG,CAAC,GAAGN,OAAO,GAAG,IAAIO,KAAK,CAACL,eAAe,CAAC,CAACM,IAAI,CAAC,CAAC,CAAC,CAAC;EAEpE,IAAIP,OAAO,EAAE;IACX,OACER,MAAA,CAAAI,OAAA,CAAAY,aAAA,CAAClB,iBAAA,CAAAmB,IAAI,QACHjB,MAAA,CAAAI,OAAA,CAAAY,aAAA;MAAKE,SAAS,EAAC;IAAkE,GAC/ElB,MAAA,CAAAI,OAAA,CAAAY,aAAA,CAAClB,iBAAA,CAAAqB,UAAU,MAAE,CACV,CACD,CAAC;EAEX;EAEA,OACEnB,MAAA,CAAAI,OAAA,CAAAY,aAAA,CAAAhB,MAAA,CAAAI,OAAA,CAAAgB,QAAA,QACGR,qBAAqB,CAACS,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KACvCvB,MAAA,CAAAI,OAAA,CAAAY,aAAA;IAAKQ,GAAG,EAAE,QAAQb,UAAU,GAAGY,KAAK;EAAG,GACpCb,UAAU,CAAC;IACVY,MAAM;IACNG,GAAG,EAAEd,UAAU,GAAGY,KAAK,GAAG,CAAC;IAC3BG,MAAM,EAAEH,KAAK,GAAG,CAAC,KAAKX,qBAAqB,CAACC;EAC9C,CAAC,CACE,CACN,CACD,CAAC;AAEP,CAAC;AAACc,OAAA,CAAAtB,KAAA,GAAAA,KAAA","ignoreList":[]}
+{"version":3,"file":"Cards.js","names":["_labsWidgetCommon","require","_react","_interopRequireDefault","e","__esModule","default","Cards","_ref","records","isError","emptyCardsCount","renderCard","startIndex","recordsOrEmptyRecords","length","Array","fill","createElement","Card","className","ChartError","Fragment","map","record","index","key","concat","idx","isLast","exports"],"sources":["../../../../src/components/TableWidget/Cards.tsx"],"sourcesContent":["import { Card, ChartError } from '@oanda/labs-widget-common';\nimport React from 'react';\n\nimport type { DataRecord, EmptyRecord } from '../../types';\n\ninterface CardsProps {\n  records: DataRecord[];\n  isError?: boolean;\n  emptyCardsCount?: number;\n  startIndex?: number;\n  renderCard: ({\n    record,\n    idx,\n    isLast,\n  }: {\n    record: DataRecord | EmptyRecord;\n    idx: number;\n    isLast: boolean;\n  }) => React.ReactNode;\n}\n\nexport const Cards = ({\n  records,\n  isError,\n  emptyCardsCount,\n  renderCard,\n  startIndex = 0,\n}: CardsProps) => {\n  const recordsOrEmptyRecords: DataRecord[] | EmptyRecord[] =\n    records.length > 0 ? records : new Array(emptyCardsCount).fill({});\n\n  if (isError) {\n    return (\n      <Card>\n        <div className=\"lw-flex lw-h-[150px] lw-w-full lw-items-center lw-justify-center\">\n          <ChartError />\n        </div>\n      </Card>\n    );\n  }\n\n  return (\n    <>\n      {recordsOrEmptyRecords.map((record, index) => (\n        <div key={`card_${startIndex + index}`}>\n          {renderCard({\n            record,\n            idx: startIndex + index + 1,\n            isLast: index + 1 === recordsOrEmptyRecords.length,\n          })}\n        </div>\n      ))}\n    </>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA0B,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAoBnB,MAAMG,KAAK,GAAGC,IAAA,IAMH;EAAA,IANI;IACpBC,OAAO;IACPC,OAAO;IACPC,eAAe;IACfC,UAAU;IACVC,UAAU,GAAG;EACH,CAAC,GAAAL,IAAA;EACX,MAAMM,qBAAmD,GACvDL,OAAO,CAACM,MAAM,GAAG,CAAC,GAAGN,OAAO,GAAG,IAAIO,KAAK,CAACL,eAAe,CAAC,CAACM,IAAI,CAAC,CAAC,CAAC,CAAC;EAEpE,IAAIP,OAAO,EAAE;IACX,OACER,MAAA,CAAAI,OAAA,CAAAY,aAAA,CAAClB,iBAAA,CAAAmB,IAAI,QACHjB,MAAA,CAAAI,OAAA,CAAAY,aAAA;MAAKE,SAAS,EAAC;IAAkE,GAC/ElB,MAAA,CAAAI,OAAA,CAAAY,aAAA,CAAClB,iBAAA,CAAAqB,UAAU,MAAE,CACV,CACD,CAAC;EAEX;EAEA,OACEnB,MAAA,CAAAI,OAAA,CAAAY,aAAA,CAAAhB,MAAA,CAAAI,OAAA,CAAAgB,QAAA,QACGR,qBAAqB,CAACS,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KACvCvB,MAAA,CAAAI,OAAA,CAAAY,aAAA;IAAKQ,GAAG,UAAAC,MAAA,CAAUd,UAAU,GAAGY,KAAK;EAAG,GACpCb,UAAU,CAAC;IACVY,MAAM;IACNI,GAAG,EAAEf,UAAU,GAAGY,KAAK,GAAG,CAAC;IAC3BI,MAAM,EAAEJ,KAAK,GAAG,CAAC,KAAKX,qBAAqB,CAACC;EAC9C,CAAC,CACE,CACN,CACD,CAAC;AAEP,CAAC;AAACe,OAAA,CAAAvB,KAAA,GAAAA,KAAA","ignoreList":[]}

package/dist/main/components/TableWidget/ColumnRenderer.js

@@ -41,7 +41,7 @@ const ColumnRenderer = _ref => {
       isLoading: isLoading
     }),
     [_types.DataRecordType.CHART]: () => _react.default.createElement(_Table.ChartColumn, {
-      chart: chart ?? [],
+      chart: chart !== null && chart !== void 0 ? chart : [],
       isLoading: !!isChartLoading,
       percentChange: record.dailyPercentChange
     }),
@@ -81,9 +81,12 @@ const ColumnRenderer = _ref => {
       loaderSize: _Loader.LoaderSize.sm
     }, _react.default.createElement("span", null, record.tradeMode))
   };
-  return activeColumns.map(item => _react.default.createElement(_react.default.Fragment, {
-    key: item
-  }, allColumns[item]?.() ?? null));
+  return activeColumns.map(item => {
+    var _allColumns$item, _allColumns$item2;
+    return _react.default.createElement(_react.default.Fragment, {
+      key: item
+    }, (_allColumns$item = (_allColumns$item2 = allColumns[item]) === null || _allColumns$item2 === void 0 ? void 0 : _allColumns$item2.call(allColumns)) !== null && _allColumns$item !== void 0 ? _allColumns$item : null);
+  });
 };
 exports.ColumnRenderer = ColumnRenderer;
 //# sourceMappingURL=ColumnRenderer.js.map

package/dist/main/components/TableWidget/ColumnRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnRenderer.js","names":["_react","_interopRequireDefault","require","_types","_Loader","_Table","e","__esModule","default","ColumnRenderer","_ref","record","isLoading","isChartLoading","isError","activeColumns","chart","allColumns","DataRecordType","SELL","createElement","PriceColumn","column","displayPrecision","price","sell","priceMovement","sellPriceMovement","BUY","buy","buyPriceMovement","DAILY_CHANGE","DailyChangeColumn","dailyPercentChange","CHART","ChartColumn","percentChange","SPREAD","SpreadColumn","value","spread","SENTIMENT","SentimentColumn","sentiment","HIGH","TableCell","key","high","undefined","loaderSize","LoaderSize","sm","LOW","low","SYMBOL","md","type","instrument","TRADE_MODE","additionalPaddingRight","tradeMode","map","item","Fragment","exports"],"sources":["../../../../src/components/TableWidget/ColumnRenderer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { type DataRecord, DataRecordType } from '../../types';\nimport { LoaderSize } from '../Loader';\nimport {\n  ChartColumn,\n  DailyChangeColumn,\n  PriceColumn,\n  SentimentColumn,\n  SpreadColumn,\n  TableCell,\n} from '../Table';\n\ninterface ColumnRendererProps {\n  record: DataRecord;\n  chart?: number[];\n  isLoading: boolean;\n  isChartLoading?: boolean;\n  isError: boolean;\n  activeColumns: DataRecordType[];\n}\n\nexport const ColumnRenderer = ({\n  record,\n  isLoading,\n  isChartLoading,\n  isError,\n  activeColumns,\n  chart,\n}: ColumnRendererProps) => {\n  const allColumns: Partial<Record<DataRecordType, () => JSX.Element>> = {\n    [DataRecordType.SELL]: () => (\n      <PriceColumn\n        column={DataRecordType.SELL}\n        displayPrecision={record.displayPrecision}\n        isError={isError}\n        isLoading={isLoading}\n        price={record.sell}\n        priceMovement={record.sellPriceMovement}\n      />\n    ),\n    [DataRecordType.BUY]: () => (\n      <PriceColumn\n        column={DataRecordType.BUY}\n        displayPrecision={record.displayPrecision}\n        isError={isError}\n        isLoading={isLoading}\n        price={record.buy}\n        priceMovement={record.buyPriceMovement}\n      />\n    ),\n    [DataRecordType.DAILY_CHANGE]: () => (\n      <DailyChangeColumn\n        dailyPercentChange={record.dailyPercentChange}\n        isError={isError}\n        isLoading={isLoading}\n      />\n    ),\n    [DataRecordType.CHART]: () => (\n      <ChartColumn\n        chart={chart ?? []}\n        isLoading={!!isChartLoading}\n        percentChange={record.dailyPercentChange}\n      />\n    ),\n    [DataRecordType.SPREAD]: () => (\n      <SpreadColumn\n        isError={isError}\n        isLoading={isLoading}\n        value={record.spread}\n      />\n    ),\n    [DataRecordType.SENTIMENT]: () => (\n      <SentimentColumn isLoading={isLoading} sentiment={record.sentiment} />\n    ),\n    [DataRecordType.HIGH]: () => (\n      <TableCell\n        key={DataRecordType.SPREAD}\n        isError={isError}\n        isLoading={isLoading || (record.high === undefined && !isError)}\n        loaderSize={LoaderSize.sm}\n      >\n        <span>{record.high}</span>\n      </TableCell>\n    ),\n    [DataRecordType.LOW]: () => (\n      <TableCell\n        key={DataRecordType.LOW}\n        isError={isError}\n        isLoading={isLoading || (record.low === undefined && !isError)}\n        loaderSize={LoaderSize.sm}\n      >\n        <span>{record.low}</span>\n      </TableCell>\n    ),\n    [DataRecordType.SYMBOL]: () => (\n      <TableCell\n        key={DataRecordType.SYMBOL}\n        isError={isError}\n        isLoading={isLoading}\n        loaderSize={LoaderSize.md}\n        type=\"textCentered\"\n      >\n        <span>{record.instrument}</span>\n      </TableCell>\n    ),\n    [DataRecordType.TRADE_MODE]: () => (\n      <TableCell\n        key={DataRecordType.TRADE_MODE}\n        additionalPaddingRight={true}\n        isError={isError}\n        isLoading={isLoading}\n        loaderSize={LoaderSize.sm}\n      >\n        <span>{record.tradeMode}</span>\n      </TableCell>\n    ),\n  };\n\n  return activeColumns.map((item) => (\n    <React.Fragment key={item}>{allColumns[item]?.() ?? null}</React.Fragment>\n  ));\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAOkB,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWX,MAAMG,cAAc,GAAGC,IAAA,IAOH;EAAA,IAPI;IAC7BC,MAAM;IACNC,SAAS;IACTC,cAAc;IACdC,OAAO;IACPC,aAAa;IACbC;EACmB,CAAC,GAAAN,IAAA;EACpB,MAAMO,UAA8D,GAAG;IACrE,CAACC,qBAAc,CAACC,IAAI,GAAG,MACrBnB,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACf,MAAA,CAAAgB,WAAW;MACVC,MAAM,EAAEJ,qBAAc,CAACC,IAAK;MAC5BI,gBAAgB,EAAEZ,MAAM,CAACY,gBAAiB;MAC1CT,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA,SAAU;MACrBY,KAAK,EAAEb,MAAM,CAACc,IAAK;MACnBC,aAAa,EAAEf,MAAM,CAACgB;IAAkB,CACzC,CACF;IACD,CAACT,qBAAc,CAACU,GAAG,GAAG,MACpB5B,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACf,MAAA,CAAAgB,WAAW;MACVC,MAAM,EAAEJ,qBAAc,CAACU,GAAI;MAC3BL,gBAAgB,EAAEZ,MAAM,CAACY,gBAAiB;MAC1CT,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA,SAAU;MACrBY,KAAK,EAAEb,MAAM,CAACkB,GAAI;MAClBH,aAAa,EAAEf,MAAM,CAACmB;IAAiB,CACxC,CACF;IACD,CAACZ,qBAAc,CAACa,YAAY,GAAG,MAC7B/B,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACf,MAAA,CAAA2B,iBAAiB;MAChBC,kBAAkB,EAAEtB,MAAM,CAACsB,kBAAmB;MAC9CnB,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA;IAAU,CACtB,CACF;IACD,CAACM,qBAAc,CAACgB,KAAK,GAAG,MACtBlC,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACf,MAAA,CAAA8B,WAAW;MACVnB,KAAK,EAAEA,KAAK,IAAI,EAAG;MACnBJ,SAAS,EAAE,CAAC,CAACC,cAAe;MAC5BuB,aAAa,EAAEzB,MAAM,CAACsB;IAAmB,CAC1C,CACF;IACD,CAACf,qBAAc,CAACmB,MAAM,GAAG,MACvBrC,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACf,MAAA,CAAAiC,YAAY;MACXxB,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA,SAAU;MACrB2B,KAAK,EAAE5B,MAAM,CAAC6B;IAAO,CACtB,CACF;IACD,CAACtB,qBAAc,CAACuB,SAAS,GAAG,MAC1BzC,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACf,MAAA,CAAAqC,eAAe;MAAC9B,SAAS,EAAEA,SAAU;MAAC+B,SAAS,EAAEhC,MAAM,CAACgC;IAAU,CAAE,CACtE;IACD,CAACzB,qBAAc,CAAC0B,IAAI,GAAG,MACrB5C,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACf,MAAA,CAAAwC,SAAS;MACRC,GAAG,EAAE5B,qBAAc,CAACmB,MAAO;MAC3BvB,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA,SAAS,IAAKD,MAAM,CAACoC,IAAI,KAAKC,SAAS,IAAI,CAAClC,OAAS;MAChEmC,UAAU,EAAEC,kBAAU,CAACC;IAAG,GAE1BnD,MAAA,CAAAQ,OAAA,CAAAY,aAAA,eAAOT,MAAM,CAACoC,IAAW,CAChB,CACZ;IACD,CAAC7B,qBAAc,CAACkC,GAAG,GAAG,MACpBpD,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACf,MAAA,CAAAwC,SAAS;MACRC,GAAG,EAAE5B,qBAAc,CAACkC,GAAI;MACxBtC,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA,SAAS,IAAKD,MAAM,CAAC0C,GAAG,KAAKL,SAAS,IAAI,CAAClC,OAAS;MAC/DmC,UAAU,EAAEC,kBAAU,CAACC;IAAG,GAE1BnD,MAAA,CAAAQ,OAAA,CAAAY,aAAA,eAAOT,MAAM,CAAC0C,GAAU,CACf,CACZ;IACD,CAACnC,qBAAc,CAACoC,MAAM,GAAG,MACvBtD,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACf,MAAA,CAAAwC,SAAS;MACRC,GAAG,EAAE5B,qBAAc,CAACoC,MAAO;MAC3BxC,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA,SAAU;MACrBqC,UAAU,EAAEC,kBAAU,CAACK,EAAG;MAC1BC,IAAI,EAAC;IAAc,GAEnBxD,MAAA,CAAAQ,OAAA,CAAAY,aAAA,eAAOT,MAAM,CAAC8C,UAAiB,CACtB,CACZ;IACD,CAACvC,qBAAc,CAACwC,UAAU,GAAG,MAC3B1D,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACf,MAAA,CAAAwC,SAAS;MACRC,GAAG,EAAE5B,qBAAc,CAACwC,UAAW;MAC/BC,sBAAsB,EAAE,IAAK;MAC7B7C,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA,SAAU;MACrBqC,UAAU,EAAEC,kBAAU,CAACC;IAAG,GAE1BnD,MAAA,CAAAQ,OAAA,CAAAY,aAAA,eAAOT,MAAM,CAACiD,SAAgB,CACrB;EAEf,CAAC;EAED,OAAO7C,aAAa,CAAC8C,GAAG,CAAEC,IAAI,IAC5B9D,MAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACpB,MAAA,CAAAQ,OAAK,CAACuD,QAAQ;IAACjB,GAAG,EAAEgB;EAAK,GAAE7C,UAAU,CAAC6C,IAAI,CAAC,GAAG,CAAC,IAAI,IAAqB,CAC1E,CAAC;AACJ,CAAC;AAACE,OAAA,CAAAvD,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"file":"ColumnRenderer.js","names":["_react","_interopRequireDefault","require","_types","_Loader","_Table","e","__esModule","default","ColumnRenderer","_ref","record","isLoading","isChartLoading","isError","activeColumns","chart","allColumns","DataRecordType","SELL","createElement","PriceColumn","column","displayPrecision","price","sell","priceMovement","sellPriceMovement","BUY","buy","buyPriceMovement","DAILY_CHANGE","DailyChangeColumn","dailyPercentChange","CHART","ChartColumn","percentChange","SPREAD","SpreadColumn","value","spread","SENTIMENT","SentimentColumn","sentiment","HIGH","TableCell","key","high","undefined","loaderSize","LoaderSize","sm","LOW","low","SYMBOL","md","type","instrument","TRADE_MODE","additionalPaddingRight","tradeMode","map","item","_allColumns$item","_allColumns$item2","Fragment","call","exports"],"sources":["../../../../src/components/TableWidget/ColumnRenderer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { type DataRecord, DataRecordType } from '../../types';\nimport { LoaderSize } from '../Loader';\nimport {\n  ChartColumn,\n  DailyChangeColumn,\n  PriceColumn,\n  SentimentColumn,\n  SpreadColumn,\n  TableCell,\n} from '../Table';\n\ninterface ColumnRendererProps {\n  record: DataRecord;\n  chart?: number[];\n  isLoading: boolean;\n  isChartLoading?: boolean;\n  isError: boolean;\n  activeColumns: DataRecordType[];\n}\n\nexport const ColumnRenderer = ({\n  record,\n  isLoading,\n  isChartLoading,\n  isError,\n  activeColumns,\n  chart,\n}: ColumnRendererProps) => {\n  const allColumns: Partial<Record<DataRecordType, () => JSX.Element>> = {\n    [DataRecordType.SELL]: () => (\n      <PriceColumn\n        column={DataRecordType.SELL}\n        displayPrecision={record.displayPrecision}\n        isError={isError}\n        isLoading={isLoading}\n        price={record.sell}\n        priceMovement={record.sellPriceMovement}\n      />\n    ),\n    [DataRecordType.BUY]: () => (\n      <PriceColumn\n        column={DataRecordType.BUY}\n        displayPrecision={record.displayPrecision}\n        isError={isError}\n        isLoading={isLoading}\n        price={record.buy}\n        priceMovement={record.buyPriceMovement}\n      />\n    ),\n    [DataRecordType.DAILY_CHANGE]: () => (\n      <DailyChangeColumn\n        dailyPercentChange={record.dailyPercentChange}\n        isError={isError}\n        isLoading={isLoading}\n      />\n    ),\n    [DataRecordType.CHART]: () => (\n      <ChartColumn\n        chart={chart ?? []}\n        isLoading={!!isChartLoading}\n        percentChange={record.dailyPercentChange}\n      />\n    ),\n    [DataRecordType.SPREAD]: () => (\n      <SpreadColumn\n        isError={isError}\n        isLoading={isLoading}\n        value={record.spread}\n      />\n    ),\n    [DataRecordType.SENTIMENT]: () => (\n      <SentimentColumn isLoading={isLoading} sentiment={record.sentiment} />\n    ),\n    [DataRecordType.HIGH]: () => (\n      <TableCell\n        key={DataRecordType.SPREAD}\n        isError={isError}\n        isLoading={isLoading || (record.high === undefined && !isError)}\n        loaderSize={LoaderSize.sm}\n      >\n        <span>{record.high}</span>\n      </TableCell>\n    ),\n    [DataRecordType.LOW]: () => (\n      <TableCell\n        key={DataRecordType.LOW}\n        isError={isError}\n        isLoading={isLoading || (record.low === undefined && !isError)}\n        loaderSize={LoaderSize.sm}\n      >\n        <span>{record.low}</span>\n      </TableCell>\n    ),\n    [DataRecordType.SYMBOL]: () => (\n      <TableCell\n        key={DataRecordType.SYMBOL}\n        isError={isError}\n        isLoading={isLoading}\n        loaderSize={LoaderSize.md}\n        type=\"textCentered\"\n      >\n        <span>{record.instrument}</span>\n      </TableCell>\n    ),\n    [DataRecordType.TRADE_MODE]: () => (\n      <TableCell\n        key={DataRecordType.TRADE_MODE}\n        additionalPaddingRight={true}\n        isError={isError}\n        isLoading={isLoading}\n        loaderSize={LoaderSize.sm}\n      >\n        <span>{record.tradeMode}</span>\n      </TableCell>\n    ),\n  };\n\n  return activeColumns.map((item) => (\n    <React.Fragment key={item}>{allColumns[item]?.() ?? null}</React.Fragment>\n  ));\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/main/components/TableWidget/TableWidget.js

@@ -56,7 +56,7 @@ const TableWidget = _ref => {
     isError: hasError,
     records: records,
     renderRow: (record, index, isScrolled) => _react.default.createElement(_DataRecordRow.DataRecordRow, {
-      key: `row_${index}`,
+      key: "row_".concat(index),
       activeColumns: activeColumns,
       hasBackgroundColor: index % 2 === 0,
       instrumentColumnWidth: instrumentColumnWidth,

package/dist/main/components/TableWidget/TableWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableWidget.js","names":["_monoI18n","require","_react","_interopRequireDefault","_providers","_tailwind","_types","_LastUpdated","_Table","_Tooltip","_CardRecordRow","_Cards","_DataRecordRow","e","__esModule","default","TableWidget","_ref","testId","toolTipId","PaginationComponent","hasError","TabsComponent","headerColumns","records","target","isLoading","isChartLoading","activeColumns","timestamp","pageNumber","count","viewType","instrumentColumnWidth","lang","useLocale","size","useLayoutProvider","isDesktop","Size","DESKTOP","isTable","createElement","className","Table","headerConfig","isError","renderRow","record","index","isScrolled","DataRecordRow","key","hasBackgroundColor","Cards","renderCard","_ref2","idx","isLast","CardRecordRow","tooltipId","startIndex","cn","Tooltip","id","LastUpdated","labelCallback","exports"],"sources":["../../../../src/components/TableWidget/TableWidget.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport type { ReactElement } from 'react';\nimport React from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport type { DataRecord, DataRecordType } from '../../types';\nimport { Size } from '../../types';\nimport { LastUpdated } from '../LastUpdated';\nimport type { Pagination, PaginationProps } from '../Pagination';\nimport type { HeaderColumns } from '../Table';\nimport { Table } from '../Table';\nimport type { Tabs } from '../Tabs';\nimport type { TabsProps } from '../Tabs/types';\nimport { Tooltip } from '../Tooltip';\nimport { CardRecordRow } from './CardRecordRow';\nimport { Cards } from './Cards';\nimport { DataRecordRow } from './DataRecordRow';\n\ninterface TableWidgetProps<TTabs> {\n  testId: string;\n  toolTipId: string;\n  hasError?: boolean;\n  TabsComponent?: ReactElement<TabsProps<TTabs>, typeof Tabs<TTabs>>;\n  PaginationComponent?: ReactElement<PaginationProps, typeof Pagination>;\n  headerColumns: HeaderColumns[];\n  records: DataRecord[];\n  target: EventTarget | null;\n  isLoading: boolean;\n  isChartLoading?: boolean;\n  activeColumns: DataRecordType[];\n  timestamp?: string;\n  pageNumber: number;\n  count: number;\n  viewType?: 'table' | 'cards';\n  instrumentColumnWidth?: string;\n}\n\nexport const TableWidget = <TTabs,>({\n  testId,\n  toolTipId,\n  PaginationComponent,\n  hasError,\n  TabsComponent,\n  headerColumns,\n  records,\n  target,\n  isLoading,\n  isChartLoading,\n  activeColumns,\n  timestamp,\n  pageNumber,\n  count,\n  viewType,\n  instrumentColumnWidth,\n}: TableWidgetProps<TTabs>) => {\n  const { lang } = useLocale();\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const isTable = viewType ? viewType === 'table' : isDesktop;\n\n  if (!size) {\n    return null;\n  }\n\n  return (\n    <div\n      className=\"lw-relative lw-text-sm lw-tracking-normal lw-text-text-primary\"\n      data-testid={testId}\n    >\n      {TabsComponent}\n\n      {isTable ? (\n        <div className=\"lw-border lw-border-solid lw-border-border-primary\">\n          <Table<DataRecord>\n            headerConfig={headerColumns}\n            isError={hasError}\n            records={records}\n            renderRow={(record, index, isScrolled) => (\n              <DataRecordRow\n                key={`row_${index}`}\n                activeColumns={activeColumns}\n                hasBackgroundColor={index % 2 === 0}\n                instrumentColumnWidth={instrumentColumnWidth}\n                isChartLoading={isChartLoading}\n                isLoading={isLoading}\n                isScrolled={isScrolled}\n                record={record}\n                target={target}\n                toolTipId={toolTipId}\n              />\n            )}\n          />\n        </div>\n      ) : (\n        <Cards\n          isError={hasError}\n          records={records}\n          renderCard={({ record, idx, isLast }) => (\n            <CardRecordRow\n              activeColumns={activeColumns}\n              index={idx}\n              isChartLoading={isChartLoading}\n              isLast={isLast}\n              isLoading={isLoading}\n              record={record}\n              target={target}\n              tooltipId={toolTipId}\n            />\n          )}\n          startIndex={pageNumber * count}\n        />\n      )}\n\n      {PaginationComponent && !hasError && (\n        <div\n          className={cn('lw-border-solid lw-border-border-primary', {\n            'lw-border-x lw-border-b': isDesktop,\n          })}\n        >\n          {PaginationComponent}\n        </div>\n      )}\n\n      <Tooltip id={toolTipId} />\n\n      {!hasError && timestamp && (\n        <div className=\"lw-mt-2 lw-h-8\">\n          <LastUpdated labelCallback={lang} timestamp={timestamp} />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TableWidget.js","names":["_monoI18n","require","_react","_interopRequireDefault","_providers","_tailwind","_types","_LastUpdated","_Table","_Tooltip","_CardRecordRow","_Cards","_DataRecordRow","e","__esModule","default","TableWidget","_ref","testId","toolTipId","PaginationComponent","hasError","TabsComponent","headerColumns","records","target","isLoading","isChartLoading","activeColumns","timestamp","pageNumber","count","viewType","instrumentColumnWidth","lang","useLocale","size","useLayoutProvider","isDesktop","Size","DESKTOP","isTable","createElement","className","Table","headerConfig","isError","renderRow","record","index","isScrolled","DataRecordRow","key","concat","hasBackgroundColor","Cards","renderCard","_ref2","idx","isLast","CardRecordRow","tooltipId","startIndex","cn","Tooltip","id","LastUpdated","labelCallback","exports"],"sources":["../../../../src/components/TableWidget/TableWidget.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport type { ReactElement } from 'react';\nimport React from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport type { DataRecord, DataRecordType } from '../../types';\nimport { Size } from '../../types';\nimport { LastUpdated } from '../LastUpdated';\nimport type { Pagination, PaginationProps } from '../Pagination';\nimport type { HeaderColumns } from '../Table';\nimport { Table } from '../Table';\nimport type { Tabs } from '../Tabs';\nimport type { TabsProps } from '../Tabs/types';\nimport { Tooltip } from '../Tooltip';\nimport { CardRecordRow } from './CardRecordRow';\nimport { Cards } from './Cards';\nimport { DataRecordRow } from './DataRecordRow';\n\ninterface TableWidgetProps<TTabs> {\n  testId: string;\n  toolTipId: string;\n  hasError?: boolean;\n  TabsComponent?: ReactElement<TabsProps<TTabs>, typeof Tabs<TTabs>>;\n  PaginationComponent?: ReactElement<PaginationProps, typeof Pagination>;\n  headerColumns: HeaderColumns[];\n  records: DataRecord[];\n  target: EventTarget | null;\n  isLoading: boolean;\n  isChartLoading?: boolean;\n  activeColumns: DataRecordType[];\n  timestamp?: string;\n  pageNumber: number;\n  count: number;\n  viewType?: 'table' | 'cards';\n  instrumentColumnWidth?: string;\n}\n\nexport const TableWidget = <TTabs,>({\n  testId,\n  toolTipId,\n  PaginationComponent,\n  hasError,\n  TabsComponent,\n  headerColumns,\n  records,\n  target,\n  isLoading,\n  isChartLoading,\n  activeColumns,\n  timestamp,\n  pageNumber,\n  count,\n  viewType,\n  instrumentColumnWidth,\n}: TableWidgetProps<TTabs>) => {\n  const { lang } = useLocale();\n  const { size } = useLayoutProvider();\n  const isDesktop = size === Size.DESKTOP;\n  const isTable = viewType ? viewType === 'table' : isDesktop;\n\n  if (!size) {\n    return null;\n  }\n\n  return (\n    <div\n      className=\"lw-relative lw-text-sm lw-tracking-normal lw-text-text-primary\"\n      data-testid={testId}\n    >\n      {TabsComponent}\n\n      {isTable ? (\n        <div className=\"lw-border lw-border-solid lw-border-border-primary\">\n          <Table<DataRecord>\n            headerConfig={headerColumns}\n            isError={hasError}\n            records={records}\n            renderRow={(record, index, isScrolled) => (\n              <DataRecordRow\n                key={`row_${index}`}\n                activeColumns={activeColumns}\n                hasBackgroundColor={index % 2 === 0}\n                instrumentColumnWidth={instrumentColumnWidth}\n                isChartLoading={isChartLoading}\n                isLoading={isLoading}\n                isScrolled={isScrolled}\n                record={record}\n                target={target}\n                toolTipId={toolTipId}\n              />\n            )}\n          />\n        </div>\n      ) : (\n        <Cards\n          isError={hasError}\n          records={records}\n          renderCard={({ record, idx, isLast }) => (\n            <CardRecordRow\n              activeColumns={activeColumns}\n              index={idx}\n              isChartLoading={isChartLoading}\n              isLast={isLast}\n              isLoading={isLoading}\n              record={record}\n              target={target}\n              tooltipId={toolTipId}\n            />\n          )}\n          startIndex={pageNumber * count}\n        />\n      )}\n\n      {PaginationComponent && !hasError && (\n        <div\n          className={cn('lw-border-solid lw-border-border-primary', {\n            'lw-border-x lw-border-b': isDesktop,\n          })}\n        >\n          {PaginationComponent}\n        </div>\n      )}\n\n      <Tooltip id={toolTipId} />\n\n      {!hasError && timestamp && (\n        <div className=\"lw-mt-2 lw-h-8\">\n          <LastUpdated labelCallback={lang} timestamp={timestamp} />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/main/components/Tabs/Tabs.js

@@ -24,7 +24,7 @@ function Tabs(_ref) {
       label
     } = _ref2;
     return _react.default.createElement(_Tab.Tab, {
-      key: `${id}-item`,
+      key: "".concat(id, "-item"),
       handleClick: handleClick,
       id: id,
       isActive: id === activeTab,

package/dist/main/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["_react","_interopRequireDefault","require","_Tab","e","__esModule","default","Tabs","_ref","items","activeTab","labelCallback","handleClick","mobileFullWidth","createElement","className","map","_ref2","id","label","Tab","key","isActive"],"sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Tab } from './Tab';\nimport type { TabsProps } from './types';\n\nfunction Tabs<T>({\n  items,\n  activeTab,\n  labelCallback,\n  handleClick,\n  mobileFullWidth,\n}: TabsProps<T>) {\n  return (\n    <ul\n      className=\"lw-mx-0 lw-mb-8 lw-flex lw-flex-wrap lw-justify-center lw-gap-4 lw-px-px\"\n      data-testid=\"tabs\"\n    >\n      {items.map(({ id, label }) => (\n        <Tab\n          key={`${id}-item`}\n          handleClick={handleClick}\n          id={id}\n          isActive={id === activeTab}\n          label={labelCallback ? labelCallback(label) : label}\n          mobileFullWidth={mobileFullWidth}\n        />\n      ))}\n    </ul>\n  );\n}\n\nexport { Tabs };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,IAAA,GAAAD,OAAA;AAA4B,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG5B,SAASG,IAAIA,CAAAC,IAAA,EAMI;EAAA,IANA;IACfC,KAAK;IACLC,SAAS;IACTC,aAAa;IACbC,WAAW;IACXC;EACY,CAAC,GAAAL,IAAA;EACb,OACER,MAAA,CAAAM,OAAA,CAAAQ,aAAA;IACEC,SAAS,EAAC,0EAA0E;IACpF,eAAY;EAAM,GAEjBN,KAAK,CAACO,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,EAAE;MAAEC;IAAM,CAAC,GAAAF,KAAA;IAAA,OACvBjB,MAAA,CAAAM,OAAA,CAAAQ,aAAA,CAACX,IAAA,CAAAiB,GAAG;MACFC,GAAG,EAAE,GAAGH,EAAE,OAAQ;MAClBN,WAAW,EAAEA,WAAY;MACzBM,EAAE,EAAEA,EAAG;MACPI,QAAQ,EAAEJ,EAAE,KAAKR,SAAU;MAC3BS,KAAK,EAAER,aAAa,GAAGA,aAAa,CAACQ,KAAK,CAAC,GAAGA,KAAM;MACpDN,eAAe,EAAEA;IAAgB,CAClC,CAAC;EAAA,CACH,CACC,CAAC;AAET","ignoreList":[]}
+{"version":3,"file":"Tabs.js","names":["_react","_interopRequireDefault","require","_Tab","e","__esModule","default","Tabs","_ref","items","activeTab","labelCallback","handleClick","mobileFullWidth","createElement","className","map","_ref2","id","label","Tab","key","concat","isActive"],"sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Tab } from './Tab';\nimport type { TabsProps } from './types';\n\nfunction Tabs<T>({\n  items,\n  activeTab,\n  labelCallback,\n  handleClick,\n  mobileFullWidth,\n}: TabsProps<T>) {\n  return (\n    <ul\n      className=\"lw-mx-0 lw-mb-8 lw-flex lw-flex-wrap lw-justify-center lw-gap-4 lw-px-px\"\n      data-testid=\"tabs\"\n    >\n      {items.map(({ id, label }) => (\n        <Tab\n          key={`${id}-item`}\n          handleClick={handleClick}\n          id={id}\n          isActive={id === activeTab}\n          label={labelCallback ? labelCallback(label) : label}\n          mobileFullWidth={mobileFullWidth}\n        />\n      ))}\n    </ul>\n  );\n}\n\nexport { Tabs };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,IAAA,GAAAD,OAAA;AAA4B,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG5B,SAASG,IAAIA,CAAAC,IAAA,EAMI;EAAA,IANA;IACfC,KAAK;IACLC,SAAS;IACTC,aAAa;IACbC,WAAW;IACXC;EACY,CAAC,GAAAL,IAAA;EACb,OACER,MAAA,CAAAM,OAAA,CAAAQ,aAAA;IACEC,SAAS,EAAC,0EAA0E;IACpF,eAAY;EAAM,GAEjBN,KAAK,CAACO,GAAG,CAACC,KAAA;IAAA,IAAC;MAAEC,EAAE;MAAEC;IAAM,CAAC,GAAAF,KAAA;IAAA,OACvBjB,MAAA,CAAAM,OAAA,CAAAQ,aAAA,CAACX,IAAA,CAAAiB,GAAG;MACFC,GAAG,KAAAC,MAAA,CAAKJ,EAAE,UAAQ;MAClBN,WAAW,EAAEA,WAAY;MACzBM,EAAE,EAAEA,EAAG;MACPK,QAAQ,EAAEL,EAAE,KAAKR,SAAU;MAC3BS,KAAK,EAAER,aAAa,GAAGA,aAAa,CAACQ,KAAK,CAAC,GAAGA,KAAM;MACpDN,eAAe,EAAEA;IAAgB,CAClC,CAAC;EAAA,CACH,CACC,CAAC;AAET","ignoreList":[]}

package/dist/main/components/TextInput/TextInput.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TextInput = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _images = require("../../images");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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); }
 const TextInput = _ref => {
   let {
     value,
@@ -17,14 +16,15 @@ const TextInput = _ref => {
   } = _ref;
   const inputRef = (0, _react.useRef)(null);
   const handleReset = () => {
-    inputRef.current?.focus();
+    var _inputRef$current;
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
     onChange('');
   };
   return _react.default.createElement("div", {
     className: "lw-text-text-primary"
   }, label && _react.default.createElement("div", null, _react.default.createElement("span", {
     className: "lw-text-base lw-font-bold"
-  }, `${label}:`)), _react.default.createElement("div", null), _react.default.createElement("div", {
+  }, "".concat(label, ":"))), _react.default.createElement("div", null), _react.default.createElement("div", {
     className: "lw-relative"
   }, _react.default.createElement("input", {
     ref: inputRef,