@antscorp/antsomi-ui 1.3.3-beta.4 → 1.3.3-beta.6

package/es/components/atoms/Button/index.d.ts

@@ -1,4 +1,11 @@
 /// <reference types="react" />
-export declare const Button: import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
+export declare const Button: import("react").ForwardRefExoticComponent<Partial<{
+    href: string;
+    target?: string | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+} & import("antd/es/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "type" | "onClick"> & {
+    htmlType?: "button" | "reset" | "submit" | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick">> & import("react").RefAttributes<HTMLElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 };

package/es/components/atoms/Input/Input.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="hoist-non-react-statics" />
 import React, { ReactNode } from 'react';
-import { InputProps as AntdInputProps, Input as AntdInput } from 'antd';
+import { InputProps as AntdInputProps } from 'antd';
 export interface InputProps extends AntdInputProps {
     noborder?: 'true' | 'false' | boolean;
     debounce?: number;
@@ -12,17 +11,10 @@ export interface InputProps extends AntdInputProps {
     errorMsg?: string;
     disableUndo?: boolean;
 }
-export declare const Input: string & import("styled-components").StyledComponentBase<React.ForwardRefExoticComponent<AntdInputProps & React.RefAttributes<import("antd").InputRef>> & {
+export declare const Input: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<AntdInputProps & React.RefAttributes<import("antd").InputRef>> & {
     Group: React.FC<import("antd/es/input").GroupProps>;
     Search: React.ForwardRefExoticComponent<import("antd/es/input").SearchProps & React.RefAttributes<import("antd").InputRef>>;
     TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
     Password: React.ForwardRefExoticComponent<import("antd/es/input").PasswordProps & React.RefAttributes<import("antd").InputRef>>;
-}, any, InputProps, never> & import("hoist-non-react-statics").NonReactStatics<React.ForwardRefExoticComponent<AntdInputProps & React.RefAttributes<import("antd").InputRef>> & {
-    Group: React.FC<import("antd/es/input").GroupProps>;
-    Search: React.ForwardRefExoticComponent<import("antd/es/input").SearchProps & React.RefAttributes<import("antd").InputRef>>;
-    TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
-    Password: React.ForwardRefExoticComponent<import("antd/es/input").PasswordProps & React.RefAttributes<import("antd").InputRef>>;
-}, {}> & {
-    DefaultInput: typeof AntdInput;
-};
+}, any, InputProps, never>;
 export declare const TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;

package/es/components/atoms/Input/Input.js

@@ -13,8 +13,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 /* eslint-disable react/destructuring-assignment */
 // Libraries
 import React, { useEffect, useMemo, useRef, useState } from 'react';
-// Types
-import { Input as AntdInput } from 'antd';
 // Components
 import { RequiredLabel, Text } from '@antscorp/antsomi-ui/es/components/atoms';
 // Utils
@@ -91,5 +89,4 @@ OriginInput.defaultProps = {
 };
 export const Input = OriginInput;
 Input.TextArea = StyledInput.TextArea;
-Input.DefaultInput = AntdInput;
 export const { TextArea } = StyledInput;

package/es/components/atoms/Popover/Popover.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const Popover: import("react").ForwardRefExoticComponent<import("antd").PopoverProps & import("react").RefAttributes<unknown>> & {
-    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/popover/PurePanel").PurePanelProps>;
+    _InternalPanelDoNotUseOrYouWillBeFired: typeof import("antd/es/popover/PurePanel").default;
 };

package/es/components/atoms/Popover/styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const PopoverWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").PopoverProps & import("react").RefAttributes<unknown>> & {
-    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/popover/PurePanel").PurePanelProps>;
+    _InternalPanelDoNotUseOrYouWillBeFired: typeof import("antd/es/popover/PurePanel").default;
 }, any, {}, never>;

package/es/components/atoms/Progress/Progress.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const Progress: import("react").ForwardRefExoticComponent<import("antd").ProgressProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Progress: import("react").FC<import("antd").ProgressProps>;

package/es/components/atoms/Radio/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-export declare const Radio: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").RadioProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>> & {
+export declare const Radio: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").RadioProps & import("react").RefAttributes<HTMLElement>> & {
     Group: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>;
-    Button: import("react").ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>>;
+    Button: import("react").ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & import("react").RefAttributes<any>>;
 }, any, {}, never>;
