@oanda/labs-widget-common 1.0.196 → 1.0.197

package/CHANGELOG.md

@@ -3,6 +3,782 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 1.0.197 (2025-05-23)
+
+
+
+## 1.0.196 (2025-05-22)
+
+
+
+## 1.0.195 (2025-05-21)
+
+
+
+## 1.0.194 (2025-05-21)
+
+
+
+## 1.0.193 (2025-05-15)
+
+
+
+## 1.0.192 (2025-05-14)
+
+
+
+## 1.0.191 (2025-04-30)
+
+
+
+## 1.0.190 (2025-04-28)
+
+
+
+## 1.0.189 (2025-04-23)
+
+
+
+## 1.0.188 (2025-04-22)
+
+
+
+## 1.0.187 (2025-04-18)
+
+
+
+## 1.0.186 (2025-04-10)
+
+
+
+## 1.0.185 (2025-04-09)
+
+
+
+## 1.0.184 (2025-04-08)
+
+
+
+## 1.0.183 (2025-04-04)
+
+
+
+## 1.0.182 (2025-03-21)
+
+
+
+## 1.0.181 (2025-03-13)
+
+
+
+## 1.0.180 (2025-01-30)
+
+
+
+## 1.0.179 (2025-01-29)
+
+
+
+## 1.0.178 (2025-01-12)
+
+
+
+## 1.0.177 (2025-01-10)
+
+
+
+## 1.0.176 (2025-01-10)
+
+
+
+## 1.0.175 (2025-01-08)
+
+
+
+## 1.0.174 (2024-12-16)
+
+
+
+## 1.0.173 (2024-12-11)
+
+
+
+## 1.0.172 (2024-11-29)
+
+
+
+## 1.0.171 (2024-11-28)
+
+
+
+## 1.0.170 (2024-11-28)
+
+
+
+## 1.0.169 (2024-11-20)
+
+
+
+## 1.0.168 (2024-11-19)
+
+
+
+## 1.0.167 (2024-10-14)
+
+
+
+## 1.0.166 (2024-10-07)
+
+
+
+## 1.0.165 (2024-10-03)
+
+
+
+## 1.0.164 (2024-09-26)
+
+
+
+## 1.0.163 (2024-09-18)
+
+
+
+## 1.0.162 (2024-09-12)
+
+
+
+## 1.0.161 (2024-09-11)
+
+
+
+## 1.0.160 (2024-09-10)
+
+
+
+## 1.0.159 (2024-09-09)
+
+
+
+## 1.0.158 (2024-09-04)
+
+
+
+## 1.0.157 (2024-09-04)
+
+
+
+## 1.0.156 (2024-09-02)
+
+
+
+## 1.0.155 (2024-08-29)
+
+
+
+## 1.0.154 (2024-08-29)
+
+
+
+## 1.0.153 (2024-08-23)
+
+
+
+## 1.0.152 (2024-08-23)
+
+
+
+## 1.0.151 (2024-08-20)
+
+
+
+## 1.0.150 (2024-08-19)
+
+
+
+## 1.0.149 (2024-08-07)
+
+
+
+## 1.0.148 (2024-08-01)
+
+
+
+## 1.0.147 (2024-08-01)
+
+
+
+## 1.0.146 (2024-07-26)
+
+
+
+## 1.0.145 (2024-07-25)
+
+
+
+## 1.0.144 (2024-07-22)
+
+
+
+## 1.0.143 (2024-07-19)
+
+
+
+## 1.0.142 (2024-07-16)
+
+
+
+## 1.0.141 (2024-07-16)
+
+
+
+## 1.0.140 (2024-07-12)
+
+
+
+## 1.0.139 (2024-07-12)
+
+
+
+## 1.0.138 (2024-07-10)
+
+
+
+## 1.0.137 (2024-07-05)
+
+
+
+## 1.0.136 (2024-07-03)
+
+
+
+## 1.0.135 (2024-07-03)
+
+
+
+## 1.0.134 (2024-07-03)
+
+
+
+## 1.0.133 (2024-06-28)
+
+
+
+## 1.0.132 (2024-06-27)
+
+
+
+## 1.0.131 (2024-06-27)
+
+
+
+## 1.0.130 (2024-06-26)
+
+
+
+## 1.0.129 (2024-06-17)
+
+
+
+## 1.0.128 (2024-06-17)
+
+
+
+## 1.0.127 (2024-06-10)
+
+
+
+## 1.0.126 (2024-05-29)
+
+
+
+## 1.0.125 (2024-05-29)
+
+
+
+## 1.0.124 (2024-05-29)
+
+
+
+## 1.0.123 (2024-05-28)
+
+
+
+## 1.0.122 (2024-05-27)
+
+
+
+## 1.0.121 (2024-05-27)
+
+
+
+## 1.0.120 (2024-05-24)
+
+
+
+## 1.0.119 (2024-05-17)
+
+
+
+## 1.0.118 (2024-05-09)
+
+
+
+## 1.0.117 (2024-05-07)
+
+
+
+## 1.0.116 (2024-04-23)
+
+
+
+## 1.0.115 (2024-04-22)
+
+
+
+## 1.0.114 (2024-04-19)
+
+
+
+## 1.0.113 (2024-04-19)
+
+
+
+## 1.0.112 (2024-04-15)
+
+
+
+## 1.0.111 (2024-04-11)
+
+
+
+## 1.0.110 (2024-04-05)
+
+
+
+## 1.0.109 (2024-04-05)
+
+
+
+## 1.0.108 (2024-04-04)
+
+
+
+## 1.0.107 (2024-04-03)
+
+
+
+## 1.0.106 (2024-03-29)
+
+
+
+## 1.0.105 (2024-03-28)
+
+
+
+## 1.0.104 (2024-03-21)
+
+
+
+## 1.0.103 (2024-03-20)
+
+
+
+## 1.0.102 (2024-03-20)
+
+
+
+## 1.0.101 (2024-03-13)
+
+
+
+## 1.0.100 (2024-03-12)
+
+
+
+## 1.0.99 (2024-03-11)
+
+
+
+## 1.0.98 (2024-03-07)
+
+
+
+## 1.0.97 (2024-03-06)
+
+
+
+## 1.0.96 (2024-03-06)
+
+
+
+## 1.0.95 (2024-03-04)
+
+
+
+## 1.0.94 (2024-02-29)
+
+
+
+## 1.0.93 (2024-02-28)
+
+
+
+## 1.0.92 (2024-02-28)
+
+
+
+## 1.0.91 (2024-02-23)
+
+
+
+## 1.0.90 (2024-02-23)
+
+
+
+## 1.0.89 (2024-02-21)
+
+
+
+## 1.0.88 (2024-02-21)
+
+
+
+## 1.0.87 (2024-02-20)
+
+
+
+## 1.0.86 (2024-02-20)
+
+
+
+## 1.0.85 (2024-02-13)
+
+
+
+## 1.0.84 (2024-02-13)
+
+
+
+## 1.0.83 (2024-02-09)
+
+
+
+## 1.0.82 (2024-02-05)
+
+
+
+## 1.0.81 (2024-02-05)
+
+
+
+## 1.0.80 (2024-02-05)
+
+
+
+## 1.0.79 (2024-02-05)
+
+
+
+## 1.0.78 (2024-01-30)
+
+
+
+## 1.0.77 (2024-01-25)
+
+
+
+## 1.0.76 (2024-01-25)
+
+
+
+## 1.0.75 (2024-01-22)
+
+
+
+## 1.0.74 (2024-01-22)
+
+
+
+## 1.0.73 (2024-01-22)
+
+
+
+## 1.0.72 (2024-01-19)
+
+
+
+## 1.0.71 (2024-01-18)
+
+
+
+## 1.0.70 (2024-01-17)
+
+
+
+## 1.0.69 (2024-01-17)
+
+
+
+## 1.0.68 (2024-01-15)
+
+
+
+## 1.0.67 (2024-01-15)
+
+
+
+## 1.0.66 (2024-01-12)
+
+
+
+## 1.0.65 (2024-01-11)
+
+
+
+## 1.0.64 (2024-01-11)
+
+
+
+## 1.0.63 (2024-01-11)
+
+
+
+## 1.0.62 (2024-01-10)
+
+
+
+## 1.0.61 (2024-01-09)
+
+
+
+## 1.0.60 (2024-01-05)
+
+
+
+## 1.0.59 (2023-12-27)
+
+
+
+## 1.0.58 (2023-12-22)
+
+
+
+## 1.0.57 (2023-12-22)
+
+
+
+## 1.0.56 (2023-12-21)
+
+
+
+## 1.0.55 (2023-12-19)
+
+
+
+## 1.0.54 (2023-12-15)
+
+
+
+## 1.0.53 (2023-12-13)
+
+
+
+## 1.0.52 (2023-12-13)
+
+
+
+## 1.0.51 (2023-12-07)
+
+
+
+## 1.0.50 (2023-12-04)
+
+
+
+## 1.0.49 (2023-12-01)
+
+
+
+## 1.0.48 (2023-12-01)
+
+
+
+## 1.0.47 (2023-11-29)
+
+
+
+## 1.0.46 (2023-11-28)
+
+
+
+## 1.0.45 (2023-11-23)
+
+
+
+## 1.0.44 (2023-11-22)
+
+
+
+## 1.0.43 (2023-11-15)
+
+
+
+## 1.0.42 (2023-11-10)
+
+
+
+## 1.0.41 (2023-11-03)
+
+
+
+## 1.0.40 (2023-11-02)
+
+
+
+## 1.0.39 (2023-11-02)
+
+
+
+## 1.0.38 (2023-10-26)
+
+
+
+## 1.0.37 (2023-10-26)
+
+
+
+## 1.0.36 (2023-10-25)
+
+
+
+## 1.0.35 (2023-10-24)
+
+
+
+## 1.0.34 (2023-10-23)
+
+
+
+## 1.0.33 (2023-10-23)
+
+
+
+## 1.0.32 (2023-10-23)
+
+
+
+## 1.0.31 (2023-10-20)
+
+
+
+## 1.0.30 (2023-10-19)
+
+
+
+## 1.0.29 (2023-10-19)
+
+
+
+## 1.0.28 (2023-10-19)
+
+
+
+## 1.0.27 (2023-10-18)
+
+
+
+## 1.0.26 (2023-10-18)
+
+
+
+## 1.0.25 (2023-10-17)
+
+
+
+## 1.0.24 (2023-10-13)
+
+
+
+## 1.0.23 (2023-10-13)
+
+
+
+## 1.0.22 (2023-10-11)
+
+
+
+## 1.0.21 (2023-10-10)
+
+
+
+## 1.0.20 (2023-10-06)
+
+
+
+## 1.0.19 (2023-10-06)
+
+
+
+## 1.0.18 (2023-10-05)
+
+
+
+## 1.0.17 (2023-10-04)
+
+
+
+## 1.0.16 (2023-10-04)
+
+
+
+## 1.0.15 (2023-10-04)
+
+
+
+## 1.0.14 (2023-10-03)
+
+
+
+## 1.0.13 (2023-10-03)
+
+
+
+## 1.0.12 (2023-10-03)
+
+
+
+## 1.0.11 (2023-10-02)
+
+
+
+## 1.0.10 (2023-09-29)
+
+
+
+## 1.0.9 (2023-09-28)
+
+
+
+## 1.0.8 (2023-09-27)
+
+
+
+## 1.0.7 (2023-09-26)
+
+
+
+## 1.0.6 (2023-09-21)
+
+
+
+## 1.0.5 (2023-09-13)
+
+**Note:** Version bump only for package @oanda/labs-widget-common
+
+
+
+
+
 ## 1.0.196 (2025-05-22)
 
 

