npm - @oanda/labs-widget-common - Versions diffs - 1.0.244 → 1.0.245 - Mend

@oanda/labs-widget-common 1.0.244 → 1.0.245

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (182) hide show

package/dist/main/components/LineChart/utils.js CHANGED Viewed

@@ -23,13 +23,13 @@ const getSvgPath = _ref => {
   return data.map((item, index) => {
     const x = usableWidth * (index / (length - 1)) + padding;
     const y = min === max ? usableHeight / 2 : usableHeight - usableHeight * ((item - min) / (max - min)) + padding;
-    return index ? "".concat(x, " ").concat(y) : "M".concat(x, " ").concat(y);
+    return index ? `${x} ${y}` : `M${x} ${y}`;
   }).join(' ');
 };
 exports.getSvgPath = getSvgPath;
 const getChartColor = (dailyChange, isDarkMode) => {
   const theme = isDarkMode ? _types.Theme.Dark : _types.Theme.Light;
-  switch (dailyChange === null || dailyChange === void 0 ? void 0 : dailyChange.charAt(0)) {
+  switch (dailyChange?.charAt(0)) {
     case '+':
       return _tailwind.themeColors.ok[theme];
     case '-':

package/dist/main/components/LineChart/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","names":["_tailwind","require","_types","getSvgPath","_ref","data","width","height","padding","min","Math","max","usableHeight","usableWidth","length","map","item","index","x","y","~~concat","~~join","exports","getChartColor","dailyChange","isDarkMode","theme","Theme","Dark","Light","charAt","themeColors","ok","danger","borderDisabled"],"sources":["../../../../src/components/LineChart/utils.tsx"],"sourcesContent":["import { themeColors } from '../../tailwind';\nimport { Theme } from '../../types';\n\nexport const getSvgPath = ({\n data,\n width,\n height,\n padding,\n}: {\n data: number[];\n width: number;\n height: number;\n padding: number;\n}) => {\n const min = Math.min(...data);\n const max = Math.max(...data);\n const usableHeight = height - padding * 2;\n const usableWidth = width - padding * 2;\n const { length } = data;\n\n return data\n .map((item, index) => {\n const x = usableWidth * (index / (length - 1)) + padding;\n const y =\n min === max\n ? usableHeight / 2\n : usableHeight -\n usableHeight * ((item - min) / (max - min)) +\n padding;\n\n return index ? `${x} ${y}` : `M${x} ${y}`;\n })\n .join(' ');\n};\n\nexport const getChartColor = (dailyChange?: string, isDarkMode?: boolean) => {\n const theme = isDarkMode ? Theme.Dark : Theme.Light;\n\n switch (dailyChange?.charAt(0)) {\n case '+':\n return themeColors.ok[theme];\n case '-':\n return themeColors.danger[theme];\n default:\n return themeColors.borderDisabled[theme];\n }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,UAAU,GAAGC,IAAA,IAUpB;EAAA,IAVqB;IACzBC,IAAI;IACJC,KAAK;IACLC,MAAM;IACNC;EAMF,CAAC,GAAAJ,IAAA;EACC,MAAMK,GAAG,GAAGC,IAAI,CAACD,GAAG,CAAC,GAAGJ,IAAI,CAAC;EAC7B,MAAMM,GAAG,GAAGD,IAAI,CAACC,GAAG,CAAC,GAAGN,IAAI,CAAC;EAC7B,MAAMO,YAAY,GAAGL,MAAM,GAAGC,OAAO,GAAG,CAAC;EACzC,MAAMK,WAAW,GAAGP,KAAK,GAAGE,OAAO,GAAG,CAAC;EACvC,MAAM;IAAEM;EAAO,CAAC,GAAGT,IAAI;EAEvB,OAAOA,IAAI,CACRU,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IACpB,MAAMC,CAAC,GAAGL,WAAW,IAAII,KAAK,IAAIH,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGN,OAAO;IACxD,MAAMW,CAAC,GACLV,GAAG,KAAKE,GAAG,GACPC,YAAY,GAAG,CAAC,GAChBA,YAAY,GACZA,YAAY,IAAI,CAACI,IAAI,GAAGP,GAAG,KAAKE,GAAG,GAAGF,GAAG,CAAC,CAAC,GAC3CD,OAAO;IAEb,OAAOS,KAAK,~~MAAAG~~,~~MAAA~~,~~CAAMF,~~CAAC,~~OAAAE~~,~~MAAA,CAAID,~~CAAC,~~QAAAC~~,~~MAAA~~,~~CAASF~~,CAAC,~~OAAAE~~,~~MAAA,CAAID,~~CAAC,~~CAAE~~;EAC3C,CAAC,CAAC,~~CACDE~~,IAAI,CAAC,GAAG,CAAC;AACd,CAAC;AAACC,OAAA,~~CAAAnB~~,UAAA,GAAAA,UAAA;AAEK,~~MAAMoB~~,aAAa,GAAGA,CAACC,WAAoB,EAAEC,UAAoB,KAAK;EAC3E,MAAMC,KAAK,GAAGD,UAAU,GAAGE,YAAK,CAACC,IAAI,GAAGD,YAAK,CAACE,KAAK;EAEnD,QAAQL,WAAW,~~aAAXA~~,~~WAAW,uBAAXA,WAAW,CAAEM,~~MAAM,CAAC,CAAC,CAAC;IAC5B,KAAK,GAAG;MACN,OAAOC,qBAAW,CAACC,EAAE,CAACN,KAAK,CAAC;IAC9B,KAAK,GAAG;MACN,OAAOK,qBAAW,CAACE,MAAM,CAACP,KAAK,CAAC;IAClC;MACE,OAAOK,qBAAW,CAACG,cAAc,CAACR,KAAK,CAAC;EAC5C;AACF,CAAC;AAACJ,OAAA,CAAAC,aAAA,GAAAA,aAAA","ignoreList":[]}
1	+ {"version":3,"file":"utils.js","names":["_tailwind","require","_types","getSvgPath","_ref","data","width","height","padding","min","Math","max","usableHeight","usableWidth","length","map","item","index","x","y","join","exports","getChartColor","dailyChange","isDarkMode","theme","Theme","Dark","Light","charAt","themeColors","ok","danger","borderDisabled"],"sources":["../../../../src/components/LineChart/utils.tsx"],"sourcesContent":["import { themeColors } from '../../tailwind';\nimport { Theme } from '../../types';\n\nexport const getSvgPath = ({\n data,\n width,\n height,\n padding,\n}: {\n data: number[];\n width: number;\n height: number;\n padding: number;\n}) => {\n const min = Math.min(...data);\n const max = Math.max(...data);\n const usableHeight = height - padding * 2;\n const usableWidth = width - padding * 2;\n const { length } = data;\n\n return data\n .map((item, index) => {\n const x = usableWidth * (index / (length - 1)) + padding;\n const y =\n min === max\n ? usableHeight / 2\n : usableHeight -\n usableHeight * ((item - min) / (max - min)) +\n padding;\n\n return index ? `${x} ${y}` : `M${x} ${y}`;\n })\n .join(' ');\n};\n\nexport const getChartColor = (dailyChange?: string, isDarkMode?: boolean) => {\n const theme = isDarkMode ? Theme.Dark : Theme.Light;\n\n switch (dailyChange?.charAt(0)) {\n case '+':\n return themeColors.ok[theme];\n case '-':\n return themeColors.danger[theme];\n default:\n return themeColors.borderDisabled[theme];\n }\n};\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEO,MAAME,UAAU,GAAGC,IAAA,IAUpB;EAAA,IAVqB;IACzBC,IAAI;IACJC,KAAK;IACLC,MAAM;IACNC;EAMF,CAAC,GAAAJ,IAAA;EACC,MAAMK,GAAG,GAAGC,IAAI,CAACD,GAAG,CAAC,GAAGJ,IAAI,CAAC;EAC7B,MAAMM,GAAG,GAAGD,IAAI,CAACC,GAAG,CAAC,GAAGN,IAAI,CAAC;EAC7B,MAAMO,YAAY,GAAGL,MAAM,GAAGC,OAAO,GAAG,CAAC;EACzC,MAAMK,WAAW,GAAGP,KAAK,GAAGE,OAAO,GAAG,CAAC;EACvC,MAAM;IAAEM;EAAO,CAAC,GAAGT,IAAI;EAEvB,OAAOA,IAAI,CACRU,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IACpB,MAAMC,CAAC,GAAGL,WAAW,IAAII,KAAK,IAAIH,MAAM,GAAG,CAAC,CAAC,CAAC,GAAGN,OAAO;IACxD,MAAMW,CAAC,GACLV,GAAG,KAAKE,GAAG,GACPC,YAAY,GAAG,CAAC,GAChBA,YAAY,GACZA,YAAY,IAAI,CAACI,IAAI,GAAGP,GAAG,KAAKE,GAAG,GAAGF,GAAG,CAAC,CAAC,GAC3CD,OAAO;IAEb,OAAOS,KAAK,GAAG,GAAGC,CAAC,IAAIC,CAAC,EAAE,GAAG,IAAID,CAAC,IAAIC,CAAC,EAAE;EAC3C,CAAC,CAAC,CACDC,IAAI,CAAC,GAAG,CAAC;AACd,CAAC;AAACC,OAAA,CAAAlB,UAAA,GAAAA,UAAA;AAEK,MAAMmB,aAAa,GAAGA,CAACC,WAAoB,EAAEC,UAAoB,KAAK;EAC3E,MAAMC,KAAK,GAAGD,UAAU,GAAGE,YAAK,CAACC,IAAI,GAAGD,YAAK,CAACE,KAAK;EAEnD,QAAQL,WAAW,EAAEM,MAAM,CAAC,CAAC,CAAC;IAC5B,KAAK,GAAG;MACN,OAAOC,qBAAW,CAACC,EAAE,CAACN,KAAK,CAAC;IAC9B,KAAK,GAAG;MACN,OAAOK,qBAAW,CAACE,MAAM,CAACP,KAAK,CAAC;IAClC;MACE,OAAOK,qBAAW,CAACG,cAAc,CAACR,KAAK,CAAC;EAC5C;AACF,CAAC;AAACJ,OAAA,CAAAC,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/main/components/Pagination/Pagination.js CHANGED Viewed

@@ -76,14 +76,14 @@ const Pagination = _ref => {
       }
     }
   }, _react.default.createElement(_images.ChevronLeft, null))), pages.map((pageNumber, index) => pageNumber === undefined ? _react.default.createElement("li", {
-    key: "placeholder_".concat(index + 1)
+    key: `placeholder_${index + 1}`
   }, _react.default.createElement("span", {
     className: "lw-block lw-h-[20px] lw-w-[20px] lw-justify-center lw-rounded-full lw-text-center lw-align-baseline lw-font-sans lw-text-xs lw-leading-[18px]"
   }, '...')) : _react.default.createElement("li", {
     key: pageNumber
   }, _react.default.createElement("a", {
     "aria-current": pageNumber === currentPage ? 'true' : undefined,
-    "aria-label": "Goto Page ".concat(pageNumber + 1),
+    "aria-label": `Goto Page ${pageNumber + 1}`,
     className: (0, _tailwind.cn)('lw-flex lw-items-center lw-justify-center focus:lw-outline-primary lw-rounded-full', {
       'lw-pointer-events-none': pageNumber === currentPage || disabled,
       'lw-h-6 lw-w-6': isDesktop,

package/dist/main/components/Pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","names":["_monoI18n","require","_react","_interopRequireDefault","_images","_providers","_tailwind","_types","_utils","e","__esModule","default","Pagination","_ref","currentPage","onPageChange","totalRecords","recordsPerPage","disabled","lang","useLocale","isDark","size","useLayoutProvider","isDesktop","Size","DESKTOP","totalPages","Math","ceil","lastPage","pages","generatePaginationArray","recordsOnCurrentPage","createElement","className","cn","firstItemOnPage","lastItemOnPage","itemCount","role","href","tabIndex","undefined","onClick","preventDefault","ChevronLeft","map","pageNumber","index","key","concat","ChevronRight","exports"],"sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid /\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { ChevronLeft, ChevronRight } from '../../images';\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport { Size } from '../../types';\nimport type { PaginationProps } from './types';\nimport { generatePaginationArray } from './utils';\n\nconst Pagination = ({\n currentPage,\n onPageChange,\n totalRecords,\n recordsPerPage,\n disabled,\n}: PaginationProps) => {\n const { lang } = useLocale();\n const { isDark, size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n const totalPages = Math.ceil(totalRecords / recordsPerPage);\n const lastPage = totalPages - 1;\n const pages = generatePaginationArray(totalPages, currentPage);\n\n const recordsOnCurrentPage =\n currentPage === lastPage\n ? totalRecords\n : recordsPerPage (currentPage + 1);\n\n return (\n <div\n className={cn('lw-flex lw-items-center lw-justify-between', {\n 'lw-flex-row lw-px-6 lw-py-4': isDesktop,\n 'lw-flex-col': !isDesktop,\n })}\n data-testid=\"pagination\"\n >\n <div\n className={cn('lw-font-sans', {\n 'lw-my-3': !isDesktop,\n })}\n >\n <span>\n {lang('pagination_entries_range', {\n firstItemOnPage: currentPage * recordsPerPage + 1,\n lastItemOnPage: recordsOnCurrentPage,\n itemCount: totalRecords,\n })}\n </span>\n </div>\n <nav aria-label=\"Pagination Navigation\" role=\"navigation\">\n <ul\n className={cn(\n 'lw-flex lw-items-center lw-gap-1 lw-text-text-primary',\n {\n 'lw-my-0': isDesktop,\n 'lw-mb-6': !isDesktop,\n }\n )}\n >\n <li className=\"lw-font-sans lw-text-xs\">\n <a\n aria-label=\"Goto previous page\"\n className={cn(\n 'lw-text-xs lw-tracking-normal lw-flex lw-mr-1 lw-items-center lw-justify-center lw-rounded-full focus:lw-outline-primary',\n {\n 'hover:lw-bg-border-primary': isDark,\n 'hover:lw-bg-bg-secondary': !isDark,\n 'lw-pointer-events-none [&>svg]:lw-stroke-text-primary':\n isDark && (currentPage === 0 \|\| disabled),\n 'lw-pointer-events-none [&>svg]:lw-stroke-border-disabled':\n !isDark && (currentPage === 0 \|\| disabled),\n 'lw-h-[20px] lw-w-[20px]': isDesktop,\n 'lw-h-[30px] lw-w-[30px]': !isDesktop,\n }\n )}\n data-testid=\"pagination-button\"\n href=\"#\"\n tabIndex={currentPage === 0 \|\| disabled ? -1 : undefined}\n onClick={(e) => {\n e.preventDefault();\n if (currentPage !== 0 && !disabled) {\n onPageChange(currentPage - 1);\n }\n }}\n >\n <ChevronLeft />\n </a>\n </li>\n {pages.map((pageNumber, index) =>\n pageNumber === undefined ? (\n <li key={`placeholder_${index + 1}`}>\n <span className=\"lw-block lw-h-[20px] lw-w-[20px] lw-justify-center lw-rounded-full lw-text-center lw-align-baseline lw-font-sans lw-text-xs lw-leading-[18px]\">\n {'...'}\n </span>\n </li>\n ) : (\n <li key={pageNumber}>\n <a\n aria-current={pageNumber === currentPage ? 'true' : undefined}\n aria-label={`Goto Page ${pageNumber + 1}`}\n className={cn(\n 'lw-flex lw-items-center lw-justify-center focus:lw-outline-primary lw-rounded-full',\n {\n 'lw-pointer-events-none':\n pageNumber === currentPage \|\| disabled,\n 'lw-h-6 lw-w-6': isDesktop,\n 'lw-h-[40px] lw-w-[40px]': !isDesktop,\n }\n )}\n data-testid=\"pagination-button\"\n href=\"#\"\n tabIndex={\n pageNumber === currentPage \|\| disabled ? -1 : undefined\n }\n onClick={(e) => {\n e.preventDefault();\n if (currentPage !== pageNumber && !disabled) {\n onPageChange(pageNumber);\n }\n }}\n >\n <span\n className={cn(\n 'lw-text-xs lw-text-center lw-font-sans lw-align-baseline lw-block lw-justify-center lw-rounded-full',\n {\n 'lw-bg-ok lw-font-bold':\n !isDark && pageNumber === currentPage,\n 'lw-bg-primary lw-text-text-negative lw-font-bold':\n isDark && pageNumber === currentPage,\n 'hover:lw-bg-border-primary':\n isDark && pageNumber !== currentPage,\n 'hover:lw-bg-bg-secondary':\n !isDark && pageNumber !== currentPage,\n 'lw-text-border-disabled': disabled,\n 'lw-bg-border-primary':\n isDark && pageNumber === currentPage && disabled,\n 'lw-bg-bg-secondary':\n !isDark && pageNumber === currentPage && disabled,\n 'lw-h-[20px] lw-w-[20px] lw-leading-[18px]': isDesktop,\n 'lw-h-[30px] lw-w-[30px] lw-leading-[28px]': !isDesktop,\n }\n )}\n >\n {pageNumber + 1}\n </span>\n </a>\n </li>\n )\n )}\n <li>\n <a\n aria-label=\"Goto next page\"\n className={cn(\n 'lw-text-xs lw-flex lw-ml-1 lw-items-center lw-justify-center lw-rounded-full focus:lw-outline-primary',\n {\n 'hover:lw-bg-border-primary': isDark,\n 'hover:lw-bg-bg-secondary': !isDark,\n 'lw-pointer-events-none [&>svg]:lw-stroke-text-primary':\n isDark && (currentPage === lastPage \|\| disabled),\n 'lw-pointer-events-none [&>svg]:lw-stroke-border-disabled':\n !isDark && (currentPage === lastPage \|\| disabled),\n 'lw-h-[20px] lw-w-[20px]': isDesktop,\n 'lw-h-[30px] lw-w-[30px]': !isDesktop,\n }\n )}\n data-testid=\"pagination-button\"\n href=\"#\"\n tabIndex={currentPage === lastPage \|\| disabled ? -1 : undefined}\n onClick={(e) => {\n e.preventDefault();\n if (currentPage !== lastPage && !disabled) {\n onPageChange(currentPage + 1);\n }\n }}\n >\n <ChevronRight />\n </a>\n </li>\n </ul>\n </nav>\n </div>\n );\n};\n\nexport { Pagination };\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Pagination.js","names":["_monoI18n","require","_react","_interopRequireDefault","_images","_providers","_tailwind","_types","_utils","e","__esModule","default","Pagination","_ref","currentPage","onPageChange","totalRecords","recordsPerPage","disabled","lang","useLocale","isDark","size","useLayoutProvider","isDesktop","Size","DESKTOP","totalPages","Math","ceil","lastPage","pages","generatePaginationArray","recordsOnCurrentPage","createElement","className","cn","firstItemOnPage","lastItemOnPage","itemCount","role","href","tabIndex","undefined","onClick","preventDefault","ChevronLeft","map","pageNumber","index","key","ChevronRight","exports"],"sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid /\nimport { useLocale } from '@oanda/mono-i18n';\nimport React from 'react';\n\nimport { ChevronLeft, ChevronRight } from '../../images';\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport { Size } from '../../types';\nimport type { PaginationProps } from './types';\nimport { generatePaginationArray } from './utils';\n\nconst Pagination = ({\n currentPage,\n onPageChange,\n totalRecords,\n recordsPerPage,\n disabled,\n}: PaginationProps) => {\n const { lang } = useLocale();\n const { isDark, size } = useLayoutProvider();\n const isDesktop = size === Size.DESKTOP;\n const totalPages = Math.ceil(totalRecords / recordsPerPage);\n const lastPage = totalPages - 1;\n const pages = generatePaginationArray(totalPages, currentPage);\n\n const recordsOnCurrentPage =\n currentPage === lastPage\n ? totalRecords\n : recordsPerPage (currentPage + 1);\n\n return (\n <div\n className={cn('lw-flex lw-items-center lw-justify-between', {\n 'lw-flex-row lw-px-6 lw-py-4': isDesktop,\n 'lw-flex-col': !isDesktop,\n })}\n data-testid=\"pagination\"\n >\n <div\n className={cn('lw-font-sans', {\n 'lw-my-3': !isDesktop,\n })}\n >\n <span>\n {lang('pagination_entries_range', {\n firstItemOnPage: currentPage * recordsPerPage + 1,\n lastItemOnPage: recordsOnCurrentPage,\n itemCount: totalRecords,\n })}\n </span>\n </div>\n <nav aria-label=\"Pagination Navigation\" role=\"navigation\">\n <ul\n className={cn(\n 'lw-flex lw-items-center lw-gap-1 lw-text-text-primary',\n {\n 'lw-my-0': isDesktop,\n 'lw-mb-6': !isDesktop,\n }\n )}\n >\n <li className=\"lw-font-sans lw-text-xs\">\n <a\n aria-label=\"Goto previous page\"\n className={cn(\n 'lw-text-xs lw-tracking-normal lw-flex lw-mr-1 lw-items-center lw-justify-center lw-rounded-full focus:lw-outline-primary',\n {\n 'hover:lw-bg-border-primary': isDark,\n 'hover:lw-bg-bg-secondary': !isDark,\n 'lw-pointer-events-none [&>svg]:lw-stroke-text-primary':\n isDark && (currentPage === 0 \|\| disabled),\n 'lw-pointer-events-none [&>svg]:lw-stroke-border-disabled':\n !isDark && (currentPage === 0 \|\| disabled),\n 'lw-h-[20px] lw-w-[20px]': isDesktop,\n 'lw-h-[30px] lw-w-[30px]': !isDesktop,\n }\n )}\n data-testid=\"pagination-button\"\n href=\"#\"\n tabIndex={currentPage === 0 \|\| disabled ? -1 : undefined}\n onClick={(e) => {\n e.preventDefault();\n if (currentPage !== 0 && !disabled) {\n onPageChange(currentPage - 1);\n }\n }}\n >\n <ChevronLeft />\n </a>\n </li>\n {pages.map((pageNumber, index) =>\n pageNumber === undefined ? (\n <li key={`placeholder_${index + 1}`}>\n <span className=\"lw-block lw-h-[20px] lw-w-[20px] lw-justify-center lw-rounded-full lw-text-center lw-align-baseline lw-font-sans lw-text-xs lw-leading-[18px]\">\n {'...'}\n </span>\n </li>\n ) : (\n <li key={pageNumber}>\n <a\n aria-current={pageNumber === currentPage ? 'true' : undefined}\n aria-label={`Goto Page ${pageNumber + 1}`}\n className={cn(\n 'lw-flex lw-items-center lw-justify-center focus:lw-outline-primary lw-rounded-full',\n {\n 'lw-pointer-events-none':\n pageNumber === currentPage \|\| disabled,\n 'lw-h-6 lw-w-6': isDesktop,\n 'lw-h-[40px] lw-w-[40px]': !isDesktop,\n }\n )}\n data-testid=\"pagination-button\"\n href=\"#\"\n tabIndex={\n pageNumber === currentPage \|\| disabled ? -1 : undefined\n }\n onClick={(e) => {\n e.preventDefault();\n if (currentPage !== pageNumber && !disabled) {\n onPageChange(pageNumber);\n }\n }}\n >\n <span\n className={cn(\n 'lw-text-xs lw-text-center lw-font-sans lw-align-baseline lw-block lw-justify-center lw-rounded-full',\n {\n 'lw-bg-ok lw-font-bold':\n !isDark && pageNumber === currentPage,\n 'lw-bg-primary lw-text-text-negative lw-font-bold':\n isDark && pageNumber === currentPage,\n 'hover:lw-bg-border-primary':\n isDark && pageNumber !== currentPage,\n 'hover:lw-bg-bg-secondary':\n !isDark && pageNumber !== currentPage,\n 'lw-text-border-disabled': disabled,\n 'lw-bg-border-primary':\n isDark && pageNumber === currentPage && disabled,\n 'lw-bg-bg-secondary':\n !isDark && pageNumber === currentPage && disabled,\n 'lw-h-[20px] lw-w-[20px] lw-leading-[18px]': isDesktop,\n 'lw-h-[30px] lw-w-[30px] lw-leading-[28px]': !isDesktop,\n }\n )}\n >\n {pageNumber + 1}\n </span>\n </a>\n </li>\n )\n )}\n <li>\n <a\n aria-label=\"Goto next page\"\n className={cn(\n 'lw-text-xs lw-flex lw-ml-1 lw-items-center lw-justify-center lw-rounded-full focus:lw-outline-primary',\n {\n 'hover:lw-bg-border-primary': isDark,\n 'hover:lw-bg-bg-secondary': !isDark,\n 'lw-pointer-events-none [&>svg]:lw-stroke-text-primary':\n isDark && (currentPage === lastPage \|\| disabled),\n 'lw-pointer-events-none [&>svg]:lw-stroke-border-disabled':\n !isDark && (currentPage === lastPage \|\| disabled),\n 'lw-h-[20px] lw-w-[20px]': isDesktop,\n 'lw-h-[30px] lw-w-[30px]': !isDesktop,\n }\n )}\n data-testid=\"pagination-button\"\n href=\"#\"\n tabIndex={currentPage === lastPage \|\| disabled ? -1 : undefined}\n onClick={(e) => {\n e.preventDefault();\n if (currentPage !== lastPage && !disabled) {\n onPageChange(currentPage + 1);\n }\n }}\n >\n <ChevronRight />\n </a>\n </li>\n </ul>\n </nav>\n </div>\n );\n};\n\nexport { Pagination };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/components/Select/Select.js CHANGED Viewed

@@ -48,7 +48,7 @@ const Select = _ref => {
     "data-testid": "single-option-select"
   }, selectLabel && _react.default.createElement("span", {
     className: "lw-text-base lw-font-bold"
-  }, "".concat(selectLabel, ":")), _react.default.createElement("div", {
+  }, `${selectLabel}:`), _react.default.createElement("div", {
     className: "lw-flex lw-h-[50px] lw-w-full lw-items-center lw-rounded lw-border lw-px-3"
   }, _react.default.createElement(_Truncate.Truncate, {
     maxWidth: 190,
@@ -59,7 +59,7 @@ const Select = _ref => {
     "data-testid": "select"
   }, selectLabel && _react.default.createElement("span", {
     className: "lw-text-base lw-font-bold"
-  }, "".concat(selectLabel, ":")), _react.default.createElement("div", {
+  }, `${selectLabel}:`), _react.default.createElement("div", {
     className: "lw-flex lw-w-full lw-items-center lw-justify-between lw-rounded lw-border lw-stroke-text-primary lw-px-3 lw-py-2 focus:lw-outline-primary",
     role: "button",
     tabIndex: 0,

package/dist/main/components/Select/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_usehooksTs","_images","_providers","_tailwind","_SearchInput","_Truncate","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Select","_ref","searchPlaceholder","selectLabel","options","selectedOption","setSelectedOption","className","maxHeight","isDark","useLayoutProvider","ref","useRef","open","setOpen","useState","active","setActive","searchValue","setSearchValue","singleSelect","length","withSearch","handleClickOutside","handleSearch","value","useEffect","useOnClickOutside","createElement","Fragment","cn","concat","Truncate","maxWidth","text","label","role","tabIndex","onClick","onKeyDown","key","ChevronDown","classnames","style","SearchInput","autoFocus","placeholder","onChange","filter","option","toLowerCase","includes","map","index","array","id","type","onBlur","onFocus","onMouseOut","onMouseOver","exports"],"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useOnClickOutside } from 'usehooks-ts';\n\nimport { ChevronDown } from '../../images';\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport { SearchInput } from '../SearchInput';\nimport { Truncate } from '../Truncate';\nimport type { SelectProps } from './types';\n\nconst Select = ({\n searchPlaceholder,\n selectLabel,\n options,\n selectedOption,\n setSelectedOption,\n className,\n maxHeight,\n}: SelectProps) => {\n const { isDark } = useLayoutProvider();\n const ref = useRef(null);\n const [open, setOpen] = useState(false);\n const [active, setActive] = useState('');\n const [searchValue, setSearchValue] = useState('');\n const singleSelect = options.length === 1;\n const withSearch = options.length > 6;\n\n const handleClickOutside = () => {\n setOpen(false);\n };\n\n const handleSearch = (value: string) => {\n setSearchValue(value);\n };\n\n useEffect(() => {\n setSearchValue('');\n }, [options]);\n\n useOnClickOutside(ref, handleClickOutside);\n\n return (\n <>\n {singleSelect ? (\n <div\n className={cn('lw-relative lw-grow lw-text-text-primary', className)}\n data-testid=\"single-option-select\"\n >\n {selectLabel && (\n <span className=\"lw-text-base lw-font-bold\">{`${selectLabel}:`}</span>\n )}\n <div className=\"lw-flex lw-h-[50px] lw-w-full lw-items-center lw-rounded lw-border lw-px-3\">\n <Truncate maxWidth={190} text={selectedOption.label} />\n </div>\n </div>\n ) : (\n <div\n ref={ref}\n className={cn('lw-relative lw-grow lw-text-text-primary', className)}\n data-testid=\"select\"\n >\n {selectLabel && (\n <span className=\"lw-text-base lw-font-bold\">{`${selectLabel}:`}</span>\n )}\n <div\n className=\"lw-flex lw-w-full lw-items-center lw-justify-between lw-rounded lw-border lw-stroke-text-primary lw-px-3 lw-py-2 focus:lw-outline-primary\"\n role=\"button\"\n tabIndex={0}\n onClick={() => setOpen(!open)}\n onKeyDown={(e: React.KeyboardEvent) => {\n if (e.key === 'Enter') {\n setOpen(!open);\n }\n }}\n >\n <Truncate maxWidth={190} text={selectedOption.label} />\n <ChevronDown\n className={classnames(\n 'lw-transition lw-duration-200 lw-ease-linear',\n {\n 'lw-rotate-180': open,\n }\n )}\n />\n </div>\n {open && (\n <ul\n className={cn(\n 'lw-absolute lw-z-[100] lw-mx-0 lw-mt-2 lw-w-full lw-list-none lw-appearance-none lw-overflow-y-auto lw-overflow-x-hidden lw-bg-bg-secondary lw-p-4',\n !isDark && 'lw-shadow-lg',\n !maxHeight && 'lw-max-h-60'\n )}\n data-testid=\"select-options\"\n style={{ maxHeight }}\n >\n {withSearch && (\n <li>\n <SearchInput\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus\n placeholder={searchPlaceholder}\n value={searchValue}\n onChange={handleSearch}\n />\n </li>\n )}\n {options\n .filter((option) =>\n option.label.toLowerCase().includes(searchValue.toLowerCase())\n )\n .map((option, index, array) => (\n <li\n key={option.id}\n className=\"lw-mb-0 lw-font-sans\"\n value={option.id}\n >\n <button\n className={classnames(\n 'lw-w-full lw-cursor-pointer lw-text-left lw-text-sm focus:lw-outline-none',\n {\n 'lw-mb-4': array.length - 1 !== index,\n 'lw-text-primary': active === option.id,\n }\n )}\n type=\"button\"\n onBlur={() => setActive('')}\n onClick={() => {\n setSelectedOption(option);\n setOpen(false);\n }}\n onFocus={() => setActive(option.id)}\n onMouseOut={() => setActive('')}\n onMouseOver={() => setActive(option.id)}\n >\n <span\n className={classnames({\n 'lw-font-bold': option.id === selectedOption.id,\n })}\n >\n {option.label}\n </span>\n </button>\n </li>\n ))}\n </ul>\n )}\n </div>\n )}\n </>\n );\n};\n\nexport { Select };\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"Select.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_usehooksTs","_images","_providers","_tailwind","_SearchInput","_Truncate","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Select","_ref","searchPlaceholder","selectLabel","options","selectedOption","setSelectedOption","className","maxHeight","isDark","useLayoutProvider","ref","useRef","open","setOpen","useState","active","setActive","searchValue","setSearchValue","singleSelect","length","withSearch","handleClickOutside","handleSearch","value","useEffect","useOnClickOutside","createElement","Fragment","cn","Truncate","maxWidth","text","label","role","tabIndex","onClick","onKeyDown","key","ChevronDown","classnames","style","SearchInput","autoFocus","placeholder","onChange","filter","option","toLowerCase","includes","map","index","array","id","type","onBlur","onFocus","onMouseOut","onMouseOver","exports"],"sources":["../../../../src/components/Select/Select.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useOnClickOutside } from 'usehooks-ts';\n\nimport { ChevronDown } from '../../images';\nimport { useLayoutProvider } from '../../providers';\nimport { cn } from '../../tailwind';\nimport { SearchInput } from '../SearchInput';\nimport { Truncate } from '../Truncate';\nimport type { SelectProps } from './types';\n\nconst Select = ({\n searchPlaceholder,\n selectLabel,\n options,\n selectedOption,\n setSelectedOption,\n className,\n maxHeight,\n}: SelectProps) => {\n const { isDark } = useLayoutProvider();\n const ref = useRef(null);\n const [open, setOpen] = useState(false);\n const [active, setActive] = useState('');\n const [searchValue, setSearchValue] = useState('');\n const singleSelect = options.length === 1;\n const withSearch = options.length > 6;\n\n const handleClickOutside = () => {\n setOpen(false);\n };\n\n const handleSearch = (value: string) => {\n setSearchValue(value);\n };\n\n useEffect(() => {\n setSearchValue('');\n }, [options]);\n\n useOnClickOutside(ref, handleClickOutside);\n\n return (\n <>\n {singleSelect ? (\n <div\n className={cn('lw-relative lw-grow lw-text-text-primary', className)}\n data-testid=\"single-option-select\"\n >\n {selectLabel && (\n <span className=\"lw-text-base lw-font-bold\">{`${selectLabel}:`}</span>\n )}\n <div className=\"lw-flex lw-h-[50px] lw-w-full lw-items-center lw-rounded lw-border lw-px-3\">\n <Truncate maxWidth={190} text={selectedOption.label} />\n </div>\n </div>\n ) : (\n <div\n ref={ref}\n className={cn('lw-relative lw-grow lw-text-text-primary', className)}\n data-testid=\"select\"\n >\n {selectLabel && (\n <span className=\"lw-text-base lw-font-bold\">{`${selectLabel}:`}</span>\n )}\n <div\n className=\"lw-flex lw-w-full lw-items-center lw-justify-between lw-rounded lw-border lw-stroke-text-primary lw-px-3 lw-py-2 focus:lw-outline-primary\"\n role=\"button\"\n tabIndex={0}\n onClick={() => setOpen(!open)}\n onKeyDown={(e: React.KeyboardEvent) => {\n if (e.key === 'Enter') {\n setOpen(!open);\n }\n }}\n >\n <Truncate maxWidth={190} text={selectedOption.label} />\n <ChevronDown\n className={classnames(\n 'lw-transition lw-duration-200 lw-ease-linear',\n {\n 'lw-rotate-180': open,\n }\n )}\n />\n </div>\n {open && (\n <ul\n className={cn(\n 'lw-absolute lw-z-[100] lw-mx-0 lw-mt-2 lw-w-full lw-list-none lw-appearance-none lw-overflow-y-auto lw-overflow-x-hidden lw-bg-bg-secondary lw-p-4',\n !isDark && 'lw-shadow-lg',\n !maxHeight && 'lw-max-h-60'\n )}\n data-testid=\"select-options\"\n style={{ maxHeight }}\n >\n {withSearch && (\n <li>\n <SearchInput\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus\n placeholder={searchPlaceholder}\n value={searchValue}\n onChange={handleSearch}\n />\n </li>\n )}\n {options\n .filter((option) =>\n option.label.toLowerCase().includes(searchValue.toLowerCase())\n )\n .map((option, index, array) => (\n <li\n key={option.id}\n className=\"lw-mb-0 lw-font-sans\"\n value={option.id}\n >\n <button\n className={classnames(\n 'lw-w-full lw-cursor-pointer lw-text-left lw-text-sm focus:lw-outline-none',\n {\n 'lw-mb-4': array.length - 1 !== index,\n 'lw-text-primary': active === option.id,\n }\n )}\n type=\"button\"\n onBlur={() => setActive('')}\n onClick={() => {\n setSelectedOption(option);\n setOpen(false);\n }}\n onFocus={() => setActive(option.id)}\n onMouseOut={() => setActive('')}\n onMouseOver={() => setActive(option.id)}\n >\n <span\n className={classnames({\n 'lw-font-bold': option.id === selectedOption.id,\n })}\n >\n {option.label}\n </span>\n </button>\n </li>\n ))}\n </ul>\n )}\n </div>\n )}\n </>\n );\n};\n\nexport { Select };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/components/Sentiment/Sentiment.js CHANGED Viewed

@@ -20,8 +20,8 @@ const Sentiment = _ref => {
     withError = true,
     isLoading
   } = _ref;
-  const short = Math.round((sentiment === null || sentiment === void 0 ? void 0 : sentiment.shortPercent) || 0);
-  const long = Math.round((sentiment === null || sentiment === void 0 ? void 0 : sentiment.longPercent) || 0);
+  const short = Math.round(sentiment?.shortPercent || 0);
+  const long = Math.round(sentiment?.longPercent || 0);
   const sentimentHeight = height || _types.SentimentHeight.sm;
   const hasData = (0, _utils.sentimentHasData)(sentiment);
   return _react.default.createElement("div", {
@@ -33,27 +33,27 @@ const Sentiment = _ref => {
       'lw-w-5': compactMode,
       'lw-w-8': !compactMode
     })
-  }, "".concat(short, "%")), _react.default.createElement("div", {
+  }, `${short}%`), _react.default.createElement("div", {
     className: "lw-mx-2 lw-my-0 lw-grow lw-p-px"
   }, _react.default.createElement("div", {
-    className: "lw-flex lw-flex-row lw-justify-center lw-gap-0.5 lw-overflow-hidden lw-p-0 ".concat(sentimentHeight),
+    className: `lw-flex lw-flex-row lw-justify-center lw-gap-0.5 lw-overflow-hidden lw-p-0 ${sentimentHeight}`,
     "data-testid": "sentiment"
   }, _react.default.createElement("div", {
     className: "lw-bg-danger",
     style: {
-      width: "".concat(short, "%")
+      width: `${short}%`
     }
   }), _react.default.createElement("div", {
     className: "lw-bg-ok",
     style: {
-      width: "".concat(long, "%")
+      width: `${long}%`
     }
   }))), _react.default.createElement("span", {
     className: (0, _classnames.default)('lw-text-right lw-font-sans lw-font-normal lw-tracking-wide', {
       'lw-w-5': compactMode,
       'lw-w-8': !compactMode
     })
-  }, "".concat(long, "%"))), withError && !isLoading && !hasData && _react.default.createElement(_SentimentError.SentimentError, {
+  }, `${long}%`)), withError && !isLoading && !hasData && _react.default.createElement(_SentimentError.SentimentError, {
     compactMode: compactMode,
     height: sentimentHeight
   }));

package/dist/main/components/Sentiment/Sentiment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Sentiment.js","names":["_classnames","_interopRequireDefault","require","_react","_SentimentError","_SentimentLoader","_types","_utils","e","__esModule","default","Sentiment","_ref","height","sentiment","compactMode","withLoader","withError","isLoading","short","Math","round","shortPercent","long","longPercent","sentimentHeight","SentimentHeight","sm","hasData","sentimentHasData","createElement","className","SentimentLoader","Fragment","classnames","~~concat","~~style","width","SentimentError","exports"],"sources":["../../../../src/components/Sentiment/Sentiment.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { SentimentError } from './SentimentError';\nimport { SentimentLoader } from './SentimentLoader';\nimport type { SentimentProps } from './types';\nimport { SentimentHeight } from './types';\nimport { sentimentHasData } from './utils';\n\nexport const Sentiment = ({\n height,\n sentiment,\n compactMode = false,\n withLoader = true,\n withError = true,\n isLoading,\n}: SentimentProps) => {\n const short = Math.round(sentiment?.shortPercent \|\| 0);\n const long = Math.round(sentiment?.longPercent \|\| 0);\n\n const sentimentHeight = height \|\| SentimentHeight.sm;\n\n const hasData = sentimentHasData(sentiment);\n\n return (\n <div className=\"lw-flex lw-w-full lw-flex-row lw-items-center\">\n {withLoader && isLoading && <SentimentLoader height={sentimentHeight} />}\n {!isLoading && hasData && (\n <>\n <span\n className={classnames(\n 'lw-font-sans lw-font-normal lw-tracking-wide',\n {\n 'lw-w-5': compactMode,\n 'lw-w-8': !compactMode,\n }\n )}\n >\n {`${short}%`}\n </span>\n <div className=\"lw-mx-2 lw-my-0 lw-grow lw-p-px\">\n <div\n className={`lw-flex lw-flex-row lw-justify-center lw-gap-0.5 lw-overflow-hidden lw-p-0 ${sentimentHeight}`}\n data-testid=\"sentiment\"\n >\n <div className=\"lw-bg-danger\" style={{ width: `${short}%` }} />\n <div className=\"lw-bg-ok\" style={{ width: `${long}%` }} />\n </div>\n </div>\n <span\n className={classnames(\n 'lw-text-right lw-font-sans lw-font-normal lw-tracking-wide',\n {\n 'lw-w-5': compactMode,\n 'lw-w-8': !compactMode,\n }\n )}\n >\n {`${long}%`}\n </span>\n </>\n )}\n {withError && !isLoading && !hasData && (\n <SentimentError compactMode={compactMode} height={sentimentHeight} />\n )}\n </div>\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA2C,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpC,MAAMG,SAAS,GAAGC,IAAA,IAOH;EAAA,IAPI;IACxBC,MAAM;IACNC,SAAS;IACTC,WAAW,GAAG,KAAK;IACnBC,UAAU,GAAG,IAAI;IACjBC,SAAS,GAAG,IAAI;IAChBC;EACc,CAAC,GAAAN,IAAA;EACf,MAAMO,KAAK,GAAGC,IAAI,CAACC,KAAK,~~CAAC~~,~~CAAAP,~~SAAS,~~aAATA~~,~~SAAS,uBAATA,SAAS,CAAEQ,~~YAAY,~~KAAI~~,CAAC,CAAC;EACtD,MAAMC,IAAI,GAAGH,IAAI,CAACC,KAAK,~~CAAC~~,~~CAAAP,~~SAAS,~~aAATA~~,~~SAAS,uBAATA,SAAS,CAAEU,~~WAAW,~~KAAI~~,CAAC,CAAC;EAEpD,MAAMC,eAAe,GAAGZ,MAAM,IAAIa,sBAAe,CAACC,EAAE;EAEpD,MAAMC,OAAO,GAAG,IAAAC,uBAAgB,EAACf,SAAS,CAAC;EAE3C,OACEX,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAA+C,GAC3Df,UAAU,IAAIE,SAAS,IAAIf,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAACzB,gBAAA,CAAA2B,eAAe;IAACnB,MAAM,EAAEY;EAAgB,CAAE,CAAC,EACvE,CAACP,SAAS,IAAIU,OAAO,IACpBzB,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAAA3B,MAAA,CAAAO,OAAA,CAAAuB,QAAA,QACE9B,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IACEC,SAAS,EAAE,IAAAG,mBAAU,EACnB,8CAA8C,EAC9C;MACE,QAAQ,EAAEnB,WAAW;MACrB,QAAQ,EAAE,CAACA;IACb,CACF;EAAE,~~MAAAoB~~,~~MAAA~~,~~CAEEhB,~~KAAK,~~MACL~~,CAAC,EACPhB,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAAiC,GAC9C5B,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IACEC,SAAS,~~gFAAAI~~,~~MAAA~~,~~CAAgFV,~~eAAe,~~CAAG~~;IAC3G,eAAY;EAAW,GAEvBtB,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC,cAAc;~~IAACK~~,KAAK,EAAE;MAAEC,KAAK,~~KAAAF~~,~~MAAA~~,~~CAAKhB,~~KAAK;IAAI;EAAE,CAAE,CAAC,EAC/DhB,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC,UAAU;~~IAACK~~,KAAK,EAAE;MAAEC,KAAK,~~KAAAF~~,~~MAAA~~,~~CAAKZ,~~IAAI;IAAI;EAAE,CAAE,CACtD,CACF,CAAC,EACNpB,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IACEC,SAAS,EAAE,IAAAG,mBAAU,EACnB,4DAA4D,EAC5D;MACE,QAAQ,EAAEnB,WAAW;MACrB,QAAQ,EAAE,CAACA;IACb,CACF;EAAE,~~MAAAoB~~,~~MAAA~~,~~CAEEZ,~~IAAI,~~MACJ~~,CACN,CACH,EACAN,SAAS,IAAI,CAACC,SAAS,IAAI,CAACU,OAAO,IAClCzB,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAAC1B,eAAA,~~CAAAkC~~,cAAc;~~IAACvB~~,WAAW,EAAEA,WAAY;IAACF,MAAM,EAAEY;EAAgB,CAAE,CAEnE,CAAC;AAEV,CAAC;~~AAACc~~,OAAA,~~CAAA5B~~,SAAA,GAAAA,SAAA","ignoreList":[]}
1	+ {"version":3,"file":"Sentiment.js","names":["_classnames","_interopRequireDefault","require","_react","_SentimentError","_SentimentLoader","_types","_utils","e","__esModule","default","Sentiment","_ref","height","sentiment","compactMode","withLoader","withError","isLoading","short","Math","round","shortPercent","long","longPercent","sentimentHeight","SentimentHeight","sm","hasData","sentimentHasData","createElement","className","SentimentLoader","Fragment","classnames","style","width","SentimentError","exports"],"sources":["../../../../src/components/Sentiment/Sentiment.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport { SentimentError } from './SentimentError';\nimport { SentimentLoader } from './SentimentLoader';\nimport type { SentimentProps } from './types';\nimport { SentimentHeight } from './types';\nimport { sentimentHasData } from './utils';\n\nexport const Sentiment = ({\n height,\n sentiment,\n compactMode = false,\n withLoader = true,\n withError = true,\n isLoading,\n}: SentimentProps) => {\n const short = Math.round(sentiment?.shortPercent \|\| 0);\n const long = Math.round(sentiment?.longPercent \|\| 0);\n\n const sentimentHeight = height \|\| SentimentHeight.sm;\n\n const hasData = sentimentHasData(sentiment);\n\n return (\n <div className=\"lw-flex lw-w-full lw-flex-row lw-items-center\">\n {withLoader && isLoading && <SentimentLoader height={sentimentHeight} />}\n {!isLoading && hasData && (\n <>\n <span\n className={classnames(\n 'lw-font-sans lw-font-normal lw-tracking-wide',\n {\n 'lw-w-5': compactMode,\n 'lw-w-8': !compactMode,\n }\n )}\n >\n {`${short}%`}\n </span>\n <div className=\"lw-mx-2 lw-my-0 lw-grow lw-p-px\">\n <div\n className={`lw-flex lw-flex-row lw-justify-center lw-gap-0.5 lw-overflow-hidden lw-p-0 ${sentimentHeight}`}\n data-testid=\"sentiment\"\n >\n <div className=\"lw-bg-danger\" style={{ width: `${short}%` }} />\n <div className=\"lw-bg-ok\" style={{ width: `${long}%` }} />\n </div>\n </div>\n <span\n className={classnames(\n 'lw-text-right lw-font-sans lw-font-normal lw-tracking-wide',\n {\n 'lw-w-5': compactMode,\n 'lw-w-8': !compactMode,\n }\n )}\n >\n {`${long}%`}\n </span>\n </>\n )}\n {withError && !isLoading && !hasData && (\n <SentimentError compactMode={compactMode} height={sentimentHeight} />\n )}\n </div>\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA2C,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpC,MAAMG,SAAS,GAAGC,IAAA,IAOH;EAAA,IAPI;IACxBC,MAAM;IACNC,SAAS;IACTC,WAAW,GAAG,KAAK;IACnBC,UAAU,GAAG,IAAI;IACjBC,SAAS,GAAG,IAAI;IAChBC;EACc,CAAC,GAAAN,IAAA;EACf,MAAMO,KAAK,GAAGC,IAAI,CAACC,KAAK,CAACP,SAAS,EAAEQ,YAAY,IAAI,CAAC,CAAC;EACtD,MAAMC,IAAI,GAAGH,IAAI,CAACC,KAAK,CAACP,SAAS,EAAEU,WAAW,IAAI,CAAC,CAAC;EAEpD,MAAMC,eAAe,GAAGZ,MAAM,IAAIa,sBAAe,CAACC,EAAE;EAEpD,MAAMC,OAAO,GAAG,IAAAC,uBAAgB,EAACf,SAAS,CAAC;EAE3C,OACEX,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAA+C,GAC3Df,UAAU,IAAIE,SAAS,IAAIf,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAACzB,gBAAA,CAAA2B,eAAe;IAACnB,MAAM,EAAEY;EAAgB,CAAE,CAAC,EACvE,CAACP,SAAS,IAAIU,OAAO,IACpBzB,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAAA3B,MAAA,CAAAO,OAAA,CAAAuB,QAAA,QACE9B,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IACEC,SAAS,EAAE,IAAAG,mBAAU,EACnB,8CAA8C,EAC9C;MACE,QAAQ,EAAEnB,WAAW;MACrB,QAAQ,EAAE,CAACA;IACb,CACF;EAAE,GAED,GAAGI,KAAK,GACL,CAAC,EACPhB,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC;EAAiC,GAC9C5B,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IACEC,SAAS,EAAE,8EAA8EN,eAAe,EAAG;IAC3G,eAAY;EAAW,GAEvBtB,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC,cAAc;IAACI,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAGjB,KAAK;IAAI;EAAE,CAAE,CAAC,EAC/DhB,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC,UAAU;IAACI,KAAK,EAAE;MAAEC,KAAK,EAAE,GAAGb,IAAI;IAAI;EAAE,CAAE,CACtD,CACF,CAAC,EACNpB,MAAA,CAAAO,OAAA,CAAAoB,aAAA;IACEC,SAAS,EAAE,IAAAG,mBAAU,EACnB,4DAA4D,EAC5D;MACE,QAAQ,EAAEnB,WAAW;MACrB,QAAQ,EAAE,CAACA;IACb,CACF;EAAE,GAED,GAAGQ,IAAI,GACJ,CACN,CACH,EACAN,SAAS,IAAI,CAACC,SAAS,IAAI,CAACU,OAAO,IAClCzB,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAAC1B,eAAA,CAAAiC,cAAc;IAACtB,WAAW,EAAEA,WAAY;IAACF,MAAM,EAAEY;EAAgB,CAAE,CAEnE,CAAC;AAEV,CAAC;AAACa,OAAA,CAAA3B,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/main/components/Sentiment/SentimentError.js CHANGED Viewed

@@ -20,7 +20,7 @@ const SentimentError = _ref => {
   }, '\u2014'), _react.default.createElement("div", {
     className: "lw-mx-2 lw-mt-1 lw-grow lw-p-px"
   }, _react.default.createElement("div", {
-    className: "lw-flex lw-flex-row lw-justify-center lw-gap-0.5 lw-overflow-hidden lw-p-0 ".concat(height),
+    className: `lw-flex lw-flex-row lw-justify-center lw-gap-0.5 lw-overflow-hidden lw-p-0 ${height}`,
     "data-testid": "no-data-sentiment"
   }, _react.default.createElement("div", {
     className: "lw-w-full lw-bg-border-primary"

package/dist/main/components/Sentiment/SentimentError.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SentimentError.js","names":["_classnames","_interopRequireDefault","require","_react","e","__esModule","default","SentimentError","_ref","height","compactMode","createElement","Fragment","className","classnames","~~concat","~~exports"],"sources":["../../../../src/components/Sentiment/SentimentError.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport type { SentimentErrorProps } from './types';\n\nconst SentimentError = ({ height, compactMode }: SentimentErrorProps) => (\n <>\n <span\n className={classnames(\n 'lw-text-center lw-font-sans lw-font-normal lw-tracking-wide',\n {\n 'lw-w-5': compactMode,\n 'lw-w-8': !compactMode,\n }\n )}\n >\n {'\\u2014'}\n </span>\n <div className=\"lw-mx-2 lw-mt-1 lw-grow lw-p-px\">\n <div\n className={`lw-flex lw-flex-row lw-justify-center lw-gap-0.5 lw-overflow-hidden lw-p-0 ${height}`}\n data-testid=\"no-data-sentiment\"\n >\n <div className=\"lw-w-full lw-bg-border-primary\" />\n </div>\n </div>\n <span\n className={classnames(\n 'lw-text-center lw-font-sans lw-font-normal lw-tracking-wide',\n {\n 'lw-w-5': compactMode,\n 'lw-w-8': !compactMode,\n }\n )}\n >\n {'\\u2014'}\n </span>\n </>\n);\n\nexport { SentimentError };\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI1B,MAAMG,cAAc,GAAGC,IAAA;EAAA,IAAC;IAAEC,MAAM;IAAEC;EAAiC,CAAC,GAAAF,IAAA;EAAA,OAClEL,MAAA,CAAAG,OAAA,CAAAK,aAAA,CAAAR,MAAA,CAAAG,OAAA,CAAAM,QAAA,QACET,MAAA,CAAAG,OAAA,CAAAK,aAAA;IACEE,SAAS,EAAE,IAAAC,mBAAU,EACnB,6DAA6D,EAC7D;MACE,QAAQ,EAAEJ,WAAW;MACrB,QAAQ,EAAE,CAACA;IACb,CACF;EAAE,GAED,QACG,CAAC,EACPP,MAAA,CAAAG,OAAA,CAAAK,aAAA;IAAKE,SAAS,EAAC;EAAiC,GAC9CV,MAAA,CAAAG,OAAA,CAAAK,aAAA;IACEE,SAAS,~~gFAAAE~~,~~MAAA~~,~~CAAgFN,~~MAAM,~~CAAG~~;IAClG,eAAY;EAAmB,GAE/BN,MAAA,CAAAG,OAAA,CAAAK,aAAA;IAAKE,SAAS,EAAC;EAAgC,CAAE,CAC9C,CACF,CAAC,EACNV,MAAA,CAAAG,OAAA,CAAAK,aAAA;IACEE,SAAS,EAAE,IAAAC,mBAAU,EACnB,6DAA6D,EAC7D;MACE,QAAQ,EAAEJ,WAAW;MACrB,QAAQ,EAAE,CAACA;IACb,CACF;EAAE,GAED,QACG,CACN,CAAC;AAAA,CACJ;~~AAACM~~,OAAA,~~CAAAT~~,cAAA,GAAAA,cAAA","ignoreList":[]}
1	+ {"version":3,"file":"SentimentError.js","names":["_classnames","_interopRequireDefault","require","_react","e","__esModule","default","SentimentError","_ref","height","compactMode","createElement","Fragment","className","classnames","exports"],"sources":["../../../../src/components/Sentiment/SentimentError.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport React from 'react';\n\nimport type { SentimentErrorProps } from './types';\n\nconst SentimentError = ({ height, compactMode }: SentimentErrorProps) => (\n <>\n <span\n className={classnames(\n 'lw-text-center lw-font-sans lw-font-normal lw-tracking-wide',\n {\n 'lw-w-5': compactMode,\n 'lw-w-8': !compactMode,\n }\n )}\n >\n {'\\u2014'}\n </span>\n <div className=\"lw-mx-2 lw-mt-1 lw-grow lw-p-px\">\n <div\n className={`lw-flex lw-flex-row lw-justify-center lw-gap-0.5 lw-overflow-hidden lw-p-0 ${height}`}\n data-testid=\"no-data-sentiment\"\n >\n <div className=\"lw-w-full lw-bg-border-primary\" />\n </div>\n </div>\n <span\n className={classnames(\n 'lw-text-center lw-font-sans lw-font-normal lw-tracking-wide',\n {\n 'lw-w-5': compactMode,\n 'lw-w-8': !compactMode,\n }\n )}\n >\n {'\\u2014'}\n </span>\n </>\n);\n\nexport { SentimentError };\n"],"mappings":";;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAI1B,MAAMG,cAAc,GAAGC,IAAA;EAAA,IAAC;IAAEC,MAAM;IAAEC;EAAiC,CAAC,GAAAF,IAAA;EAAA,OAClEL,MAAA,CAAAG,OAAA,CAAAK,aAAA,CAAAR,MAAA,CAAAG,OAAA,CAAAM,QAAA,QACET,MAAA,CAAAG,OAAA,CAAAK,aAAA;IACEE,SAAS,EAAE,IAAAC,mBAAU,EACnB,6DAA6D,EAC7D;MACE,QAAQ,EAAEJ,WAAW;MACrB,QAAQ,EAAE,CAACA;IACb,CACF;EAAE,GAED,QACG,CAAC,EACPP,MAAA,CAAAG,OAAA,CAAAK,aAAA;IAAKE,SAAS,EAAC;EAAiC,GAC9CV,MAAA,CAAAG,OAAA,CAAAK,aAAA;IACEE,SAAS,EAAE,8EAA8EJ,MAAM,EAAG;IAClG,eAAY;EAAmB,GAE/BN,MAAA,CAAAG,OAAA,CAAAK,aAAA;IAAKE,SAAS,EAAC;EAAgC,CAAE,CAC9C,CACF,CAAC,EACNV,MAAA,CAAAG,OAAA,CAAAK,aAAA;IACEE,SAAS,EAAE,IAAAC,mBAAU,EACnB,6DAA6D,EAC7D;MACE,QAAQ,EAAEJ,WAAW;MACrB,QAAQ,EAAE,CAACA;IACb,CACF;EAAE,GAED,QACG,CACN,CAAC;AAAA,CACJ;AAACK,OAAA,CAAAR,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/main/components/Sentiment/SentimentLoader.js CHANGED Viewed

@@ -14,7 +14,7 @@ const SentimentLoader = _ref => {
   return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_Loader.Loader, {
     size: _Loader.LoaderSize.md
   }), _react.default.createElement("div", {
-    className: "".concat(height, " lw-mx-2 lw-w-full")
+    className: `${height} lw-mx-2 lw-w-full`
   }, _react.default.createElement(_Loader.Loader, {
     size: _Loader.LoaderSize.full
   })), _react.default.createElement(_Loader.Loader, {

package/dist/main/components/Sentiment/SentimentLoader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SentimentLoader.js","names":["_react","_interopRequireDefault","require","_Loader","e","__esModule","default","SentimentLoader","_ref","height","createElement","Fragment","Loader","size","LoaderSize","md","className","~~concat","~~full","exports"],"sources":["../../../../src/components/Sentiment/SentimentLoader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Loader, LoaderSize } from '../Loader';\nimport type { SentimentLoaderProps } from './types';\n\nconst SentimentLoader = ({ height }: SentimentLoaderProps) => (\n <>\n <Loader size={LoaderSize.md} />\n <div className={`${height} lw-mx-2 lw-w-full`}>\n <Loader size={LoaderSize.full} />\n </div>\n <Loader size={LoaderSize.md} />\n </>\n);\n\nexport { SentimentLoader };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAA+C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG/C,MAAMG,eAAe,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAA6B,CAAC,GAAAD,IAAA;EAAA,OACvDR,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAAAV,MAAA,CAAAM,OAAA,CAAAK,QAAA,QACEX,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,OAAA,CAAAS,MAAM;IAACC,IAAI,EAAEC,kBAAU,CAACC;EAAG,CAAE,CAAC,EAC/Bf,MAAA,CAAAM,OAAA,CAAAI,aAAA;IAAKM,SAAS,~~KAAAC~~,~~MAAA~~,~~CAAKR,~~MAAM;EAAqB,GAC5CT,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,OAAA,CAAAS,MAAM;IAACC,IAAI,EAAEC,kBAAU,~~CAACI~~;EAAK,CAAE,CAC7B,CAAC,~~EACNlB~~,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,OAAA,CAAAS,MAAM;IAACC,IAAI,EAAEC,kBAAU,CAACC;EAAG,CAAE,CAC9B,CAAC;AAAA,CACJ;~~AAACI~~,OAAA,~~CAAAZ~~,eAAA,GAAAA,eAAA","ignoreList":[]}
1	+ {"version":3,"file":"SentimentLoader.js","names":["_react","_interopRequireDefault","require","_Loader","e","__esModule","default","SentimentLoader","_ref","height","createElement","Fragment","Loader","size","LoaderSize","md","className","full","exports"],"sources":["../../../../src/components/Sentiment/SentimentLoader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Loader, LoaderSize } from '../Loader';\nimport type { SentimentLoaderProps } from './types';\n\nconst SentimentLoader = ({ height }: SentimentLoaderProps) => (\n <>\n <Loader size={LoaderSize.md} />\n <div className={`${height} lw-mx-2 lw-w-full`}>\n <Loader size={LoaderSize.full} />\n </div>\n <Loader size={LoaderSize.md} />\n </>\n);\n\nexport { SentimentLoader };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAA+C,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG/C,MAAMG,eAAe,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAA6B,CAAC,GAAAD,IAAA;EAAA,OACvDR,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAAAV,MAAA,CAAAM,OAAA,CAAAK,QAAA,QACEX,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,OAAA,CAAAS,MAAM;IAACC,IAAI,EAAEC,kBAAU,CAACC;EAAG,CAAE,CAAC,EAC/Bf,MAAA,CAAAM,OAAA,CAAAI,aAAA;IAAKM,SAAS,EAAE,GAAGP,MAAM;EAAqB,GAC5CT,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,OAAA,CAAAS,MAAM;IAACC,IAAI,EAAEC,kBAAU,CAACG;EAAK,CAAE,CAC7B,CAAC,EACNjB,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,OAAA,CAAAS,MAAM;IAACC,IAAI,EAAEC,kBAAU,CAACC;EAAG,CAAE,CAC9B,CAAC;AAAA,CACJ;AAACG,OAAA,CAAAX,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/main/components/Sentiment/utils.js CHANGED Viewed

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.sentimentHasData = void 0;
 const sentimentHasData = sentiment => {
-  const longPercent = (sentiment === null || sentiment === void 0 ? void 0 : sentiment.longPercent) !== undefined;
-  const shortPercent = (sentiment === null || sentiment === void 0 ? void 0 : sentiment.shortPercent) !== undefined;
-  const noData = (sentiment === null || sentiment === void 0 ? void 0 : sentiment.shortPercent) === 0 && (sentiment === null || sentiment === void 0 ? void 0 : sentiment.longPercent) === 0;
+  const longPercent = sentiment?.longPercent !== undefined;
+  const shortPercent = sentiment?.shortPercent !== undefined;
+  const noData = sentiment?.shortPercent === 0 && sentiment?.longPercent === 0;
   return longPercent && shortPercent && !noData;
 };
 exports.sentimentHasData = sentimentHasData;

package/dist/main/components/Sentiment/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","names":["sentimentHasData","sentiment","longPercent","undefined","shortPercent","noData","exports"],"sources":["../../../../src/components/Sentiment/utils.ts"],"sourcesContent":["import type { SentimentPercentage } from './types';\n\nconst sentimentHasData = (sentiment: SentimentPercentage \| undefined) => {\n const longPercent = sentiment?.longPercent !== undefined;\n const shortPercent = sentiment?.shortPercent !== undefined;\n const noData = sentiment?.shortPercent === 0 && sentiment?.longPercent === 0;\n\n return longPercent && shortPercent && !noData;\n};\n\nexport { sentimentHasData };\n"],"mappings":";;;;;;AAEA,MAAMA,gBAAgB,GAAIC,SAA0C,IAAK;EACvE,MAAMC,WAAW,~~GAAG~~,~~CAAAD,~~SAAS,~~aAATA~~,~~SAAS,uBAATA,SAAS,CAAEC,~~WAAW,~~MAAKC~~,SAAS;EACxD,MAAMC,YAAY,~~GAAG~~,~~CAAAH,~~SAAS,~~aAATA~~,~~SAAS,uBAATA,SAAS,CAAEG,~~YAAY,~~MAAKD~~,SAAS;EAC1D,MAAME,MAAM,~~GAAG~~,~~CAAAJ,~~SAAS,~~aAATA~~,~~SAAS,uBAATA,SAAS,CAAEG,~~YAAY,~~MAAK~~,CAAC,~~IAAI~~,~~CAAAH,~~SAAS,~~aAATA~~,~~SAAS,uBAATA,SAAS,CAAEC,~~WAAW,~~MAAK~~,CAAC;EAE5E,OAAOA,WAAW,IAAIE,YAAY,IAAI,CAACC,MAAM;AAC/C,CAAC;AAACC,OAAA,CAAAN,gBAAA,GAAAA,gBAAA","ignoreList":[]}
1	+ {"version":3,"file":"utils.js","names":["sentimentHasData","sentiment","longPercent","undefined","shortPercent","noData","exports"],"sources":["../../../../src/components/Sentiment/utils.ts"],"sourcesContent":["import type { SentimentPercentage } from './types';\n\nconst sentimentHasData = (sentiment: SentimentPercentage \| undefined) => {\n const longPercent = sentiment?.longPercent !== undefined;\n const shortPercent = sentiment?.shortPercent !== undefined;\n const noData = sentiment?.shortPercent === 0 && sentiment?.longPercent === 0;\n\n return longPercent && shortPercent && !noData;\n};\n\nexport { sentimentHasData };\n"],"mappings":";;;;;;AAEA,MAAMA,gBAAgB,GAAIC,SAA0C,IAAK;EACvE,MAAMC,WAAW,GAAGD,SAAS,EAAEC,WAAW,KAAKC,SAAS;EACxD,MAAMC,YAAY,GAAGH,SAAS,EAAEG,YAAY,KAAKD,SAAS;EAC1D,MAAME,MAAM,GAAGJ,SAAS,EAAEG,YAAY,KAAK,CAAC,IAAIH,SAAS,EAAEC,WAAW,KAAK,CAAC;EAE5E,OAAOA,WAAW,IAAIE,YAAY,IAAI,CAACC,MAAM;AAC/C,CAAC;AAACC,OAAA,CAAAN,gBAAA,GAAAA,gBAAA","ignoreList":[]}

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

@@ -56,14 +56,14 @@ const Switch = _ref => {
       'lw-transition-width lw-duration-300': isTransitionEnabled
     }),
     style: {
-      transform: "translateX(".concat(bgOffset, "px)"),
-      width: "".concat(bgWidth, "px")
+      transform: `translateX(${bgOffset}px)`,
+      width: `${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: "".concat(item.id, "-item"),
+    key: `${item.id}-item`,
     equalSize: equalSize,
     handleClick: onClick,
     handleRender: onItemRender,

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

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

package/dist/main/components/Table/TableCell.js CHANGED Viewed

@@ -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 ".concat(classNames), {
+    className: (0, _classnames.default)(`lw-h-[inherit] lw-p-0 lw-font-sans ${classNames}`, {
       'lw-text-right': type === 'number',
       'lw-text-left': type === 'text',
       'lw-text-center': type === 'textCentered'

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

	@@ -1 +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","~~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":[]}
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":[]}

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

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

	@@ -1 +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","~~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":[]}
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":[]}

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

@@ -13,7 +13,6 @@ 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,
@@ -41,7 +40,7 @@ const CardRecordRow = _ref => {
       tooltipId: tooltipId
     })
   }, activeColumns.includes(_types.DataRecordType.CHART) && _react.default.createElement(_rows.LineChartCardRow, {
-    chart: (_record$chart = record.chart) !== null && _record$chart !== void 0 ? _record$chart : [],
+    chart: record.chart ?? [],
     isLoading: !!isChartLoading,
     percentChange: updatedRecord.dailyPercentChange
   })), _react.default.createElement(_CardRenderer.CardRenderer, {

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

	@@ -1 +1 @@
1	- {"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":[]}
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":[]}

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

@@ -54,12 +54,9 @@ const CardRenderer = _ref => {
       sentiment: record.sentiment
     })
   };
-  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);
-  });
+  return activeColumns.map(item => _react.default.createElement(_react.default.Fragment, {
+    key: item
+  }, allColumns[item]?.() ?? null));
 };
 exports.CardRenderer = CardRenderer;
 //# sourceMappingURL=CardRenderer.js.map

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

	@@ -1 +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","~~_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":";;;;;;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~~;IAAA~~,~~IAAAC~~,~~gBAAA,EAAAC,iBAAA;IAAA,OAC5B1C,~~MAAA,CAAAM,OAAA,CAAAY,aAAA,CAAClB,MAAA,CAAAM,OAAK,~~CAACqC~~,QAAQ;~~MAACC~~,GAAG,~~EAAEJ~~;~~IAAK~~,~~IAAAC~~,~~gBAAA,IAAAC,iBAAA,GAAE3B,~~UAAU,CAACyB,IAAI,CAAC,~~cAAAE~~,~~iBAAA,uBAAhBA,iBAAA,CAAAG,IAAA,CAAA9B,UAAmB,~~CAAC,~~cAAA0B~~,~~gBAAA,cAAAA,gBAAA,GAAI,~~IAAqB,~~CAAC;EAAA~~,~~CAC3E,~~CAAC;AACJ,CAAC;~~AAACK~~,OAAA,~~CAAAvC~~,YAAA,GAAAA,YAAA","ignoreList":[]}
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":[]}

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

@@ -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_".concat(startIndex + index)
+    key: `card_${startIndex + index}`
   }, renderCard({
     record,
     idx: startIndex + index + 1,