-export declare const RadioButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & import("react").RefAttributes<import("rc-checkbox").CheckboxRef>>, any, {}, never>;
+export declare const RadioButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & import("react").RefAttributes<any>>, any, {}, never>;
 export declare const RadioGroupSub: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>, any, {}, never>;

package/es/components/atoms/Space/Space.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { SpaceProps } from 'antd';
 export declare const OriginSpace: React.FC<SpaceProps>;
-export declare const Space: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const Space: React.FC<SpaceProps> & {
     Compact: React.FC<import("antd/es/space/Compact").SpaceCompactProps>;
 };

package/es/components/atoms/Spin/styled.d.ts

@@ -1 +1 @@
-export declare const StyledSpin: import("styled-components").StyledComponent<import("antd/es/spin").SpinType, any, {}, never>;
+export declare const StyledSpin: import("styled-components").StyledComponent<import("antd/es/spin").SpinFCType, any, {}, never>;

package/es/components/atoms/Statistic/Statistic.d.ts

@@ -1 +1,4 @@
-export declare const Statistic: import("antd/es/statistic").CompoundedStatistic;
+/// <reference types="react" />
+export declare const Statistic: import("react").FC<import("antd").StatisticProps> & {
+    Countdown: import("react").NamedExoticComponent<import("antd").CountdownProps>;
+};

package/es/components/atoms/index.d.ts

@@ -30,5 +30,4 @@ export { Spin } from './Spin';
 export { Alert } from './Alert';
 export { ScrollBox } from './ScrollBox';
 export { Rate } from './Rate';
-export * from './Flex';
 export type { SliderProps } from './Slider';

package/es/components/atoms/index.js

@@ -30,4 +30,3 @@ export { Spin } from './Spin';
 export { Alert } from './Alert';
 export { ScrollBox } from './ScrollBox';
 export { Rate } from './Rate';
-export * from './Flex';

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

@@ -10,7 +10,7 @@ import { far } from '@fortawesome/free-regular-svg-icons';
 import { fab } from '@fortawesome/free-brands-svg-icons';
 library.add(fas, far, fab);
 export const GlobalStyle = () => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30;
     return (React.createElement(Global, { styles: css `
       @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
 
@@ -486,33 +486,5 @@ export const GlobalStyle = () => {
       .ant-message {
         z-index: 999999 !important;
       }
-
-      /* Collapse */
-      .antsomi-collapse-header {
-        font-size: 14px;
-      }
-
-      .antsomi-collapse {
-        &.antsomi-collapse-borderless {
-          border-bottom: 1px solid ${(_31 = THEME.token) === null || _31 === void 0 ? void 0 : _31.gray5};
-        }
-
-        > .antsomi-collapse-item > .antsomi-collapse-header .antsomi-collapse-arrow {
-          transition: all 200ms;
-        }
-      }
-
-      /* Switch */
-      .antsomi-switch {
-        border: 2px solid ${(_32 = THEME.token) === null || _32 === void 0 ? void 0 : _32.colorPrimary} !important;
-
-        &.antsomi-switch-checked {
-          > .antsomi-switch-handle {
-            &::before {
-              background-color: ${(_33 = THEME.token) === null || _33 === void 0 ? void 0 : _33.bw0} !important;
-            }
-          }
-        }
-      }
     ` }));
 };

