@arcblock/ux 2.1.18 → 2.1.21

package/lib/Layout/dashboard-legacy/sidebar.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -25,10 +25,18 @@ var _image = _interopRequireDefault(require("../../Icon/image"));
 
 var _Logo = _interopRequireDefault(require("../../Logo"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["location", "theme", "images", "links", "prefix", "addons", "logo"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -50,40 +58,44 @@ function Sidebar(_ref) {
     return pattern.test(location.pathname);
   };
 
-  return /*#__PURE__*/_react.default.createElement(MenuItems, rest, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
-    to: "/",
-    className: "sidebar-logo"
-  }, logo || /*#__PURE__*/_react.default.createElement(_Logo.default, {
-    showText: false,
-    size: 20
-  })), links.map(_ref2 => {
-    let {
-      url,
-      name,
-      title,
-      showBadge
-    } = _ref2;
-    const selected = isSelected(url, name);
-    return /*#__PURE__*/_react.default.createElement(MenuItem, {
-      component: _reactRouterDom.Link,
-      key: url,
-      selected: selected,
-      to: url
-    }, /*#__PURE__*/_react.default.createElement(_image.default, {
-      name: images[name],
-      size: 36,
-      color: selected ? '#00c2c4' : theme.typography.color.main,
-      prefix: prefix,
-      showBadge: showBadge
-    }), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-      component: "span",
-      className: "menu-title"
-    }, title));
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      flex: 1
-    }
-  }), addons);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MenuItems, _objectSpread(_objectSpread({}, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouterDom.Link, {
+      to: "/",
+      className: "sidebar-logo",
+      children: logo || /*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo.default, {
+        showText: false,
+        size: 20
+      })
+    }), links.map(_ref2 => {
+      let {
+        url,
+        name,
+        title,
+        showBadge
+      } = _ref2;
+      const selected = isSelected(url, name);
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(MenuItem, {
+        component: _reactRouterDom.Link,
+        selected: selected,
+        to: url,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_image.default, {
+          name: images[name],
+          size: 36,
+          color: selected ? '#00c2c4' : theme.typography.color.main,
+          prefix: prefix,
+          showBadge: showBadge
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          component: "span",
+          className: "menu-title",
+          children: title
+        })]
+      }, url);
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        flex: 1
+      }
+    }), addons]
+  }));
 }
 
 Sidebar.propTypes = {
@@ -100,12 +112,10 @@ Sidebar.defaultProps = {
   addons: null,
   logo: null
 };
-
-const MenuItems = /*#__PURE__*/_react.default.memo(_styledComponents.default.div.withConfig({
+const MenuItems = /*#__PURE__*/(0, _react.memo)(_styledComponents.default.div.withConfig({
   displayName: "sidebar__MenuItems",
   componentId: "sc-gtwxx4-0"
 })(["flex:1;display:flex;flex-direction:column;&& .sidebar-logo{display:none;border-bottom:1px solid #eee;background:", ";position:sticky;top:0;z-index:1;padding:10px 0;text-align:center;font-size:0;}", "{&& .sidebar-logo{display:block;}}"], props => props.theme.palette.background.default, props => props.theme.breakpoints.down('md')));
-
 const gradient = 'linear-gradient(32deg, rgba(144, 255, 230, 0.1), rgba(144, 255, 230, 0))';
 const MenuItem = (0, _styledComponents.default)(_Button.default).withConfig({
   displayName: "sidebar__MenuItem",

package/lib/Layout/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = Layout;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -45,10 +45,18 @@ var _Icon = _interopRequireDefault(require("../Icon"));
 
 var _Logo = _interopRequireDefault(require("../Logo"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["title", "brand", "description", "links", "logo", "showLogo", "addons", "footer", "baseUrl", "homeUrl", "children", "variant", "contentOnly"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -71,14 +79,16 @@ function Layout(_ref) {
   } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  const [drawerOpen, setDrawerOpen] = _react.default.useState(false);
+  const [drawerOpen, setDrawerOpen] = (0, _react.useState)(false);
 
   const onToggleDrawer = () => {
     setDrawerOpen(!drawerOpen);
   };
 
   if (contentOnly) {
-    return /*#__PURE__*/_react.default.createElement(_Container.default, null, children);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+      children: children
+    });
   }
 
   let activeLink = '';
@@ -90,112 +100,136 @@ function Layout(_ref) {
       activeLink = link.url;
     }
   });
-
-  const drawer = /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
-    className: "toolbar toolbar--drawer"
-  }, showLogo ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "menu-logo"
-  }, logo) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      flexGrow: 1,
-      overflow: 'hidden',
-      textOverflow: 'ellipsis'
-    }
-  }, brand)), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement(_List.default, null, links.map(x => /*#__PURE__*/_react.default.createElement(_Link.default, {
-    className: "nav-link",
-    key: x.url,
-    href: x.url,
-    underline: "hover"
-  }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
-    button: true,
-    className: activeLink === x.url ? 'drawer-highlight-nav' : ''
-  }, /*#__PURE__*/_react.default.createElement(_ListItemText.default, null, x.icon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    name: x.icon,
-    size: 18 * (x.iconZoom || 1),
-    color: "inherit",
-    style: {
-      marginRight: '5px'
-    }
-  }), x.title))))));
-
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Div, rest, /*#__PURE__*/_react.default.createElement(_reactHelmet.default, {
-    title: title
-  }), /*#__PURE__*/_react.default.createElement(_AppBar.default, {
-    position: "fixed",
-    className: "appbar appbar--".concat(variant),
-    color: "default",
-    style: {
-      height: 56
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Container.default, {
-    disableGutters: true
-  }, /*#__PURE__*/_react.default.createElement(_Toolbar.default, {
-    className: "toolbar"
-  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
-    color: "inherit",
-    "aria-label": "open drawer",
-    edge: "start",
-    onClick: onToggleDrawer,
-    className: "menu-button",
-    size: "large"
-  }, /*#__PURE__*/_react.default.createElement(_Menu.default, null)), showLogo ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "menu-logo"
-  }, logo) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    href: homeUrl,
-    component: "a",
-    variant: "h5",
-    color: "inherit",
-    noWrap: true,
-    display: "block",
-    className: "brand"
-  }, brand), description && /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    component: "small",
-    variant: "subtitle2",
-    color: "inherit",
-    noWrap: true,
-    className: "description"
-  }, description), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      flexGrow: 1
-    }
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "nav-links"
-  }, links.map(x => /*#__PURE__*/_react.default.createElement(_Link.default, {
-    key: x.url,
-    href: x.url,
-    className: "nav-link ".concat(activeLink === x.url ? 'highlight-nav' : ''),
-    color: x.color,
-    underline: "hover"
-  }, x.icon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
-    name: x.icon,
-    size: 20 * (x.iconZoom || 1),
-    color: "inherit",
-    style: {
-      marginRight: '5px'
-    }
-  }), x.title))), addons))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "toolbar"
-  }), /*#__PURE__*/_react.default.createElement(_Container.default, {
-    style: {
-      marginTop: 16,
-      flex: 1
-    }
-  }, children), footer, !!baseUrl && /*#__PURE__*/_react.default.createElement(_Open.default, {
-    locale: "zh",
-    link: baseUrl
-  })), /*#__PURE__*/_react.default.createElement(DrawerDiv, null, /*#__PURE__*/_react.default.createElement(_Drawer.default, {
-    variant: "temporary",
-    open: drawerOpen,
-    onClose: onToggleDrawer,
-    classes: {
-      paper: 'drawer-paper'
-    },
-    ModalProps: {
-      keepMounted: true,
-      // Better open performance on mobile.
-      disablePortal: true
-    }
-  }, drawer)));
+  const drawer = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Toolbar.default, {
+      className: "toolbar toolbar--drawer",
+      children: [!!showLogo && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "menu-logo",
+        children: logo
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          flexGrow: 1,
+          overflow: 'hidden',
+          textOverflow: 'ellipsis'
+        },
+        children: brand
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Divider.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default, {
+      children: links.map(x => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
+        className: "nav-link",
+        href: x.url,
+        underline: "hover",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ListItem.default, {
+          button: true,
+          className: activeLink === x.url ? 'drawer-highlight-nav' : '',
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ListItemText.default, {
+            children: [x.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+              name: x.icon,
+              size: 18 * (x.iconZoom || 1),
+              color: "inherit",
+              style: {
+                marginRight: '5px'
+              }
+            }), x.title]
+          })
+        })
+      }, x.url))
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread({}, rest), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHelmet.default, {
+        title: title
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AppBar.default, {
+        position: "fixed",
+        className: "appbar appbar--".concat(variant),
+        color: "default",
+        style: {
+          height: 56
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+          disableGutters: true,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Toolbar.default, {
+            className: "toolbar",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
+              color: "inherit",
+              "aria-label": "open drawer",
+              edge: "start",
+              onClick: onToggleDrawer,
+              className: "menu-button",
+              size: "large",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Menu.default, {})
+            }), !!showLogo && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "menu-logo",
+              children: logo
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+              href: homeUrl,
+              component: "a",
+              variant: "h5",
+              color: "inherit",
+              noWrap: true,
+              display: "block",
+              className: "brand",
+              children: brand
+            }), description && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+              component: "small",
+              variant: "subtitle2",
+              color: "inherit",
+              noWrap: true,
+              className: "description",
+              children: description
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              style: {
+                flexGrow: 1
+              }
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "nav-links",
+              children: links.map(x => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Link.default, {
+                href: x.url,
+                className: "nav-link ".concat(activeLink === x.url ? 'highlight-nav' : ''),
+                color: x.color,
+                underline: "hover",
+                children: [x.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+                  name: x.icon,
+                  size: 20 * (x.iconZoom || 1),
+                  color: "inherit",
+                  style: {
+                    marginRight: '5px'
+                  }
+                }), x.title]
+              }, x.url))
+            }), addons]
+          })
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "toolbar"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+        style: {
+          marginTop: 16,
+          flex: 1
+        },
+        children: children
+      }), footer, !!baseUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Open.default, {
+        locale: "zh",
+        link: baseUrl
+      })]
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(DrawerDiv, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Drawer.default, {
+        variant: "temporary",
+        open: drawerOpen,
+        onClose: onToggleDrawer,
+        classes: {
+          paper: 'drawer-paper'
+        },
+        ModalProps: {
+          keepMounted: true,
+          // Better open performance on mobile.
+          disablePortal: true
+        },
+        children: drawer
+      })
+    })]
+  });
 }
 
 Layout.propTypes = {
@@ -219,7 +253,7 @@ Layout.defaultProps = {
   homeUrl: '/',
   links: [],
   showLogo: false,
-  logo: /*#__PURE__*/_react.default.createElement(_Logo.default, {
+  logo: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo.default, {
     showText: false,
     style: {
       width: '40px',
@@ -229,7 +263,9 @@ Layout.defaultProps = {
   variant: 'shadow',
   addons: undefined,
   description: undefined,
-  footer: /*#__PURE__*/_react.default.createElement(_Container.default, null, /*#__PURE__*/_react.default.createElement(_Footer.default, null))
+  footer: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Container.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Footer.default, {})
+  })
 };
 
 const Div = _styledComponents.default.div.withConfig({

package/lib/Locale/context.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useLocaleContext = exports.setLocale = exports.languages = exports.getLocale = exports.create = exports.LocaleProvider = exports.LocaleContext = exports.LocaleConsumer = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -15,14 +15,12 @@ var _browserLang = _interopRequireDefault(require("./browser-lang"));
 
 var _Util = require("../Util");
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["children", "locale", "translations"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -69,8 +67,7 @@ exports.setLocale = setLocale;
 const replace = (template, data) => template.replace(/{(\w*)}/g, (m, key) => data.hasOwnProperty(key) ? data[key] : '');
 
 const create = () => {
-  const LocaleContext = /*#__PURE__*/_react.default.createContext();
-
+  const LocaleContext = /*#__PURE__*/(0, _react.createContext)();
   const {
     Provider,
     Consumer
@@ -102,13 +99,14 @@ const create = () => {
       return replace(translations[currentLocale][key], data);
     };
 
-    return /*#__PURE__*/_react.default.createElement(Provider, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
       value: _objectSpread({
         locale: currentLocale,
         changeLocale,
         t: translate
-      }, rest)
-    }, children);
+      }, rest),
+      children: children
+    });
   }
 
   function useLocaleContext() {

package/lib/Locale/selector.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
@@ -39,13 +39,17 @@ var _globeDark = _interopRequireDefault(require("./images/globe-dark.png"));
 
 var _globeLight = _interopRequireDefault(require("./images/globe-light.png"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 const _excluded = ["dark", "showText", "popperProps"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
@@ -84,47 +88,57 @@ function LocaleSelector(props) {
   }
 
   const ButtonComponent = showText ? _Button.default : _IconButton.default;
-  return /*#__PURE__*/_react.default.createElement(Div, Object.assign({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, _objectSpread(_objectSpread({
     component: "div",
     dark: dark,
     theme: theme
-  }, rest), /*#__PURE__*/_react.default.createElement(ButtonComponent, {
-    ref: anchorEl,
-    className: "trigger",
-    onClick: () => setOpen(!open)
-  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
-    display: "flex",
-    alignItems: "center"
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: dark ? _globeDark.default : _globeLight.default,
-    className: "trigger-image",
-    alt: "globe"
-  }), showText ? /*#__PURE__*/_react.default.createElement(_Typography.default, {
-    component: "strong",
-    className: "trigger-text"
-  }, _context.languages.find(x => x.value === locale).text) : '')), /*#__PURE__*/_react.default.createElement(_Popper.default, Object.assign({
-    open: open,
-    anchorEl: anchorEl.current
-  }, popperProps, {
-    disablePortal: true
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "locales"
-  }, /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
-    onClickAway: onClose
-  }, /*#__PURE__*/_react.default.createElement(_MenuList.default, null, _context.languages.map(_ref => {
-    let {
-      value,
-      text
-    } = _ref;
-    return /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
-      key: value,
-      className: "locale-item",
-      onClick: () => onSelect(value, text)
-    }, /*#__PURE__*/_react.default.createElement(_Check.default, {
-      className: value === locale ? 'check-icon check-icon-visible' : 'check-icon',
-      fontSize: "small"
-    }), text);
-  }))))));
+  }, rest), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ButtonComponent, {
+      ref: anchorEl,
+      className: "trigger",
+      onClick: () => setOpen(!open),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
+        display: "flex",
+        alignItems: "center",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: dark ? _globeDark.default : _globeLight.default,
+          className: "trigger-image",
+          alt: "globe"
+        }), showText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+          component: "strong",
+          className: "trigger-text",
+          children: _context.languages.find(x => x.value === locale).text
+        }) : '']
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Popper.default, _objectSpread(_objectSpread({
+      open: open,
+      anchorEl: anchorEl.current
+    }, popperProps), {}, {
+      disablePortal: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "locales",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickAwayListener.default, {
+          onClickAway: onClose,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuList.default, {
+            children: _context.languages.map(_ref => {
+              let {
+                value,
+                text
+              } = _ref;
+              return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MenuItem.default, {
+                className: "locale-item",
+                onClick: () => onSelect(value, text),
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Check.default, {
+                  className: value === locale ? 'check-icon check-icon-visible' : 'check-icon',
+                  fontSize: "small"
+                }), text]
+              }, value);
+            })
+          })
+        })
+      })
+    }))]
+  }));
 }
 
 LocaleSelector.propTypes = {