@arcblock/ux 1.16.15 → 1.16.16

package/lib/Locale/context.js

@@ -3,9 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LocaleProvider = LocaleProvider;
-exports.useLocaleContext = useLocaleContext;
-exports.languages = exports.getLocale = exports.setLocale = exports.LocaleContext = exports.LocaleConsumer = void 0;
+exports.create = exports.languages = exports.getLocale = exports.setLocale = exports.useLocaleContext = exports.LocaleContext = exports.LocaleConsumer = exports.LocaleProvider = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
@@ -70,60 +68,78 @@ exports.setLocale = setLocale;
 
 const replace = (template, data) => template.replace(/{(\w*)}/g, (m, key) => data.hasOwnProperty(key) ? data[key] : '');
 
-const LocaleContext = /*#__PURE__*/_react.default.createContext();
-
-exports.LocaleContext = LocaleContext;
-const {
-  Provider,
-  Consumer
-} = LocaleContext;
-exports.LocaleConsumer = Consumer;
-
-function LocaleProvider(_ref) {
-  let {
-    children,
-    locale,
-    translations
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  const [currentLocale, setCurrentLocale] = (0, _react.useState)(getLocale(locale));
-  (0, _react.useEffect)(() => {
-    setLocale(currentLocale);
-  }, [currentLocale]);
-
-  const changeLocale = newLocale => {
-    setCurrentLocale(newLocale);
-  };
+const create = () => {
+  const LocaleContext = /*#__PURE__*/_react.default.createContext();
+
+  const {
+    Provider,
+    Consumer
+  } = LocaleContext;
+
+  function LocaleProvider(_ref) {
+    let {
+      children,
+      locale,
+      translations
+    } = _ref,
+        rest = _objectWithoutProperties(_ref, _excluded);
+
+    const [currentLocale, setCurrentLocale] = (0, _react.useState)(getLocale(locale));
+    (0, _react.useEffect)(() => {
+      setLocale(currentLocale);
+    }, [currentLocale]);
+
+    const changeLocale = newLocale => {
+      setCurrentLocale(newLocale);
+    };
+
+    const translate = (key, data) => {
+      if (!translations[currentLocale] || !translations[currentLocale][key]) {
+        console.warn("Warning: no ".concat(key, " translation of ").concat(currentLocale));
+        return key;
+      }
+
+      return replace(translations[currentLocale][key], data);
+    };
+
+    return /*#__PURE__*/_react.default.createElement(Provider, {
+      value: _objectSpread({
+        locale: currentLocale,
+        changeLocale,
+        t: translate
+      }, rest)
+    }, children);
+  }
 
-  const translate = (key, data) => {
-    if (!translations[currentLocale] || !translations[currentLocale][key]) {
-      console.warn("Warning: no ".concat(key, " translation of ").concat(currentLocale));
-      return key;
-    }
+  function useLocaleContext() {
+    const context = (0, _react.useContext)(LocaleContext);
+    return context;
+  }
 
-    return replace(translations[currentLocale][key], data);
+  LocaleProvider.propTypes = {
+    children: _propTypes.default.any.isRequired,
+    translations: _propTypes.default.object.isRequired,
+    locale: _propTypes.default.string
+  };
+  LocaleProvider.defaultProps = {
+    locale: ''
+  };
+  return {
+    Consumer,
+    LocaleProvider,
+    LocaleContext,
+    useLocaleContext
   };
-
-  return /*#__PURE__*/_react.default.createElement(Provider, {
-    value: _objectSpread({
-      locale: currentLocale,
-      changeLocale,
-      t: translate
-    }, rest)
-  }, children);
-}
-
-function useLocaleContext() {
-  const context = (0, _react.useContext)(LocaleContext);
-  return context;
-}
-
-LocaleProvider.propTypes = {
-  children: _propTypes.default.any.isRequired,
-  translations: _propTypes.default.object.isRequired,
-  locale: _propTypes.default.string
 };
-LocaleProvider.defaultProps = {
-  locale: ''
-};
+
+exports.create = create;
+const {
+  Consumer,
+  LocaleProvider,
+  LocaleContext,
+  useLocaleContext
+} = create();
+exports.useLocaleContext = useLocaleContext;
+exports.LocaleContext = LocaleContext;
+exports.LocaleProvider = LocaleProvider;
+exports.LocaleConsumer = Consumer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arcblock/ux",
-  "version": "1.16.15",
+  "version": "1.16.16",
   "description": "Common used react components for arcblock products",
   "keywords": [
     "react",
@@ -53,10 +53,10 @@
     "react": ">=16.12.0",
     "react-ga": "^2.7.0"
   },
-  "gitHead": "34ef9d96c3a84d9f2ee694f5bfe89eca22450e48",
+  "gitHead": "91f4d85a39882abbb825e38fdc740617ea3e3ee5",
   "dependencies": {
-    "@arcblock/icons": "^1.16.15",
-    "@arcblock/react-hooks": "^1.16.15",
+    "@arcblock/icons": "^1.16.16",
+    "@arcblock/react-hooks": "^1.16.16",
     "@babel/plugin-syntax-dynamic-import": "^7.8.3",
     "@material-ui/core": "^4.12.3",
     "@material-ui/icons": "4.11.2",

package/src/Locale/context.js

@@ -32,50 +32,55 @@ const setLocale = locale => Cookie.set(cookieName, locale, getCookieOptions());
 const replace = (template, data) =>
   template.replace(/{(\w*)}/g, (m, key) => (data.hasOwnProperty(key) ? data[key] : ''));
 
-const LocaleContext = React.createContext();
-const { Provider, Consumer } = LocaleContext;
-
-function LocaleProvider({ children, locale, translations, ...rest }) {
-  const [currentLocale, setCurrentLocale] = useState(getLocale(locale));
+const create = () => {
+  const LocaleContext = React.createContext();
+  const { Provider, Consumer } = LocaleContext;
+  function LocaleProvider({ children, locale, translations, ...rest }) {
+    const [currentLocale, setCurrentLocale] = useState(getLocale(locale));
+
+    useEffect(() => {
+      setLocale(currentLocale);
+    }, [currentLocale]);
+
+    const changeLocale = newLocale => {
+      setCurrentLocale(newLocale);
+    };
+
+    const translate = (key, data) => {
+      if (!translations[currentLocale] || !translations[currentLocale][key]) {
+        console.warn(`Warning: no ${key} translation of ${currentLocale}`);
+        return key;
+      }
+
+      return replace(translations[currentLocale][key], data);
+    };
+
+    return (
+      <Provider value={{ locale: currentLocale, changeLocale, t: translate, ...rest }}>
+        {children}
+      </Provider>
+    );
+  }
 
-  useEffect(() => {
-    setLocale(currentLocale);
-  }, [currentLocale]);
+  function useLocaleContext() {
+    const context = useContext(LocaleContext);
+    return context;
+  }
 
-  const changeLocale = newLocale => {
-    setCurrentLocale(newLocale);
+  LocaleProvider.propTypes = {
+    children: PropTypes.any.isRequired,
+    translations: PropTypes.object.isRequired,
+    locale: PropTypes.string,
   };
 
-  const translate = (key, data) => {
-    if (!translations[currentLocale] || !translations[currentLocale][key]) {
-      console.warn(`Warning: no ${key} translation of ${currentLocale}`);
-      return key;
-    }
-
-    return replace(translations[currentLocale][key], data);
+  LocaleProvider.defaultProps = {
+    locale: '',
   };
 
-  return (
-    <Provider value={{ locale: currentLocale, changeLocale, t: translate, ...rest }}>
-      {children}
-    </Provider>
-  );
-}
-
-function useLocaleContext() {
-  const context = useContext(LocaleContext);
-  return context;
-}
-
-LocaleProvider.propTypes = {
-  children: PropTypes.any.isRequired,
-  translations: PropTypes.object.isRequired,
-  locale: PropTypes.string,
+  return { Consumer, LocaleProvider, LocaleContext, useLocaleContext };
 };
 
-LocaleProvider.defaultProps = {
-  locale: '',
-};
+const { Consumer, LocaleProvider, LocaleContext, useLocaleContext } = create();
 
 export {
   LocaleProvider,
@@ -85,4 +90,5 @@ export {
   setLocale,
   getLocale,
   languages,
+  create,
 };