package/es/components/molecules/Collapse/Collapse.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-export declare const Collapse: React.ForwardRefExoticComponent<import("antd").CollapseProps & React.RefAttributes<HTMLDivElement>> & {
-    Panel: React.ForwardRefExoticComponent<import("antd").CollapsePanelProps & React.RefAttributes<HTMLDivElement>>;
+/// <reference types="react" />
+export declare const Collapse: import("react").ForwardRefExoticComponent<import("antd").CollapseProps & import("react").RefAttributes<HTMLDivElement>> & {
+    Panel: import("react").ForwardRefExoticComponent<import("antd").CollapsePanelProps & import("react").RefAttributes<HTMLDivElement>>;
 };

package/es/components/molecules/Collapse/Collapse.js

@@ -1,11 +1,2 @@
-// Libraries
-import React from 'react';
 import { Collapse as AntdCollapse } from 'antd';
-// Icons
-import { Icon } from '../../atoms';
 export const Collapse = AntdCollapse;
-Collapse.defaultProps = {
-    expandIcon({ isActive }) {
-        return (React.createElement(Icon, { type: "icon-ants-expand-more", size: 24, style: { transform: `rotate(${isActive ? -180 : 0}deg)`, color: '#666' } }));
-    },
-};

package/es/components/molecules/ColorSetting/styled.d.ts

@@ -1,7 +1,14 @@
 /// <reference types="react" />
 export declare const ColorSettingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const PresetColor: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ButtonPreset: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
+export declare const ButtonPreset: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Partial<{
+    href: string;
+    target?: string | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+} & import("antd/es/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "type" | "onClick"> & {
+    htmlType?: "button" | "reset" | "submit" | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick">> & import("react").RefAttributes<HTMLElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, any, {}, never>;
 export declare const PresetWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/FontSetting/constants.d.ts

@@ -0,0 +1,3 @@
+import { TFontSettings, TFontStyles } from './types';
+export declare const FONT_SETTING_DEFAULT: TFontSettings;
+export declare const FONT_STYLE_DEFAULT: TFontStyles;

package/es/components/molecules/FontSetting/constants.js

@@ -0,0 +1,22 @@
+export const FONT_SETTING_DEFAULT = {
+    fontColor: '#000000',
+    fontFamily: 'Roboto',
+    fontItalic: false,
+    fontSize: 14,
+    fontWeight: '400',
+    letterSpacing: 2,
+    lineHeight: 1.5,
+    textTransform: 'none',
+    textDecoration: 'none',
+};
+export const FONT_STYLE_DEFAULT = {
+    color: '#000000',
+    fontFamily: 'Roboto',
+    fontSize: 14,
+    fontWeight: '400',
+    lineHeight: 1.5,
+    letterSpacing: 2,
+    textTransform: 'none',
+    textDecoration: 'none',
+    fontStyle: 'normal',
+};

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

@@ -2,17 +2,23 @@ import React from 'react';
 import { PopoverProps } from 'antd';
 import { SettingWrapperProps } from '../SettingWrapper';
 import { TFontSettings, TFontStyles } from './types';
+type TFontSettingOptions = 'fontFamily' | 'color' | 'fontSize' | 'fontWeight' | 'textTransform' | 'textDecoration' | 'italic' | 'lineHeight' | 'letterSpacing';
 export type TFontSettingProps = {
     label?: string;
-    settings: TFontSettings;
+    settings: Partial<TFontSettings>;
+    styles: Partial<TFontStyles>;
+    showSettings?: TFontSettingOptions[];
     wrapperProps?: Omit<SettingWrapperProps, 'label'>;
     popoverProps?: Omit<PopoverProps, 'content'>;
     childrenProps?: Omit<TFontSettingEditProps, 'settings' | 'styles' | 'onChange'>;
-    onChange?: TFontSettingEditProps['onChange'];
+    onChange?: (settings: Partial<TFontSettings>, styles: Partial<TFontStyles>) => void;
 };
 export type TFontSettingEditProps = {
-    settings: TFontSettings;
-    onChange?: (settings: Partial<TFontSettings>, styles?: TFontStyles) => void;
+    settings: Partial<TFontSettings>;
+    styles: Partial<TFontStyles>;
+    showSettings?: TFontSettingOptions[];
+    onChange?: (settings: Partial<TFontSettings>, styles: Partial<TFontStyles>) => void;
 };
 export declare const FontSettingEdit: React.FC<TFontSettingEditProps>;
 export declare const FontSetting: React.FC<TFontSettingProps>;
+export {};

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useMemo } from 'react';
 /* Components */
 import { Space, Switch } from '../../atoms';
 import { ColorSetting } from '../ColorSetting';
@@ -9,45 +9,46 @@ import { FontFamilySelect } from '../FontFamilySelect';
 import { FontWeightSelect } from '../FontWeightSelect';
 import { TextTransformSelect } from '../TextTransformSelect';
 import { TextDecorationSelect } from '../TextDecorationSelect';
-export const FontSettingEdit = (props) => {
-    const { settings, onChange } = props;
-    const generateStyles = (settings) => ({
-        fontFamily: settings.fontFamily,
-        fontColor: settings.fontColor,
-        fontSize: settings.fontSize,
-        fontWeight: settings.fontWeight,
-        lineHeight: settings.lineHeight,
-        letterSpacing: settings.letterSpacing,
-        textTransform: settings.textTransform,
-        textDecoration: settings.textDecoration,
-        fontStyle: settings.fontItalic ? 'italic' : 'normal',
-    });
-    const handleChange = (setting) => {
+import { FONT_SETTING_DEFAULT, FONT_STYLE_DEFAULT } from './constants';
+export const FontSettingEdit = ({ settings, styles, showSettings, onChange, }) => {
+    const handleChange = (setting, style) => {
         if (typeof onChange === 'function') {
             const newSettings = Object.assign(Object.assign({}, settings), setting);
-            const newStyles = generateStyles(newSettings);
+            const newStyles = Object.assign(Object.assign({}, styles), style);
             onChange(newSettings, newStyles);
         }
     };
-    return (React.createElement(Space, { direction: "vertical" },
-        React.createElement(FontFamilySelect, { label: "Font Family", value: settings === null || settings === void 0 ? void 0 : settings.fontFamily, onChange: family => handleChange({ fontFamily: family }) }),
-        React.createElement(ColorSetting, { label: "Font Color", color: settings === null || settings === void 0 ? void 0 : settings.fontColor, onChange: fontColor => handleChange({ fontColor }) }),
-        React.createElement(SettingWrapper, { label: "Font Size", vertical: true },
-            React.createElement(SliderWithInputNumber, { value: typeof (settings === null || settings === void 0 ? void 0 : settings.fontSize) !== 'undefined' ? +settings.fontSize : 0, onAfterChange: fontSize => handleChange({ fontSize }) })),
-        React.createElement(FontWeightSelect, { label: "Font Weight", value: settings === null || settings === void 0 ? void 0 : settings.fontWeight, showOptions: ['Light', 'Black'], onChange: fontWeight => handleChange({ fontWeight }) }),
-        React.createElement(SettingWrapper, { label: "Line Height", vertical: true },
-            React.createElement(SliderWithInputNumber, { defaultValue: typeof (settings === null || settings === void 0 ? void 0 : settings.lineHeight) !== 'undefined' ? +settings.lineHeight : 0, min: 1, max: 5, step: 0.1, onAfterChange: lineHeight => handleChange({ lineHeight }) })),
-        React.createElement(SettingWrapper, { label: "Letter Spacing", vertical: true },
-            React.createElement(SliderWithInputNumber, { defaultValue: typeof (settings === null || settings === void 0 ? void 0 : settings.letterSpacing) !== 'undefined' ? +settings.letterSpacing : 0, min: -10, max: 10, onAfterChange: letterSpacing => handleChange({ letterSpacing }) })),
-        React.createElement(TextTransformSelect, { label: "Text Transform", value: settings === null || settings === void 0 ? void 0 : settings.textTransform, onChange: textTransform => handleChange({ textTransform }) }),
-        React.createElement(TextDecorationSelect, { label: "Text Decoration", value: settings === null || settings === void 0 ? void 0 : settings.textDecoration, onChange: textDecoration => handleChange({ textDecoration }) }),
-        React.createElement(SettingWrapper, { label: "Font Style Italic" },
-            React.createElement(Switch, { checked: settings === null || settings === void 0 ? void 0 : settings.fontItalic, onChange: fontItalic => handleChange({ fontItalic }) }))));
+    const settingMap = useMemo(() => ({
+        fontFamily: (React.createElement(FontFamilySelect, { label: "Font Family", value: settings === null || settings === void 0 ? void 0 : settings.fontFamily, onChange: fontFamily => handleChange({ fontFamily }, { fontFamily }) })),
+        color: (React.createElement(ColorSetting, { label: "Font Color", color: settings === null || settings === void 0 ? void 0 : settings.fontColor, onChange: fontColor => handleChange({ fontColor }, { color: fontColor }) })),
+        fontSize: (React.createElement(SettingWrapper, { label: "Font Size", vertical: true },
+            React.createElement(SliderWithInputNumber, { value: typeof (settings === null || settings === void 0 ? void 0 : settings.fontSize) !== 'undefined' ? +settings.fontSize : 0, onAfterChange: fontSize => handleChange({ fontSize }, { fontSize }) }))),
+        fontWeight: (React.createElement(FontWeightSelect, { label: "Font Weight", value: settings === null || settings === void 0 ? void 0 : settings.fontWeight, onChange: fontWeight => handleChange({ fontWeight }, { fontWeight }) })),
+        lineHeight: (React.createElement(SettingWrapper, { label: "Line Height", vertical: true },
+            React.createElement(SliderWithInputNumber, { defaultValue: typeof (settings === null || settings === void 0 ? void 0 : settings.lineHeight) !== 'undefined' ? +settings.lineHeight : 0, min: 1, max: 5, step: 0.1, onAfterChange: lineHeight => handleChange({ lineHeight }, { lineHeight }) }))),
+        letterSpacing: (React.createElement(SettingWrapper, { label: "Letter Spacing", vertical: true },
+            React.createElement(SliderWithInputNumber, { defaultValue: typeof (settings === null || settings === void 0 ? void 0 : settings.letterSpacing) !== 'undefined' ? +settings.letterSpacing : 0, min: -10, max: 10, onAfterChange: letterSpacing => handleChange({ letterSpacing }, { letterSpacing }) }))),
+        textTransform: (React.createElement(TextTransformSelect, { label: "Text Transform", value: settings === null || settings === void 0 ? void 0 : settings.textTransform, onChange: textTransform => handleChange({ textTransform }, { textTransform }) })),
+        textDecoration: (React.createElement(TextDecorationSelect, { label: "Text Decoration", value: settings === null || settings === void 0 ? void 0 : settings.textDecoration, onChange: textDecoration => handleChange({ textDecoration }, { textDecoration }) })),
+        italic: (React.createElement(SettingWrapper, { label: "Font Style Italic" },
+            React.createElement(Switch, { checked: settings === null || settings === void 0 ? void 0 : settings.fontItalic, onChange: fontItalic => handleChange({ fontItalic }, { fontStyle: fontItalic ? 'italic' : 'normal' }) }))),
+    }), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [settings]);
+    const filteredSetting = useMemo(() => {
+        if (!showSettings || (showSettings === null || showSettings === void 0 ? void 0 : showSettings.length) === 0) {
+            return Object.keys(settingMap).map(keySetting => settingMap[keySetting]);
+        }
+        return showSettings.map(keySetting => settingMap[keySetting]);
+    }, [showSettings, settingMap]);
+    return React.createElement(Space, { direction: "vertical" }, filteredSetting);
 };
 export const FontSetting = (props) => {
-    const { label, settings, wrapperProps, popoverProps, childrenProps, onChange } = props;
-    return (React.createElement(SettingWrapperPopover, { label: label !== null && label !== void 0 ? label : 'Font Settings', 
-        //   labelStyle={{ fontWeight: 'bold', ...wrapperProps?.labelStyle }}
-        popoverProps: Object.assign({ overlayStyle: { top: 0 }, placement: 'bottomRight' }, popoverProps), wrapperProps: Object.assign({ containerStyle: { minWidth: '288px' } }, wrapperProps) },
-        React.createElement(FontSettingEdit, Object.assign({ settings: settings, onChange: onChange }, childrenProps))));
+    const { label, settings, styles, wrapperProps, popoverProps, childrenProps, showSettings, onChange, } = props;
+    return (React.createElement(SettingWrapperPopover, { label: label !== null && label !== void 0 ? label : 'Font Settings', popoverProps: Object.assign({ overlayStyle: { top: 0 }, placement: 'bottomRight' }, popoverProps), wrapperProps: Object.assign({ containerStyle: { minWidth: '288px' } }, wrapperProps) },
+        React.createElement(FontSettingEdit, Object.assign({ settings: settings, styles: styles, showSettings: showSettings, onChange: onChange }, childrenProps))));
+};
+FontSetting.defaultProps = {
+    settings: FONT_SETTING_DEFAULT,
+    styles: FONT_STYLE_DEFAULT,
 };

package/es/components/molecules/FontSetting/types.d.ts

@@ -11,7 +11,7 @@ export type TFontSettings = {
 };
 export type TFontStyles = {
     fontFamily: string;
-    fontColor: string;
+    color: string;
     fontSize: string | number;
     fontWeight: string | number;
     lineHeight: string | number;

package/es/components/molecules/IconSelection/styled.d.ts

@@ -2,7 +2,14 @@
 export declare const IconSelectionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const WrapperListRender: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const WrapperListItemRender: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CustomButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
+export declare const CustomButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Partial<{
+    href: string;
+    target?: string | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+} & import("antd/es/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "type" | "onClick"> & {
+    htmlType?: "button" | "reset" | "submit" | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick">> & import("react").RefAttributes<HTMLElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, any, {}, never>;
 export declare const Overlay: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/Modal/Modal.d.ts

@@ -14,10 +14,10 @@ export declare const Modal: string & import("styled-components").StyledComponent
     useModal: typeof import("antd/es/modal/useModal").default;
     destroyAll: () => void;
     config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => React.JSX.Element;
+    _InternalPanelDoNotUseOrYouWillBeFired: React.FC<import("antd/es/modal/PurePanel").PurePanelProps>;
 }, any, import("./styled").CustomModalProps, never> & import("hoist-non-react-statics").NonReactStatics<React.FC<AntdModalProps> & import("antd/es/modal/confirm").ModalStaticFunctions & {
     useModal: typeof import("antd/es/modal/useModal").default;
     destroyAll: () => void;
     config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => React.JSX.Element;
+    _InternalPanelDoNotUseOrYouWillBeFired: React.FC<import("antd/es/modal/PurePanel").PurePanelProps>;
 }, {}> & React.FC<ModalProps>;

package/es/components/molecules/Modal/styled.d.ts

@@ -10,6 +10,6 @@ export declare const StyledModal: import("styled-components").StyledComponent<im
     useModal: typeof import("antd/es/modal/useModal").default;
     destroyAll: () => void;
     config: typeof import("antd/es/modal/confirm").modalGlobalConfig;
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/modal/PurePanel").PurePanelProps) => React.JSX.Element;
+    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/modal/PurePanel").PurePanelProps>;
 }, any, CustomModalProps, never>;
 export declare const WrapperSpin: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/Popconfirm/Popconfirm.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const Popconfirm: import("react").ForwardRefExoticComponent<import("antd").PopconfirmProps & import("react").RefAttributes<unknown>> & {
-    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/popconfirm/PurePanel").PurePanelProps>;
+    _InternalPanelDoNotUseOrYouWillBeFired: typeof import("antd/es/popconfirm/PurePanel").default;
 };

package/es/components/molecules/Select/Select.d.ts

@@ -1,17 +1,15 @@
 import { SelectProps as AntdSelectProps } from 'antd';
 import React from 'react';
-import { TextProps } from '../../atoms/Text';
 export interface SelectProps extends AntdSelectProps {
-    label?: string | React.ReactNode;
-    labelProps?: TextProps;
 }
 declare const Select: (<ValueType = any, OptionType extends import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: AntdSelectProps<ValueType, OptionType> & {
     children?: React.ReactNode;
-} & React.RefAttributes<import("antd").RefSelectProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
-    displayName?: string | undefined;
+} & {
+    ref?: React.Ref<import("antd").RefSelectProps> | undefined;
+}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
     SECRET_COMBOBOX_MODE_DO_NOT_USE: string;
     Option: import("rc-select/lib/Option").OptionFC;
     OptGroup: import("rc-select/lib/OptGroup").OptionGroupFC;
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => React.JSX.Element;
+    _InternalPanelDoNotUseOrYouWillBeFired: any;
 } & React.FC<SelectProps>;
 export { Select };

package/es/components/molecules/Select/Select.js

@@ -1,26 +1,11 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var _a;
 // Libraries
 import { Select as AntdSelect } from 'antd';
 import React from 'react';
-// Components
-import { Flex } from '@antscorp/antsomi-ui/es/components/atoms';
-import { Text } from '../../atoms/Text';
 // Icons
 import Icon from '@antscorp/icons';
 // Constants
-import { THEME } from '@antscorp/antsomi-ui/es/constants';
-// Styled
+import { THEME } from '../../../constants';
 import { StyledTag, TagCloseBtn } from './styled';
 const tagRender = (props) => {
     const { label, closable, onClose } = props;
@@ -33,17 +18,11 @@ const tagRender = (props) => {
                     fontSize: 10,
                 } })) }, label));
 };