package/dist/main/components/Error/Error.js

@@ -10,7 +10,10 @@ var _react = _interopRequireDefault(require("react"));
 var _images = require("../../images");
 var _providers = require("../../providers");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ChartError = () => {
+const ChartError = _ref => {
+  let {
+    errorType = 'dataUnavailable'
+  } = _ref;
   const {
     lang
   } = (0, _monoI18n.useLocale)();
@@ -25,7 +28,7 @@ const ChartError = () => {
     "data-testid": "chart-error"
   }, _react.default.createElement(_images.ChartErrorIcon, null), _react.default.createElement("span", {
     className: "lw-mt-3 lw-font-sans lw-uppercase"
-  }, lang('data_unavailable')));
+  }, errorType === 'dataUnavailable' ? lang('data_unavailable') : lang('no_matching_results')));
 };
 exports.ChartError = ChartError;
 const Error = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"Error.js","names":["_monoI18n","require","_classnames","_interopRequireDefault","_react","_images","_providers","e","__esModule","default","ChartError","lang","useLocale","isDark","useLayoutProvider","createElement","className","classnames","ChartErrorIcon","exports","Error","ErrorIcon","WidgetError"],"sources":["../../../../src/components/Error/Error.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { ChartErrorIcon, ErrorIcon } from '../../images';\nimport { useLayoutProvider } from '../../providers';\n\nconst ChartError = () => {\n  const { lang } = useLocale();\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <div\n      className={classnames(\n        'lw-flex lw-flex-1 lw-flex-col lw-items-center lw-justify-center lw-stroke-2',\n        {\n          'lw-text-text-primary': isDark,\n          'lw-text-text-secondary': !isDark,\n        }\n      )}\n      data-testid=\"chart-error\"\n    >\n      <ChartErrorIcon />\n      <span className=\"lw-mt-3 lw-font-sans lw-uppercase\">\n        {lang('data_unavailable')}\n      </span>\n    </div>\n  );\n};\n\nconst Error = () => {\n  const { lang } = useLocale();\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <div\n      className={classnames(\n        'lw-flex lw-items-center lw-justify-center lw-gap-1',\n        {\n          'lw-text-text-primary': isDark,\n          'lw-text-text-secondary': !isDark,\n        }\n      )}\n      data-testid=\"error\"\n    >\n      <ErrorIcon />\n      <span className=\"lw-font-sans lw-text-xs lw-uppercase\">\n        {lang('data_unavailable')}\n      </span>\n    </div>\n  );\n};\n\nconst WidgetError = () => (\n  <div\n    className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\"\n    data-testid=\"widget-error\"\n  >\n    <ChartError />\n  </div>\n);\n\nexport { ChartError, Error, WidgetError };\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAAoD,SAAAE,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpD,MAAMG,UAAU,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEC;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EAEtC,OACEV,MAAA,CAAAK,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,6EAA6E,EAC7E;MACE,sBAAsB,EAAEJ,MAAM;MAC9B,wBAAwB,EAAE,CAACA;IAC7B,CACF,CAAE;IACF,eAAY;EAAa,GAEzBT,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAACV,OAAA,CAAAa,cAAc,MAAE,CAAC,EAClBd,MAAA,CAAAK,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAmC,GAChDL,IAAI,CAAC,kBAAkB,CACpB,CACH,CAAC;AAEV,CAAC;AAACQ,OAAA,CAAAT,UAAA,GAAAA,UAAA;AAEF,MAAMU,KAAK,GAAGA,CAAA,KAAM;EAClB,MAAM;IAAET;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EAEtC,OACEV,MAAA,CAAAK,OAAA,CAAAM,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,oDAAoD,EACpD;MACE,sBAAsB,EAAEJ,MAAM;MAC9B,wBAAwB,EAAE,CAACA;IAC7B,CACF,CAAE;IACF,eAAY;EAAO,GAEnBT,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAACV,OAAA,CAAAgB,SAAS,MAAE,CAAC,EACbjB,MAAA,CAAAK,OAAA,CAAAM,aAAA;IAAMC,SAAS,EAAC;EAAsC,GACnDL,IAAI,CAAC,kBAAkB,CACpB,CACH,CAAC;AAEV,CAAC;AAACQ,OAAA,CAAAC,KAAA,GAAAA,KAAA;AAEF,MAAME,WAAW,GAAGA,CAAA,KAClBlB,MAAA,CAAAK,OAAA,CAAAM,aAAA;EACEC,SAAS,EAAC,mGAAmG;EAC7G,eAAY;AAAc,GAE1BZ,MAAA,CAAAK,OAAA,CAAAM,aAAA,CAACL,UAAU,MAAE,CACV,CACN;AAACS,OAAA,CAAAG,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"file":"Error.js","names":["_monoI18n","require","_classnames","_interopRequireDefault","_react","_images","_providers","e","__esModule","default","ChartError","_ref","errorType","lang","useLocale","isDark","useLayoutProvider","createElement","className","classnames","ChartErrorIcon","exports","Error","ErrorIcon","WidgetError"],"sources":["../../../../src/components/Error/Error.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { ChartErrorIcon, ErrorIcon } from '../../images';\nimport { useLayoutProvider } from '../../providers';\n\nconst ChartError = ({\n  errorType = 'dataUnavailable',\n}: {\n  errorType?: 'dataUnavailable' | 'noMatchingResults';\n}) => {\n  const { lang } = useLocale();\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <div\n      className={classnames(\n        'lw-flex lw-flex-1 lw-flex-col lw-items-center lw-justify-center lw-stroke-2',\n        {\n          'lw-text-text-primary': isDark,\n          'lw-text-text-secondary': !isDark,\n        }\n      )}\n      data-testid=\"chart-error\"\n    >\n      <ChartErrorIcon />\n      <span className=\"lw-mt-3 lw-font-sans lw-uppercase\">\n        {errorType === 'dataUnavailable'\n          ? lang('data_unavailable')\n          : lang('no_matching_results')}\n      </span>\n    </div>\n  );\n};\n\nconst Error = () => {\n  const { lang } = useLocale();\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <div\n      className={classnames(\n        'lw-flex lw-items-center lw-justify-center lw-gap-1',\n        {\n          'lw-text-text-primary': isDark,\n          'lw-text-text-secondary': !isDark,\n        }\n      )}\n      data-testid=\"error\"\n    >\n      <ErrorIcon />\n      <span className=\"lw-font-sans lw-text-xs lw-uppercase\">\n        {lang('data_unavailable')}\n      </span>\n    </div>\n  );\n};\n\nconst WidgetError = () => (\n  <div\n    className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\"\n    data-testid=\"widget-error\"\n  >\n    <ChartError />\n  </div>\n);\n\nexport { ChartError, Error, WidgetError };\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAD,sBAAA,CAAAF,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAAoD,SAAAE,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpD,MAAMG,UAAU,GAAGC,IAAA,IAIb;EAAA,IAJc;IAClBC,SAAS,GAAG;EAGd,CAAC,GAAAD,IAAA;EACC,MAAM;IAAEE;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EAEtC,OACEZ,MAAA,CAAAK,OAAA,CAAAQ,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,6EAA6E,EAC7E;MACE,sBAAsB,EAAEJ,MAAM;MAC9B,wBAAwB,EAAE,CAACA;IAC7B,CACF,CAAE;IACF,eAAY;EAAa,GAEzBX,MAAA,CAAAK,OAAA,CAAAQ,aAAA,CAACZ,OAAA,CAAAe,cAAc,MAAE,CAAC,EAClBhB,MAAA,CAAAK,OAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC;EAAmC,GAChDN,SAAS,KAAK,iBAAiB,GAC5BC,IAAI,CAAC,kBAAkB,CAAC,GACxBA,IAAI,CAAC,qBAAqB,CAC1B,CACH,CAAC;AAEV,CAAC;AAACQ,OAAA,CAAAX,UAAA,GAAAA,UAAA;AAEF,MAAMY,KAAK,GAAGA,CAAA,KAAM;EAClB,MAAM;IAAET;EAAK,CAAC,GAAG,IAAAC,mBAAS,EAAC,CAAC;EAC5B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,4BAAiB,EAAC,CAAC;EAEtC,OACEZ,MAAA,CAAAK,OAAA,CAAAQ,aAAA;IACEC,SAAS,EAAE,IAAAC,mBAAU,EACnB,oDAAoD,EACpD;MACE,sBAAsB,EAAEJ,MAAM;MAC9B,wBAAwB,EAAE,CAACA;IAC7B,CACF,CAAE;IACF,eAAY;EAAO,GAEnBX,MAAA,CAAAK,OAAA,CAAAQ,aAAA,CAACZ,OAAA,CAAAkB,SAAS,MAAE,CAAC,EACbnB,MAAA,CAAAK,OAAA,CAAAQ,aAAA;IAAMC,SAAS,EAAC;EAAsC,GACnDL,IAAI,CAAC,kBAAkB,CACpB,CACH,CAAC;AAEV,CAAC;AAACQ,OAAA,CAAAC,KAAA,GAAAA,KAAA;AAEF,MAAME,WAAW,GAAGA,CAAA,KAClBpB,MAAA,CAAAK,OAAA,CAAAQ,aAAA;EACEC,SAAS,EAAC,mGAAmG;EAC7G,eAAY;AAAc,GAE1Bd,MAAA,CAAAK,OAAA,CAAAQ,aAAA,CAACP,UAAU,MAAE,CACV,CACN;AAACW,OAAA,CAAAG,WAAA,GAAAA,WAAA","ignoreList":[]}

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

@@ -26,6 +26,7 @@ function Table(_ref) {
   const onScroll = event => {
     setIsScrolled(event.currentTarget.scrollLeft > 0);
   };
+  const isEmptyData = records.length === 0;
   return _react.default.createElement("div", {
     className: "lw-relative lw-overflow-x-auto",
     onScroll: onScroll
@@ -36,11 +37,13 @@ function Table(_ref) {
     columns: headerConfig,
     isError: !!isError,
     isScrolled: isScrolled
-  }), !isError && _react.default.createElement("tbody", null, _react.default.createElement(_react.default.Fragment, null, records.map((record, index) => renderRow(record, index, isScrolled))))), isError && _react.default.createElement("div", {
+  }), !isError && _react.default.createElement("tbody", null, _react.default.createElement(_react.default.Fragment, null, records.map((record, index) => renderRow(record, index, isScrolled))))), (isError || isEmptyData) && _react.default.createElement("div", {
     className: (0, _classnames.default)('lw-sticky lw-left-0 lw-top-0 lw-flex lw-h-[250px] lw-w-full lw-items-center lw-justify-center lw-border-t lw-border-t-border-primary', {
       'lw-bg-bg-primary': isDark,
       'lw-bg-bg-secondary': !isDark
     })
-  }, _react.default.createElement(_Error.ChartError, null)));
+  }, _react.default.createElement(_Error.ChartError, {
+    errorType: isEmptyData ? 'noMatchingResults' : undefined
+  })));
 }
 //# sourceMappingURL=Table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_providers","_Error","_TableHeader","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Table","_ref","records","headerConfig","renderRow","isError","isDark","useLayoutProvider","isScrolled","setIsScrolled","useState","onScroll","event","currentTarget","scrollLeft","createElement","className","TableHeader","columns","Fragment","map","record","index","classnames","ChartError"],"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { SyntheticEvent } from 'react';\nimport React, { useState } from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { ChartError } from '../Error';\nimport { TableHeader } from './TableHeader';\nimport type { TableProps } from './types';\n\nfunction Table<T>({\n  records,\n  headerConfig,\n  renderRow,\n  isError,\n}: TableProps<T>) {\n  const { isDark } = useLayoutProvider();\n  const [isScrolled, setIsScrolled] = useState(false);\n\n  const onScroll = (event: SyntheticEvent<HTMLDivElement>) => {\n    setIsScrolled(event.currentTarget.scrollLeft > 0);\n  };\n\n  return (\n    <div className=\"lw-relative lw-overflow-x-auto\" onScroll={onScroll}>\n      <table className=\"lw-w-full lw-border-collapse\" data-testid=\"table\">\n        <TableHeader\n          columns={headerConfig}\n          isError={!!isError}\n          isScrolled={isScrolled}\n        />\n        {!isError && (\n          <tbody>\n            <>\n              {records.map((record, index) =>\n                renderRow(record, index, isScrolled)\n              )}\n            </>\n          </tbody>\n        )}\n      </table>\n      {isError && (\n        <div\n          className={classnames(\n            'lw-sticky lw-left-0 lw-top-0 lw-flex lw-h-[250px] lw-w-full lw-items-center lw-justify-center lw-border-t lw-border-t-border-primary',\n            {\n              'lw-bg-bg-primary': isDark,\n              'lw-bg-bg-secondary': !isDark,\n            }\n          )}\n        >\n          <ChartError />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport { Table };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Table.js","names":["_classnames","_interopRequireDefault","require","_react","_interopRequireWildcard","_providers","_Error","_TableHeader","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Table","_ref","records","headerConfig","renderRow","isError","isDark","useLayoutProvider","isScrolled","setIsScrolled","useState","onScroll","event","currentTarget","scrollLeft","isEmptyData","length","createElement","className","TableHeader","columns","Fragment","map","record","index","classnames","ChartError","errorType","undefined"],"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { SyntheticEvent } from 'react';\nimport React, { useState } from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { ChartError } from '../Error';\nimport { TableHeader } from './TableHeader';\nimport type { TableProps } from './types';\n\nfunction Table<T>({\n  records,\n  headerConfig,\n  renderRow,\n  isError,\n}: TableProps<T>) {\n  const { isDark } = useLayoutProvider();\n  const [isScrolled, setIsScrolled] = useState(false);\n\n  const onScroll = (event: SyntheticEvent<HTMLDivElement>) => {\n    setIsScrolled(event.currentTarget.scrollLeft > 0);\n  };\n\n  const isEmptyData = records.length === 0;\n\n  return (\n    <div className=\"lw-relative lw-overflow-x-auto\" onScroll={onScroll}>\n      <table className=\"lw-w-full lw-border-collapse\" data-testid=\"table\">\n        <TableHeader\n          columns={headerConfig}\n          isError={!!isError}\n          isScrolled={isScrolled}\n        />\n        {!isError && (\n          <tbody>\n            <>\n              {records.map((record, index) =>\n                renderRow(record, index, isScrolled)\n              )}\n            </>\n          </tbody>\n        )}\n      </table>\n      {(isError || isEmptyData) && (\n        <div\n          className={classnames(\n            'lw-sticky lw-left-0 lw-top-0 lw-flex lw-h-[250px] lw-w-full lw-items-center lw-justify-center lw-border-t lw-border-t-border-primary',\n            {\n              'lw-bg-bg-primary': isDark,\n              'lw-bg-bg-secondary': !isDark,\n            }\n          )}\n        >\n          <ChartError\n            errorType={isEmptyData ? 'noMatchingResults' : undefined}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport { Table };\n"],"mappings":"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","ignoreList":[]}

