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