-const CustomSelect = props => {
-    const { label, labelProps } = props, rest = __rest(props, ["label", "labelProps"]);
-    return (React.createElement(Flex, { vertical: true, gap: 4 },
-        typeof label === 'string' ? React.createElement(Text, Object.assign({}, labelProps), label) : label,
-        React.createElement(AntdSelect, Object.assign({}, rest))));
-};
+const CustomSelect = props => React.createElement(AntdSelect, Object.assign({}, props));
 const Select = CustomSelect;
 Select.OptGroup = AntdSelect.OptGroup;
 Select.Option = AntdSelect.Option;
 Select.defaultProps = {
-    labelProps: { color: '#66666' },
     suffixIcon: (React.createElement(Icon, { type: "icon-ants-expand-more", style: { fontSize: 16, color: (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.bw10 } })),
     tagRender,
 };

package/es/components/molecules/TreeSelect/TreeSelect.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 export declare const TreeSelect: (<ValueType = any, OptionType extends import("rc-tree-select/lib/TreeSelect").BaseOptionType | import("rc-tree-select/lib/TreeSelect").DefaultOptionType = import("rc-tree-select/lib/TreeSelect").DefaultOptionType>(props: import("antd").TreeSelectProps<ValueType, OptionType> & {
     children?: import("react").ReactNode;
-} & import("react").RefAttributes<import("antd").RefSelectProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
-    displayName?: string | undefined;
+} & {
+    ref?: import("react").Ref<import("antd").RefSelectProps> | undefined;
+}) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
     TreeNode: import("react").FC<import("rc-tree-select/lib/TreeNode").TreeNodeProps>;
     SHOW_ALL: "SHOW_ALL";
     SHOW_PARENT: "SHOW_PARENT";
     SHOW_CHILD: "SHOW_CHILD";
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => React.JSX.Element;
+    _InternalPanelDoNotUseOrYouWillBeFired: any;
 };

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