package/dist/main/translations/sources/en.json

@@ -1,4 +1,5 @@
 {
   "data_unavailable": "Data unavailable",
+  "no_matching_results": "No matching results",
   "pagination_entries_range": "{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries"
 }

package/dist/module/components/Error/Error.js

@@ -3,7 +3,10 @@ import classnames from 'classnames';
 import React from 'react';
 import { ChartErrorIcon, ErrorIcon } from '../../images';
 import { useLayoutProvider } from '../../providers';
-const ChartError = () => {
+const ChartError = _ref => {
+  let {
+    errorType = 'dataUnavailable'
+  } = _ref;
   const {
     lang
   } = useLocale();
@@ -18,7 +21,7 @@ const ChartError = () => {
     "data-testid": "chart-error"
   }, React.createElement(ChartErrorIcon, null), React.createElement("span", {
     className: "lw-mt-3 lw-font-sans lw-uppercase"
-  }, lang('data_unavailable')));
+  }, errorType === 'dataUnavailable' ? lang('data_unavailable') : lang('no_matching_results')));
 };
 const Error = () => {
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"Error.js","names":["useLocale","classnames","React","ChartErrorIcon","ErrorIcon","useLayoutProvider","ChartError","lang","isDark","createElement","className","Error","WidgetError"],"sources":["../../../../src/components/Error/Error.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { ChartErrorIcon, ErrorIcon } from '../../images';\nimport { useLayoutProvider } from '../../providers';\n\nconst ChartError = () => {\n  const { lang } = useLocale();\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <div\n      className={classnames(\n        'lw-flex lw-flex-1 lw-flex-col lw-items-center lw-justify-center lw-stroke-2',\n        {\n          'lw-text-text-primary': isDark,\n          'lw-text-text-secondary': !isDark,\n        }\n      )}\n      data-testid=\"chart-error\"\n    >\n      <ChartErrorIcon />\n      <span className=\"lw-mt-3 lw-font-sans lw-uppercase\">\n        {lang('data_unavailable')}\n      </span>\n    </div>\n  );\n};\n\nconst Error = () => {\n  const { lang } = useLocale();\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <div\n      className={classnames(\n        'lw-flex lw-items-center lw-justify-center lw-gap-1',\n        {\n          'lw-text-text-primary': isDark,\n          'lw-text-text-secondary': !isDark,\n        }\n      )}\n      data-testid=\"error\"\n    >\n      <ErrorIcon />\n      <span className=\"lw-font-sans lw-text-xs lw-uppercase\">\n        {lang('data_unavailable')}\n      </span>\n    </div>\n  );\n};\n\nconst WidgetError = () => (\n  <div\n    className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\"\n    data-testid=\"widget-error\"\n  >\n    <ChartError />\n  </div>\n);\n\nexport { ChartError, Error, WidgetError };\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,EAAEC,SAAS,QAAQ,cAAc;AACxD,SAASC,iBAAiB,QAAQ,iBAAiB;AAEnD,MAAMC,UAAU,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEC;EAAK,CAAC,GAAGP,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEQ;EAAO,CAAC,GAAGH,iBAAiB,CAAC,CAAC;EAEtC,OACEH,KAAA,CAAAO,aAAA;IACEC,SAAS,EAAET,UAAU,CACnB,6EAA6E,EAC7E;MACE,sBAAsB,EAAEO,MAAM;MAC9B,wBAAwB,EAAE,CAACA;IAC7B,CACF,CAAE;IACF,eAAY;EAAa,GAEzBN,KAAA,CAAAO,aAAA,CAACN,cAAc,MAAE,CAAC,EAClBD,KAAA,CAAAO,aAAA;IAAMC,SAAS,EAAC;EAAmC,GAChDH,IAAI,CAAC,kBAAkB,CACpB,CACH,CAAC;AAEV,CAAC;AAED,MAAMI,KAAK,GAAGA,CAAA,KAAM;EAClB,MAAM;IAAEJ;EAAK,CAAC,GAAGP,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEQ;EAAO,CAAC,GAAGH,iBAAiB,CAAC,CAAC;EAEtC,OACEH,KAAA,CAAAO,aAAA;IACEC,SAAS,EAAET,UAAU,CACnB,oDAAoD,EACpD;MACE,sBAAsB,EAAEO,MAAM;MAC9B,wBAAwB,EAAE,CAACA;IAC7B,CACF,CAAE;IACF,eAAY;EAAO,GAEnBN,KAAA,CAAAO,aAAA,CAACL,SAAS,MAAE,CAAC,EACbF,KAAA,CAAAO,aAAA;IAAMC,SAAS,EAAC;EAAsC,GACnDH,IAAI,CAAC,kBAAkB,CACpB,CACH,CAAC;AAEV,CAAC;AAED,MAAMK,WAAW,GAAGA,CAAA,KAClBV,KAAA,CAAAO,aAAA;EACEC,SAAS,EAAC,mGAAmG;EAC7G,eAAY;AAAc,GAE1BR,KAAA,CAAAO,aAAA,CAACH,UAAU,MAAE,CACV,CACN;AAED,SAASA,UAAU,EAAEK,KAAK,EAAEC,WAAW","ignoreList":[]}
+{"version":3,"file":"Error.js","names":["useLocale","classnames","React","ChartErrorIcon","ErrorIcon","useLayoutProvider","ChartError","_ref","errorType","lang","isDark","createElement","className","Error","WidgetError"],"sources":["../../../../src/components/Error/Error.tsx"],"sourcesContent":["import { useLocale } from '@oanda/mono-i18n';\nimport classnames from 'classnames';\nimport React from 'react';\n\nimport { ChartErrorIcon, ErrorIcon } from '../../images';\nimport { useLayoutProvider } from '../../providers';\n\nconst ChartError = ({\n  errorType = 'dataUnavailable',\n}: {\n  errorType?: 'dataUnavailable' | 'noMatchingResults';\n}) => {\n  const { lang } = useLocale();\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <div\n      className={classnames(\n        'lw-flex lw-flex-1 lw-flex-col lw-items-center lw-justify-center lw-stroke-2',\n        {\n          'lw-text-text-primary': isDark,\n          'lw-text-text-secondary': !isDark,\n        }\n      )}\n      data-testid=\"chart-error\"\n    >\n      <ChartErrorIcon />\n      <span className=\"lw-mt-3 lw-font-sans lw-uppercase\">\n        {errorType === 'dataUnavailable'\n          ? lang('data_unavailable')\n          : lang('no_matching_results')}\n      </span>\n    </div>\n  );\n};\n\nconst Error = () => {\n  const { lang } = useLocale();\n  const { isDark } = useLayoutProvider();\n\n  return (\n    <div\n      className={classnames(\n        'lw-flex lw-items-center lw-justify-center lw-gap-1',\n        {\n          'lw-text-text-primary': isDark,\n          'lw-text-text-secondary': !isDark,\n        }\n      )}\n      data-testid=\"error\"\n    >\n      <ErrorIcon />\n      <span className=\"lw-font-sans lw-text-xs lw-uppercase\">\n        {lang('data_unavailable')}\n      </span>\n    </div>\n  );\n};\n\nconst WidgetError = () => (\n  <div\n    className=\"lw-flex lw-h-[425px] lw-w-full lw-items-center lw-border lw-border-solid lw-border-border-primary\"\n    data-testid=\"widget-error\"\n  >\n    <ChartError />\n  </div>\n);\n\nexport { ChartError, Error, WidgetError };\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,kBAAkB;AAC5C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,cAAc,EAAEC,SAAS,QAAQ,cAAc;AACxD,SAASC,iBAAiB,QAAQ,iBAAiB;AAEnD,MAAMC,UAAU,GAAGC,IAAA,IAIb;EAAA,IAJc;IAClBC,SAAS,GAAG;EAGd,CAAC,GAAAD,IAAA;EACC,MAAM;IAAEE;EAAK,CAAC,GAAGT,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEU;EAAO,CAAC,GAAGL,iBAAiB,CAAC,CAAC;EAEtC,OACEH,KAAA,CAAAS,aAAA;IACEC,SAAS,EAAEX,UAAU,CACnB,6EAA6E,EAC7E;MACE,sBAAsB,EAAES,MAAM;MAC9B,wBAAwB,EAAE,CAACA;IAC7B,CACF,CAAE;IACF,eAAY;EAAa,GAEzBR,KAAA,CAAAS,aAAA,CAACR,cAAc,MAAE,CAAC,EAClBD,KAAA,CAAAS,aAAA;IAAMC,SAAS,EAAC;EAAmC,GAChDJ,SAAS,KAAK,iBAAiB,GAC5BC,IAAI,CAAC,kBAAkB,CAAC,GACxBA,IAAI,CAAC,qBAAqB,CAC1B,CACH,CAAC;AAEV,CAAC;AAED,MAAMI,KAAK,GAAGA,CAAA,KAAM;EAClB,MAAM;IAAEJ;EAAK,CAAC,GAAGT,SAAS,CAAC,CAAC;EAC5B,MAAM;IAAEU;EAAO,CAAC,GAAGL,iBAAiB,CAAC,CAAC;EAEtC,OACEH,KAAA,CAAAS,aAAA;IACEC,SAAS,EAAEX,UAAU,CACnB,oDAAoD,EACpD;MACE,sBAAsB,EAAES,MAAM;MAC9B,wBAAwB,EAAE,CAACA;IAC7B,CACF,CAAE;IACF,eAAY;EAAO,GAEnBR,KAAA,CAAAS,aAAA,CAACP,SAAS,MAAE,CAAC,EACbF,KAAA,CAAAS,aAAA;IAAMC,SAAS,EAAC;EAAsC,GACnDH,IAAI,CAAC,kBAAkB,CACpB,CACH,CAAC;AAEV,CAAC;AAED,MAAMK,WAAW,GAAGA,CAAA,KAClBZ,KAAA,CAAAS,aAAA;EACEC,SAAS,EAAC,mGAAmG;EAC7G,eAAY;AAAc,GAE1BV,KAAA,CAAAS,aAAA,CAACL,UAAU,MAAE,CACV,CACN;AAED,SAASA,UAAU,EAAEO,KAAK,EAAEC,WAAW","ignoreList":[]}

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

@@ -17,6 +17,7 @@ function Table(_ref) {
   const onScroll = event => {
     setIsScrolled(event.currentTarget.scrollLeft > 0);
   };
+  const isEmptyData = records.length === 0;
   return React.createElement("div", {
     className: "lw-relative lw-overflow-x-auto",
     onScroll: onScroll
@@ -27,12 +28,14 @@ function Table(_ref) {
     columns: headerConfig,
     isError: !!isError,
     isScrolled: isScrolled
-  }), !isError && React.createElement("tbody", null, React.createElement(React.Fragment, null, records.map((record, index) => renderRow(record, index, isScrolled))))), isError && React.createElement("div", {
+  }), !isError && React.createElement("tbody", null, React.createElement(React.Fragment, null, records.map((record, index) => renderRow(record, index, isScrolled))))), (isError || isEmptyData) && React.createElement("div", {
     className: classnames('lw-sticky lw-left-0 lw-top-0 lw-flex lw-h-[250px] lw-w-full lw-items-center lw-justify-center lw-border-t lw-border-t-border-primary', {
       'lw-bg-bg-primary': isDark,
       'lw-bg-bg-secondary': !isDark
     })
-  }, React.createElement(ChartError, null)));
+  }, React.createElement(ChartError, {
+    errorType: isEmptyData ? 'noMatchingResults' : undefined
+  })));
 }
 export { Table };
 //# sourceMappingURL=Table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["classnames","React","useState","useLayoutProvider","ChartError","TableHeader","Table","_ref","records","headerConfig","renderRow","isError","isDark","isScrolled","setIsScrolled","onScroll","event","currentTarget","scrollLeft","createElement","className","columns","Fragment","map","record","index"],"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { SyntheticEvent } from 'react';\nimport React, { useState } from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { ChartError } from '../Error';\nimport { TableHeader } from './TableHeader';\nimport type { TableProps } from './types';\n\nfunction Table<T>({\n  records,\n  headerConfig,\n  renderRow,\n  isError,\n}: TableProps<T>) {\n  const { isDark } = useLayoutProvider();\n  const [isScrolled, setIsScrolled] = useState(false);\n\n  const onScroll = (event: SyntheticEvent<HTMLDivElement>) => {\n    setIsScrolled(event.currentTarget.scrollLeft > 0);\n  };\n\n  return (\n    <div className=\"lw-relative lw-overflow-x-auto\" onScroll={onScroll}>\n      <table className=\"lw-w-full lw-border-collapse\" data-testid=\"table\">\n        <TableHeader\n          columns={headerConfig}\n          isError={!!isError}\n          isScrolled={isScrolled}\n        />\n        {!isError && (\n          <tbody>\n            <>\n              {records.map((record, index) =>\n                renderRow(record, index, isScrolled)\n              )}\n            </>\n          </tbody>\n        )}\n      </table>\n      {isError && (\n        <div\n          className={classnames(\n            'lw-sticky lw-left-0 lw-top-0 lw-flex lw-h-[250px] lw-w-full lw-items-center lw-justify-center lw-border-t lw-border-t-border-primary',\n            {\n              'lw-bg-bg-primary': isDark,\n              'lw-bg-bg-secondary': !isDark,\n            }\n          )}\n        >\n          <ChartError />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport { Table };\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AAEnC,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,UAAU,QAAQ,UAAU;AACrC,SAASC,WAAW,QAAQ,eAAe;AAG3C,SAASC,KAAKA,CAAAC,IAAA,EAKI;EAAA,IALA;IAChBC,OAAO;IACPC,YAAY;IACZC,SAAS;IACTC;EACa,CAAC,GAAAJ,IAAA;EACd,MAAM;IAAEK;EAAO,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EACtC,MAAM,CAACU,UAAU,EAAEC,aAAa,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAEnD,MAAMa,QAAQ,GAAIC,KAAqC,IAAK;IAC1DF,aAAa,CAACE,KAAK,CAACC,aAAa,CAACC,UAAU,GAAG,CAAC,CAAC;EACnD,CAAC;EAED,OACEjB,KAAA,CAAAkB,aAAA;IAAKC,SAAS,EAAC,gCAAgC;IAACL,QAAQ,EAAEA;EAAS,GACjEd,KAAA,CAAAkB,aAAA;IAAOC,SAAS,EAAC,8BAA8B;IAAC,eAAY;EAAO,GACjEnB,KAAA,CAAAkB,aAAA,CAACd,WAAW;IACVgB,OAAO,EAAEZ,YAAa;IACtBE,OAAO,EAAE,CAAC,CAACA,OAAQ;IACnBE,UAAU,EAAEA;EAAW,CACxB,CAAC,EACD,CAACF,OAAO,IACPV,KAAA,CAAAkB,aAAA,gBACElB,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAqB,QAAA,QACGd,OAAO,CAACe,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KACzBf,SAAS,CAACc,MAAM,EAAEC,KAAK,EAAEZ,UAAU,CACrC,CACA,CACG,CAEJ,CAAC,EACPF,OAAO,IACNV,KAAA,CAAAkB,aAAA;IACEC,SAAS,EAAEpB,UAAU,CACnB,sIAAsI,EACtI;MACE,kBAAkB,EAAEY,MAAM;MAC1B,oBAAoB,EAAE,CAACA;IACzB,CACF;EAAE,GAEFX,KAAA,CAAAkB,aAAA,CAACf,UAAU,MAAE,CACV,CAEJ,CAAC;AAEV;AAEA,SAASE,KAAK","ignoreList":[]}
