npm - @oanda/labs-widget-common - Versions diffs - 1.0.207 → 1.0.209 - Mend

@oanda/labs-widget-common 1.0.207 → 1.0.209

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

Files changed (46) hide show

package/dist/main/components/Card/rows/DailyChangeCardRow.js CHANGED Viewed

@@ -18,7 +18,7 @@ const DailyChangeCardRow = _ref => {
   return _react.default.createElement(_Card.CardRow, {
     key: _types.DataRecordType.DAILY_CHANGE,
     isError: isError,
-    isLoading: isLoading || dailyPercentChange === undefined,
+    isLoading: isLoading || dailyPercentChange === undefined && !isError,
     label: label
   }, _react.default.createElement("span", null, dailyPercentChange));
 };

package/dist/main/components/Card/rows/DailyChangeCardRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DailyChangeCardRow.js","names":["_react","_interopRequireDefault","require","_types","_Card","e","__esModule","default","DailyChangeCardRow","_ref","isError","label","dailyPercentChange","isLoading","createElement","CardRow","key","DataRecordType","DAILY_CHANGE","undefined","exports"],"sources":["../../../../../src/components/Card/rows/DailyChangeCardRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { CardRow } from '../Card';\n\ninterface DailyChangeCardRowProps {\n dailyPercentChange?: string;\n isError: boolean;\n isLoading?: boolean;\n label: string;\n}\n\nexport const DailyChangeCardRow = ({\n isError,\n label,\n dailyPercentChange,\n isLoading,\n}: DailyChangeCardRowProps) => (\n <CardRow\n key={DataRecordType.DAILY_CHANGE}\n isError={isError}\n isLoading={isLoading \|\| dailyPercentChange === undefined}\n label={label}\n >\n <span>{dailyPercentChange}</span>\n </CardRow>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAkC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS3B,MAAMG,kBAAkB,GAAGC,IAAA;EAAA,IAAC;IACjCC,OAAO;IACPC,KAAK;IACLC,kBAAkB;IAClBC;EACuB,CAAC,GAAAJ,IAAA;EAAA,OACxBT,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACV,KAAA,CAAAW,OAAO;IACNC,GAAG,EAAEC,qBAAc,CAACC,YAAa;IACjCR,OAAO,EAAEA,OAAQ;IACjBG,SAAS,EAAEA,SAAS,~~IAAID~~,kBAAkB,KAAKO,~~SAAU~~;~~IACzDR~~,KAAK,EAAEA;EAAM,GAEbX,MAAA,CAAAO,OAAA,CAAAO,aAAA,eAAOF,kBAAyB,CACzB,CAAC;AAAA,CACX;AAACQ,OAAA,CAAAZ,kBAAA,GAAAA,kBAAA","ignoreList":[]}
1	+ {"version":3,"file":"DailyChangeCardRow.js","names":["_react","_interopRequireDefault","require","_types","_Card","e","__esModule","default","DailyChangeCardRow","_ref","isError","label","dailyPercentChange","isLoading","createElement","CardRow","key","DataRecordType","DAILY_CHANGE","undefined","exports"],"sources":["../../../../../src/components/Card/rows/DailyChangeCardRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { CardRow } from '../Card';\n\ninterface DailyChangeCardRowProps {\n dailyPercentChange?: string;\n isError: boolean;\n isLoading?: boolean;\n label: string;\n}\n\nexport const DailyChangeCardRow = ({\n isError,\n label,\n dailyPercentChange,\n isLoading,\n}: DailyChangeCardRowProps) => (\n <CardRow\n key={DataRecordType.DAILY_CHANGE}\n isError={isError}\n isLoading={isLoading \|\| (dailyPercentChange === undefined && !isError)}\n label={label}\n >\n <span>{dailyPercentChange}</span>\n </CardRow>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAkC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS3B,MAAMG,kBAAkB,GAAGC,IAAA;EAAA,IAAC;IACjCC,OAAO;IACPC,KAAK;IACLC,kBAAkB;IAClBC;EACuB,CAAC,GAAAJ,IAAA;EAAA,OACxBT,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACV,KAAA,CAAAW,OAAO;IACNC,GAAG,EAAEC,qBAAc,CAACC,YAAa;IACjCR,OAAO,EAAEA,OAAQ;IACjBG,SAAS,EAAEA,SAAS,IAAKD,kBAAkB,KAAKO,SAAS,IAAI,CAACT,OAAS;IACvEC,KAAK,EAAEA;EAAM,GAEbX,MAAA,CAAAO,OAAA,CAAAO,aAAA,eAAOF,kBAAyB,CACzB,CAAC;AAAA,CACX;AAACQ,OAAA,CAAAZ,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/dist/main/components/Card/rows/PriceCardRow.js CHANGED Viewed

@@ -19,7 +19,7 @@ const PriceCardRow = _ref => {
   } = _ref;
   return _react.default.createElement(_Card.CardRow, {
     isError: isError,
-    isLoading: isLoading || price === undefined,
+    isLoading: isLoading || price === undefined && !isError,
     label: label
   }, _react.default.createElement(_Price.Price, {
     arrowPosition: _Price.ArrowPosition.left,

package/dist/main/components/Card/rows/PriceCardRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PriceCardRow.js","names":["_react","_interopRequireDefault","require","_Price","_Card","e","__esModule","default","PriceCardRow","_ref","priceMovement","price","displayPrecision","isLoading","isError","label","createElement","CardRow","undefined","Price","arrowPosition","ArrowPosition","left","movementIndicator","toFixed","exports"],"sources":["../../../../../src/components/Card/rows/PriceCardRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowPosition, Price } from '../../Price';\nimport { CardRow } from '../Card';\n\ninterface PriceCardRowProps {\n priceMovement?: number;\n price?: number;\n displayPrecision?: number;\n isLoading?: boolean;\n isError: boolean;\n label: string;\n}\n\nexport const PriceCardRow = ({\n priceMovement,\n price,\n displayPrecision,\n isLoading,\n isError,\n label,\n}: PriceCardRowProps) => {\n return (\n <CardRow\n isError={isError}\n isLoading={isLoading \|\| price === undefined}\n label={label}\n >\n <Price\n arrowPosition={ArrowPosition.left}\n movementIndicator=\"arrow\"\n priceMovement={priceMovement}\n >\n <span>{price?.toFixed(displayPrecision)}</span>\n </Price>\n </CardRow>\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAkC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAW3B,MAAMG,YAAY,GAAGC,IAAA,IAOH;EAAA,IAPI;IAC3BC,aAAa;IACbC,KAAK;IACLC,gBAAgB;IAChBC,SAAS;IACTC,OAAO;IACPC;EACiB,CAAC,GAAAN,IAAA;EAClB,OACET,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACZ,KAAA,CAAAa,OAAO;IACNH,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAS,~~IAAIF~~,KAAK,KAAKO,~~SAAU~~;~~IAC5CH~~,KAAK,EAAEA;EAAM,GAEbf,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACb,MAAA,CAAAgB,KAAK;IACJC,aAAa,EAAEC,oBAAa,CAACC,IAAK;IAClCC,iBAAiB,EAAC,OAAO;IACzBb,aAAa,EAAEA;EAAc,GAE7BV,MAAA,CAAAO,OAAA,CAAAS,aAAA,eAAOL,KAAK,EAAEa,OAAO,CAACZ,gBAAgB,CAAQ,CACzC,CACA,CAAC;AAEd,CAAC;AAACa,OAAA,CAAAjB,YAAA,GAAAA,YAAA","ignoreList":[]}
1	+ {"version":3,"file":"PriceCardRow.js","names":["_react","_interopRequireDefault","require","_Price","_Card","e","__esModule","default","PriceCardRow","_ref","priceMovement","price","displayPrecision","isLoading","isError","label","createElement","CardRow","undefined","Price","arrowPosition","ArrowPosition","left","movementIndicator","toFixed","exports"],"sources":["../../../../../src/components/Card/rows/PriceCardRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowPosition, Price } from '../../Price';\nimport { CardRow } from '../Card';\n\ninterface PriceCardRowProps {\n priceMovement?: number;\n price?: number;\n displayPrecision?: number;\n isLoading?: boolean;\n isError: boolean;\n label: string;\n}\n\nexport const PriceCardRow = ({\n priceMovement,\n price,\n displayPrecision,\n isLoading,\n isError,\n label,\n}: PriceCardRowProps) => {\n return (\n <CardRow\n isError={isError}\n isLoading={isLoading \|\| (price === undefined && !isError)}\n label={label}\n >\n <Price\n arrowPosition={ArrowPosition.left}\n movementIndicator=\"arrow\"\n priceMovement={priceMovement}\n >\n <span>{price?.toFixed(displayPrecision)}</span>\n </Price>\n </CardRow>\n );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAkC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAW3B,MAAMG,YAAY,GAAGC,IAAA,IAOH;EAAA,IAPI;IAC3BC,aAAa;IACbC,KAAK;IACLC,gBAAgB;IAChBC,SAAS;IACTC,OAAO;IACPC;EACiB,CAAC,GAAAN,IAAA;EAClB,OACET,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACZ,KAAA,CAAAa,OAAO;IACNH,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAS,IAAKF,KAAK,KAAKO,SAAS,IAAI,CAACJ,OAAS;IAC1DC,KAAK,EAAEA;EAAM,GAEbf,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACb,MAAA,CAAAgB,KAAK;IACJC,aAAa,EAAEC,oBAAa,CAACC,IAAK;IAClCC,iBAAiB,EAAC,OAAO;IACzBb,aAAa,EAAEA;EAAc,GAE7BV,MAAA,CAAAO,OAAA,CAAAS,aAAA,eAAOL,KAAK,EAAEa,OAAO,CAACZ,gBAAgB,CAAQ,CACzC,CACA,CAAC;AAEd,CAAC;AAACa,OAAA,CAAAjB,YAAA,GAAAA,YAAA","ignoreList":[]}

package/dist/main/components/Card/rows/SpreadCardRow.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SpreadCardRow = _ref => {
   return _react.default.createElement(_Card.CardRow, {
     key: _types.DataRecordType.SPREAD,
     isError: isError,
-    isLoading: isLoading || value === undefined,
+    isLoading: isLoading || value === undefined && !isError,
     label: label
   }, _react.default.createElement("span", {
     "data-testid": "spread-value"

package/dist/main/components/Card/rows/SpreadCardRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SpreadCardRow.js","names":["_react","_interopRequireDefault","require","_types","_Card","e","__esModule","default","SpreadCardRow","_ref","label","isLoading","isError","value","createElement","CardRow","key","DataRecordType","SPREAD","undefined","exports"],"sources":["../../../../../src/components/Card/rows/SpreadCardRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { CardRow } from '../Card';\n\ninterface SpreadCardRowProps {\n value?: number;\n isError: boolean;\n isLoading?: boolean;\n label: string;\n}\n\nexport const SpreadCardRow = ({\n label,\n isLoading,\n isError,\n value,\n}: SpreadCardRowProps) => (\n <CardRow\n key={DataRecordType.SPREAD}\n isError={isError}\n isLoading={isLoading \|\| value === undefined}\n label={label}\n >\n <span data-testid=\"spread-value\">{value}</span>\n </CardRow>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAkC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS3B,MAAMG,aAAa,GAAGC,IAAA;EAAA,IAAC;IAC5BC,KAAK;IACLC,SAAS;IACTC,OAAO;IACPC;EACkB,CAAC,GAAAJ,IAAA;EAAA,OACnBT,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACV,KAAA,CAAAW,OAAO;IACNC,GAAG,EAAEC,qBAAc,CAACC,MAAO;IAC3BN,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAS,~~IAAIE~~,KAAK,KAAKM,~~SAAU~~;~~IAC5CT~~,KAAK,EAAEA;EAAM,GAEbV,MAAA,CAAAO,OAAA,CAAAO,aAAA;IAAM,eAAY;EAAc,GAAED,KAAY,CACvC,CAAC;AAAA,CACX;AAACO,OAAA,CAAAZ,aAAA,GAAAA,aAAA","ignoreList":[]}
1	+ {"version":3,"file":"SpreadCardRow.js","names":["_react","_interopRequireDefault","require","_types","_Card","e","__esModule","default","SpreadCardRow","_ref","label","isLoading","isError","value","createElement","CardRow","key","DataRecordType","SPREAD","undefined","exports"],"sources":["../../../../../src/components/Card/rows/SpreadCardRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { CardRow } from '../Card';\n\ninterface SpreadCardRowProps {\n value?: number;\n isError: boolean;\n isLoading?: boolean;\n label: string;\n}\n\nexport const SpreadCardRow = ({\n label,\n isLoading,\n isError,\n value,\n}: SpreadCardRowProps) => (\n <CardRow\n key={DataRecordType.SPREAD}\n isError={isError}\n isLoading={isLoading \|\| (value === undefined && !isError)}\n label={label}\n >\n <span data-testid=\"spread-value\">{value}</span>\n </CardRow>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAkC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAS3B,MAAMG,aAAa,GAAGC,IAAA;EAAA,IAAC;IAC5BC,KAAK;IACLC,SAAS;IACTC,OAAO;IACPC;EACkB,CAAC,GAAAJ,IAAA;EAAA,OACnBT,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACV,KAAA,CAAAW,OAAO;IACNC,GAAG,EAAEC,qBAAc,CAACC,MAAO;IAC3BN,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAS,IAAKE,KAAK,KAAKM,SAAS,IAAI,CAACP,OAAS;IAC1DF,KAAK,EAAEA;EAAM,GAEbV,MAAA,CAAAO,OAAA,CAAAO,aAAA;IAAM,eAAY;EAAc,GAAED,KAAY,CACvC,CAAC;AAAA,CACX;AAACO,OAAA,CAAAZ,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/main/components/Table/columns/DailyChangeColumn.js CHANGED Viewed

@@ -17,7 +17,7 @@ const DailyChangeColumn = _ref => {
   return _react.default.createElement(_TableCell.TableCell, {
     key: _types.DataRecordType.DAILY_CHANGE,
     isError: isError,
-    isLoading: isLoading || dailyPercentChange === undefined
+    isLoading: isLoading || dailyPercentChange === undefined && !isError
   }, _react.default.createElement("span", null, dailyPercentChange));
 };
 exports.DailyChangeColumn = DailyChangeColumn;

package/dist/main/components/Table/columns/DailyChangeColumn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DailyChangeColumn.js","names":["_react","_interopRequireDefault","require","_types","_TableCell","e","__esModule","default","DailyChangeColumn","_ref","isError","isLoading","dailyPercentChange","createElement","TableCell","key","DataRecordType","DAILY_CHANGE","undefined","exports"],"sources":["../../../../../src/components/Table/columns/DailyChangeColumn.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { TableCell } from '../TableCell';\n\ninterface DailyChangeColumnProps {\n isError: boolean;\n isLoading: boolean;\n dailyPercentChange?: string;\n}\n\nexport const DailyChangeColumn = ({\n isError,\n isLoading,\n dailyPercentChange,\n}: DailyChangeColumnProps) => (\n <TableCell\n key={DataRecordType.DAILY_CHANGE}\n isError={isError}\n isLoading={isLoading \|\| dailyPercentChange === undefined}\n >\n <span>{dailyPercentChange}</span>\n </TableCell>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQlC,MAAMG,iBAAiB,GAAGC,IAAA;EAAA,IAAC;IAChCC,OAAO;IACPC,SAAS;IACTC;EACsB,CAAC,GAAAH,IAAA;EAAA,OACvBT,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACT,UAAA,CAAAU,SAAS;IACRC,GAAG,EAAEC,qBAAc,CAACC,YAAa;IACjCP,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAS,~~IAAIC~~,kBAAkB,KAAKM;~~EAAU~~,~~GAEzDlB~~,MAAA,CAAAO,OAAA,CAAAM,aAAA,eAAOD,kBAAyB,CACvB,CAAC;AAAA,CACb;AAACO,OAAA,CAAAX,iBAAA,GAAAA,iBAAA","ignoreList":[]}
1	+ {"version":3,"file":"DailyChangeColumn.js","names":["_react","_interopRequireDefault","require","_types","_TableCell","e","__esModule","default","DailyChangeColumn","_ref","isError","isLoading","dailyPercentChange","createElement","TableCell","key","DataRecordType","DAILY_CHANGE","undefined","exports"],"sources":["../../../../../src/components/Table/columns/DailyChangeColumn.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { TableCell } from '../TableCell';\n\ninterface DailyChangeColumnProps {\n isError: boolean;\n isLoading: boolean;\n dailyPercentChange?: string;\n}\n\nexport const DailyChangeColumn = ({\n isError,\n isLoading,\n dailyPercentChange,\n}: DailyChangeColumnProps) => (\n <TableCell\n key={DataRecordType.DAILY_CHANGE}\n isError={isError}\n isLoading={isLoading \|\| (dailyPercentChange === undefined && !isError)}\n >\n <span>{dailyPercentChange}</span>\n </TableCell>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQlC,MAAMG,iBAAiB,GAAGC,IAAA;EAAA,IAAC;IAChCC,OAAO;IACPC,SAAS;IACTC;EACsB,CAAC,GAAAH,IAAA;EAAA,OACvBT,MAAA,CAAAO,OAAA,CAAAM,aAAA,CAACT,UAAA,CAAAU,SAAS;IACRC,GAAG,EAAEC,qBAAc,CAACC,YAAa;IACjCP,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAS,IAAKC,kBAAkB,KAAKM,SAAS,IAAI,CAACR;EAAS,GAEvEV,MAAA,CAAAO,OAAA,CAAAM,aAAA,eAAOD,kBAAyB,CACvB,CAAC;AAAA,CACb;AAACO,OAAA,CAAAX,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/main/components/Table/columns/PriceColumn.js CHANGED Viewed

@@ -22,7 +22,7 @@ const PriceColumn = _ref => {
     key: column,
     additionalPaddingRight: true,
     isError: isError,
-    isLoading: isLoading || price === undefined
+    isLoading: isLoading || price === undefined && !isError
   }, _react.default.createElement(_Price.Price, {
     movementIndicator: "arrow",
     priceMovement: priceMovement

package/dist/main/components/Table/columns/PriceColumn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PriceColumn.js","names":["_react","_interopRequireDefault","require","_constant","_Price","_TableCell","e","__esModule","default","PriceColumn","_ref","column","isLoading","isError","priceMovement","price","displayPrecision","createElement","TableCell","key","additionalPaddingRight","undefined","Price","movementIndicator","toFixed","CELL_EMPTY_VALUE","exports"],"sources":["../../../../../src/components/Table/columns/PriceColumn.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DataRecordType } from '../../../types';\nimport { CELL_EMPTY_VALUE } from '../../constant';\nimport { Price } from '../../Price';\nimport { TableCell } from '../TableCell';\n\ninterface PriceColumnProps {\n column: DataRecordType;\n isLoading: boolean;\n isError: boolean;\n priceMovement?: number;\n price?: number;\n displayPrecision?: number;\n}\n\nexport const PriceColumn = ({\n column,\n isLoading,\n isError,\n priceMovement,\n price,\n displayPrecision,\n}: PriceColumnProps) => (\n <TableCell\n key={column}\n additionalPaddingRight\n isError={isError}\n isLoading={isLoading \|\| price === undefined}\n >\n <Price movementIndicator=\"arrow\" priceMovement={priceMovement}>\n {price ? price.toFixed(displayPrecision) : CELL_EMPTY_VALUE}\n </Price>\n </TableCell>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAyC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWlC,MAAMG,WAAW,GAAGC,IAAA;EAAA,IAAC;IAC1BC,MAAM;IACNC,SAAS;IACTC,OAAO;IACPC,aAAa;IACbC,KAAK;IACLC;EACgB,CAAC,GAAAN,IAAA;EAAA,OACjBV,MAAA,CAAAQ,OAAA,CAAAS,aAAA,CAACZ,UAAA,CAAAa,SAAS;IACRC,GAAG,EAAER,MAAO;IACZS,sBAAsB;IACtBP,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAS,~~IAAIG~~,KAAK,KAAKM;~~EAAU~~,~~GAE5CrB~~,MAAA,CAAAQ,OAAA,CAAAS,aAAA,CAACb,MAAA,CAAAkB,KAAK;IAACC,iBAAiB,EAAC,OAAO;IAACT,aAAa,EAAEA;EAAc,GAC3DC,KAAK,GAAGA,KAAK,CAACS,OAAO,CAACR,gBAAgB,CAAC,GAAGS,0BACtC,CACE,CAAC;AAAA,CACb;AAACC,OAAA,CAAAjB,WAAA,GAAAA,WAAA","ignoreList":[]}
1	+ {"version":3,"file":"PriceColumn.js","names":["_react","_interopRequireDefault","require","_constant","_Price","_TableCell","e","__esModule","default","PriceColumn","_ref","column","isLoading","isError","priceMovement","price","displayPrecision","createElement","TableCell","key","additionalPaddingRight","undefined","Price","movementIndicator","toFixed","CELL_EMPTY_VALUE","exports"],"sources":["../../../../../src/components/Table/columns/PriceColumn.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DataRecordType } from '../../../types';\nimport { CELL_EMPTY_VALUE } from '../../constant';\nimport { Price } from '../../Price';\nimport { TableCell } from '../TableCell';\n\ninterface PriceColumnProps {\n column: DataRecordType;\n isLoading: boolean;\n isError: boolean;\n priceMovement?: number;\n price?: number;\n displayPrecision?: number;\n}\n\nexport const PriceColumn = ({\n column,\n isLoading,\n isError,\n priceMovement,\n price,\n displayPrecision,\n}: PriceColumnProps) => (\n <TableCell\n key={column}\n additionalPaddingRight\n isError={isError}\n isLoading={isLoading \|\| (price === undefined && !isError)}\n >\n <Price movementIndicator=\"arrow\" priceMovement={priceMovement}>\n {price ? price.toFixed(displayPrecision) : CELL_EMPTY_VALUE}\n </Price>\n </TableCell>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAyC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAWlC,MAAMG,WAAW,GAAGC,IAAA;EAAA,IAAC;IAC1BC,MAAM;IACNC,SAAS;IACTC,OAAO;IACPC,aAAa;IACbC,KAAK;IACLC;EACgB,CAAC,GAAAN,IAAA;EAAA,OACjBV,MAAA,CAAAQ,OAAA,CAAAS,aAAA,CAACZ,UAAA,CAAAa,SAAS;IACRC,GAAG,EAAER,MAAO;IACZS,sBAAsB;IACtBP,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAS,IAAKG,KAAK,KAAKM,SAAS,IAAI,CAACR;EAAS,GAE1Db,MAAA,CAAAQ,OAAA,CAAAS,aAAA,CAACb,MAAA,CAAAkB,KAAK;IAACC,iBAAiB,EAAC,OAAO;IAACT,aAAa,EAAEA;EAAc,GAC3DC,KAAK,GAAGA,KAAK,CAACS,OAAO,CAACR,gBAAgB,CAAC,GAAGS,0BACtC,CACE,CAAC;AAAA,CACb;AAACC,OAAA,CAAAjB,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/main/components/Table/columns/SpreadColumn.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SpreadColumn = _ref => {
   return _react.default.createElement(_TableCell.TableCell, {
     key: _types.DataRecordType.SPREAD,
     isError: isError,
-    isLoading: isLoading || value === undefined,
+    isLoading: isLoading || value === undefined && !isError,
     loaderSize: _Loader.LoaderSize.sm
   }, _react.default.createElement("span", null, value));
 };

package/dist/main/components/Table/columns/SpreadColumn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SpreadColumn.js","names":["_react","_interopRequireDefault","require","_types","_Loader","_TableCell","e","__esModule","default","SpreadColumn","_ref","isError","isLoading","value","createElement","TableCell","key","DataRecordType","SPREAD","undefined","loaderSize","LoaderSize","sm","exports"],"sources":["../../../../../src/components/Table/columns/SpreadColumn.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { LoaderSize } from '../../Loader';\nimport { TableCell } from '../TableCell';\n\ninterface SpreadColumnProps {\n isLoading: boolean;\n isError: boolean;\n value?: number;\n}\n\nexport const SpreadColumn = ({\n isError,\n isLoading,\n value,\n}: SpreadColumnProps) => (\n <TableCell\n key={DataRecordType.SPREAD}\n isError={isError}\n isLoading={isLoading \|\| value === undefined}\n loaderSize={LoaderSize.sm}\n >\n <span>{value}</span>\n </TableCell>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAyC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQlC,MAAMG,YAAY,GAAGC,IAAA;EAAA,IAAC;IAC3BC,OAAO;IACPC,SAAS;IACTC;EACiB,CAAC,GAAAH,IAAA;EAAA,OAClBV,MAAA,CAAAQ,OAAA,CAAAM,aAAA,CAACT,UAAA,CAAAU,SAAS;IACRC,GAAG,EAAEC,qBAAc,CAACC,MAAO;IAC3BP,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAS,~~IAAIC~~,KAAK,KAAKM,~~SAAU~~;~~IAC5CC~~,UAAU,EAAEC,kBAAU,CAACC;EAAG,GAE1BtB,MAAA,CAAAQ,OAAA,CAAAM,aAAA,eAAOD,KAAY,CACV,CAAC;AAAA,CACb;AAACU,OAAA,CAAAd,YAAA,GAAAA,YAAA","ignoreList":[]}
1	+ {"version":3,"file":"SpreadColumn.js","names":["_react","_interopRequireDefault","require","_types","_Loader","_TableCell","e","__esModule","default","SpreadColumn","_ref","isError","isLoading","value","createElement","TableCell","key","DataRecordType","SPREAD","undefined","loaderSize","LoaderSize","sm","exports"],"sources":["../../../../../src/components/Table/columns/SpreadColumn.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { LoaderSize } from '../../Loader';\nimport { TableCell } from '../TableCell';\n\ninterface SpreadColumnProps {\n isLoading: boolean;\n isError: boolean;\n value?: number;\n}\n\nexport const SpreadColumn = ({\n isError,\n isLoading,\n value,\n}: SpreadColumnProps) => (\n <TableCell\n key={DataRecordType.SPREAD}\n isError={isError}\n isLoading={isLoading \|\| (value === undefined && !isError)}\n loaderSize={LoaderSize.sm}\n >\n <span>{value}</span>\n </TableCell>\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAyC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQlC,MAAMG,YAAY,GAAGC,IAAA;EAAA,IAAC;IAC3BC,OAAO;IACPC,SAAS;IACTC;EACiB,CAAC,GAAAH,IAAA;EAAA,OAClBV,MAAA,CAAAQ,OAAA,CAAAM,aAAA,CAACT,UAAA,CAAAU,SAAS;IACRC,GAAG,EAAEC,qBAAc,CAACC,MAAO;IAC3BP,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAS,IAAKC,KAAK,KAAKM,SAAS,IAAI,CAACR,OAAS;IAC1DS,UAAU,EAAEC,kBAAU,CAACC;EAAG,GAE1BtB,MAAA,CAAAQ,OAAA,CAAAM,aAAA,eAAOD,KAAY,CACV,CAAC;AAAA,CACb;AAACU,OAAA,CAAAd,YAAA,GAAAA,YAAA","ignoreList":[]}

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

@@ -57,13 +57,13 @@ const ColumnRenderer = _ref => {
     [_types.DataRecordType.HIGH]: () => _react.default.createElement(_Table.TableCell, {
       key: _types.DataRecordType.SPREAD,
       isError: isError,
-      isLoading: isLoading || record.high === undefined,
+      isLoading: isLoading || record.high === undefined && !isError,
       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,
+      isLoading: isLoading || record.low === undefined && !isError,
       loaderSize: _Loader.LoaderSize.sm
     }, _react.default.createElement("span", null, record.low)),
     [_types.DataRecordType.SYMBOL]: () => _react.default.createElement(_Table.TableCell, {
@@ -79,7 +79,7 @@ const ColumnRenderer = _ref => {
       isError: isError,
       isLoading: isLoading,
       loaderSize: _Loader.LoaderSize.sm
-    }, _react.default.createElement("span", null, 'Long Only'))
+    }, _react.default.createElement("span", null, record.tradeMode))
   };
   return activeColumns.map(item => _react.default.createElement(_react.default.Fragment, {
     key: item

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

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

package/dist/main/hooks/useVisibleLiveDataRecord.js CHANGED Viewed

@@ -11,7 +11,8 @@ const useVisibleLiveDataRecord = (record, target) => {
   const [updatedRecord, setUpdatedRecord] = (0, _react.useState)({
     displayName: record.displayName,
     instrument: record.instrument,
-    sentiment: record.sentiment
+    sentiment: record.sentiment,
+    tradeMode: record.tradeMode
   });
   const [error, setError] = (0, _react.useState)(null);
   const entry = (0, _usehooksTs.useIntersectionObserver)();
@@ -26,6 +27,7 @@ const useVisibleLiveDataRecord = (record, target) => {
         displayName: record.displayName,
         instrument: record.instrument,
         sentiment: record.sentiment,
+        tradeMode: record.tradeMode,
         buy: update?.ask,
         sell: update?.bid,
         buyPriceMovement: update?.askPriceMovement,

package/dist/main/hooks/useVisibleLiveDataRecord.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useVisibleLiveDataRecord.js","names":["_react","require","_usehooksTs","_useLiveRatesMessage","useVisibleLiveDataRecord","record","target","updatedRecord","setUpdatedRecord","useState","displayName","instrument","sentiment","error","setError","entry","useIntersectionObserver","isVisible","isIntersecting","update","liveRatesError","useLiveRatesMessage","useEffect","buy","ask","sell","bid","buyPriceMovement","askPriceMovement","sellPriceMovement","bidPriceMovement","dailyPercentChange","dailyPercentChangeFromOpen","spread","displayPrecision","high","low","ref","exports"],"sources":["../../../src/hooks/useVisibleLiveDataRecord.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useIntersectionObserver } from 'usehooks-ts';\n\nimport type { DataRecord, EmptyRecord, LiveRatesErrorMessage } from '../types';\nimport { useLiveRatesMessage } from './useLiveRatesMessage';\n\nexport const useVisibleLiveDataRecord = (\n record: DataRecord \| EmptyRecord,\n target: EventTarget \| null\n) => {\n const [updatedRecord, setUpdatedRecord] = useState<DataRecord>({\n displayName: record.displayName,\n instrument: record.instrument,\n sentiment: record.sentiment,\n });\n\n const [error, setError] = useState<LiveRatesErrorMessage \| null>(null);\n const entry = useIntersectionObserver();\n const isVisible = !!entry?.isIntersecting;\n\n const { update, error: liveRatesError } = useLiveRatesMessage(\n record.instrument,\n target\n );\n\n useEffect(() => {\n if (isVisible) {\n setUpdatedRecord({\n displayName: record.displayName,\n instrument: record.instrument,\n sentiment: record.sentiment,\n buy: update?.ask,\n sell: update?.bid,\n buyPriceMovement: update?.askPriceMovement,\n sellPriceMovement: update?.bidPriceMovement,\n dailyPercentChange: update?.dailyPercentChangeFromOpen,\n spread: update?.spread,\n displayPrecision: update?.displayPrecision,\n high: update?.high,\n low: update?.low,\n });\n setError(liveRatesError);\n }\n }, [update, record, isVisible, liveRatesError]);\n\n return {\n updatedRecord,\n error,\n ref: entry.ref,\n };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAGA,IAAAE,oBAAA,GAAAF,OAAA;AAEO,MAAMG,wBAAwB,GAAGA,CACtCC,MAAgC,EAChCC,MAA0B,KACvB;EACH,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAa;IAC7DC,WAAW,EAAEL,MAAM,CAACK,WAAW;IAC/BC,UAAU,EAAEN,MAAM,CAACM,UAAU;IAC7BC,SAAS,EAAEP,MAAM,CAACO;EACpB,CAAC,CAAC;EAEF,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,~~IAAAL~~,eAAQ,EAA+B,IAAI,CAAC;EACtE,~~MAAMM~~,KAAK,GAAG,IAAAC,mCAAuB,EAAC,CAAC;EACvC,MAAMC,SAAS,GAAG,CAAC,CAACF,KAAK,EAAEG,cAAc;EAEzC,MAAM;IAAEC,MAAM;IAAEN,KAAK,EAAEO;EAAe,CAAC,GAAG,IAAAC,wCAAmB,~~EAC3DhB~~,MAAM,CAACM,UAAU,EACjBL,MACF,CAAC;EAED,~~IAAAgB~~,gBAAS,EAAC,MAAM;IACd,IAAIL,SAAS,EAAE;~~MACbT~~,gBAAgB,CAAC;QACfE,WAAW,EAAEL,MAAM,CAACK,WAAW;QAC/BC,UAAU,EAAEN,MAAM,CAACM,UAAU;QAC7BC,SAAS,EAAEP,MAAM,CAACO,SAAS;QAC3BW,GAAG,EAAEJ,MAAM,EAAEK,GAAG;QAChBC,IAAI,EAAEN,MAAM,EAAEO,GAAG;QACjBC,gBAAgB,EAAER,MAAM,EAAES,gBAAgB;QAC1CC,iBAAiB,EAAEV,MAAM,EAAEW,gBAAgB;QAC3CC,kBAAkB,EAAEZ,MAAM,EAAEa,0BAA0B;QACtDC,MAAM,EAAEd,MAAM,EAAEc,MAAM;QACtBC,gBAAgB,EAAEf,MAAM,EAAEe,gBAAgB;QAC1CC,IAAI,EAAEhB,MAAM,EAAEgB,IAAI;QAClBC,GAAG,EAAEjB,MAAM,EAAEiB;MACf,CAAC,CAAC;MACFtB,QAAQ,CAACM,cAAc,CAAC;IAC1B;EACF,CAAC,EAAE,CAACD,MAAM,~~EAAEd~~,MAAM,~~EAAEY~~,SAAS,EAAEG,cAAc,CAAC,CAAC;EAE/C,OAAO;~~IACLb~~,aAAa;~~IACbM~~,KAAK;IACLwB,GAAG,EAAEtB,KAAK,CAACsB;EACb,CAAC;AACH,CAAC;AAACC,OAAA,~~CAAAlC~~,wBAAA,GAAAA,wBAAA","ignoreList":[]}
1	+ {"version":3,"file":"useVisibleLiveDataRecord.js","names":["_react","require","_usehooksTs","_useLiveRatesMessage","useVisibleLiveDataRecord","record","target","updatedRecord","setUpdatedRecord","useState","displayName","instrument","sentiment","tradeMode","error","setError","entry","useIntersectionObserver","isVisible","isIntersecting","update","liveRatesError","useLiveRatesMessage","useEffect","buy","ask","sell","bid","buyPriceMovement","askPriceMovement","sellPriceMovement","bidPriceMovement","dailyPercentChange","dailyPercentChangeFromOpen","spread","displayPrecision","high","low","ref","exports"],"sources":["../../../src/hooks/useVisibleLiveDataRecord.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useIntersectionObserver } from 'usehooks-ts';\n\nimport type { DataRecord, EmptyRecord, LiveRatesErrorMessage } from '../types';\nimport { useLiveRatesMessage } from './useLiveRatesMessage';\n\nexport const useVisibleLiveDataRecord = (\n record: DataRecord \| EmptyRecord,\n target: EventTarget \| null\n) => {\n const [updatedRecord, setUpdatedRecord] = useState<DataRecord>({\n displayName: record.displayName,\n instrument: record.instrument,\n sentiment: record.sentiment,\n tradeMode: record.tradeMode,\n });\n\n const [error, setError] = useState<LiveRatesErrorMessage \| null>(null);\n const entry = useIntersectionObserver();\n const isVisible = !!entry?.isIntersecting;\n\n const { update, error: liveRatesError } = useLiveRatesMessage(\n record.instrument,\n target\n );\n\n useEffect(() => {\n if (isVisible) {\n setUpdatedRecord({\n displayName: record.displayName,\n instrument: record.instrument,\n sentiment: record.sentiment,\n tradeMode: record.tradeMode,\n buy: update?.ask,\n sell: update?.bid,\n buyPriceMovement: update?.askPriceMovement,\n sellPriceMovement: update?.bidPriceMovement,\n dailyPercentChange: update?.dailyPercentChangeFromOpen,\n spread: update?.spread,\n displayPrecision: update?.displayPrecision,\n high: update?.high,\n low: update?.low,\n });\n setError(liveRatesError);\n }\n }, [update, record, isVisible, liveRatesError]);\n\n return {\n updatedRecord,\n error,\n ref: entry.ref,\n };\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAGA,IAAAE,oBAAA,GAAAF,OAAA;AAEO,MAAMG,wBAAwB,GAAGA,CACtCC,MAAgC,EAChCC,MAA0B,KACvB;EACH,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAa;IAC7DC,WAAW,EAAEL,MAAM,CAACK,WAAW;IAC/BC,UAAU,EAAEN,MAAM,CAACM,UAAU;IAC7BC,SAAS,EAAEP,MAAM,CAACO,SAAS;IAC3BC,SAAS,EAAER,MAAM,CAACQ;EACpB,CAAC,CAAC;EAEF,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG,IAAAN,eAAQ,EAA+B,IAAI,CAAC;EACtE,MAAMO,KAAK,GAAG,IAAAC,mCAAuB,EAAC,CAAC;EACvC,MAAMC,SAAS,GAAG,CAAC,CAACF,KAAK,EAAEG,cAAc;EAEzC,MAAM;IAAEC,MAAM;IAAEN,KAAK,EAAEO;EAAe,CAAC,GAAG,IAAAC,wCAAmB,EAC3DjB,MAAM,CAACM,UAAU,EACjBL,MACF,CAAC;EAED,IAAAiB,gBAAS,EAAC,MAAM;IACd,IAAIL,SAAS,EAAE;MACbV,gBAAgB,CAAC;QACfE,WAAW,EAAEL,MAAM,CAACK,WAAW;QAC/BC,UAAU,EAAEN,MAAM,CAACM,UAAU;QAC7BC,SAAS,EAAEP,MAAM,CAACO,SAAS;QAC3BC,SAAS,EAAER,MAAM,CAACQ,SAAS;QAC3BW,GAAG,EAAEJ,MAAM,EAAEK,GAAG;QAChBC,IAAI,EAAEN,MAAM,EAAEO,GAAG;QACjBC,gBAAgB,EAAER,MAAM,EAAES,gBAAgB;QAC1CC,iBAAiB,EAAEV,MAAM,EAAEW,gBAAgB;QAC3CC,kBAAkB,EAAEZ,MAAM,EAAEa,0BAA0B;QACtDC,MAAM,EAAEd,MAAM,EAAEc,MAAM;QACtBC,gBAAgB,EAAEf,MAAM,EAAEe,gBAAgB;QAC1CC,IAAI,EAAEhB,MAAM,EAAEgB,IAAI;QAClBC,GAAG,EAAEjB,MAAM,EAAEiB;MACf,CAAC,CAAC;MACFtB,QAAQ,CAACM,cAAc,CAAC;IAC1B;EACF,CAAC,EAAE,CAACD,MAAM,EAAEf,MAAM,EAAEa,SAAS,EAAEG,cAAc,CAAC,CAAC;EAE/C,OAAO;IACLd,aAAa;IACbO,KAAK;IACLwB,GAAG,EAAEtB,KAAK,CAACsB;EACb,CAAC;AACH,CAAC;AAACC,OAAA,CAAAnC,wBAAA,GAAAA,wBAAA","ignoreList":[]}

package/dist/main/types/dataTypes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dataTypes.js","names":["DataRecordType","exports"],"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":";;;;;;~~IA6BYA~~,cAAc,GAAAC,OAAA,CAAAD,cAAA,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":[]}
1	+ {"version":3,"file":"dataTypes.js","names":["DataRecordType","exports"],"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 tradeMode?: string;\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":";;;;;;IA8BYA,cAAc,GAAAC,OAAA,CAAAD,cAAA,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/module/components/Card/rows/DailyChangeCardRow.js CHANGED Viewed

@@ -11,7 +11,7 @@ export const DailyChangeCardRow = _ref => {
   return React.createElement(CardRow, {
     key: DataRecordType.DAILY_CHANGE,
     isError: isError,
-    isLoading: isLoading || dailyPercentChange === undefined,
+    isLoading: isLoading || dailyPercentChange === undefined && !isError,
     label: label
   }, React.createElement("span", null, dailyPercentChange));
 };

package/dist/module/components/Card/rows/DailyChangeCardRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DailyChangeCardRow.js","names":["React","DataRecordType","CardRow","DailyChangeCardRow","_ref","isError","label","dailyPercentChange","isLoading","createElement","key","DAILY_CHANGE","undefined"],"sources":["../../../../../src/components/Card/rows/DailyChangeCardRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { CardRow } from '../Card';\n\ninterface DailyChangeCardRowProps {\n dailyPercentChange?: string;\n isError: boolean;\n isLoading?: boolean;\n label: string;\n}\n\nexport const DailyChangeCardRow = ({\n isError,\n label,\n dailyPercentChange,\n isLoading,\n}: DailyChangeCardRowProps) => (\n <CardRow\n key={DataRecordType.DAILY_CHANGE}\n isError={isError}\n isLoading={isLoading \|\| dailyPercentChange === undefined}\n label={label}\n >\n <span>{dailyPercentChange}</span>\n </CardRow>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,OAAO,QAAQ,SAAS;AASjC,OAAO,MAAMC,kBAAkB,GAAGC,IAAA;EAAA,IAAC;IACjCC,OAAO;IACPC,KAAK;IACLC,kBAAkB;IAClBC;EACuB,CAAC,GAAAJ,IAAA;EAAA,OACxBJ,KAAA,CAAAS,aAAA,CAACP,OAAO;IACNQ,GAAG,EAAET,cAAc,CAACU,YAAa;IACjCN,OAAO,EAAEA,OAAQ;IACjBG,SAAS,EAAEA,SAAS,~~IAAID~~,kBAAkB,KAAKK,~~SAAU~~;~~IACzDN~~,KAAK,EAAEA;EAAM,GAEbN,KAAA,CAAAS,aAAA,eAAOF,kBAAyB,CACzB,CAAC;AAAA,CACX","ignoreList":[]}
1	+ {"version":3,"file":"DailyChangeCardRow.js","names":["React","DataRecordType","CardRow","DailyChangeCardRow","_ref","isError","label","dailyPercentChange","isLoading","createElement","key","DAILY_CHANGE","undefined"],"sources":["../../../../../src/components/Card/rows/DailyChangeCardRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { CardRow } from '../Card';\n\ninterface DailyChangeCardRowProps {\n dailyPercentChange?: string;\n isError: boolean;\n isLoading?: boolean;\n label: string;\n}\n\nexport const DailyChangeCardRow = ({\n isError,\n label,\n dailyPercentChange,\n isLoading,\n}: DailyChangeCardRowProps) => (\n <CardRow\n key={DataRecordType.DAILY_CHANGE}\n isError={isError}\n isLoading={isLoading \|\| (dailyPercentChange === undefined && !isError)}\n label={label}\n >\n <span>{dailyPercentChange}</span>\n </CardRow>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,OAAO,QAAQ,SAAS;AASjC,OAAO,MAAMC,kBAAkB,GAAGC,IAAA;EAAA,IAAC;IACjCC,OAAO;IACPC,KAAK;IACLC,kBAAkB;IAClBC;EACuB,CAAC,GAAAJ,IAAA;EAAA,OACxBJ,KAAA,CAAAS,aAAA,CAACP,OAAO;IACNQ,GAAG,EAAET,cAAc,CAACU,YAAa;IACjCN,OAAO,EAAEA,OAAQ;IACjBG,SAAS,EAAEA,SAAS,IAAKD,kBAAkB,KAAKK,SAAS,IAAI,CAACP,OAAS;IACvEC,KAAK,EAAEA;EAAM,GAEbN,KAAA,CAAAS,aAAA,eAAOF,kBAAyB,CACzB,CAAC;AAAA,CACX","ignoreList":[]}

package/dist/module/components/Card/rows/PriceCardRow.js CHANGED Viewed

@@ -12,7 +12,7 @@ export const PriceCardRow = _ref => {
   } = _ref;
   return React.createElement(CardRow, {
     isError: isError,
-    isLoading: isLoading || price === undefined,
+    isLoading: isLoading || price === undefined && !isError,
     label: label
   }, React.createElement(Price, {
     arrowPosition: ArrowPosition.left,

package/dist/module/components/Card/rows/PriceCardRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PriceCardRow.js","names":["React","ArrowPosition","Price","CardRow","PriceCardRow","_ref","priceMovement","price","displayPrecision","isLoading","isError","label","createElement","undefined","arrowPosition","left","movementIndicator","toFixed"],"sources":["../../../../../src/components/Card/rows/PriceCardRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowPosition, Price } from '../../Price';\nimport { CardRow } from '../Card';\n\ninterface PriceCardRowProps {\n priceMovement?: number;\n price?: number;\n displayPrecision?: number;\n isLoading?: boolean;\n isError: boolean;\n label: string;\n}\n\nexport const PriceCardRow = ({\n priceMovement,\n price,\n displayPrecision,\n isLoading,\n isError,\n label,\n}: PriceCardRowProps) => {\n return (\n <CardRow\n isError={isError}\n isLoading={isLoading \|\| price === undefined}\n label={label}\n >\n <Price\n arrowPosition={ArrowPosition.left}\n movementIndicator=\"arrow\"\n priceMovement={priceMovement}\n >\n <span>{price?.toFixed(displayPrecision)}</span>\n </Price>\n </CardRow>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,EAAEC,KAAK,QAAQ,aAAa;AAClD,SAASC,OAAO,QAAQ,SAAS;AAWjC,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAOH;EAAA,IAPI;IAC3BC,aAAa;IACbC,KAAK;IACLC,gBAAgB;IAChBC,SAAS;IACTC,OAAO;IACPC;EACiB,CAAC,GAAAN,IAAA;EAClB,OACEL,KAAA,CAAAY,aAAA,CAACT,OAAO;IACNO,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAS,~~IAAIF~~,KAAK,KAAKM,~~SAAU~~;~~IAC5CF~~,KAAK,EAAEA;EAAM,GAEbX,KAAA,CAAAY,aAAA,CAACV,KAAK;IACJY,aAAa,EAAEb,aAAa,CAACc,IAAK;IAClCC,iBAAiB,EAAC,OAAO;IACzBV,aAAa,EAAEA;EAAc,GAE7BN,KAAA,CAAAY,aAAA,eAAOL,KAAK,EAAEU,OAAO,CAACT,gBAAgB,CAAQ,CACzC,CACA,CAAC;AAEd,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"PriceCardRow.js","names":["React","ArrowPosition","Price","CardRow","PriceCardRow","_ref","priceMovement","price","displayPrecision","isLoading","isError","label","createElement","undefined","arrowPosition","left","movementIndicator","toFixed"],"sources":["../../../../../src/components/Card/rows/PriceCardRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowPosition, Price } from '../../Price';\nimport { CardRow } from '../Card';\n\ninterface PriceCardRowProps {\n priceMovement?: number;\n price?: number;\n displayPrecision?: number;\n isLoading?: boolean;\n isError: boolean;\n label: string;\n}\n\nexport const PriceCardRow = ({\n priceMovement,\n price,\n displayPrecision,\n isLoading,\n isError,\n label,\n}: PriceCardRowProps) => {\n return (\n <CardRow\n isError={isError}\n isLoading={isLoading \|\| (price === undefined && !isError)}\n label={label}\n >\n <Price\n arrowPosition={ArrowPosition.left}\n movementIndicator=\"arrow\"\n priceMovement={priceMovement}\n >\n <span>{price?.toFixed(displayPrecision)}</span>\n </Price>\n </CardRow>\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,EAAEC,KAAK,QAAQ,aAAa;AAClD,SAASC,OAAO,QAAQ,SAAS;AAWjC,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAOH;EAAA,IAPI;IAC3BC,aAAa;IACbC,KAAK;IACLC,gBAAgB;IAChBC,SAAS;IACTC,OAAO;IACPC;EACiB,CAAC,GAAAN,IAAA;EAClB,OACEL,KAAA,CAAAY,aAAA,CAACT,OAAO;IACNO,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAS,IAAKF,KAAK,KAAKM,SAAS,IAAI,CAACH,OAAS;IAC1DC,KAAK,EAAEA;EAAM,GAEbX,KAAA,CAAAY,aAAA,CAACV,KAAK;IACJY,aAAa,EAAEb,aAAa,CAACc,IAAK;IAClCC,iBAAiB,EAAC,OAAO;IACzBV,aAAa,EAAEA;EAAc,GAE7BN,KAAA,CAAAY,aAAA,eAAOL,KAAK,EAAEU,OAAO,CAACT,gBAAgB,CAAQ,CACzC,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/dist/module/components/Card/rows/SpreadCardRow.js CHANGED Viewed

@@ -11,7 +11,7 @@ export const SpreadCardRow = _ref => {
   return React.createElement(CardRow, {
     key: DataRecordType.SPREAD,
     isError: isError,
-    isLoading: isLoading || value === undefined,
+    isLoading: isLoading || value === undefined && !isError,
     label: label
   }, React.createElement("span", {
     "data-testid": "spread-value"

package/dist/module/components/Card/rows/SpreadCardRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SpreadCardRow.js","names":["React","DataRecordType","CardRow","SpreadCardRow","_ref","label","isLoading","isError","value","createElement","key","SPREAD","undefined"],"sources":["../../../../../src/components/Card/rows/SpreadCardRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { CardRow } from '../Card';\n\ninterface SpreadCardRowProps {\n value?: number;\n isError: boolean;\n isLoading?: boolean;\n label: string;\n}\n\nexport const SpreadCardRow = ({\n label,\n isLoading,\n isError,\n value,\n}: SpreadCardRowProps) => (\n <CardRow\n key={DataRecordType.SPREAD}\n isError={isError}\n isLoading={isLoading \|\| value === undefined}\n label={label}\n >\n <span data-testid=\"spread-value\">{value}</span>\n </CardRow>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,OAAO,QAAQ,SAAS;AASjC,OAAO,MAAMC,aAAa,GAAGC,IAAA;EAAA,IAAC;IAC5BC,KAAK;IACLC,SAAS;IACTC,OAAO;IACPC;EACkB,CAAC,GAAAJ,IAAA;EAAA,OACnBJ,KAAA,CAAAS,aAAA,CAACP,OAAO;IACNQ,GAAG,EAAET,cAAc,CAACU,MAAO;IAC3BJ,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAS,~~IAAIE~~,KAAK,KAAKI,~~SAAU~~;~~IAC5CP~~,KAAK,EAAEA;EAAM,GAEbL,KAAA,CAAAS,aAAA;IAAM,eAAY;EAAc,GAAED,KAAY,CACvC,CAAC;AAAA,CACX","ignoreList":[]}
1	+ {"version":3,"file":"SpreadCardRow.js","names":["React","DataRecordType","CardRow","SpreadCardRow","_ref","label","isLoading","isError","value","createElement","key","SPREAD","undefined"],"sources":["../../../../../src/components/Card/rows/SpreadCardRow.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { CardRow } from '../Card';\n\ninterface SpreadCardRowProps {\n value?: number;\n isError: boolean;\n isLoading?: boolean;\n label: string;\n}\n\nexport const SpreadCardRow = ({\n label,\n isLoading,\n isError,\n value,\n}: SpreadCardRowProps) => (\n <CardRow\n key={DataRecordType.SPREAD}\n isError={isError}\n isLoading={isLoading \|\| (value === undefined && !isError)}\n label={label}\n >\n <span data-testid=\"spread-value\">{value}</span>\n </CardRow>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,OAAO,QAAQ,SAAS;AASjC,OAAO,MAAMC,aAAa,GAAGC,IAAA;EAAA,IAAC;IAC5BC,KAAK;IACLC,SAAS;IACTC,OAAO;IACPC;EACkB,CAAC,GAAAJ,IAAA;EAAA,OACnBJ,KAAA,CAAAS,aAAA,CAACP,OAAO;IACNQ,GAAG,EAAET,cAAc,CAACU,MAAO;IAC3BJ,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAS,IAAKE,KAAK,KAAKI,SAAS,IAAI,CAACL,OAAS;IAC1DF,KAAK,EAAEA;EAAM,GAEbL,KAAA,CAAAS,aAAA;IAAM,eAAY;EAAc,GAAED,KAAY,CACvC,CAAC;AAAA,CACX","ignoreList":[]}

package/dist/module/components/Table/columns/DailyChangeColumn.js CHANGED Viewed

@@ -10,7 +10,7 @@ export const DailyChangeColumn = _ref => {
   return React.createElement(TableCell, {
     key: DataRecordType.DAILY_CHANGE,
     isError: isError,
-    isLoading: isLoading || dailyPercentChange === undefined
+    isLoading: isLoading || dailyPercentChange === undefined && !isError
   }, React.createElement("span", null, dailyPercentChange));
 };
 //# sourceMappingURL=DailyChangeColumn.js.map

package/dist/module/components/Table/columns/DailyChangeColumn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DailyChangeColumn.js","names":["React","DataRecordType","TableCell","DailyChangeColumn","_ref","isError","isLoading","dailyPercentChange","createElement","key","DAILY_CHANGE","undefined"],"sources":["../../../../../src/components/Table/columns/DailyChangeColumn.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { TableCell } from '../TableCell';\n\ninterface DailyChangeColumnProps {\n isError: boolean;\n isLoading: boolean;\n dailyPercentChange?: string;\n}\n\nexport const DailyChangeColumn = ({\n isError,\n isLoading,\n dailyPercentChange,\n}: DailyChangeColumnProps) => (\n <TableCell\n key={DataRecordType.DAILY_CHANGE}\n isError={isError}\n isLoading={isLoading \|\| dailyPercentChange === undefined}\n >\n <span>{dailyPercentChange}</span>\n </TableCell>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,SAAS,QAAQ,cAAc;AAQxC,OAAO,MAAMC,iBAAiB,GAAGC,IAAA;EAAA,IAAC;IAChCC,OAAO;IACPC,SAAS;IACTC;EACsB,CAAC,GAAAH,IAAA;EAAA,OACvBJ,KAAA,CAAAQ,aAAA,CAACN,SAAS;IACRO,GAAG,EAAER,cAAc,CAACS,YAAa;IACjCL,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAS,~~IAAIC~~,kBAAkB,KAAKI;~~EAAU~~,~~GAEzDX~~,KAAA,CAAAQ,aAAA,eAAOD,kBAAyB,CACvB,CAAC;AAAA,CACb","ignoreList":[]}
1	+ {"version":3,"file":"DailyChangeColumn.js","names":["React","DataRecordType","TableCell","DailyChangeColumn","_ref","isError","isLoading","dailyPercentChange","createElement","key","DAILY_CHANGE","undefined"],"sources":["../../../../../src/components/Table/columns/DailyChangeColumn.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { TableCell } from '../TableCell';\n\ninterface DailyChangeColumnProps {\n isError: boolean;\n isLoading: boolean;\n dailyPercentChange?: string;\n}\n\nexport const DailyChangeColumn = ({\n isError,\n isLoading,\n dailyPercentChange,\n}: DailyChangeColumnProps) => (\n <TableCell\n key={DataRecordType.DAILY_CHANGE}\n isError={isError}\n isLoading={isLoading \|\| (dailyPercentChange === undefined && !isError)}\n >\n <span>{dailyPercentChange}</span>\n </TableCell>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,SAAS,QAAQ,cAAc;AAQxC,OAAO,MAAMC,iBAAiB,GAAGC,IAAA;EAAA,IAAC;IAChCC,OAAO;IACPC,SAAS;IACTC;EACsB,CAAC,GAAAH,IAAA;EAAA,OACvBJ,KAAA,CAAAQ,aAAA,CAACN,SAAS;IACRO,GAAG,EAAER,cAAc,CAACS,YAAa;IACjCL,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAS,IAAKC,kBAAkB,KAAKI,SAAS,IAAI,CAACN;EAAS,GAEvEL,KAAA,CAAAQ,aAAA,eAAOD,kBAAyB,CACvB,CAAC;AAAA,CACb","ignoreList":[]}

package/dist/module/components/Table/columns/PriceColumn.js CHANGED Viewed

@@ -15,7 +15,7 @@ export const PriceColumn = _ref => {
     key: column,
     additionalPaddingRight: true,
     isError: isError,
-    isLoading: isLoading || price === undefined
+    isLoading: isLoading || price === undefined && !isError
   }, React.createElement(Price, {
     movementIndicator: "arrow",
     priceMovement: priceMovement

package/dist/module/components/Table/columns/PriceColumn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PriceColumn.js","names":["React","CELL_EMPTY_VALUE","Price","TableCell","PriceColumn","_ref","column","isLoading","isError","priceMovement","price","displayPrecision","createElement","key","additionalPaddingRight","undefined","movementIndicator","toFixed"],"sources":["../../../../../src/components/Table/columns/PriceColumn.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DataRecordType } from '../../../types';\nimport { CELL_EMPTY_VALUE } from '../../constant';\nimport { Price } from '../../Price';\nimport { TableCell } from '../TableCell';\n\ninterface PriceColumnProps {\n column: DataRecordType;\n isLoading: boolean;\n isError: boolean;\n priceMovement?: number;\n price?: number;\n displayPrecision?: number;\n}\n\nexport const PriceColumn = ({\n column,\n isLoading,\n isError,\n priceMovement,\n price,\n displayPrecision,\n}: PriceColumnProps) => (\n <TableCell\n key={column}\n additionalPaddingRight\n isError={isError}\n isLoading={isLoading \|\| price === undefined}\n >\n <Price movementIndicator=\"arrow\" priceMovement={priceMovement}>\n {price ? price.toFixed(displayPrecision) : CELL_EMPTY_VALUE}\n </Price>\n </TableCell>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,gBAAgB,QAAQ,gBAAgB;AACjD,SAASC,KAAK,QAAQ,aAAa;AACnC,SAASC,SAAS,QAAQ,cAAc;AAWxC,OAAO,MAAMC,WAAW,GAAGC,IAAA;EAAA,IAAC;IAC1BC,MAAM;IACNC,SAAS;IACTC,OAAO;IACPC,aAAa;IACbC,KAAK;IACLC;EACgB,CAAC,GAAAN,IAAA;EAAA,OACjBL,KAAA,CAAAY,aAAA,CAACT,SAAS;IACRU,GAAG,EAAEP,MAAO;IACZQ,sBAAsB;IACtBN,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAS,~~IAAIG~~,KAAK,KAAKK;~~EAAU~~,~~GAE5Cf~~,KAAA,CAAAY,aAAA,CAACV,KAAK;IAACc,iBAAiB,EAAC,OAAO;IAACP,aAAa,EAAEA;EAAc,GAC3DC,KAAK,GAAGA,KAAK,CAACO,OAAO,CAACN,gBAAgB,CAAC,GAAGV,gBACtC,CACE,CAAC;AAAA,CACb","ignoreList":[]}
1	+ {"version":3,"file":"PriceColumn.js","names":["React","CELL_EMPTY_VALUE","Price","TableCell","PriceColumn","_ref","column","isLoading","isError","priceMovement","price","displayPrecision","createElement","key","additionalPaddingRight","undefined","movementIndicator","toFixed"],"sources":["../../../../../src/components/Table/columns/PriceColumn.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { DataRecordType } from '../../../types';\nimport { CELL_EMPTY_VALUE } from '../../constant';\nimport { Price } from '../../Price';\nimport { TableCell } from '../TableCell';\n\ninterface PriceColumnProps {\n column: DataRecordType;\n isLoading: boolean;\n isError: boolean;\n priceMovement?: number;\n price?: number;\n displayPrecision?: number;\n}\n\nexport const PriceColumn = ({\n column,\n isLoading,\n isError,\n priceMovement,\n price,\n displayPrecision,\n}: PriceColumnProps) => (\n <TableCell\n key={column}\n additionalPaddingRight\n isError={isError}\n isLoading={isLoading \|\| (price === undefined && !isError)}\n >\n <Price movementIndicator=\"arrow\" priceMovement={priceMovement}>\n {price ? price.toFixed(displayPrecision) : CELL_EMPTY_VALUE}\n </Price>\n </TableCell>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,SAASC,gBAAgB,QAAQ,gBAAgB;AACjD,SAASC,KAAK,QAAQ,aAAa;AACnC,SAASC,SAAS,QAAQ,cAAc;AAWxC,OAAO,MAAMC,WAAW,GAAGC,IAAA;EAAA,IAAC;IAC1BC,MAAM;IACNC,SAAS;IACTC,OAAO;IACPC,aAAa;IACbC,KAAK;IACLC;EACgB,CAAC,GAAAN,IAAA;EAAA,OACjBL,KAAA,CAAAY,aAAA,CAACT,SAAS;IACRU,GAAG,EAAEP,MAAO;IACZQ,sBAAsB;IACtBN,OAAO,EAAEA,OAAQ;IACjBD,SAAS,EAAEA,SAAS,IAAKG,KAAK,KAAKK,SAAS,IAAI,CAACP;EAAS,GAE1DR,KAAA,CAAAY,aAAA,CAACV,KAAK;IAACc,iBAAiB,EAAC,OAAO;IAACP,aAAa,EAAEA;EAAc,GAC3DC,KAAK,GAAGA,KAAK,CAACO,OAAO,CAACN,gBAAgB,CAAC,GAAGV,gBACtC,CACE,CAAC;AAAA,CACb","ignoreList":[]}

package/dist/module/components/Table/columns/SpreadColumn.js CHANGED Viewed

@@ -11,7 +11,7 @@ export const SpreadColumn = _ref => {
   return React.createElement(TableCell, {
     key: DataRecordType.SPREAD,
     isError: isError,
-    isLoading: isLoading || value === undefined,
+    isLoading: isLoading || value === undefined && !isError,
     loaderSize: LoaderSize.sm
   }, React.createElement("span", null, value));
 };

package/dist/module/components/Table/columns/SpreadColumn.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SpreadColumn.js","names":["React","DataRecordType","LoaderSize","TableCell","SpreadColumn","_ref","isError","isLoading","value","createElement","key","SPREAD","undefined","loaderSize","sm"],"sources":["../../../../../src/components/Table/columns/SpreadColumn.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { LoaderSize } from '../../Loader';\nimport { TableCell } from '../TableCell';\n\ninterface SpreadColumnProps {\n isLoading: boolean;\n isError: boolean;\n value?: number;\n}\n\nexport const SpreadColumn = ({\n isError,\n isLoading,\n value,\n}: SpreadColumnProps) => (\n <TableCell\n key={DataRecordType.SPREAD}\n isError={isError}\n isLoading={isLoading \|\| value === undefined}\n loaderSize={LoaderSize.sm}\n >\n <span>{value}</span>\n </TableCell>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,cAAc;AAQxC,OAAO,MAAMC,YAAY,GAAGC,IAAA;EAAA,IAAC;IAC3BC,OAAO;IACPC,SAAS;IACTC;EACiB,CAAC,GAAAH,IAAA;EAAA,OAClBL,KAAA,CAAAS,aAAA,CAACN,SAAS;IACRO,GAAG,EAAET,cAAc,CAACU,MAAO;IAC3BL,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAS,~~IAAIC~~,KAAK,KAAKI,~~SAAU~~;~~IAC5CC~~,UAAU,EAAEX,UAAU,CAACY;EAAG,GAE1Bd,KAAA,CAAAS,aAAA,eAAOD,KAAY,CACV,CAAC;AAAA,CACb","ignoreList":[]}
1	+ {"version":3,"file":"SpreadColumn.js","names":["React","DataRecordType","LoaderSize","TableCell","SpreadColumn","_ref","isError","isLoading","value","createElement","key","SPREAD","undefined","loaderSize","sm"],"sources":["../../../../../src/components/Table/columns/SpreadColumn.tsx"],"sourcesContent":["import React from 'react';\n\nimport { DataRecordType } from '../../../types';\nimport { LoaderSize } from '../../Loader';\nimport { TableCell } from '../TableCell';\n\ninterface SpreadColumnProps {\n isLoading: boolean;\n isError: boolean;\n value?: number;\n}\n\nexport const SpreadColumn = ({\n isError,\n isLoading,\n value,\n}: SpreadColumnProps) => (\n <TableCell\n key={DataRecordType.SPREAD}\n isError={isError}\n isLoading={isLoading \|\| (value === undefined && !isError)}\n loaderSize={LoaderSize.sm}\n >\n <span>{value}</span>\n </TableCell>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,cAAc;AAQxC,OAAO,MAAMC,YAAY,GAAGC,IAAA;EAAA,IAAC;IAC3BC,OAAO;IACPC,SAAS;IACTC;EACiB,CAAC,GAAAH,IAAA;EAAA,OAClBL,KAAA,CAAAS,aAAA,CAACN,SAAS;IACRO,GAAG,EAAET,cAAc,CAACU,MAAO;IAC3BL,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAS,IAAKC,KAAK,KAAKI,SAAS,IAAI,CAACN,OAAS;IAC1DO,UAAU,EAAEX,UAAU,CAACY;EAAG,GAE1Bd,KAAA,CAAAS,aAAA,eAAOD,KAAY,CACV,CAAC;AAAA,CACb","ignoreList":[]}

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

@@ -50,13 +50,13 @@ export const ColumnRenderer = _ref => {
     [DataRecordType.HIGH]: () => React.createElement(TableCell, {
       key: DataRecordType.SPREAD,
       isError: isError,
-      isLoading: isLoading || record.high === undefined,
+      isLoading: isLoading || record.high === undefined && !isError,
       loaderSize: LoaderSize.sm
     }, React.createElement("span", null, record.high)),
     [DataRecordType.LOW]: () => React.createElement(TableCell, {
       key: DataRecordType.LOW,
       isError: isError,
-      isLoading: isLoading || record.low === undefined,
+      isLoading: isLoading || record.low === undefined && !isError,
       loaderSize: LoaderSize.sm
     }, React.createElement("span", null, record.low)),
     [DataRecordType.SYMBOL]: () => React.createElement(TableCell, {
@@ -72,7 +72,7 @@ export const ColumnRenderer = _ref => {
       isError: isError,
       isLoading: isLoading,
       loaderSize: LoaderSize.sm
-    }, React.createElement("span", null, 'Long Only'))
+    }, React.createElement("span", null, record.tradeMode))
   };
   return activeColumns.map(item => React.createElement(React.Fragment, {
     key: item

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

	@@ -1 +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","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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAA0BC,cAAc,QAAQ,aAAa;AAC7D,SAASC,UAAU,QAAQ,WAAW;AACtC,SACEC,WAAW,EACXC,iBAAiB,EACjBC,WAAW,EACXC,eAAe,EACfC,YAAY,EACZC,SAAS,QACJ,UAAU;AAWjB,OAAO,MAAMC,cAAc,GAAGC,IAAA,IAOH;EAAA,IAPI;IAC7BC,MAAM;IACNC,SAAS;IACTC,cAAc;IACdC,OAAO;IACPC,aAAa;IACbC;EACmB,CAAC,GAAAN,IAAA;EACpB,MAAMO,UAA8D,GAAG;IACrE,CAAChB,cAAc,CAACiB,IAAI,GAAG,MACrBlB,KAAA,CAAAmB,aAAA,CAACd,WAAW;MACVe,MAAM,EAAEnB,cAAc,CAACiB,IAAK;MAC5BG,gBAAgB,EAAEV,MAAM,CAACU,gBAAiB;MAC1CP,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA,SAAU;MACrBU,KAAK,EAAEX,MAAM,CAACY,IAAK;MACnBC,aAAa,EAAEb,MAAM,CAACc;IAAkB,CACzC,CACF;IACD,CAACxB,cAAc,CAACyB,GAAG,GAAG,MACpB1B,KAAA,CAAAmB,aAAA,CAACd,WAAW;MACVe,MAAM,EAAEnB,cAAc,CAACyB,GAAI;MAC3BL,gBAAgB,EAAEV,MAAM,CAACU,gBAAiB;MAC1CP,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA,SAAU;MACrBU,KAAK,EAAEX,MAAM,CAACgB,GAAI;MAClBH,aAAa,EAAEb,MAAM,CAACiB;IAAiB,CACxC,CACF;IACD,CAAC3B,cAAc,CAAC4B,YAAY,GAAG,MAC7B7B,KAAA,CAAAmB,aAAA,CAACf,iBAAiB;MAChB0B,kBAAkB,EAAEnB,MAAM,CAACmB,kBAAmB;MAC9ChB,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA;IAAU,CACtB,CACF;IACD,CAACX,cAAc,CAAC8B,KAAK,GAAG,MACtB/B,KAAA,CAAAmB,aAAA,CAAChB,WAAW;MACVa,KAAK,EAAEA,KAAK,IAAI,EAAG;MACnBJ,SAAS,EAAE,CAAC,CAACC,cAAe;MAC5BmB,aAAa,EAAErB,MAAM,CAACmB;IAAmB,CAC1C,CACF;IACD,CAAC7B,cAAc,CAACgC,MAAM,GAAG,MACvBjC,KAAA,CAAAmB,aAAA,CAACZ,YAAY;MACXO,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA,SAAU;MACrBsB,KAAK,EAAEvB,MAAM,CAACwB;IAAO,CACtB,CACF;IACD,CAAClC,cAAc,CAACmC,SAAS,GAAG,MAC1BpC,KAAA,CAAAmB,aAAA,CAACb,eAAe;MAACM,SAAS,EAAEA,SAAU;MAACyB,SAAS,EAAE1B,MAAM,CAAC0B;IAAU,CAAE,CACtE;IACD,CAACpC,cAAc,CAACqC,IAAI,GAAG,MACrBtC,KAAA,CAAAmB,aAAA,CAACX,SAAS;MACR+B,GAAG,EAAEtC,cAAc,CAACgC,MAAO;MAC3BnB,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA,SAAS,~~IAAID~~,MAAM,CAAC6B,IAAI,KAAKC,~~SAAU~~;~~MAClDC~~,UAAU,EAAExC,UAAU,CAACyC;IAAG,GAE1B3C,KAAA,CAAAmB,aAAA,eAAOR,MAAM,CAAC6B,IAAW,CAChB,CACZ;IACD,CAACvC,cAAc,CAAC2C,GAAG,GAAG,MACpB5C,KAAA,CAAAmB,aAAA,CAACX,SAAS;MACR+B,GAAG,EAAEtC,cAAc,CAAC2C,GAAI;MACxB9B,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA,SAAS,~~IAAID~~,MAAM,CAACkC,GAAG,KAAKJ,~~SAAU~~;~~MACjDC~~,UAAU,EAAExC,UAAU,CAACyC;IAAG,GAE1B3C,KAAA,CAAAmB,aAAA,eAAOR,MAAM,CAACkC,GAAU,CACf,CACZ;IACD,CAAC5C,cAAc,CAAC6C,MAAM,GAAG,MACvB9C,KAAA,CAAAmB,aAAA,CAACX,SAAS;MACR+B,GAAG,EAAEtC,cAAc,CAAC6C,MAAO;MAC3BhC,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA,SAAU;MACrB8B,UAAU,EAAExC,UAAU,CAAC6C,EAAG;MAC1BC,IAAI,EAAC;IAAc,GAEnBhD,KAAA,CAAAmB,aAAA,eAAOR,MAAM,CAACsC,UAAiB,CACtB,CACZ;IACD,CAAChD,cAAc,CAACiD,UAAU,GAAG,MAC3BlD,KAAA,CAAAmB,aAAA,CAACX,SAAS;MACR+B,GAAG,EAAEtC,cAAc,CAACiD,UAAW;MAC/BC,sBAAsB,EAAE,IAAK;MAC7BrC,OAAO,EAAEA,OAAQ;MACjBF,SAAS,EAAEA,SAAU;MACrB8B,UAAU,EAAExC,UAAU,CAACyC;IAAG,GAE1B3C,KAAA,CAAAmB,aAAA,~~eAAO~~,~~WAAkB~~,~~CAChB~~;EAEf,CAAC;EAED,~~OAAOJ~~,aAAa,~~CAACqC~~,GAAG,CAAEC,IAAI,~~IAC5BrD~~,KAAA,CAAAmB,aAAA,CAACnB,KAAK,~~CAACsD~~,QAAQ;~~IAACf~~,GAAG,~~EAAEc~~;EAAK,~~GAAEpC~~,UAAU,~~CAACoC~~,IAAI,CAAC,GAAG,CAAC,IAAI,IAAqB,CAC1E,CAAC;AACJ,CAAC","ignoreList":[]}
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","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 };\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/hooks/useVisibleLiveDataRecord.js CHANGED Viewed

@@ -5,7 +5,8 @@ export const useVisibleLiveDataRecord = (record, target) => {
   const [updatedRecord, setUpdatedRecord] = useState({
     displayName: record.displayName,
     instrument: record.instrument,
-    sentiment: record.sentiment
+    sentiment: record.sentiment,
+    tradeMode: record.tradeMode
   });
   const [error, setError] = useState(null);
   const entry = useIntersectionObserver();
@@ -20,6 +21,7 @@ export const useVisibleLiveDataRecord = (record, target) => {
         displayName: record.displayName,
         instrument: record.instrument,
         sentiment: record.sentiment,
+        tradeMode: record.tradeMode,
         buy: update?.ask,
         sell: update?.bid,
         buyPriceMovement: update?.askPriceMovement,

package/dist/module/hooks/useVisibleLiveDataRecord.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useVisibleLiveDataRecord.js","names":["useEffect","useState","useIntersectionObserver","useLiveRatesMessage","useVisibleLiveDataRecord","record","target","updatedRecord","setUpdatedRecord","displayName","instrument","sentiment","error","setError","entry","isVisible","isIntersecting","update","liveRatesError","buy","ask","sell","bid","buyPriceMovement","askPriceMovement","sellPriceMovement","bidPriceMovement","dailyPercentChange","dailyPercentChangeFromOpen","spread","displayPrecision","high","low","ref"],"sources":["../../../src/hooks/useVisibleLiveDataRecord.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useIntersectionObserver } from 'usehooks-ts';\n\nimport type { DataRecord, EmptyRecord, LiveRatesErrorMessage } from '../types';\nimport { useLiveRatesMessage } from './useLiveRatesMessage';\n\nexport const useVisibleLiveDataRecord = (\n record: DataRecord \| EmptyRecord,\n target: EventTarget \| null\n) => {\n const [updatedRecord, setUpdatedRecord] = useState<DataRecord>({\n displayName: record.displayName,\n instrument: record.instrument,\n sentiment: record.sentiment,\n });\n\n const [error, setError] = useState<LiveRatesErrorMessage \| null>(null);\n const entry = useIntersectionObserver();\n const isVisible = !!entry?.isIntersecting;\n\n const { update, error: liveRatesError } = useLiveRatesMessage(\n record.instrument,\n target\n );\n\n useEffect(() => {\n if (isVisible) {\n setUpdatedRecord({\n displayName: record.displayName,\n instrument: record.instrument,\n sentiment: record.sentiment,\n buy: update?.ask,\n sell: update?.bid,\n buyPriceMovement: update?.askPriceMovement,\n sellPriceMovement: update?.bidPriceMovement,\n dailyPercentChange: update?.dailyPercentChangeFromOpen,\n spread: update?.spread,\n displayPrecision: update?.displayPrecision,\n high: update?.high,\n low: update?.low,\n });\n setError(liveRatesError);\n }\n }, [update, record, isVisible, liveRatesError]);\n\n return {\n updatedRecord,\n error,\n ref: entry.ref,\n };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,uBAAuB,QAAQ,aAAa;AAGrD,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,OAAO,MAAMC,wBAAwB,GAAGA,CACtCC,MAAgC,EAChCC,MAA0B,KACvB;EACH,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGP,QAAQ,CAAa;IAC7DQ,WAAW,EAAEJ,MAAM,CAACI,WAAW;IAC/BC,UAAU,EAAEL,MAAM,CAACK,UAAU;IAC7BC,SAAS,EAAEN,MAAM,CAACM;EACpB,CAAC,CAAC;EAEF,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,~~GAAGZ~~,QAAQ,CAA+B,IAAI,CAAC;EACtE,~~MAAMa~~,KAAK,~~GAAGZ~~,uBAAuB,CAAC,CAAC;EACvC,~~MAAMa~~,SAAS,GAAG,CAAC,CAACD,KAAK,EAAEE,cAAc;EAEzC,MAAM;IAAEC,MAAM;IAAEL,KAAK,EAAEM;EAAe,CAAC,~~GAAGf~~,mBAAmB,CAC3DE,MAAM,CAACK,UAAU,EACjBJ,MACF,CAAC;EAEDN,SAAS,CAAC,MAAM;IACd,~~IAAIe~~,SAAS,EAAE;~~MACbP~~,gBAAgB,CAAC;QACfC,WAAW,EAAEJ,MAAM,CAACI,WAAW;QAC/BC,UAAU,EAAEL,MAAM,CAACK,UAAU;QAC7BC,SAAS,EAAEN,MAAM,CAACM,SAAS;QAC3BQ,GAAG,EAAEF,MAAM,EAAEG,GAAG;QAChBC,IAAI,EAAEJ,MAAM,EAAEK,GAAG;QACjBC,gBAAgB,EAAEN,MAAM,EAAEO,gBAAgB;QAC1CC,iBAAiB,EAAER,MAAM,EAAES,gBAAgB;QAC3CC,kBAAkB,EAAEV,MAAM,EAAEW,0BAA0B;QACtDC,MAAM,EAAEZ,MAAM,EAAEY,MAAM;QACtBC,gBAAgB,EAAEb,MAAM,EAAEa,gBAAgB;QAC1CC,IAAI,EAAEd,MAAM,EAAEc,IAAI;QAClBC,GAAG,EAAEf,MAAM,EAAEe;MACf,CAAC,CAAC;MACFnB,QAAQ,CAACK,cAAc,CAAC;IAC1B;EACF,CAAC,EAAE,CAACD,MAAM,~~EAAEZ~~,MAAM,~~EAAEU~~,SAAS,EAAEG,cAAc,CAAC,CAAC;EAE/C,OAAO;~~IACLX~~,aAAa;~~IACbK~~,KAAK;IACLqB,GAAG,EAAEnB,KAAK,CAACmB;EACb,CAAC;AACH,CAAC","ignoreList":[]}
1	+ {"version":3,"file":"useVisibleLiveDataRecord.js","names":["useEffect","useState","useIntersectionObserver","useLiveRatesMessage","useVisibleLiveDataRecord","record","target","updatedRecord","setUpdatedRecord","displayName","instrument","sentiment","tradeMode","error","setError","entry","isVisible","isIntersecting","update","liveRatesError","buy","ask","sell","bid","buyPriceMovement","askPriceMovement","sellPriceMovement","bidPriceMovement","dailyPercentChange","dailyPercentChangeFromOpen","spread","displayPrecision","high","low","ref"],"sources":["../../../src/hooks/useVisibleLiveDataRecord.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { useIntersectionObserver } from 'usehooks-ts';\n\nimport type { DataRecord, EmptyRecord, LiveRatesErrorMessage } from '../types';\nimport { useLiveRatesMessage } from './useLiveRatesMessage';\n\nexport const useVisibleLiveDataRecord = (\n record: DataRecord \| EmptyRecord,\n target: EventTarget \| null\n) => {\n const [updatedRecord, setUpdatedRecord] = useState<DataRecord>({\n displayName: record.displayName,\n instrument: record.instrument,\n sentiment: record.sentiment,\n tradeMode: record.tradeMode,\n });\n\n const [error, setError] = useState<LiveRatesErrorMessage \| null>(null);\n const entry = useIntersectionObserver();\n const isVisible = !!entry?.isIntersecting;\n\n const { update, error: liveRatesError } = useLiveRatesMessage(\n record.instrument,\n target\n );\n\n useEffect(() => {\n if (isVisible) {\n setUpdatedRecord({\n displayName: record.displayName,\n instrument: record.instrument,\n sentiment: record.sentiment,\n tradeMode: record.tradeMode,\n buy: update?.ask,\n sell: update?.bid,\n buyPriceMovement: update?.askPriceMovement,\n sellPriceMovement: update?.bidPriceMovement,\n dailyPercentChange: update?.dailyPercentChangeFromOpen,\n spread: update?.spread,\n displayPrecision: update?.displayPrecision,\n high: update?.high,\n low: update?.low,\n });\n setError(liveRatesError);\n }\n }, [update, record, isVisible, liveRatesError]);\n\n return {\n updatedRecord,\n error,\n ref: entry.ref,\n };\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,uBAAuB,QAAQ,aAAa;AAGrD,SAASC,mBAAmB,QAAQ,uBAAuB;AAE3D,OAAO,MAAMC,wBAAwB,GAAGA,CACtCC,MAAgC,EAChCC,MAA0B,KACvB;EACH,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGP,QAAQ,CAAa;IAC7DQ,WAAW,EAAEJ,MAAM,CAACI,WAAW;IAC/BC,UAAU,EAAEL,MAAM,CAACK,UAAU;IAC7BC,SAAS,EAAEN,MAAM,CAACM,SAAS;IAC3BC,SAAS,EAAEP,MAAM,CAACO;EACpB,CAAC,CAAC;EAEF,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGb,QAAQ,CAA+B,IAAI,CAAC;EACtE,MAAMc,KAAK,GAAGb,uBAAuB,CAAC,CAAC;EACvC,MAAMc,SAAS,GAAG,CAAC,CAACD,KAAK,EAAEE,cAAc;EAEzC,MAAM;IAAEC,MAAM;IAAEL,KAAK,EAAEM;EAAe,CAAC,GAAGhB,mBAAmB,CAC3DE,MAAM,CAACK,UAAU,EACjBJ,MACF,CAAC;EAEDN,SAAS,CAAC,MAAM;IACd,IAAIgB,SAAS,EAAE;MACbR,gBAAgB,CAAC;QACfC,WAAW,EAAEJ,MAAM,CAACI,WAAW;QAC/BC,UAAU,EAAEL,MAAM,CAACK,UAAU;QAC7BC,SAAS,EAAEN,MAAM,CAACM,SAAS;QAC3BC,SAAS,EAAEP,MAAM,CAACO,SAAS;QAC3BQ,GAAG,EAAEF,MAAM,EAAEG,GAAG;QAChBC,IAAI,EAAEJ,MAAM,EAAEK,GAAG;QACjBC,gBAAgB,EAAEN,MAAM,EAAEO,gBAAgB;QAC1CC,iBAAiB,EAAER,MAAM,EAAES,gBAAgB;QAC3CC,kBAAkB,EAAEV,MAAM,EAAEW,0BAA0B;QACtDC,MAAM,EAAEZ,MAAM,EAAEY,MAAM;QACtBC,gBAAgB,EAAEb,MAAM,EAAEa,gBAAgB;QAC1CC,IAAI,EAAEd,MAAM,EAAEc,IAAI;QAClBC,GAAG,EAAEf,MAAM,EAAEe;MACf,CAAC,CAAC;MACFnB,QAAQ,CAACK,cAAc,CAAC;IAC1B;EACF,CAAC,EAAE,CAACD,MAAM,EAAEb,MAAM,EAAEW,SAAS,EAAEG,cAAc,CAAC,CAAC;EAE/C,OAAO;IACLZ,aAAa;IACbM,KAAK;IACLqB,GAAG,EAAEnB,KAAK,CAACmB;EACb,CAAC;AACH,CAAC","ignoreList":[]}

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

	@@ -1 +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 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":[]}
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 tradeMode?: string;\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":"AA8BA,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/types/dataTypes.d.ts CHANGED Viewed

@@ -13,6 +13,7 @@ export interface DataRecord {
     chart?: number[];
     high?: number;
     low?: number;
+    tradeMode?: string;
 }
 export interface SentimentValue {
     shortPercent: number;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-widget-common",
-  "version": "1.0.207",
+  "version": "1.0.209",
   "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": "31dcda0050419adc006433a90226fc9f0441b551"
+  "gitHead": "3ea75a8eb6299695ea5b697b801040f06fcddb44"
 }

package/src/components/Card/rows/DailyChangeCardRow.tsx CHANGED Viewed

@@ -19,7 +19,7 @@ export const DailyChangeCardRow = ({
   <CardRow
     key={DataRecordType.DAILY_CHANGE}
     isError={isError}
-    isLoading={isLoading || dailyPercentChange === undefined}
+    isLoading={isLoading || (dailyPercentChange === undefined && !isError)}
     label={label}
   >
     <span>{dailyPercentChange}</span>

package/src/components/Card/rows/PriceCardRow.tsx CHANGED Viewed

@@ -23,7 +23,7 @@ export const PriceCardRow = ({
   return (
     <CardRow
       isError={isError}
-      isLoading={isLoading || price === undefined}
+      isLoading={isLoading || (price === undefined && !isError)}
       label={label}
     >
       <Price

package/src/components/Card/rows/SpreadCardRow.tsx CHANGED Viewed

@@ -19,7 +19,7 @@ export const SpreadCardRow = ({
   <CardRow
     key={DataRecordType.SPREAD}
     isError={isError}
-    isLoading={isLoading || value === undefined}
+    isLoading={isLoading || (value === undefined && !isError)}
     label={label}
   >
     <span data-testid="spread-value">{value}</span>

package/src/components/Table/columns/DailyChangeColumn.tsx CHANGED Viewed

@@ -17,7 +17,7 @@ export const DailyChangeColumn = ({
   <TableCell
     key={DataRecordType.DAILY_CHANGE}
     isError={isError}
-    isLoading={isLoading || dailyPercentChange === undefined}
+    isLoading={isLoading || (dailyPercentChange === undefined && !isError)}
   >
     <span>{dailyPercentChange}</span>
   </TableCell>

package/src/components/Table/columns/PriceColumn.tsx CHANGED Viewed

@@ -26,7 +26,7 @@ export const PriceColumn = ({
     key={column}
     additionalPaddingRight
     isError={isError}
-    isLoading={isLoading || price === undefined}
+    isLoading={isLoading || (price === undefined && !isError)}
   >
     <Price movementIndicator="arrow" priceMovement={priceMovement}>
       {price ? price.toFixed(displayPrecision) : CELL_EMPTY_VALUE}