@@ -31,7 +31,6 @@ export { FontFamilySelect } from './FontFamilySelect';
 export { TextDecorationSelect } from './TextDecorationSelect';
 export { TextTransformSelect } from './TextTransformSelect';
 export { FontSetting, FontSettingEdit } from './FontSetting';
-export { Form } from './Form';
 export type { AdvancedPickerProps, TAdvancedPickerOption, TAdvancedRangePickerTimeRange, } from './DatePicker';
 export type { ColorPickerProps } from './ColorPicker';
 export type { AlignEditProps, AlignSettingProps } from './AlignSetting';

package/es/components/molecules/index.js

@@ -31,4 +31,3 @@ export { FontFamilySelect } from './FontFamilySelect';
 export { TextDecorationSelect } from './TextDecorationSelect';
 export { TextTransformSelect } from './TextTransformSelect';
 export { FontSetting, FontSettingEdit } from './FontSetting';
-export { Form } from './Form';

package/es/components/organism/Help/styled.d.ts

@@ -1,10 +1,16 @@
 /// <reference types="react" />
 export declare const DropDown: import("styled-components").StyledComponent<import("react").FC<import("antd").DropDownProps> & {
-    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd").DropDownProps>;
-} & {
     Button: import("react").FC<import("antd/es/dropdown").DropdownButtonProps>;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd").DropDownProps) => JSX.Element;
 }, any, {}, never>;
