@antscorp/antsomi-ui 1.3.2-beta.26 → 1.3.2-beta.28

package/es/components/common/ConfigProvider/ConfigProvider.js

@@ -13,7 +13,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { StyleProvider } from '@ant-design/cssinjs';
 import { ConfigProvider as AntdConfigProvider } from 'antd';
 import React, { useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
+import { useTranslation, I18nextProvider } from 'react-i18next';
 // Constants
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
 // Style
@@ -31,9 +31,10 @@ const ConfigProvider = props => {
             i18n.changeLanguage(locale);
         }
     }, [i18n, locale]);
-    return (React.createElement(AntdConfigProvider, Object.assign({}, restOfProps),
-        React.createElement(GlobalStyle, null),
-        React.createElement(StyleProvider, { hashPriority: "high" }, children)));
+    return (React.createElement(I18nextProvider, { i18n: i18n },
+        React.createElement(AntdConfigProvider, Object.assign({}, restOfProps),
+            React.createElement(GlobalStyle, null),
+            React.createElement(StyleProvider, { hashPriority: "high" }, children))));
 };
 ConfigProvider.defaultProps = {
     theme: THEME,

package/es/components/molecules/GradientSetting/index.d.ts

@@ -13,6 +13,7 @@ interface GradientConfig {
 }
 interface GradientSettingProps {
     onChange?: (gradientConfig: GradientConfig) => void;
+    defaultValue?: GradientConfig;
 }
 export declare const GradientSetting: React.FC<GradientSettingProps>;
 export {};

package/es/components/molecules/GradientSetting/index.js

@@ -1,6 +1,5 @@
 // Libraries
 import React, { useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
 // Components
 import { ColorSetting, Select, SettingWrapper, SliderWithInputNumber, } from '@antscorp/antsomi-ui/es/components/molecules';
 // Utils
@@ -16,12 +15,12 @@ const DEFAULT_GRADIENTS = [
     { gradientColor: '#D11A66', gradientColorLocation: 0 },
     { gradientColor: '#FFBD64', gradientColorLocation: 50 },
 ];
-export const GradientSetting = ({ onChange }) => {
-    const { t } = useTranslation();
-    const [gradients, setGradients] = useState(DEFAULT_GRADIENTS);
-    const [gradientType, setGradientType] = useState('linear-gradient');
-    const [radialPosition, setRadialPosition] = useState('center center');
-    const [linearAngle, setLinearAngle] = useState(90);
+export const GradientSetting = ({ onChange, defaultValue }) => {
+    const { gradientType: defaultGradientType, gradients: defaultGradients, linearAngle: defaultLinearAngle, radialPosition: defaultRadialPosition, } = defaultValue || {};
+    const [gradients, setGradients] = useState(defaultGradients || DEFAULT_GRADIENTS);
+    const [gradientType, setGradientType] = useState(defaultGradientType || 'linear-gradient');
+    const [radialPosition, setRadialPosition] = useState(defaultRadialPosition || 'center center');
+    const [linearAngle, setLinearAngle] = useState(defaultLinearAngle || 90);
     useEffect(() => {
         onChange && onChange({ gradients, gradientType, radialPosition, linearAngle });
         // eslint-disable-next-line react-hooks/exhaustive-deps

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.2-beta.26",
+  "version": "1.3.2-beta.28",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",