@oanda/labs-widget-common 1.0.205 → 1.0.207

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

@@ -7,18 +7,23 @@ export const InstrumentColumn = _ref => {
   let {
     isDark,
     isScrolled,
-    tooltipId,
     isLoading,
-    displayName
+    displayName,
+    width,
+    tooltipId
   } = _ref;
   return React.createElement(TableCell, {
     key: DataRecordType.INSTRUMENT,
-    classNames: cn('lw-font-bold', {
+    classNames: cn('lw-font-bold lw-overflow-hidden', {
       '[&>*:first-child]:lw-border-r [&>*:first-child]:lw-border-border-primary': isDark && isScrolled
     }),
     isLoading: isLoading,
     type: "text"
-  }, React.createElement(Truncate, {
+  }, width ? React.createElement("div", {
+    style: {
+      maxWidth: width
+    }
+  }, displayName) : React.createElement(Truncate, {
     maxWidth: 130,
     text: displayName,
     tooltipId: tooltipId

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

@@ -1 +1 @@
-{"version":3,"file":"InstrumentColumn.js","names":["React","cn","DataRecordType","Truncate","TableCell","InstrumentColumn","_ref","isDark","isScrolled","tooltipId","isLoading","displayName","createElement","key","INSTRUMENT","classNames","type","maxWidth","text"],"sources":["../../../../../src/components/Table/columns/InstrumentColumn.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cn } from '../../../tailwind';\nimport { DataRecordType } from '../../../types';\nimport { Truncate } from '../../Truncate';\nimport { TableCell } from '../TableCell';\n\ninterface InstrumentColumnProps {\n  displayName: string;\n  tooltipId: string;\n  isLoading: boolean;\n  isDark?: boolean;\n  isScrolled?: boolean;\n}\n\nexport const InstrumentColumn = ({\n  isDark,\n  isScrolled,\n  tooltipId,\n  isLoading,\n  displayName,\n}: InstrumentColumnProps) => (\n  <TableCell\n    key={DataRecordType.INSTRUMENT}\n    classNames={cn('lw-font-bold', {\n      '[&>*:first-child]:lw-border-r [&>*:first-child]:lw-border-border-primary':\n        isDark && isScrolled,\n    })}\n    isLoading={isLoading}\n    type=\"text\"\n  >\n    <Truncate maxWidth={130} text={displayName} tooltipId={tooltipId} />\n  </TableCell>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,EAAE,QAAQ,mBAAmB;AACtC,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,SAAS,QAAQ,cAAc;AAUxC,OAAO,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAC/BC,MAAM;IACNC,UAAU;IACVC,SAAS;IACTC,SAAS;IACTC;EACqB,CAAC,GAAAL,IAAA;EAAA,OACtBN,KAAA,CAAAY,aAAA,CAACR,SAAS;IACRS,GAAG,EAAEX,cAAc,CAACY,UAAW;IAC/BC,UAAU,EAAEd,EAAE,CAAC,cAAc,EAAE;MAC7B,0EAA0E,EACxEM,MAAM,IAAIC;IACd,CAAC,CAAE;IACHE,SAAS,EAAEA,SAAU;IACrBM,IAAI,EAAC;EAAM,GAEXhB,KAAA,CAAAY,aAAA,CAACT,QAAQ;IAACc,QAAQ,EAAE,GAAI;IAACC,IAAI,EAAEP,WAAY;IAACF,SAAS,EAAEA;EAAU,CAAE,CAC1D,CAAC;AAAA,CACb","ignoreList":[]}
+{"version":3,"file":"InstrumentColumn.js","names":["React","cn","DataRecordType","Truncate","TableCell","InstrumentColumn","_ref","isDark","isScrolled","isLoading","displayName","width","tooltipId","createElement","key","INSTRUMENT","classNames","type","style","maxWidth","text"],"sources":["../../../../../src/components/Table/columns/InstrumentColumn.tsx"],"sourcesContent":["import React from 'react';\n\nimport { cn } from '../../../tailwind';\nimport { DataRecordType } from '../../../types';\nimport { Truncate } from '../../Truncate';\nimport { TableCell } from '../TableCell';\n\ninterface InstrumentColumnProps {\n  displayName: string;\n  isLoading: boolean;\n  isDark?: boolean;\n  isScrolled?: boolean;\n  width?: string;\n  tooltipId: string;\n}\n\nexport const InstrumentColumn = ({\n  isDark,\n  isScrolled,\n  isLoading,\n  displayName,\n  width,\n  tooltipId,\n}: InstrumentColumnProps) => (\n  <TableCell\n    key={DataRecordType.INSTRUMENT}\n    classNames={cn('lw-font-bold lw-overflow-hidden', {\n      '[&>*:first-child]:lw-border-r [&>*:first-child]:lw-border-border-primary':\n        isDark && isScrolled,\n    })}\n    isLoading={isLoading}\n    type=\"text\"\n  >\n    {width ? (\n      <div style={{ maxWidth: width }}>{displayName}</div>\n    ) : (\n      <Truncate maxWidth={130} text={displayName} tooltipId={tooltipId} />\n    )}\n  </TableCell>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,EAAE,QAAQ,mBAAmB;AACtC,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,QAAQ,QAAQ,gBAAgB;AACzC,SAASC,SAAS,QAAQ,cAAc;AAWxC,OAAO,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAC/BC,MAAM;IACNC,UAAU;IACVC,SAAS;IACTC,WAAW;IACXC,KAAK;IACLC;EACqB,CAAC,GAAAN,IAAA;EAAA,OACtBN,KAAA,CAAAa,aAAA,CAACT,SAAS;IACRU,GAAG,EAAEZ,cAAc,CAACa,UAAW;IAC/BC,UAAU,EAAEf,EAAE,CAAC,iCAAiC,EAAE;MAChD,0EAA0E,EACxEM,MAAM,IAAIC;IACd,CAAC,CAAE;IACHC,SAAS,EAAEA,SAAU;IACrBQ,IAAI,EAAC;EAAM,GAEVN,KAAK,GACJX,KAAA,CAAAa,aAAA;IAAKK,KAAK,EAAE;MAAEC,QAAQ,EAAER;IAAM;EAAE,GAAED,WAAiB,CAAC,GAEpDV,KAAA,CAAAa,aAAA,CAACV,QAAQ;IAACgB,QAAQ,EAAE,GAAI;IAACC,IAAI,EAAEV,WAAY;IAACE,SAAS,EAAEA;EAAU,CAAE,CAE5D,CAAC;AAAA,CACb","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/Table/types.ts"],"sourcesContent":["import type { LoaderSize } from '@oanda/labs-widget-common';\n\nexport interface HeaderColumns {\n  displayName: string;\n  additionalStyles: string;\n}\n\nexport interface TableProps<T> {\n  emptyRowsCount?: number;\n  isError?: boolean;\n  records: T[];\n  headerConfig: HeaderColumns[];\n  renderRow: (record: T, index: number, isScrolled: boolean) => React.ReactNode;\n}\n\nexport interface TableRowProps {\n  hasBackgroundColor: boolean;\n  isScrolled?: boolean;\n  children?: React.ReactNode;\n}\n\nexport interface TableCellProps {\n  children: React.ReactNode;\n  isLoading?: boolean;\n  isError?: boolean;\n  type?: 'text' | 'number';\n  loaderSize?: LoaderSize;\n  classNames?: string;\n  additionalPaddingRight?: boolean;\n}\n\nexport interface TableHeaderProps {\n  columns: HeaderColumns[];\n  isScrolled: boolean;\n  isError: boolean;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/Table/types.ts"],"sourcesContent":["import type { DataRecordType, LoaderSize } from '@oanda/labs-widget-common';\n\nexport interface HeaderColumnsAdditionalStyles {\n  align?: 'left' | 'right' | 'center';\n  minWidth?: string;\n  paddingRight?: boolean;\n}\n\nexport interface HeaderColumns {\n  displayName: string;\n  additionalStyles: HeaderColumnsAdditionalStyles;\n}\n\nexport interface TableProps<T> {\n  emptyRowsCount?: number;\n  isError?: boolean;\n  records: T[];\n  headerConfig: HeaderColumns[];\n  renderRow: (record: T, index: number, isScrolled: boolean) => React.ReactNode;\n}\n\nexport interface TableRowProps {\n  hasBackgroundColor: boolean;\n  isScrolled?: boolean;\n  children?: React.ReactNode;\n}\n\nexport interface TableCellProps {\n  children: React.ReactNode;\n  isLoading?: boolean;\n  isError?: boolean;\n  type?: 'text' | 'textCentered' | 'number';\n  loaderSize?: LoaderSize;\n  classNames?: string;\n  additionalPaddingRight?: boolean;\n}\n\nexport interface TableHeaderProps {\n  columns: HeaderColumns[];\n  isScrolled: boolean;\n  isError: boolean;\n}\n\nexport type HeaderConfigType = {\n  [Key in DataRecordType]?: HeaderColumns;\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -58,7 +58,21 @@ export const ColumnRenderer = _ref => {
       isError: isError,
       isLoading: isLoading || record.low === undefined,
       loaderSize: LoaderSize.sm
-    }, React.createElement("span", null, record.low))
+    }, React.createElement("span", null, record.low)),
+    [DataRecordType.SYMBOL]: () => React.createElement(TableCell, {
+      key: DataRecordType.SYMBOL,
+      isError: isError,
+      isLoading: isLoading,
+      loaderSize: LoaderSize.md,
+      type: "textCentered"
+    }, React.createElement("span", null, record.instrument)),
+    [DataRecordType.TRADE_MODE]: () => React.createElement(TableCell, {
+      key: DataRecordType.TRADE_MODE,
+      additionalPaddingRight: true,
+      isError: isError,
+      isLoading: isLoading,
+      loaderSize: LoaderSize.sm
+    }, React.createElement("span", null, 'Long Only'))
   };
   return activeColumns.map(item => React.createElement(React.Fragment, {
     key: item

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","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}\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}\n        loaderSize={LoaderSize.sm}\n      >\n        <span>{record.low}</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","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","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}\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}\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>{'Long Only'}</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

@@ -13,7 +13,8 @@ export const DataRecordRow = _ref => {
     target,
     isScrolled,
     toolTipId,
-    activeColumns
+    activeColumns,
+    instrumentColumnWidth
   } = _ref;
   const {
     isDark
@@ -32,7 +33,8 @@ export const DataRecordRow = _ref => {
     isDark: isDark,
     isLoading: isLoading,
     isScrolled: isScrolled,
-    tooltipId: toolTipId
+    tooltipId: toolTipId,
+    width: instrumentColumnWidth
   }), React.createElement(ColumnRenderer, {
     activeColumns: activeColumns,
     chart: record.chart,

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","isDark","updatedRecord","error","ref","instrument","createElement","displayName","tooltipId","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  activeColumns: DataRecordType[];\n}\n\nexport const DataRecordRow = ({\n  record,\n  isLoading,\n  isChartLoading,\n  hasBackgroundColor,\n  target,\n  isScrolled,\n  toolTipId,\n  activeColumns,\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      />\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;AAajD,OAAO,MAAMC,aAAa,GAAGC,IAAA,IASH;EAAA,IATI;IAC5BC,MAAM;IACNC,SAAS;IACTC,cAAc;IACdC,kBAAkB;IAClBC,MAAM;IACNC,UAAU;IACVC,SAAS;IACTC;EACkB,CAAC,GAAAR,IAAA;EACnB,MAAM;IAAES;EAAO,CAAC,GAAGd,iBAAiB,CAAC,CAAC;EAEtC,MAAM;IAAEe,aAAa;IAAEC,KAAK;IAAEC;EAAI,CAAC,GAAGlB,wBAAwB,CAC5DO,MAAM,EACNA,MAAM,CAACY,UAAU,GAAGR,MAAM,GAAG,IAC/B,CAAC;EAED,OACEZ,KAAA,CAAAqB,aAAA,CAACjB,QAAQ;IACPe,GAAG,EAAEA,GAAI;IACTR,kBAAkB,EAAEA,kBAAmB;IACvCE,UAAU,EAAEA;EAAW,GAEvBb,KAAA,CAAAqB,aAAA,CAAClB,gBAAgB;IACfmB,WAAW,EAAEd,MAAM,CAACc,WAAY;IAChCN,MAAM,EAAEA,MAAO;IACfP,SAAS,EAAEA,SAAU;IACrBI,UAAU,EAAEA,UAAW;IACvBU,SAAS,EAAET;EAAU,CACtB,CAAC,EACFd,KAAA,CAAAqB,aAAA,CAAChB,cAAc;IACbU,aAAa,EAAEA,aAAc;IAC7BS,KAAK,EAAEhB,MAAM,CAACgB,KAAM;IACpBd,cAAc,EAAEA,cAAe;IAC/Be,OAAO,EAAE,CAAC,CAACP,KAAM;IACjBT,SAAS,EAAEA,SAAU;IACrBD,MAAM,EAAES;EAAc,CACvB,CACO,CAAC;AAEf,CAAC","ignoreList":[]}
+{"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":[]}

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

@@ -25,7 +25,8 @@ export const TableWidget = _ref => {
     timestamp,
     pageNumber,
     count,
-    viewType
+    viewType,
+    instrumentColumnWidth
   } = _ref;
   const {
     lang
@@ -51,6 +52,7 @@ export const TableWidget = _ref => {
       key: `row_${index}`,
       activeColumns: activeColumns,
       hasBackgroundColor: index % 2 === 0,
+      instrumentColumnWidth: instrumentColumnWidth,
       isChartLoading: isChartLoading,
       isLoading: isLoading,
       isScrolled: isScrolled,

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

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

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

@@ -1,2 +1,3 @@
 export * from './TableWidget';
+export * from './utils';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/TableWidget/index.ts"],"sourcesContent":["export * from './TableWidget';\n"],"mappings":"AAAA,cAAc,eAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/TableWidget/index.ts"],"sourcesContent":["export * from './TableWidget';\nexport * from './utils';\n"],"mappings":"AAAA,cAAc,eAAe;AAC7B,cAAc,SAAS","ignoreList":[]}

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

@@ -1,4 +1,7 @@
 import { DataRecordType } from '../../types';
 export const getTableRowIndex = () => ({});
-export const getHeaderConfig = (activeColumns, headerConfig) => [DataRecordType.INSTRUMENT, ...activeColumns].map(item => headerConfig[item]);
+export const getHeaderConfig = (activeColumns, headerConfig) => {
+  const columns = [DataRecordType.INSTRUMENT, ...activeColumns];
+  return columns.map(item => headerConfig[item]).filter(headerCell => headerCell !== undefined);
+};
 //# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["DataRecordType","getTableRowIndex","getHeaderConfig","activeColumns","headerConfig","INSTRUMENT","map","item"],"sources":["../../../../src/components/TableWidget/utils.ts"],"sourcesContent":["import { DataRecordType } from '../../types';\nimport type { HeaderColumns } from '../Table';\n\nexport const getTableRowIndex = () => ({});\n\nexport const getHeaderConfig = (\n  activeColumns: DataRecordType[],\n  headerConfig: Record<DataRecordType, HeaderColumns>\n): HeaderColumns[] =>\n  [DataRecordType.INSTRUMENT, ...activeColumns].map(\n    (item) => headerConfig[item]\n  );\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,aAAa;AAG5C,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,MAAO,CAAC,CAAC,CAAC;AAE1C,OAAO,MAAMC,eAAe,GAAGA,CAC7BC,aAA+B,EAC/BC,YAAmD,KAEnD,CAACJ,cAAc,CAACK,UAAU,EAAE,GAAGF,aAAa,CAAC,CAACG,GAAG,CAC9CC,IAAI,IAAKH,YAAY,CAACG,IAAI,CAC7B,CAAC","ignoreList":[]}
+{"version":3,"file":"utils.js","names":["DataRecordType","getTableRowIndex","getHeaderConfig","activeColumns","headerConfig","columns","INSTRUMENT","map","item","filter","headerCell","undefined"],"sources":["../../../../src/components/TableWidget/utils.ts"],"sourcesContent":["import { DataRecordType } from '../../types';\nimport type { HeaderColumns, HeaderConfigType } from '../Table';\n\nexport const getTableRowIndex = () => ({});\n\nexport const getHeaderConfig = (\n  activeColumns: DataRecordType[],\n  headerConfig: HeaderConfigType\n): HeaderColumns[] => {\n  const columns: DataRecordType[] = [\n    DataRecordType.INSTRUMENT,\n    ...activeColumns,\n  ];\n\n  return columns\n    .map((item) => headerConfig[item])\n    .filter((headerCell) => headerCell !== undefined);\n};\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,aAAa;AAG5C,OAAO,MAAMC,gBAAgB,GAAGA,CAAA,MAAO,CAAC,CAAC,CAAC;AAE1C,OAAO,MAAMC,eAAe,GAAGA,CAC7BC,aAA+B,EAC/BC,YAA8B,KACV;EACpB,MAAMC,OAAyB,GAAG,CAChCL,cAAc,CAACM,UAAU,EACzB,GAAGH,aAAa,CACjB;EAED,OAAOE,OAAO,CACXE,GAAG,CAAEC,IAAI,IAAKJ,YAAY,CAACI,IAAI,CAAC,CAAC,CACjCC,MAAM,CAAEC,UAAU,IAAKA,UAAU,KAAKC,SAAS,CAAC;AACrD,CAAC","ignoreList":[]}

package/dist/module/hooks/useLiveRatesQuery.js

@@ -1,20 +1,17 @@
 import { SET_QUERY_EVENT_NAME } from '../constants';
 import { useLiveRatesProvider } from '../providers';
-export const useLiveRatesQuery = () => {
-  const {
-    target,
-    source
-  } = useLiveRatesProvider();
+export const useLiveRatesQuery = skip => {
+  const liveRates = useLiveRatesProvider(skip);
   const setQuery = query => {
-    target?.dispatchEvent(new CustomEvent(SET_QUERY_EVENT_NAME, {
+    liveRates?.target?.dispatchEvent(new CustomEvent(SET_QUERY_EVENT_NAME, {
       detail: query
     }));
   };
   const closeQuery = () => {
-    source?.close();
+    liveRates?.source?.close();
   };
   return {
-    target,
+    target: liveRates?.target || null,
     setQuery,
     closeQuery
   };

package/dist/module/hooks/useLiveRatesQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLiveRatesQuery.js","names":["SET_QUERY_EVENT_NAME","useLiveRatesProvider","useLiveRatesQuery","target","source","setQuery","query","dispatchEvent","CustomEvent","detail","closeQuery","close"],"sources":["../../../src/hooks/useLiveRatesQuery.ts"],"sourcesContent":["import { SET_QUERY_EVENT_NAME } from '../constants';\nimport { useLiveRatesProvider } from '../providers';\nimport type {\n  LiveRatesProviderQuery,\n  LiveRatesTargetHookReturnObject,\n} from '../types';\n\nexport const useLiveRatesQuery = (): LiveRatesTargetHookReturnObject => {\n  const { target, source } = useLiveRatesProvider();\n\n  const setQuery = (query: LiveRatesProviderQuery) => {\n    target?.dispatchEvent(\n      new CustomEvent(SET_QUERY_EVENT_NAME, { detail: query })\n    );\n  };\n\n  const closeQuery = () => {\n    source?.close();\n  };\n\n  return { target, setQuery, closeQuery };\n};\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,cAAc;AACnD,SAASC,oBAAoB,QAAQ,cAAc;AAMnD,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAuC;EACtE,MAAM;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGH,oBAAoB,CAAC,CAAC;EAEjD,MAAMI,QAAQ,GAAIC,KAA6B,IAAK;IAClDH,MAAM,EAAEI,aAAa,CACnB,IAAIC,WAAW,CAACR,oBAAoB,EAAE;MAAES,MAAM,EAAEH;IAAM,CAAC,CACzD,CAAC;EACH,CAAC;EAED,MAAMI,UAAU,GAAGA,CAAA,KAAM;IACvBN,MAAM,EAAEO,KAAK,CAAC,CAAC;EACjB,CAAC;EAED,OAAO;IAAER,MAAM;IAAEE,QAAQ;IAAEK;EAAW,CAAC;AACzC,CAAC","ignoreList":[]}
+{"version":3,"file":"useLiveRatesQuery.js","names":["SET_QUERY_EVENT_NAME","useLiveRatesProvider","useLiveRatesQuery","skip","liveRates","setQuery","query","target","dispatchEvent","CustomEvent","detail","closeQuery","source","close"],"sources":["../../../src/hooks/useLiveRatesQuery.ts"],"sourcesContent":["import { SET_QUERY_EVENT_NAME } from '../constants';\nimport { useLiveRatesProvider } from '../providers';\nimport type {\n  LiveRatesProviderQuery,\n  LiveRatesTargetHookReturnObject,\n} from '../types';\n\nexport const useLiveRatesQuery = (\n  skip?: boolean\n): LiveRatesTargetHookReturnObject => {\n  const liveRates = useLiveRatesProvider(skip);\n\n  const setQuery = (query: LiveRatesProviderQuery) => {\n    liveRates?.target?.dispatchEvent(\n      new CustomEvent(SET_QUERY_EVENT_NAME, { detail: query })\n    );\n  };\n\n  const closeQuery = () => {\n    liveRates?.source?.close();\n  };\n\n  return { target: liveRates?.target || null, setQuery, closeQuery };\n};\n"],"mappings":"AAAA,SAASA,oBAAoB,QAAQ,cAAc;AACnD,SAASC,oBAAoB,QAAQ,cAAc;AAMnD,OAAO,MAAMC,iBAAiB,GAC5BC,IAAc,IACsB;EACpC,MAAMC,SAAS,GAAGH,oBAAoB,CAACE,IAAI,CAAC;EAE5C,MAAME,QAAQ,GAAIC,KAA6B,IAAK;IAClDF,SAAS,EAAEG,MAAM,EAAEC,aAAa,CAC9B,IAAIC,WAAW,CAACT,oBAAoB,EAAE;MAAEU,MAAM,EAAEJ;IAAM,CAAC,CACzD,CAAC;EACH,CAAC;EAED,MAAMK,UAAU,GAAGA,CAAA,KAAM;IACvBP,SAAS,EAAEQ,MAAM,EAAEC,KAAK,CAAC,CAAC;EAC5B,CAAC;EAED,OAAO;IAAEN,MAAM,EAAEH,SAAS,EAAEG,MAAM,IAAI,IAAI;IAAEF,QAAQ;IAAEM;EAAW,CAAC;AACpE,CAAC","ignoreList":[]}

package/dist/module/providers/LiveRates/LiveRatesContext.js

@@ -1,8 +1,11 @@
 import { createContext, useContext } from 'react';
 export const LiveRatesContext = createContext(undefined);
 LiveRatesContext.displayName = 'LiveRatesContext';
-export const useLiveRatesProvider = () => {
+export const useLiveRatesProvider = skip => {
   const liveRates = useContext(LiveRatesContext);
+  if (skip) {
+    return null;
+  }
   if (!liveRates) {
     throw new Error('Hook used outside of LiveRatesContextProvider');
   }

package/dist/module/providers/LiveRates/LiveRatesContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"LiveRatesContext.js","names":["createContext","useContext","LiveRatesContext","undefined","displayName","useLiveRatesProvider","liveRates","Error"],"sources":["../../../../src/providers/LiveRates/LiveRatesContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { Nullable, Voidable } from '../../types';\n\ninterface LiveRatesContextValue {\n  target: Nullable<EventTarget>;\n  source: Voidable<EventSource>;\n}\n\nexport const LiveRatesContext =\n  createContext<Voidable<LiveRatesContextValue>>(undefined);\n\nLiveRatesContext.displayName = 'LiveRatesContext';\n\nexport const useLiveRatesProvider = () => {\n  const liveRates = useContext(LiveRatesContext);\n\n  if (!liveRates) {\n    throw new Error('Hook used outside of LiveRatesContextProvider');\n  }\n\n  return liveRates;\n};\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AASjD,OAAO,MAAMC,gBAAgB,GAC3BF,aAAa,CAAkCG,SAAS,CAAC;AAE3DD,gBAAgB,CAACE,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACxC,MAAMC,SAAS,GAAGL,UAAU,CAACC,gBAAgB,CAAC;EAE9C,IAAI,CAACI,SAAS,EAAE;IACd,MAAM,IAAIC,KAAK,CAAC,+CAA+C,CAAC;EAClE;EAEA,OAAOD,SAAS;AAClB,CAAC","ignoreList":[]}
+{"version":3,"file":"LiveRatesContext.js","names":["createContext","useContext","LiveRatesContext","undefined","displayName","useLiveRatesProvider","skip","liveRates","Error"],"sources":["../../../../src/providers/LiveRates/LiveRatesContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { Nullable, Voidable } from '../../types';\n\ninterface LiveRatesContextValue {\n  target: Nullable<EventTarget>;\n  source: Voidable<EventSource>;\n}\n\nexport const LiveRatesContext =\n  createContext<Voidable<LiveRatesContextValue>>(undefined);\n\nLiveRatesContext.displayName = 'LiveRatesContext';\n\nexport const useLiveRatesProvider = (skip?: boolean) => {\n  const liveRates = useContext(LiveRatesContext);\n\n  if (skip) {\n    return null;\n  }\n\n  if (!liveRates) {\n    throw new Error('Hook used outside of LiveRatesContextProvider');\n  }\n\n  return liveRates;\n};\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AASjD,OAAO,MAAMC,gBAAgB,GAC3BF,aAAa,CAAkCG,SAAS,CAAC;AAE3DD,gBAAgB,CAACE,WAAW,GAAG,kBAAkB;AAEjD,OAAO,MAAMC,oBAAoB,GAAIC,IAAc,IAAK;EACtD,MAAMC,SAAS,GAAGN,UAAU,CAACC,gBAAgB,CAAC;EAE9C,IAAII,IAAI,EAAE;IACR,OAAO,IAAI;EACb;EAEA,IAAI,CAACC,SAAS,EAAE;IACd,MAAM,IAAIC,KAAK,CAAC,+CAA+C,CAAC;EAClE;EAEA,OAAOD,SAAS;AAClB,CAAC","ignoreList":[]}

package/dist/module/types/dataTypes.js

@@ -8,6 +8,8 @@ export let DataRecordType = function (DataRecordType) {
   DataRecordType["SENTIMENT"] = "sentiment";
   DataRecordType["LOW"] = "low";
   DataRecordType["HIGH"] = "high";
+  DataRecordType["SYMBOL"] = "symbol";
+  DataRecordType["TRADE_MODE"] = "tradeMode";
   return DataRecordType;
 }({});
 //# sourceMappingURL=dataTypes.js.map

package/dist/module/types/dataTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"dataTypes.js","names":["DataRecordType"],"sources":["../../../src/types/dataTypes.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nexport interface DataRecord {\n  [key: string]: string | number | SentimentValue | undefined | number[];\n  instrument: string;\n  displayName: string;\n  buy?: number;\n  sell?: number;\n  spread?: number;\n  sentiment?: SentimentValue;\n  sellPriceMovement?: number;\n  buyPriceMovement?: number;\n  dailyPercentChange?: string;\n  displayPrecision?: number;\n  chart?: number[];\n  high?: number;\n  low?: number;\n}\n\nexport interface SentimentValue {\n  shortPercent: number;\n  longPercent: number;\n}\n\nexport type EmptyRecord = Record<string, never>;\n\nexport interface QueryVariables {\n  [key: string]: any;\n}\n\nexport enum DataRecordType {\n  INSTRUMENT = 'instrument',\n  SELL = 'sell',\n  BUY = 'buy',\n  DAILY_CHANGE = 'dailyChange',\n  CHART = 'chart',\n  SPREAD = 'spread',\n  SENTIMENT = 'sentiment',\n  LOW = 'low',\n  HIGH = 'high',\n}\n"],"mappings":"AA6BA,WAAYA,cAAc,aAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}
+{"version":3,"file":"dataTypes.js","names":["DataRecordType"],"sources":["../../../src/types/dataTypes.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nexport interface DataRecord {\n  [key: string]: string | number | SentimentValue | undefined | number[];\n  instrument: string;\n  displayName: string;\n  buy?: number;\n  sell?: number;\n  spread?: number;\n  sentiment?: SentimentValue;\n  sellPriceMovement?: number;\n  buyPriceMovement?: number;\n  dailyPercentChange?: string;\n  displayPrecision?: number;\n  chart?: number[];\n  high?: number;\n  low?: number;\n}\n\nexport interface SentimentValue {\n  shortPercent: number;\n  longPercent: number;\n}\n\nexport type EmptyRecord = Record<string, never>;\n\nexport interface QueryVariables {\n  [key: string]: any;\n}\n\nexport enum DataRecordType {\n  INSTRUMENT = 'instrument',\n  SELL = 'sell',\n  BUY = 'buy',\n  DAILY_CHANGE = 'dailyChange',\n  CHART = 'chart',\n  SPREAD = 'spread',\n  SENTIMENT = 'sentiment',\n  LOW = 'low',\n  HIGH = 'high',\n  SYMBOL = 'symbol',\n  TRADE_MODE = 'tradeMode',\n}\n"],"mappings":"AA6BA,WAAYA,cAAc,aAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAdA,cAAc;EAAA,OAAdA,cAAc;AAAA","ignoreList":[]}

package/dist/types/components/Table/columns/InstrumentColumn.d.ts

@@ -1,10 +1,11 @@
 import React from 'react';
 interface InstrumentColumnProps {
     displayName: string;
-    tooltipId: string;
     isLoading: boolean;
     isDark?: boolean;
     isScrolled?: boolean;
+    width?: string;
+    tooltipId: string;
 }
-export declare const InstrumentColumn: ({ isDark, isScrolled, tooltipId, isLoading, displayName, }: InstrumentColumnProps) => React.JSX.Element;
+export declare const InstrumentColumn: ({ isDark, isScrolled, isLoading, displayName, width, tooltipId, }: InstrumentColumnProps) => React.JSX.Element;
 export {};

package/dist/types/components/Table/types.d.ts

@@ -1,7 +1,12 @@
-import type { LoaderSize } from '@oanda/labs-widget-common';
+import type { DataRecordType, LoaderSize } from '@oanda/labs-widget-common';
+export interface HeaderColumnsAdditionalStyles {
+    align?: 'left' | 'right' | 'center';
+    minWidth?: string;
+    paddingRight?: boolean;
+}
 export interface HeaderColumns {
     displayName: string;
-    additionalStyles: string;
+    additionalStyles: HeaderColumnsAdditionalStyles;
 }
 export interface TableProps<T> {
     emptyRowsCount?: number;
@@ -19,7 +24,7 @@ export interface TableCellProps {
     children: React.ReactNode;
     isLoading?: boolean;
     isError?: boolean;
-    type?: 'text' | 'number';
+    type?: 'text' | 'textCentered' | 'number';
     loaderSize?: LoaderSize;
     classNames?: string;
     additionalPaddingRight?: boolean;
@@ -29,3 +34,6 @@ export interface TableHeaderProps {
     isScrolled: boolean;
     isError: boolean;
 }
+export type HeaderConfigType = {
+    [Key in DataRecordType]?: HeaderColumns;
+};

package/dist/types/components/TableWidget/DataRecordRow.d.ts

@@ -8,6 +8,7 @@ export interface DataRecordRowProps {
     target: EventTarget | null;
     isScrolled?: boolean;
     toolTipId: string;
+    instrumentColumnWidth?: string;
     activeColumns: DataRecordType[];
 }
-export declare const DataRecordRow: ({ record, isLoading, isChartLoading, hasBackgroundColor, target, isScrolled, toolTipId, activeColumns, }: DataRecordRowProps) => React.JSX.Element;
+export declare const DataRecordRow: ({ record, isLoading, isChartLoading, hasBackgroundColor, target, isScrolled, toolTipId, activeColumns, instrumentColumnWidth, }: DataRecordRowProps) => React.JSX.Element;

package/dist/types/components/TableWidget/TableWidget.d.ts

@@ -21,6 +21,7 @@ interface TableWidgetProps<TTabs> {
     pageNumber: number;
     count: number;
     viewType?: 'table' | 'cards';
+    instrumentColumnWidth?: string;
 }
-export declare const TableWidget: <TTabs>({ testId, toolTipId, PaginationComponent, hasError, TabsComponent, headerColumns, records, target, isLoading, isChartLoading, activeColumns, timestamp, pageNumber, count, viewType, }: TableWidgetProps<TTabs>) => React.JSX.Element | null;
+export declare const TableWidget: <TTabs>({ testId, toolTipId, PaginationComponent, hasError, TabsComponent, headerColumns, records, target, isLoading, isChartLoading, activeColumns, timestamp, pageNumber, count, viewType, instrumentColumnWidth, }: TableWidgetProps<TTabs>) => React.JSX.Element | null;
 export {};

package/dist/types/components/TableWidget/index.d.ts

@@ -1 +1,2 @@
 export * from './TableWidget';
+export * from './utils';

package/dist/types/components/TableWidget/utils.d.ts

@@ -1,4 +1,4 @@
 import { DataRecordType } from '../../types';
-import type { HeaderColumns } from '../Table';
+import type { HeaderColumns, HeaderConfigType } from '../Table';
 export declare const getTableRowIndex: () => {};
-export declare const getHeaderConfig: (activeColumns: DataRecordType[], headerConfig: Record<DataRecordType, HeaderColumns>) => HeaderColumns[];
+export declare const getHeaderConfig: (activeColumns: DataRecordType[], headerConfig: HeaderConfigType) => HeaderColumns[];

package/dist/types/hooks/useLiveRatesQuery.d.ts

@@ -1,2 +1,2 @@
 import type { LiveRatesTargetHookReturnObject } from '../types';
-export declare const useLiveRatesQuery: () => LiveRatesTargetHookReturnObject;
+export declare const useLiveRatesQuery: (skip?: boolean) => LiveRatesTargetHookReturnObject;

package/dist/types/providers/LiveRates/LiveRatesContext.d.ts

@@ -4,5 +4,5 @@ interface LiveRatesContextValue {
     source: Voidable<EventSource>;
 }
 export declare const LiveRatesContext: import("react").Context<Voidable<LiveRatesContextValue>>;
-export declare const useLiveRatesProvider: () => LiveRatesContextValue;
+export declare const useLiveRatesProvider: (skip?: boolean) => LiveRatesContextValue | null;
 export {};

package/dist/types/types/dataTypes.d.ts

@@ -31,5 +31,7 @@ export declare enum DataRecordType {
     SPREAD = "spread",
     SENTIMENT = "sentiment",
     LOW = "low",
-    HIGH = "high"
+    HIGH = "high",
+    SYMBOL = "symbol",
+    TRADE_MODE = "tradeMode"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-widget-common",
-  "version": "1.0.205",
+  "version": "1.0.207",
   "description": "Labs Widget Common",
   "main": "dist/main/index.js",
   "module": "dist/module/index.js",
@@ -21,5 +21,5 @@
     "tailwind-merge": "2.2.2",
     "usehooks-ts": "3.0.2"
   },
-  "gitHead": "c3d9e64eb9cf5a50d714b8147501b7dfe7aa4aed"
+  "gitHead": "31dcda0050419adc006433a90226fc9f0441b551"
 }

package/src/components/Table/TableCell.tsx

@@ -18,6 +18,7 @@ const TableCell = ({
     className={classnames(`lw-h-[inherit] lw-p-0 lw-font-sans ${classNames}`, {
       'lw-text-right': type === 'number',
       'lw-text-left': type === 'text',
+      'lw-text-center': type === 'textCentered',
     })}
     data-testid="table-cell"
   >
@@ -27,6 +28,7 @@ const TableCell = ({
         {
           'lw-justify-end': type === 'number',
           'lw-justify-start': type === 'text',
+          'lw-justify-center': type === 'textCentered',
           'lw-pr-7': additionalPaddingRight && !isLoading,
           'lw-pr-3': !additionalPaddingRight || isLoading,
         }

package/src/components/Table/TableHeader.tsx

@@ -1,8 +1,8 @@
 import { useLocale } from '@oanda/mono-i18n';
-import classNames from 'classnames';
 import React from 'react';
 
 import { useLayoutProvider } from '../../providers';
+import { cn } from '../../tailwind';
 import type { TableHeaderProps } from './types';
 
 const TableHeader = ({ columns, isScrolled, isError }: TableHeaderProps) => {
@@ -12,25 +12,41 @@ const TableHeader = ({ columns, isScrolled, isError }: TableHeaderProps) => {
   return (
     <thead data-testid="table-header">
       <tr className="lw-h-11 lw-bg-bg-primary lw-text-text-primary">
-        {columns.map((item, index) => (
-          <th
-            key={`table-header-${item.displayName}`}
-            className={classNames(
-              'lw-px-3 lw-py-0 lw-font-sans lw-text-sm lw-tracking-normal lw-font-semibold',
-              {
-                'lw-sticky lw-left-0 lw-pr-3': !isError && index === 0,
-                'lw-bg-whiteWithShadow':
-                  !isDark && !isError && isScrolled && index === 0,
-                'lw-bg-bg-primary':
-                  isDark && !isError && isScrolled && index === 0,
-              }
-            )}
-          >
-            <div className={item.additionalStyles}>
-              {lang(item.displayName)}
-            </div>
-          </th>
-        ))}
+        {columns.map(
+          (
+            {
+              displayName,
+              additionalStyles: { align, minWidth, paddingRight },
+            },
+            index
+          ) => (
+            <th
+              key={`table-header-${displayName}`}
+              className={cn(
+                'lw-px-3 lw-py-0 lw-font-sans lw-text-sm lw-tracking-normal lw-font-semibold',
+                {
+                  'lw-sticky lw-left-0 lw-pr-3': !isError && index === 0,
+                  'lw-bg-whiteWithShadow':
+                    !isDark && !isError && isScrolled && index === 0,
+                  'lw-bg-bg-primary':
+                    isDark && !isError && isScrolled && index === 0,
+                }
+              )}
+            >
+              <div
+                className={cn(
+                  align === 'right' && 'lw-text-right',
+                  align === 'left' && 'lw-text-left',
+                  align === 'center' && 'lw-text-center',
+                  paddingRight && 'lw-pr-4'
+                )}
+                style={{ minWidth }}
+              >
+                {lang(displayName)}
+              </div>
+            </th>
+          )
+        )}
       </tr>
     </thead>
   );

package/src/components/Table/columns/InstrumentColumn.tsx

@@ -7,28 +7,34 @@ import { TableCell } from '../TableCell';
 
 interface InstrumentColumnProps {
   displayName: string;
-  tooltipId: string;
   isLoading: boolean;
   isDark?: boolean;
   isScrolled?: boolean;
+  width?: string;
+  tooltipId: string;
 }
 
 export const InstrumentColumn = ({
   isDark,
   isScrolled,
-  tooltipId,
   isLoading,
   displayName,
+  width,
+  tooltipId,
 }: InstrumentColumnProps) => (
   <TableCell
     key={DataRecordType.INSTRUMENT}
-    classNames={cn('lw-font-bold', {
+    classNames={cn('lw-font-bold lw-overflow-hidden', {
       '[&>*:first-child]:lw-border-r [&>*:first-child]:lw-border-border-primary':
         isDark && isScrolled,
     })}
     isLoading={isLoading}
     type="text"
   >
-    <Truncate maxWidth={130} text={displayName} tooltipId={tooltipId} />
+    {width ? (
+      <div style={{ maxWidth: width }}>{displayName}</div>
+    ) : (
+      <Truncate maxWidth={130} text={displayName} tooltipId={tooltipId} />
+    )}
   </TableCell>
 );

package/src/components/Table/types.ts

@@ -1,8 +1,14 @@
-import type { LoaderSize } from '@oanda/labs-widget-common';
+import type { DataRecordType, LoaderSize } from '@oanda/labs-widget-common';
+
+export interface HeaderColumnsAdditionalStyles {
+  align?: 'left' | 'right' | 'center';
+  minWidth?: string;
+  paddingRight?: boolean;
+}
 
 export interface HeaderColumns {
   displayName: string;
-  additionalStyles: string;
+  additionalStyles: HeaderColumnsAdditionalStyles;
 }
 
 export interface TableProps<T> {
@@ -23,7 +29,7 @@ export interface TableCellProps {
   children: React.ReactNode;
   isLoading?: boolean;
   isError?: boolean;
-  type?: 'text' | 'number';
+  type?: 'text' | 'textCentered' | 'number';
   loaderSize?: LoaderSize;
   classNames?: string;
   additionalPaddingRight?: boolean;
@@ -34,3 +40,7 @@ export interface TableHeaderProps {
   isScrolled: boolean;
   isError: boolean;
 }
+
+export type HeaderConfigType = {
+  [Key in DataRecordType]?: HeaderColumns;
+};