-export declare const ButtonFeedback: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
+export declare const ButtonFeedback: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Partial<{
+    href: string;
+    target?: string | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+} & import("antd/es/button/button").BaseButtonProps & Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "type" | "onClick"> & {
+    htmlType?: "button" | "reset" | "submit" | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick">> & import("react").RefAttributes<HTMLElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, any, {
     height?: number | undefined;
@@ -15,7 +21,7 @@ export declare const Overlay: import("styled-components").StyledComponent<"div",
 export declare const Text: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const Label: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const SendFeedback: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ControlGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").SpaceProps & import("react").RefAttributes<HTMLDivElement>> & {
+export declare const ControlGroup: import("styled-components").StyledComponent<import("react").FC<import("antd").SpaceProps> & {
     Compact: import("react").FC<import("antd/es/space/Compact").SpaceCompactProps>;
 }, any, {}, never>;
 export declare const ControlLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {}, never>;
@@ -58,11 +64,15 @@ export declare const TitleSearch: import("styled-components").StyledComponent<"s
 export declare const WrapperSearch: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("antd").InputRef>>, any, {}, never>;
 export declare const TreeContent: import("styled-components").StyledComponent<(<T extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: import("antd").TreeProps<T> & {
     children?: import("react").ReactNode;
-} & import("react").RefAttributes<import("rc-tree/lib/Tree").default<import("antd").TreeDataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+} & {
+    ref?: import("react").Ref<import("rc-tree/lib/Tree").default<import("antd").TreeDataNode>> | undefined;
+}) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
     TreeNode: import("react").FC<import("rc-tree").TreeNodeProps<import("antd").TreeDataNode>>;
     DirectoryTree: (<T_1 extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: import("antd/es/tree").DirectoryTreeProps<T_1> & {
         children?: import("react").ReactNode;
-    } & import("react").RefAttributes<import("rc-tree/lib/Tree").default<import("antd").TreeDataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+    } & {
+        ref?: import("react").Ref<import("rc-tree/lib/Tree").default<import("antd").TreeDataNode>> | undefined;
+    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
         displayName?: string | undefined;
     };
 }, any, {}, never>;

package/es/components/organism/Table/ExplorePivotTable/styled.d.ts

@@ -1,5 +1,4 @@
 export declare const StyledTable: import("styled-components").StyledComponent<import("antd/es/table/interface").RefTable & {
-    displayName?: string | undefined;
     SELECTION_COLUMN: {};
     EXPAND_COLUMN: {};
     SELECTION_ALL: "SELECT_ALL";