+{"version":3,"file":"Table.js","names":["classnames","React","useState","useLayoutProvider","ChartError","TableHeader","Table","_ref","records","headerConfig","renderRow","isError","isDark","isScrolled","setIsScrolled","onScroll","event","currentTarget","scrollLeft","isEmptyData","length","createElement","className","columns","Fragment","map","record","index","errorType","undefined"],"sources":["../../../../src/components/Table/Table.tsx"],"sourcesContent":["import classnames from 'classnames';\nimport type { SyntheticEvent } from 'react';\nimport React, { useState } from 'react';\n\nimport { useLayoutProvider } from '../../providers';\nimport { ChartError } from '../Error';\nimport { TableHeader } from './TableHeader';\nimport type { TableProps } from './types';\n\nfunction Table<T>({\n  records,\n  headerConfig,\n  renderRow,\n  isError,\n}: TableProps<T>) {\n  const { isDark } = useLayoutProvider();\n  const [isScrolled, setIsScrolled] = useState(false);\n\n  const onScroll = (event: SyntheticEvent<HTMLDivElement>) => {\n    setIsScrolled(event.currentTarget.scrollLeft > 0);\n  };\n\n  const isEmptyData = records.length === 0;\n\n  return (\n    <div className=\"lw-relative lw-overflow-x-auto\" onScroll={onScroll}>\n      <table className=\"lw-w-full lw-border-collapse\" data-testid=\"table\">\n        <TableHeader\n          columns={headerConfig}\n          isError={!!isError}\n          isScrolled={isScrolled}\n        />\n        {!isError && (\n          <tbody>\n            <>\n              {records.map((record, index) =>\n                renderRow(record, index, isScrolled)\n              )}\n            </>\n          </tbody>\n        )}\n      </table>\n      {(isError || isEmptyData) && (\n        <div\n          className={classnames(\n            'lw-sticky lw-left-0 lw-top-0 lw-flex lw-h-[250px] lw-w-full lw-items-center lw-justify-center lw-border-t lw-border-t-border-primary',\n            {\n              'lw-bg-bg-primary': isDark,\n              'lw-bg-bg-secondary': !isDark,\n            }\n          )}\n        >\n          <ChartError\n            errorType={isEmptyData ? 'noMatchingResults' : undefined}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport { Table };\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,YAAY;AAEnC,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AAEvC,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,UAAU,QAAQ,UAAU;AACrC,SAASC,WAAW,QAAQ,eAAe;AAG3C,SAASC,KAAKA,CAAAC,IAAA,EAKI;EAAA,IALA;IAChBC,OAAO;IACPC,YAAY;IACZC,SAAS;IACTC;EACa,CAAC,GAAAJ,IAAA;EACd,MAAM;IAAEK;EAAO,CAAC,GAAGT,iBAAiB,CAAC,CAAC;EACtC,MAAM,CAACU,UAAU,EAAEC,aAAa,CAAC,GAAGZ,QAAQ,CAAC,KAAK,CAAC;EAEnD,MAAMa,QAAQ,GAAIC,KAAqC,IAAK;IAC1DF,aAAa,CAACE,KAAK,CAACC,aAAa,CAACC,UAAU,GAAG,CAAC,CAAC;EACnD,CAAC;EAED,MAAMC,WAAW,GAAGX,OAAO,CAACY,MAAM,KAAK,CAAC;EAExC,OACEnB,KAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAC,gCAAgC;IAACP,QAAQ,EAAEA;EAAS,GACjEd,KAAA,CAAAoB,aAAA;IAAOC,SAAS,EAAC,8BAA8B;IAAC,eAAY;EAAO,GACjErB,KAAA,CAAAoB,aAAA,CAAChB,WAAW;IACVkB,OAAO,EAAEd,YAAa;IACtBE,OAAO,EAAE,CAAC,CAACA,OAAQ;IACnBE,UAAU,EAAEA;EAAW,CACxB,CAAC,EACD,CAACF,OAAO,IACPV,KAAA,CAAAoB,aAAA,gBACEpB,KAAA,CAAAoB,aAAA,CAAApB,KAAA,CAAAuB,QAAA,QACGhB,OAAO,CAACiB,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KACzBjB,SAAS,CAACgB,MAAM,EAAEC,KAAK,EAAEd,UAAU,CACrC,CACA,CACG,CAEJ,CAAC,EACP,CAACF,OAAO,IAAIQ,WAAW,KACtBlB,KAAA,CAAAoB,aAAA;IACEC,SAAS,EAAEtB,UAAU,CACnB,sIAAsI,EACtI;MACE,kBAAkB,EAAEY,MAAM;MAC1B,oBAAoB,EAAE,CAACA;IACzB,CACF;EAAE,GAEFX,KAAA,CAAAoB,aAAA,CAACjB,UAAU;IACTwB,SAAS,EAAET,WAAW,GAAG,mBAAmB,GAAGU;EAAU,CAC1D,CACE,CAEJ,CAAC;AAEV;AAEA,SAASvB,KAAK","ignoreList":[]}

package/dist/module/translations/sources/en.json

@@ -1,4 +1,5 @@
 {
   "data_unavailable": "Data unavailable",
+  "no_matching_results": "No matching results",
   "pagination_entries_range": "{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries"
 }

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

@@ -1,5 +1,7 @@
 import React from 'react';
-declare const ChartError: () => React.JSX.Element;
+declare const ChartError: ({ errorType, }: {
+    errorType?: "dataUnavailable" | "noMatchingResults";
+}) => React.JSX.Element;
 declare const Error: () => React.JSX.Element;
 declare const WidgetError: () => React.JSX.Element;
 export { ChartError, Error, WidgetError };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oanda/labs-widget-common",
-  "version": "1.0.196",
+  "version": "1.0.197",
   "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": "ce7aa8fffcd7421cab1451dd20e994dd2d813729"
+  "gitHead": "ecd6f0edf62d64f6537ce92408ae285fc012e18e"
 }

