@oanda/labs-widget-common 1.0.251 → 1.0.253

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

@@ -1,11 +1,18 @@
-import React from 'react';
-import { useVisibleLiveDataRecord } from '../../hooks';
-import { DataRecordType } from '../../types';
-import { Card, CardHeader } from '../Card';
-import { LineChartCardRow } from '../Card/rows';
-import { Truncate } from '../Truncate';
-import { CardRenderer } from './CardRenderer';
-export const CardRecordRow = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardRecordRow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _hooks = require("../../hooks");
+var _types = require("../../types");
+var _Card = require("../Card");
+var _rows = require("../Card/rows");
+var _Truncate = require("../Truncate");
+var _CardRenderer = require("./CardRenderer");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CardRecordRow = _ref => {
   let {
     record,
     target,
@@ -20,27 +27,28 @@ export const CardRecordRow = _ref => {
     updatedRecord,
     error,
     ref
-  } = useVisibleLiveDataRecord(record, record.instrument ? target : null);
-  return React.createElement(Card, {
+  } = (0, _hooks.useVisibleLiveDataRecord)(record, record.instrument ? target : null);
+  return _react.default.createElement(_Card.Card, {
     ref: ref,
     "data-testid": "card",
     withoutBottomBorder: !isLast
-  }, React.createElement(CardHeader, {
+  }, _react.default.createElement(_Card.CardHeader, {
     isLoading: isLoading,
     number: index,
-    title: React.createElement(Truncate, {
+    title: _react.default.createElement(_Truncate.Truncate, {
       text: record.displayName,
       tooltipId: tooltipId
     })
-  }, activeColumns.includes(DataRecordType.CHART) && React.createElement(LineChartCardRow, {
+  }, activeColumns.includes(_types.DataRecordType.CHART) && _react.default.createElement(_rows.LineChartCardRow, {
     chart: record.chart ?? [],
     isLoading: !!isChartLoading,
     percentChange: updatedRecord.dailyPercentChange
-  })), React.createElement(CardRenderer, {
+  })), _react.default.createElement(_CardRenderer.CardRenderer, {
     activeColumns: activeColumns,
     isError: !!error,
     isLoading: isLoading,
     record: updatedRecord
   }));
 };
+exports.CardRecordRow = CardRecordRow;
 //# sourceMappingURL=CardRecordRow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardRecordRow.js","names":["React","useVisibleLiveDataRecord","DataRecordType","Card","CardHeader","LineChartCardRow","Truncate","CardRenderer","CardRecordRow","_ref","record","target","isLast","isLoading","isChartLoading","activeColumns","tooltipId","index","updatedRecord","error","ref","instrument","createElement","withoutBottomBorder","number","title","text","displayName","includes","CHART","chart","percentChange","dailyPercentChange","isError"],"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,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,wBAAwB,QAAQ,aAAa;AAEtD,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,IAAI,EAAEC,UAAU,QAAQ,SAAS;AAC1C,SAASC,gBAAgB,QAAQ,cAAc;AAC/C,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,YAAY,QAAQ,gBAAgB;AAa7C,OAAO,MAAMC,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,GAAGnB,wBAAwB,CAC5DS,MAAM,EACNA,MAAM,CAACW,UAAU,GAAGV,MAAM,GAAG,IAC/B,CAAC;EAED,OACEX,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IAACiB,GAAG,EAAEA,GAAI;IAAC,eAAY,MAAM;IAACG,mBAAmB,EAAE,CAACX;EAAO,GAC9DZ,KAAA,CAAAsB,aAAA,CAAClB,UAAU;IACTS,SAAS,EAAEA,SAAU;IACrBW,MAAM,EAAEP,KAAM;IACdQ,KAAK,EAAEzB,KAAA,CAAAsB,aAAA,CAAChB,QAAQ;MAACoB,IAAI,EAAEhB,MAAM,CAACiB,WAAY;MAACX,SAAS,EAAEA;IAAU,CAAE;EAAE,GAEnED,aAAa,CAACa,QAAQ,CAAC1B,cAAc,CAAC2B,KAAK,CAAC,IAC3C7B,KAAA,CAAAsB,aAAA,CAACjB,gBAAgB;IACfyB,KAAK,EAAEpB,MAAM,CAACoB,KAAK,IAAI,EAAG;IAC1BjB,SAAS,EAAE,CAAC,CAACC,cAAe;IAC5BiB,aAAa,EAAEb,aAAa,CAACc;EAAmB,CACjD,CAEO,CAAC,EACbhC,KAAA,CAAAsB,aAAA,CAACf,YAAY;IACXQ,aAAa,EAAEA,aAAc;IAC7BkB,OAAO,EAAE,CAAC,CAACd,KAAM;IACjBN,SAAS,EAAEA,SAAU;IACrBH,MAAM,EAAEQ;EAAc,CACvB,CACG,CAAC;AAEX,CAAC","ignoreList":[]}
+{"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/module/components/TableWidget/CardRenderer.js

@@ -1,8 +1,15 @@
-import { useLocale } from '@oanda/mono-i18n';
-import React from 'react';
-import { DataRecordType } from '../../types';
-import { DailyChangeCardRow, PriceCardRow, SentimentCardRow, SpreadCardRow } from '../Card/rows';
-export const CardRenderer = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CardRenderer = void 0;
+var _monoI18n = require("@oanda/mono-i18n");
+var _react = _interopRequireDefault(require("react"));
+var _types = require("../../types");
+var _rows = require("../Card/rows");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CardRenderer = _ref => {
   let {
     activeColumns,
     record,
@@ -11,9 +18,9 @@ export const CardRenderer = _ref => {
   } = _ref;
   const {
     lang
-  } = useLocale();
+  } = (0, _monoI18n.useLocale)();
   const allColumns = {
-    [DataRecordType.SELL]: () => React.createElement(PriceCardRow, {
+    [_types.DataRecordType.SELL]: () => _react.default.createElement(_rows.PriceCardRow, {
       displayPrecision: record.displayPrecision,
       isError: isError,
       isLoading: isLoading,
@@ -21,7 +28,7 @@ export const CardRenderer = _ref => {
       price: record.sell,
       priceMovement: record.sellPriceMovement
     }),
-    [DataRecordType.BUY]: () => React.createElement(PriceCardRow, {
+    [_types.DataRecordType.BUY]: () => _react.default.createElement(_rows.PriceCardRow, {
       displayPrecision: record.displayPrecision,
       isError: isError,
       isLoading: isLoading,
@@ -29,26 +36,27 @@ export const CardRenderer = _ref => {
       price: record.buy,
       priceMovement: record.buyPriceMovement
     }),
-    [DataRecordType.DAILY_CHANGE]: () => React.createElement(DailyChangeCardRow, {
+    [_types.DataRecordType.DAILY_CHANGE]: () => _react.default.createElement(_rows.DailyChangeCardRow, {
       dailyPercentChange: record.dailyPercentChange,
       isError: isError,
       isLoading: isLoading,
       label: lang('daily_percent_change')
     }),
-    [DataRecordType.SPREAD]: () => React.createElement(SpreadCardRow, {
+    [_types.DataRecordType.SPREAD]: () => _react.default.createElement(_rows.SpreadCardRow, {
       isError: isError,
       isLoading: isLoading,
       label: lang('spread'),
       value: record.spread
     }),
-    [DataRecordType.SENTIMENT]: () => React.createElement(SentimentCardRow, {
+    [_types.DataRecordType.SENTIMENT]: () => _react.default.createElement(_rows.SentimentCardRow, {
       isLoading: isLoading,
       label: lang('sentiment'),
       sentiment: record.sentiment
     })
   };
-  return activeColumns.map(item => React.createElement(React.Fragment, {
+  return activeColumns.map(item => _react.default.createElement(_react.default.Fragment, {
     key: item
   }, allColumns[item]?.() ?? null));
 };
+exports.CardRenderer = CardRenderer;
 //# sourceMappingURL=CardRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CardRenderer.js","names":["useLocale","React","DataRecordType","DailyChangeCardRow","PriceCardRow","SentimentCardRow","SpreadCardRow","CardRenderer","_ref","activeColumns","record","isError","isLoading","lang","allColumns","SELL","createElement","displayPrecision","label","price","sell","priceMovement","sellPriceMovement","BUY","buy","buyPriceMovement","DAILY_CHANGE","dailyPercentChange","SPREAD","value","spread","SENTIMENT","sentiment","map","item","Fragment","key"],"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,SAASA,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,KAAK,MAAM,OAAO;AAGzB,SAASC,cAAc,QAAQ,aAAa;AAC5C,SACEC,kBAAkB,EAClBC,YAAY,EACZC,gBAAgB,EAChBC,aAAa,QACR,cAAc;AASrB,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAKH;EAAA,IALI;IAC3BC,aAAa;IACbC,MAAM;IACNC,OAAO;IACPC;EACiB,CAAC,GAAAJ,IAAA;EAClB,MAAM;IAAEK;EAAK,CAAC,GAAGb,SAAS,CAAC,CAAC;EAE5B,MAAMc,UAA8D,GAAG;IACrE,CAACZ,cAAc,CAACa,IAAI,GAAG,MACrBd,KAAA,CAAAe,aAAA,CAACZ,YAAY;MACXa,gBAAgB,EAAEP,MAAM,CAACO,gBAAiB;MAC1CN,OAAO,EAAEA,OAAQ;MACjBC,SAAS,EAAEA,SAAU;MACrBM,KAAK,EAAEL,IAAI,CAAC,YAAY,CAAE;MAC1BM,KAAK,EAAET,MAAM,CAACU,IAAK;MACnBC,aAAa,EAAEX,MAAM,CAACY;IAAkB,CACzC,CACF;IACD,CAACpB,cAAc,CAACqB,GAAG,GAAG,MACpBtB,KAAA,CAAAe,aAAA,CAACZ,YAAY;MACXa,gBAAgB,EAAEP,MAAM,CAACO,gBAAiB;MAC1CN,OAAO,EAAEA,OAAQ;MACjBC,SAAS,EAAEA,SAAU;MACrBM,KAAK,EAAEL,IAAI,CAAC,WAAW,CAAE;MACzBM,KAAK,EAAET,MAAM,CAACc,GAAI;MAClBH,aAAa,EAAEX,MAAM,CAACe;IAAiB,CACxC,CACF;IACD,CAACvB,cAAc,CAACwB,YAAY,GAAG,MAC7BzB,KAAA,CAAAe,aAAA,CAACb,kBAAkB;MACjBwB,kBAAkB,EAAEjB,MAAM,CAACiB,kBAAmB;MAC9ChB,OAAO,EAAEA,OAAQ;MACjBC,SAAS,EAAEA,SAAU;MACrBM,KAAK,EAAEL,IAAI,CAAC,sBAAsB;IAAE,CACrC,CACF;IACD,CAACX,cAAc,CAAC0B,MAAM,GAAG,MACvB3B,KAAA,CAAAe,aAAA,CAACV,aAAa;MACZK,OAAO,EAAEA,OAAQ;MACjBC,SAAS,EAAEA,SAAU;MACrBM,KAAK,EAAEL,IAAI,CAAC,QAAQ,CAAE;MACtBgB,KAAK,EAAEnB,MAAM,CAACoB;IAAO,CACtB,CACF;IACD,CAAC5B,cAAc,CAAC6B,SAAS,GAAG,MAC1B9B,KAAA,CAAAe,aAAA,CAACX,gBAAgB;MACfO,SAAS,EAAEA,SAAU;MACrBM,KAAK,EAAEL,IAAI,CAAC,WAAW,CAAE;MACzBmB,SAAS,EAAEtB,MAAM,CAACsB;IAAU,CAC7B;EAEL,CAAC;EAED,OAAOvB,aAAa,CAACwB,GAAG,CAAEC,IAAI,IAC5BjC,KAAA,CAAAe,aAAA,CAACf,KAAK,CAACkC,QAAQ;IAACC,GAAG,EAAEF;EAAK,GAAEpB,UAAU,CAACoB,IAAI,CAAC,GAAG,CAAC,IAAI,IAAqB,CAC1E,CAAC;AACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"CardRenderer.js","names":["_monoI18n","require","_react","_interopRequireDefault","_types","_rows","e","__esModule","default","CardRenderer","_ref","activeColumns","record","isError","isLoading","lang","useLocale","allColumns","DataRecordType","SELL","createElement","PriceCardRow","displayPrecision","label","price","sell","priceMovement","sellPriceMovement","BUY","buy","buyPriceMovement","DAILY_CHANGE","DailyChangeCardRow","dailyPercentChange","SPREAD","SpreadCardRow","value","spread","SENTIMENT","SentimentCardRow","sentiment","map","item","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/module/components/TableWidget/Cards.js

@@ -1,6 +1,13 @@
-import { Card, ChartError } from '@oanda/labs-widget-common';
-import React from 'react';
-export const Cards = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Cards = void 0;
+var _labsWidgetCommon = require("@oanda/labs-widget-common");
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Cards = _ref => {
   let {
     records,
     isError,
@@ -10,11 +17,11 @@ export const Cards = _ref => {
   } = _ref;
   const recordsOrEmptyRecords = records.length > 0 ? records : new Array(emptyCardsCount).fill({});
   if (isError) {
-    return React.createElement(Card, null, React.createElement("div", {
+    return _react.default.createElement(_labsWidgetCommon.Card, null, _react.default.createElement("div", {
       className: "lw-flex lw-h-[150px] lw-w-full lw-items-center lw-justify-center"
-    }, React.createElement(ChartError, null)));
+    }, _react.default.createElement(_labsWidgetCommon.ChartError, null)));
   }
-  return React.createElement(React.Fragment, null, recordsOrEmptyRecords.map((record, index) => React.createElement("div", {
+  return _react.default.createElement(_react.default.Fragment, null, recordsOrEmptyRecords.map((record, index) => _react.default.createElement("div", {
     key: `card_${startIndex + index}`
   }, renderCard({
     record,
@@ -22,4 +29,5 @@ export const Cards = _ref => {
     isLast: index + 1 === recordsOrEmptyRecords.length
   }))));
 };
+exports.Cards = Cards;
 //# sourceMappingURL=Cards.js.map

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

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

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

@@ -1,8 +1,15 @@
-import React from 'react';
-import { DataRecordType } from '../../types';
-import { LoaderSize } from '../Loader';
-import { ChartColumn, DailyChangeColumn, PriceColumn, SentimentColumn, SpreadColumn, TableCell } from '../Table';
-export const ColumnRenderer = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ColumnRenderer = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _types = require("../../types");
+var _Loader = require("../Loader");
+var _Table = require("../Table");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ColumnRenderer = _ref => {
   let {
     record,
     isLoading,
@@ -12,76 +19,77 @@ export const ColumnRenderer = _ref => {
     chart
   } = _ref;
   const allColumns = {
-    [DataRecordType.SELL]: () => React.createElement(PriceColumn, {
-      column: DataRecordType.SELL,
+    [_types.DataRecordType.SELL]: () => _react.default.createElement(_Table.PriceColumn, {
+      column: _types.DataRecordType.SELL,
       displayPrecision: record.displayPrecision,
       isError: isError,
       isLoading: isLoading,
       price: record.sell,
       priceMovement: record.sellPriceMovement
     }),
-    [DataRecordType.BUY]: () => React.createElement(PriceColumn, {
-      column: DataRecordType.BUY,
+    [_types.DataRecordType.BUY]: () => _react.default.createElement(_Table.PriceColumn, {
+      column: _types.DataRecordType.BUY,
       displayPrecision: record.displayPrecision,
       isError: isError,
       isLoading: isLoading,
       price: record.buy,
       priceMovement: record.buyPriceMovement
     }),
-    [DataRecordType.DAILY_CHANGE]: () => React.createElement(DailyChangeColumn, {
+    [_types.DataRecordType.DAILY_CHANGE]: () => _react.default.createElement(_Table.DailyChangeColumn, {
       dailyPercentChange: record.dailyPercentChange,
       isError: isError,
       isLoading: isLoading
     }),
-    [DataRecordType.CHART]: () => React.createElement(ChartColumn, {
+    [_types.DataRecordType.CHART]: () => _react.default.createElement(_Table.ChartColumn, {
       chart: chart ?? [],
       isLoading: !!isChartLoading,
       percentChange: record.dailyPercentChange
     }),
-    [DataRecordType.SPREAD]: () => React.createElement(SpreadColumn, {
+    [_types.DataRecordType.SPREAD]: () => _react.default.createElement(_Table.SpreadColumn, {
       isError: isError,
       isLoading: isLoading,
       value: record.spread
     }),
-    [DataRecordType.SENTIMENT]: () => React.createElement(SentimentColumn, {
+    [_types.DataRecordType.SENTIMENT]: () => _react.default.createElement(_Table.SentimentColumn, {
       isLoading: isLoading,
       sentiment: record.sentiment
     }),
-    [DataRecordType.HIGH]: () => React.createElement(TableCell, {
-      key: DataRecordType.SPREAD,
+    [_types.DataRecordType.HIGH]: () => _react.default.createElement(_Table.TableCell, {
+      key: _types.DataRecordType.SPREAD,
       isError: isError,
       isLoading: isLoading || record.high === undefined && !isError,
-      loaderSize: LoaderSize.sm
-    }, React.createElement("span", null, record.high)),
-    [DataRecordType.LOW]: () => React.createElement(TableCell, {
-      key: DataRecordType.LOW,
+      loaderSize: _Loader.LoaderSize.sm
+    }, _react.default.createElement("span", null, record.high)),
+    [_types.DataRecordType.LOW]: () => _react.default.createElement(_Table.TableCell, {
+      key: _types.DataRecordType.LOW,
       isError: isError,
       isLoading: isLoading || record.low === undefined && !isError,
-      loaderSize: LoaderSize.sm
-    }, React.createElement("span", null, record.low)),
-    [DataRecordType.SYMBOL]: () => React.createElement(TableCell, {
-      key: DataRecordType.SYMBOL,
+      loaderSize: _Loader.LoaderSize.sm
+    }, _react.default.createElement("span", null, record.low)),
+    [_types.DataRecordType.SYMBOL]: () => _react.default.createElement(_Table.TableCell, {
+      key: _types.DataRecordType.SYMBOL,
       isError: isError,
       isLoading: isLoading,
-      loaderSize: LoaderSize.md,
+      loaderSize: _Loader.LoaderSize.md,
       type: "textCentered"
-    }, React.createElement("span", null, record.instrument)),
-    [DataRecordType.TRADE_MODE]: () => React.createElement(TableCell, {
-      key: DataRecordType.TRADE_MODE,
+    }, _react.default.createElement("span", null, record.instrument)),
+    [_types.DataRecordType.TRADE_MODE]: () => _react.default.createElement(_Table.TableCell, {
+      key: _types.DataRecordType.TRADE_MODE,
       additionalPaddingRight: true,
       isError: isError,
       isLoading: isLoading,
-      loaderSize: LoaderSize.sm
-    }, React.createElement("span", null, record.tradeMode)),
-    [DataRecordType.DATA_SOURCE]: () => React.createElement(TableCell, {
-      key: DataRecordType.TRADE_MODE,
+      loaderSize: _Loader.LoaderSize.sm
+    }, _react.default.createElement("span", null, record.tradeMode)),
+    [_types.DataRecordType.DATA_SOURCE]: () => _react.default.createElement(_Table.TableCell, {
+      key: _types.DataRecordType.TRADE_MODE,
       isError: !record.dataSource,
       isLoading: isLoading,
-      loaderSize: LoaderSize.sm
-    }, React.createElement("span", null, record.dataSource))
+      loaderSize: _Loader.LoaderSize.sm
+    }, _react.default.createElement("span", null, record.dataSource))
   };
-  return activeColumns.map(item => React.createElement(React.Fragment, {
+  return activeColumns.map(item => _react.default.createElement(_react.default.Fragment, {
     key: item
   }, allColumns[item]?.() ?? null));
 };
+exports.ColumnRenderer = ColumnRenderer;
 //# sourceMappingURL=ColumnRenderer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnRenderer.js","names":["React","DataRecordType","LoaderSize","ChartColumn","DailyChangeColumn","PriceColumn","SentimentColumn","SpreadColumn","TableCell","ColumnRenderer","_ref","record","isLoading","isChartLoading","isError","activeColumns","chart","allColumns","SELL","createElement","column","displayPrecision","price","sell","priceMovement","sellPriceMovement","BUY","buy","buyPriceMovement","DAILY_CHANGE","dailyPercentChange","CHART","percentChange","SPREAD","value","spread","SENTIMENT","sentiment","HIGH","key","high","undefined","loaderSize","sm","LOW","low","SYMBOL","md","type","instrument","TRADE_MODE","additionalPaddingRight","tradeMode","DATA_SOURCE","dataSource","map","item","Fragment"],"sources":["../../../../src/components/TableWidget/ColumnRenderer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { type DataRecord, DataRecordType } from '../../types';\nimport { LoaderSize } from '../Loader';\nimport {\n  ChartColumn,\n  DailyChangeColumn,\n  PriceColumn,\n  SentimentColumn,\n  SpreadColumn,\n  TableCell,\n} from '../Table';\n\ninterface ColumnRendererProps {\n  record: DataRecord;\n  chart?: number[];\n  isLoading: boolean;\n  isChartLoading?: boolean;\n  isError: boolean;\n  activeColumns: DataRecordType[];\n}\n\nexport const ColumnRenderer = ({\n  record,\n  isLoading,\n  isChartLoading,\n  isError,\n  activeColumns,\n  chart,\n}: ColumnRendererProps) => {\n  const allColumns: Partial<Record<DataRecordType, () => JSX.Element>> = {\n    [DataRecordType.SELL]: () => (\n      <PriceColumn\n        column={DataRecordType.SELL}\n        displayPrecision={record.displayPrecision}\n        isError={isError}\n        isLoading={isLoading}\n        price={record.sell}\n        priceMovement={record.sellPriceMovement}\n      />\n    ),\n    [DataRecordType.BUY]: () => (\n      <PriceColumn\n        column={DataRecordType.BUY}\n        displayPrecision={record.displayPrecision}\n        isError={isError}\n        isLoading={isLoading}\n        price={record.buy}\n        priceMovement={record.buyPriceMovement}\n      />\n    ),\n    [DataRecordType.DAILY_CHANGE]: () => (\n      <DailyChangeColumn\n        dailyPercentChange={record.dailyPercentChange}\n        isError={isError}\n        isLoading={isLoading}\n      />\n    ),\n    [DataRecordType.CHART]: () => (\n      <ChartColumn\n        chart={chart ?? []}\n        isLoading={!!isChartLoading}\n        percentChange={record.dailyPercentChange}\n      />\n    ),\n    [DataRecordType.SPREAD]: () => (\n      <SpreadColumn\n        isError={isError}\n        isLoading={isLoading}\n        value={record.spread}\n      />\n    ),\n    [DataRecordType.SENTIMENT]: () => (\n      <SentimentColumn isLoading={isLoading} sentiment={record.sentiment} />\n    ),\n    [DataRecordType.HIGH]: () => (\n      <TableCell\n        key={DataRecordType.SPREAD}\n        isError={isError}\n        isLoading={isLoading || (record.high === undefined && !isError)}\n        loaderSize={LoaderSize.sm}\n      >\n        <span>{record.high}</span>\n      </TableCell>\n    ),\n    [DataRecordType.LOW]: () => (\n      <TableCell\n        key={DataRecordType.LOW}\n        isError={isError}\n        isLoading={isLoading || (record.low === undefined && !isError)}\n        loaderSize={LoaderSize.sm}\n      >\n        <span>{record.low}</span>\n      </TableCell>\n    ),\n    [DataRecordType.SYMBOL]: () => (\n      <TableCell\n        key={DataRecordType.SYMBOL}\n        isError={isError}\n        isLoading={isLoading}\n        loaderSize={LoaderSize.md}\n        type=\"textCentered\"\n      >\n        <span>{record.instrument}</span>\n      </TableCell>\n    ),\n    [DataRecordType.TRADE_MODE]: () => (\n      <TableCell\n        key={DataRecordType.TRADE_MODE}\n        additionalPaddingRight={true}\n        isError={isError}\n        isLoading={isLoading}\n        loaderSize={LoaderSize.sm}\n      >\n        <span>{record.tradeMode}</span>\n      </TableCell>\n    ),\n    [DataRecordType.DATA_SOURCE]: () => (\n      <TableCell\n        key={DataRecordType.TRADE_MODE}\n        isError={!record.dataSource}\n        isLoading={isLoading}\n        loaderSize={LoaderSize.sm}\n      >\n        <span>{record.dataSource}</span>\n      </TableCell>\n    ),\n  };\n\n  return activeColumns.map((item) => (\n    <React.Fragment key={item}>{allColumns[item]?.() ?? null}</React.Fragment>\n  ));\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ColumnRenderer.js","names":["_react","_interopRequireDefault","require","_types","_Loader","_Table","e","__esModule","default","ColumnRenderer","_ref","record","isLoading","isChartLoading","isError","activeColumns","chart","allColumns","DataRecordType","SELL","createElement","PriceColumn","column","displayPrecision","price","sell","priceMovement","sellPriceMovement","BUY","buy","buyPriceMovement","DAILY_CHANGE","DailyChangeColumn","dailyPercentChange","CHART","ChartColumn","percentChange","SPREAD","SpreadColumn","value","spread","SENTIMENT","SentimentColumn","sentiment","HIGH","TableCell","key","high","undefined","loaderSize","LoaderSize","sm","LOW","low","SYMBOL","md","type","instrument","TRADE_MODE","additionalPaddingRight","tradeMode","DATA_SOURCE","dataSource","map","item","Fragment","exports"],"sources":["../../../../src/components/TableWidget/ColumnRenderer.tsx"],"sourcesContent":["import React from 'react';\n\nimport { type DataRecord, DataRecordType } from '../../types';\nimport { LoaderSize } from '../Loader';\nimport {\n  ChartColumn,\n  DailyChangeColumn,\n  PriceColumn,\n  SentimentColumn,\n  SpreadColumn,\n  TableCell,\n} from '../Table';\n\ninterface ColumnRendererProps {\n  record: DataRecord;\n  chart?: number[];\n  isLoading: boolean;\n  isChartLoading?: boolean;\n  isError: boolean;\n  activeColumns: DataRecordType[];\n}\n\nexport const ColumnRenderer = ({\n  record,\n  isLoading,\n  isChartLoading,\n  isError,\n  activeColumns,\n  chart,\n}: ColumnRendererProps) => {\n  const allColumns: Partial<Record<DataRecordType, () => JSX.Element>> = {\n    [DataRecordType.SELL]: () => (\n      <PriceColumn\n        column={DataRecordType.SELL}\n        displayPrecision={record.displayPrecision}\n        isError={isError}\n        isLoading={isLoading}\n        price={record.sell}\n        priceMovement={record.sellPriceMovement}\n      />\n    ),\n    [DataRecordType.BUY]: () => (\n      <PriceColumn\n        column={DataRecordType.BUY}\n        displayPrecision={record.displayPrecision}\n        isError={isError}\n        isLoading={isLoading}\n        price={record.buy}\n        priceMovement={record.buyPriceMovement}\n      />\n    ),\n    [DataRecordType.DAILY_CHANGE]: () => (\n      <DailyChangeColumn\n        dailyPercentChange={record.dailyPercentChange}\n        isError={isError}\n        isLoading={isLoading}\n      />\n    ),\n    [DataRecordType.CHART]: () => (\n      <ChartColumn\n        chart={chart ?? []}\n        isLoading={!!isChartLoading}\n        percentChange={record.dailyPercentChange}\n      />\n    ),\n    [DataRecordType.SPREAD]: () => (\n      <SpreadColumn\n        isError={isError}\n        isLoading={isLoading}\n        value={record.spread}\n      />\n    ),\n    [DataRecordType.SENTIMENT]: () => (\n      <SentimentColumn isLoading={isLoading} sentiment={record.sentiment} />\n    ),\n    [DataRecordType.HIGH]: () => (\n      <TableCell\n        key={DataRecordType.SPREAD}\n        isError={isError}\n        isLoading={isLoading || (record.high === undefined && !isError)}\n        loaderSize={LoaderSize.sm}\n      >\n        <span>{record.high}</span>\n      </TableCell>\n    ),\n    [DataRecordType.LOW]: () => (\n      <TableCell\n        key={DataRecordType.LOW}\n        isError={isError}\n        isLoading={isLoading || (record.low === undefined && !isError)}\n        loaderSize={LoaderSize.sm}\n      >\n        <span>{record.low}</span>\n      </TableCell>\n    ),\n    [DataRecordType.SYMBOL]: () => (\n      <TableCell\n        key={DataRecordType.SYMBOL}\n        isError={isError}\n        isLoading={isLoading}\n        loaderSize={LoaderSize.md}\n        type=\"textCentered\"\n      >\n        <span>{record.instrument}</span>\n      </TableCell>\n    ),\n    [DataRecordType.TRADE_MODE]: () => (\n      <TableCell\n        key={DataRecordType.TRADE_MODE}\n        additionalPaddingRight={true}\n        isError={isError}\n        isLoading={isLoading}\n        loaderSize={LoaderSize.sm}\n      >\n        <span>{record.tradeMode}</span>\n      </TableCell>\n    ),\n    [DataRecordType.DATA_SOURCE]: () => (\n      <TableCell\n        key={DataRecordType.TRADE_MODE}\n        isError={!record.dataSource}\n        isLoading={isLoading}\n        loaderSize={LoaderSize.sm}\n      >\n        <span>{record.dataSource}</span>\n      </TableCell>\n    ),\n  };\n\n  return activeColumns.map((item) => (\n    <React.Fragment key={item}>{allColumns[item]?.() ?? null}</React.Fragment>\n  ));\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/module/components/TableWidget/DataRecordRow.js

@@ -1,10 +1,17 @@
-import React from 'react';
-import { useVisibleLiveDataRecord } from '../../hooks';
-import { useLayoutProvider } from '../../providers';
-import { InstrumentColumn } from '../Table/columns';
-import { TableRow } from '../Table/TableRow';
-import { ColumnRenderer } from './ColumnRenderer';
-export const DataRecordRow = _ref => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataRecordRow = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _hooks = require("../../hooks");
+var _providers = require("../../providers");
+var _columns = require("../Table/columns");
+var _TableRow = require("../Table/TableRow");
+var _ColumnRenderer = require("./ColumnRenderer");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DataRecordRow = _ref => {
   let {
     record,
     isLoading,
@@ -18,24 +25,24 @@ export const DataRecordRow = _ref => {
   } = _ref;
   const {
     isDark
-  } = useLayoutProvider();
+  } = (0, _providers.useLayoutProvider)();
   const {
     updatedRecord,
     error,
     ref
-  } = useVisibleLiveDataRecord(record, record.instrument ? target : null);
-  return React.createElement(TableRow, {
+  } = (0, _hooks.useVisibleLiveDataRecord)(record, record.instrument ? target : null);
+  return _react.default.createElement(_TableRow.TableRow, {
     ref: ref,
     hasBackgroundColor: hasBackgroundColor,
     isScrolled: isScrolled
-  }, React.createElement(InstrumentColumn, {
+  }, _react.default.createElement(_columns.InstrumentColumn, {
     displayName: record.displayName,
     isDark: isDark,
     isLoading: isLoading,
     isScrolled: isScrolled,
     tooltipId: toolTipId,
     width: instrumentColumnWidth
-  }), React.createElement(ColumnRenderer, {
+  }), _react.default.createElement(_ColumnRenderer.ColumnRenderer, {
     activeColumns: activeColumns,
     chart: record.chart,
     isChartLoading: isChartLoading,
@@ -44,4 +51,5 @@ export const DataRecordRow = _ref => {
     record: updatedRecord
   }));
 };
+exports.DataRecordRow = DataRecordRow;
 //# sourceMappingURL=DataRecordRow.js.map

package/dist/module/components/TableWidget/DataRecordRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataRecordRow.js","names":["React","useVisibleLiveDataRecord","useLayoutProvider","InstrumentColumn","TableRow","ColumnRenderer","DataRecordRow","_ref","record","isLoading","isChartLoading","hasBackgroundColor","target","isScrolled","toolTipId","activeColumns","instrumentColumnWidth","isDark","updatedRecord","error","ref","instrument","createElement","displayName","tooltipId","width","chart","isError"],"sources":["../../../../src/components/TableWidget/DataRecordRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useVisibleLiveDataRecord } from '../../hooks';\nimport { useLayoutProvider } from '../../providers';\nimport type { DataRecord, DataRecordType } from '../../types';\nimport { InstrumentColumn } from '../Table/columns';\nimport { TableRow } from '../Table/TableRow';\nimport { ColumnRenderer } from './ColumnRenderer';\n\nexport interface DataRecordRowProps {\n  isLoading: boolean;\n  isChartLoading?: boolean;\n  record: DataRecord;\n  hasBackgroundColor: boolean;\n  target: EventTarget | null;\n  isScrolled?: boolean;\n  toolTipId: string;\n  instrumentColumnWidth?: string;\n  activeColumns: DataRecordType[];\n}\n\nexport const DataRecordRow = ({\n  record,\n  isLoading,\n  isChartLoading,\n  hasBackgroundColor,\n  target,\n  isScrolled,\n  toolTipId,\n  activeColumns,\n  instrumentColumnWidth,\n}: DataRecordRowProps) => {\n  const { isDark } = useLayoutProvider();\n\n  const { updatedRecord, error, ref } = useVisibleLiveDataRecord(\n    record,\n    record.instrument ? target : null\n  );\n\n  return (\n    <TableRow\n      ref={ref}\n      hasBackgroundColor={hasBackgroundColor}\n      isScrolled={isScrolled}\n    >\n      <InstrumentColumn\n        displayName={record.displayName}\n        isDark={isDark}\n        isLoading={isLoading}\n        isScrolled={isScrolled}\n        tooltipId={toolTipId}\n        width={instrumentColumnWidth}\n      />\n      <ColumnRenderer\n        activeColumns={activeColumns}\n        chart={record.chart}\n        isChartLoading={isChartLoading}\n        isError={!!error}\n        isLoading={isLoading}\n        record={updatedRecord}\n      />\n    </TableRow>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,wBAAwB,QAAQ,aAAa;AACtD,SAASC,iBAAiB,QAAQ,iBAAiB;AAEnD,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,QAAQ,QAAQ,mBAAmB;AAC5C,SAASC,cAAc,QAAQ,kBAAkB;AAcjD,OAAO,MAAMC,aAAa,GAAGC,IAAA,IAUH;EAAA,IAVI;IAC5BC,MAAM;IACNC,SAAS;IACTC,cAAc;IACdC,kBAAkB;IAClBC,MAAM;IACNC,UAAU;IACVC,SAAS;IACTC,aAAa;IACbC;EACkB,CAAC,GAAAT,IAAA;EACnB,MAAM;IAAEU;EAAO,CAAC,GAAGf,iBAAiB,CAAC,CAAC;EAEtC,MAAM;IAAEgB,aAAa;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAGnB,wBAAwB,CAC5DO,MAAM,EACNA,MAAM,CAACa,UAAU,GAAGT,MAAM,GAAG,IAC/B,CAAC;EAED,OACEZ,KAAA,CAAAsB,aAAA,CAAClB,QAAQ;IACPgB,GAAG,EAAEA,GAAI;IACTT,kBAAkB,EAAEA,kBAAmB;IACvCE,UAAU,EAAEA;EAAW,GAEvBb,KAAA,CAAAsB,aAAA,CAACnB,gBAAgB;IACfoB,WAAW,EAAEf,MAAM,CAACe,WAAY;IAChCN,MAAM,EAAEA,MAAO;IACfR,SAAS,EAAEA,SAAU;IACrBI,UAAU,EAAEA,UAAW;IACvBW,SAAS,EAAEV,SAAU;IACrBW,KAAK,EAAET;EAAsB,CAC9B,CAAC,EACFhB,KAAA,CAAAsB,aAAA,CAACjB,cAAc;IACbU,aAAa,EAAEA,aAAc;IAC7BW,KAAK,EAAElB,MAAM,CAACkB,KAAM;IACpBhB,cAAc,EAAEA,cAAe;IAC/BiB,OAAO,EAAE,CAAC,CAACR,KAAM;IACjBV,SAAS,EAAEA,SAAU;IACrBD,MAAM,EAAEU;EAAc,CACvB,CACO,CAAC;AAEf,CAAC","ignoreList":[]}
+{"version":3,"file":"DataRecordRow.js","names":["_react","_interopRequireDefault","require","_hooks","_providers","_columns","_TableRow","_ColumnRenderer","e","__esModule","default","DataRecordRow","_ref","record","isLoading","isChartLoading","hasBackgroundColor","target","isScrolled","toolTipId","activeColumns","instrumentColumnWidth","isDark","useLayoutProvider","updatedRecord","error","ref","useVisibleLiveDataRecord","instrument","createElement","TableRow","InstrumentColumn","displayName","tooltipId","width","ColumnRenderer","chart","isError","exports"],"sources":["../../../../src/components/TableWidget/DataRecordRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useVisibleLiveDataRecord } from '../../hooks';\nimport { useLayoutProvider } from '../../providers';\nimport type { DataRecord, DataRecordType } from '../../types';\nimport { InstrumentColumn } from '../Table/columns';\nimport { TableRow } from '../Table/TableRow';\nimport { ColumnRenderer } from './ColumnRenderer';\n\nexport interface DataRecordRowProps {\n  isLoading: boolean;\n  isChartLoading?: boolean;\n  record: DataRecord;\n  hasBackgroundColor: boolean;\n  target: EventTarget | null;\n  isScrolled?: boolean;\n  toolTipId: string;\n  instrumentColumnWidth?: string;\n  activeColumns: DataRecordType[];\n}\n\nexport const DataRecordRow = ({\n  record,\n  isLoading,\n  isChartLoading,\n  hasBackgroundColor,\n  target,\n  isScrolled,\n  toolTipId,\n  activeColumns,\n  instrumentColumnWidth,\n}: DataRecordRowProps) => {\n  const { isDark } = useLayoutProvider();\n\n  const { updatedRecord, error, ref } = useVisibleLiveDataRecord(\n    record,\n    record.instrument ? target : null\n  );\n\n  return (\n    <TableRow\n      ref={ref}\n      hasBackgroundColor={hasBackgroundColor}\n      isScrolled={isScrolled}\n    >\n      <InstrumentColumn\n        displayName={record.displayName}\n        isDark={isDark}\n        isLoading={isLoading}\n        isScrolled={isScrolled}\n        tooltipId={toolTipId}\n        width={instrumentColumnWidth}\n      />\n      <ColumnRenderer\n        activeColumns={activeColumns}\n        chart={record.chart}\n        isChartLoading={isChartLoading}\n        isError={!!error}\n        isLoading={isLoading}\n        record={updatedRecord}\n      />\n    </TableRow>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AAAkD,SAAAD,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAc3C,MAAMG,aAAa,GAAGC,IAAA,IAUH;EAAA,IAVI;IAC5BC,MAAM;IACNC,SAAS;IACTC,cAAc;IACdC,kBAAkB;IAClBC,MAAM;IACNC,UAAU;IACVC,SAAS;IACTC,aAAa;IACbC;EACkB,CAAC,GAAAT,IAAA;EACnB,MAAM;IAAEU;EAAO,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EAEtC,MAAM;IAAEC,aAAa;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAG,IAAAC,+BAAwB,EAC5Dd,MAAM,EACNA,MAAM,CAACe,UAAU,GAAGX,MAAM,GAAG,IAC/B,CAAC;EAED,OACEjB,MAAA,CAAAU,OAAA,CAAAmB,aAAA,CAACvB,SAAA,CAAAwB,QAAQ;IACPJ,GAAG,EAAEA,GAAI;IACTV,kBAAkB,EAAEA,kBAAmB;IACvCE,UAAU,EAAEA;EAAW,GAEvBlB,MAAA,CAAAU,OAAA,CAAAmB,aAAA,CAACxB,QAAA,CAAA0B,gBAAgB;IACfC,WAAW,EAAEnB,MAAM,CAACmB,WAAY;IAChCV,MAAM,EAAEA,MAAO;IACfR,SAAS,EAAEA,SAAU;IACrBI,UAAU,EAAEA,UAAW;IACvBe,SAAS,EAAEd,SAAU;IACrBe,KAAK,EAAEb;EAAsB,CAC9B,CAAC,EACFrB,MAAA,CAAAU,OAAA,CAAAmB,aAAA,CAACtB,eAAA,CAAA4B,cAAc;IACbf,aAAa,EAAEA,aAAc;IAC7BgB,KAAK,EAAEvB,MAAM,CAACuB,KAAM;IACpBrB,cAAc,EAAEA,cAAe;IAC/BsB,OAAO,EAAE,CAAC,CAACZ,KAAM;IACjBX,SAAS,EAAEA,SAAU;IACrBD,MAAM,EAAEW;EAAc,CACvB,CACO,CAAC;AAEf,CAAC;AAACc,OAAA,CAAA3B,aAAA,GAAAA,aAAA","ignoreList":[]}