@thairath/tr-design-system 0.2.7 → 0.2.9

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.
package/dist/index.esm.js CHANGED
@@ -6169,7 +6169,8 @@ var TRO_FooterItemGroup = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "
6169
6169
  // footer.tsx
6170
6170
  var TROFooter = _ref => {
6171
6171
  var {
6172
- dataFile = '/data/menu.json'
6172
+ dataFile = '/data/menu.json',
6173
+ loading
6173
6174
  } = _ref;
6174
6175
  var [data, setData] = useState(null);
6175
6176
  var [error, setError] = useState(false);
@@ -6179,7 +6180,7 @@ var TROFooter = _ref => {
6179
6180
  setError(true);
6180
6181
  });
6181
6182
  }, []);
6182
- if (!data) return /*#__PURE__*/React.createElement("div", null, "Loading...");
6183
+ if (!data) return /*#__PURE__*/React.createElement("div", null, loading);
6183
6184
  var firstMenu = data && data.naviMenu && data.naviMenu[0] || undefined;
6184
6185
  var sportsMenu = data.naviMenu[5];
6185
6186
  var shopping = data.naviMenu[10];
@@ -6565,7 +6566,8 @@ var TROEN_SlidebarNavOther = /*#__PURE__*/_styled("div", process.env.NODE_ENV ==
6565
6566
  var TROENHeader = _ref => {
6566
6567
  var {
6567
6568
  dataFile = '/data/menuEN.json',
6568
- logoColor = 'Color'
6569
+ logoColor = 'Color',
6570
+ loading
6569
6571
  } = _ref;
6570
6572
  var [data, setData] = useState(null);
6571
6573
  var [isOpen, setIsOpen] = useState(false);
@@ -6649,7 +6651,7 @@ var TROENHeader = _ref => {
6649
6651
  window.addEventListener('scroll', handleScroll);
6650
6652
  return () => window.removeEventListener('scroll', handleScroll);
6651
6653
  }, [isMobileView]);
6652
- if (!data) return /*#__PURE__*/React.createElement("div", null, "Loading...");
6654
+ if (!data) return /*#__PURE__*/React.createElement("div", null, loading);
6653
6655
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TROEN_Header, null, /*#__PURE__*/React.createElement(TROEN_HeaderTOP, null, /*#__PURE__*/React.createElement(TROEN_WrapIcon, null, /*#__PURE__*/React.createElement(Logo, {
6654
6656
  fill: logoColor,
6655
6657
  mode: "auto-width",
@@ -6862,7 +6864,8 @@ var TRO_FooterBottom = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pro
6862
6864
  // src/components/organisms/FooterEN/footerEN.tsx
6863
6865
  var TROENFooter = _ref => {
6864
6866
  var {
6865
- dataFile = '/data/menuEN.json'
6867
+ dataFile = '/data/menuEN.json',
6868
+ loading
6866
6869
  } = _ref;
6867
6870
  var [data, setData] = useState(null);
6868
6871
  var [error, setError] = useState(false);
@@ -6875,7 +6878,7 @@ var TROENFooter = _ref => {
6875
6878
  });
6876
6879
  return () => controller.abort();
6877
6880
  }, [dataFile]);
6878
- if (!data) return /*#__PURE__*/React.createElement("div", null, "Loading...");
6881
+ if (!data) return /*#__PURE__*/React.createElement("div", null, loading);
6879
6882
  return /*#__PURE__*/React.createElement(TRO_FooterWrap, null, /*#__PURE__*/React.createElement(TRO_FooterTop, null, /*#__PURE__*/React.createElement(Logo, {
6880
6883
  fill: "Color",
6881
6884
  mode: "auto-width",