package/src/components/Error/Error.tsx

@@ -5,7 +5,11 @@ import React from 'react';
 import { ChartErrorIcon, ErrorIcon } from '../../images';
 import { useLayoutProvider } from '../../providers';
 
-const ChartError = () => {
+const ChartError = ({
+  errorType = 'dataUnavailable',
+}: {
+  errorType?: 'dataUnavailable' | 'noMatchingResults';
+}) => {
   const { lang } = useLocale();
   const { isDark } = useLayoutProvider();
 
@@ -22,7 +26,9 @@ const ChartError = () => {
     >
       <ChartErrorIcon />
       <span className="lw-mt-3 lw-font-sans lw-uppercase">
-        {lang('data_unavailable')}
+        {errorType === 'dataUnavailable'
+          ? lang('data_unavailable')
+          : lang('no_matching_results')}
       </span>
     </div>
   );

package/src/components/Table/Table.tsx

@@ -20,6 +20,8 @@ function Table<T>({
     setIsScrolled(event.currentTarget.scrollLeft > 0);
   };
 
+  const isEmptyData = records.length === 0;
+
   return (
     <div className="lw-relative lw-overflow-x-auto" onScroll={onScroll}>
       <table className="lw-w-full lw-border-collapse" data-testid="table">
@@ -38,7 +40,7 @@ function Table<T>({
           </tbody>
         )}
       </table>
-      {isError && (
+      {(isError || isEmptyData) && (
         <div
           className={classnames(
             'lw-sticky lw-left-0 lw-top-0 lw-flex lw-h-[250px] lw-w-full lw-items-center lw-justify-center lw-border-t lw-border-t-border-primary',
@@ -48,7 +50,9 @@ function Table<T>({
             }
           )}
         >
-          <ChartError />
+          <ChartError
+            errorType={isEmptyData ? 'noMatchingResults' : undefined}
+          />
         </div>
       )}
     </div>

package/src/translations/sources/en.json

@@ -1,4 +1,5 @@
 {
   "data_unavailable": "Data unavailable",
+  "no_matching_results": "No matching results",
   "pagination_entries_range": "{{firstItemOnPage}}-{{lastItemOnPage}} of {{itemCount}} entries"
 }