@antscorp/antsomi-ui 1.3.7-beta.68 → 1.3.7-beta.69

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconProps } from '@antscorp/antsomi-ui/es/components/icons/types';
 export declare const CUS_ICON_MAPPING: {
     [k: string]: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 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>;

package/es/components/molecules/IconSelection/styled.js

@@ -58,9 +58,8 @@ export const CustomButton = styled(Button) `
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
   z-index: 3;
   opacity: 0;
-  transition-property:
-    color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
-    transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
+    opacity, box-shadow, transform, filter, backdrop-filter;
   transition-duration: 200ms;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
 `;
@@ -73,9 +72,8 @@ export const Overlay = styled.div `
   z-index: 2;
   background-color: ${THEME.token?.bgLightTransparent};
   opacity: 0;
-  transition-property:
-    color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow,
-    transform, filter, backdrop-filter;
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke,
+    opacity, box-shadow, transform, filter, backdrop-filter;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 200ms;
 `;

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

@@ -1,4 +1,5 @@
-export declare const StageWrapperStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {
+/// <reference types="react" />
+export declare const StageWrapperStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {
     $width: number;
     $height: number;
 }, never>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type ValueType = 'input' | 'select';
 type Value = {
     source: any;

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

@@ -10,5 +10,5 @@ export declare const StyledSelect: import("styled-components").StyledComponent<{
     };
 }, any, {
     $isPlaceholder?: any;
-    $isError?: boolean;
+    $isError?: boolean | undefined;
 }, never>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const ContainerModule: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {
     $height: string;
 }, never>;

package/es/components/molecules/MatchAnySelect/MatchesAnySelect.js

@@ -371,9 +371,7 @@ export function MatchesAny(props) {
         // If there are available values to add
         if (availableExtendValues) {
             // check extendValues has string data type
-            const isExistString = shouldFilterNumber
-                ? availableExtendValues.some(value => !NUMBER_REGEX.test(value))
-                : false;
+            const isExistString = shouldFilterNumber ? availableExtendValues.some(value => !NUMBER_REGEX.test(value)) : false;
             // Create new items in the format required (MatchesAnyItem)
             const newSelectedItems = [
                 ...(selectedItems || []),

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

@@ -1,19 +1,26 @@
+/// <reference types="react" />
 export declare const MatchesAnyWrapper: import("styled-components").StyledComponent<(props: any) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const TextButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, any, {
-    disabled?: boolean;
+    disabled?: boolean | undefined;
 }, never>;
 export declare const GroupSelectButton: import("styled-components").StyledComponent<(props: any) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const ActionButton: import("styled-components").StyledComponent<(props: any) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
-export declare const StyledTree: import("styled-components").StyledComponent<(<T extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: React.PropsWithChildren<import("antd").TreeProps<T>> & React.RefAttributes<import("rc-tree").default>) => React.ReactElement) & {
-    TreeNode: import("react").FC<import("rc-tree").TreeNodeProps<import("antd").TreeDataNode>>;
-    DirectoryTree: (<T extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: React.PropsWithChildren<import("antd/es/tree").DirectoryTreeProps<T>> & React.RefAttributes<import("rc-tree").default>) => React.ReactElement) & {
-        displayName?: string;
+export declare const StyledTree: import("styled-components").StyledComponent<(<T extends import("rc-tree").BasicDataNode | import("rc-tree/lib/interface").DataNode = import("rc-tree/lib/interface").DataNode>(props: import("antd/es/tree/Tree").TreeProps<T> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<import("rc-tree").default<import("rc-tree/lib/interface").DataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+    TreeNode: import("react").FC<import("rc-tree").TreeNodeProps<import("rc-tree/lib/interface").DataNode>>;
+    DirectoryTree: (<T_1 extends import("rc-tree").BasicDataNode | import("rc-tree/lib/interface").DataNode = import("rc-tree/lib/interface").DataNode>(props: import("antd/es/tree").DirectoryTreeProps<T_1> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("rc-tree").default<import("rc-tree/lib/interface").DataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+        displayName?: string | undefined;
     };
 } & {
-    DirectoryTree: (<T extends import("rc-tree").BasicDataNode | import("antd").TreeDataNode = import("antd").TreeDataNode>(props: React.PropsWithChildren<import("antd/es/tree").DirectoryTreeProps<T>> & React.RefAttributes<import("rc-tree").default>) => React.ReactElement) & {
-        displayName?: string;
+    DirectoryTree: (<T_1 extends import("rc-tree").BasicDataNode | import("rc-tree/lib/interface").DataNode = import("rc-tree/lib/interface").DataNode>(props: import("antd/es/tree").DirectoryTreeProps<T_1> & {
+        children?: import("react").ReactNode;
+    } & import("react").RefAttributes<import("rc-tree").default<import("rc-tree/lib/interface").DataNode>>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+        displayName?: string | undefined;
     };
-    Standard: import("react").FC<import("antd").TreeProps<import("antd").TreeDataNode>>;
+    Standard: import("react").FC<import("antd/es/tree/Tree").TreeProps<import("rc-tree/lib/interface").DataNode>>;
 }, any, {}, never>;
 export declare const TextArea: import("styled-components").StyledComponent<(props: any) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const ExtraValueLabel: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/MatchAnySelect/utils.d.ts

@@ -4,12 +4,12 @@ export declare const getSelectedTreeData: (items: MatchesAnyItem<any>[], selecte
     charAt: (pos: number) => string;
     charCodeAt: (index: number) => number;
     concat: (...strings: string[]) => string;
-    indexOf: (searchString: string, position?: number) => number;
-    lastIndexOf: (searchString: string, position?: number) => number;
+    indexOf: (searchString: string, position?: number | undefined) => number;
+    lastIndexOf: (searchString: string, position?: number | undefined) => number;
     localeCompare: {
         (that: string): number;
-        (that: string, locales?: string | string[], options?: Intl.CollatorOptions): number;
-        (that: string, locales?: Intl.LocalesArgument, options?: Intl.CollatorOptions): number;
+        (that: string, locales?: string | string[] | undefined, options?: Intl.CollatorOptions | undefined): number;
+        (that: string, locales?: Intl.LocalesArgument, options?: Intl.CollatorOptions | undefined): number;
     };
     match: {
         (regexp: string | RegExp): RegExpMatchArray | null;
@@ -33,37 +33,37 @@ export declare const getSelectedTreeData: (items: MatchesAnyItem<any>[], selecte
             [Symbol.search](string: string): number;
         }): number;
     };
-    slice: (start?: number, end?: number) => string;
+    slice: (start?: number | undefined, end?: number | undefined) => string;
     split: {
-        (separator: string | RegExp, limit?: number): string[];
+        (separator: string | RegExp, limit?: number | undefined): string[];
         (splitter: {
-            [Symbol.split](string: string, limit?: number): string[];
-        }, limit?: number): string[];
+            [Symbol.split](string: string, limit?: number | undefined): string[];
+        }, limit?: number | undefined): string[];
     };
-    substring: (start: number, end?: number) => string;
+    substring: (start: number, end?: number | undefined) => string;
     toLowerCase: () => string;
     toLocaleLowerCase: {
-        (locales?: string | string[]): string;
+        (locales?: string | string[] | undefined): string;
         (locales?: Intl.LocalesArgument): string;
     };
     toUpperCase: () => string;
     toLocaleUpperCase: {
-        (locales?: string | string[]): string;
+        (locales?: string | string[] | undefined): string;
         (locales?: Intl.LocalesArgument): string;
     };
     trim: () => string;
     readonly length: number;
-    substr: (from: number, length?: number) => string;
+    substr: (from: number, length?: number | undefined) => string;
     valueOf: () => string;
     codePointAt: (pos: number) => number | undefined;
-    includes: (searchString: string, position?: number) => boolean;
-    endsWith: (searchString: string, endPosition?: number) => boolean;
+    includes: (searchString: string, position?: number | undefined) => boolean;
+    endsWith: (searchString: string, endPosition?: number | undefined) => boolean;
     normalize: {
         (form: "NFC" | "NFD" | "NFKC" | "NFKD"): string;
-        (form?: string): string;
+        (form?: string | undefined): string;
     };
     repeat: (count: number) => string;
-    startsWith: (searchString: string, position?: number) => boolean;
+    startsWith: (searchString: string, position?: number | undefined) => boolean;
     anchor: (name: string) => string;
     big: () => string;
     blink: () => string;
@@ -80,14 +80,14 @@ export declare const getSelectedTreeData: (items: MatchesAnyItem<any>[], selecte
     strike: () => string;
     sub: () => string;
     sup: () => string;
-    padStart: (maxLength: number, fillString?: string) => string;
-    padEnd: (maxLength: number, fillString?: string) => string;
+    padStart: (maxLength: number, fillString?: string | undefined) => string;
+    padEnd: (maxLength: number, fillString?: string | undefined) => string;
     trimEnd: () => string;
     trimStart: () => string;
     trimLeft: () => string;
     trimRight: () => string;
-    matchAll: (regexp: RegExp) => RegExpStringIterator<RegExpExecArray>;
-    [Symbol.iterator]: () => StringIterator<string>;
+    matchAll: (regexp: RegExp) => IterableIterator<RegExpExecArray>;
+    [Symbol.iterator]: () => IterableIterator<string>;
     at: (index: number) => string | undefined;
 }[];
 export declare const NUMBER_REGEX: RegExp;

package/es/components/molecules/Modal/Modal.js

@@ -7,7 +7,7 @@ import { Button, Icon, Spin } from '@antscorp/antsomi-ui/es/components/atoms';
 import { StyledModal, WrapperSpin } from './styled';
 export const OriginalModal = memo(props => {
     // Props
-    const { loading } = props;
+    const { loading = false } = props;
     return (_jsxs(StyledModal, { closeIcon: _jsx(Icon, { disabled: loading, type: "icon-ants-remove-slim", size: 15 }),
         footer: (_jsxs(_Fragment, { children: [_jsx(Button, { type: "primary", onClick: props.onOk, ...props.okButtonProps, children: props.okText ? props.okText : 'OK' }), _jsx(Button, { onClick: props.onCancel, ...props.cancelButtonProps, children: props.cancelText ? props.cancelText : 'Cancel' })] })),
         modalRender: node => loading ? (_jsx(WrapperSpin, { children: _jsx(Spin, { spinning: loading, children: node }) })) : (node),

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export interface CustomModalProps {
     header?: React.ReactNode;
     headerStyle?: {
@@ -9,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: (props: import("antd/es/modal/PurePanel").PurePanelProps) => import("react").JSX.Element;
 }, any, CustomModalProps, never>;
 export declare const WrapperSpin: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 export declare const StyledModal: import("styled-components").StyledComponent<import("react").FC<import("antd").ModalProps> & 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: (props: import("antd/es/modal/PurePanel").PurePanelProps) => import("react").JSX.Element;
 }, any, {}, never>;
 export declare const StyledCard: import("styled-components").StyledComponent<import("antd/es/card").CardInterface, any, {}, never>;
 export declare const CardDefinationContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 export declare const StyledModal: import("styled-components").StyledComponent<import("react").FC<import("antd").ModalProps> & 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: (props: import("antd/es/modal/PurePanel").PurePanelProps) => import("react").JSX.Element;
 }, any, {}, never>;

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

@@ -1,3 +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>;
 };

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

@@ -1,5 +1,5 @@
 export declare const PopupContainer: import("styled-components").StyledComponent<"div", any, {
-    isHiddenResizing?: boolean;
-    isShowResizeHover?: boolean;
+    isHiddenResizing?: boolean | undefined;
+    isShowResizeHover?: boolean | undefined;
 }, never>;
 export declare const WrapperIcon: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const StyledModal: import("styled-components").StyledComponent<(props: any) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
-export declare const ModalHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const ModalHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export declare const ModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1 +1,2 @@
-export declare const ProcessLoadingContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+/// <reference types="react" />
+export declare const ProcessLoadingContent: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/es/components/molecules/QuillEditor/CustomToolbar.js

@@ -79,9 +79,8 @@ const ToolBarWrapper = styled.div `
     box-sizing: content-box;
     color: #222f3e;
     cursor: auto;
-    font-family:
-      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
-      'Helvetica Neue', sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
+      Cantarell, 'Helvetica Neue', sans-serif;
     font-size: 16px;
     font-style: normal;
     font-weight: normal;
@@ -140,9 +139,8 @@ const ToolBarWrapper = styled.div `
     box-sizing: border-box;
     display: flex;
     flex-direction: column;
-    font-family:
-      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
-      'Helvetica Neue', sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
+      Cantarell, 'Helvetica Neue', sans-serif;
     overflow: hidden;
     position: relative;
     visibility: inherit !important;
@@ -158,9 +156,8 @@ const ToolBarWrapper = styled.div `
     box-shadow: none;
   }
   .tox-tinymce-aux {
-    font-family:
-      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
-      'Helvetica Neue', sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
+      Cantarell, 'Helvetica Neue', sans-serif;
     z-index: 1300;
   }
   .tox-tinymce *:focus,
@@ -339,9 +336,8 @@ const ToolBarWrapper = styled.div `
     color: #fff;
     cursor: pointer;
     display: inline-block;
-    font-family:
-      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
-      'Helvetica Neue', sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
+      Cantarell, 'Helvetica Neue', sans-serif;
     font-size: 14px;
     font-style: normal;
     font-weight: bold;
@@ -449,9 +445,8 @@ const ToolBarWrapper = styled.div `
     box-sizing: border-box;
     cursor: pointer;
     display: inline-block;
-    font-family:
-      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
-      'Helvetica Neue', sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
+      Cantarell, 'Helvetica Neue', sans-serif;
     font-size: 16px;
     font-weight: normal;
     line-height: 1.3;
@@ -1341,9 +1336,8 @@ const ToolBarWrapper = styled.div `
     margin-left: auto;
   }
   .tox .tox-dialog__title {
-    font-family:
-      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
-      'Helvetica Neue', sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
+      Cantarell, 'Helvetica Neue', sans-serif;
     font-size: 20px;
     font-style: normal;
     font-weight: normal;
@@ -1785,8 +1779,7 @@ const ToolBarWrapper = styled.div `
     cursor: pointer;
   }
   .tox .tox-color-input span::before {
-    background-image:
-      linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
+    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
       linear-gradient(-45deg, rgba(0, 0, 0, 0.25) 25%, transparent 25%),
       linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%),
       linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.25) 75%);
@@ -1933,9 +1926,8 @@ const ToolBarWrapper = styled.div `
     box-shadow: none;
     box-sizing: border-box;
     color: #222f3e;
-    font-family:
-      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
-      'Helvetica Neue', sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
+      Cantarell, 'Helvetica Neue', sans-serif;
     font-size: 16px;
     line-height: 24px;
     margin: 0;
@@ -2035,9 +2027,8 @@ const ToolBarWrapper = styled.div `
     box-shadow: none;
     box-sizing: border-box;
     color: #222f3e;
-    font-family:
-      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
-      'Helvetica Neue', sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
+      Cantarell, 'Helvetica Neue', sans-serif;
     font-size: 16px;
     line-height: 24px;
     margin: 0;

package/es/components/molecules/QuillEditor/EditorToolbar.js

@@ -69,7 +69,6 @@ export const formats = [
     'image',
     'color',
     'code-block',
-    'imageBlot',
 ];
 const ToolBarWrapper = styled.div `
   border: 1px solid ${props => props.borderColor} !important;

package/es/components/molecules/QuillEditor/QuillEditor.js

@@ -143,7 +143,7 @@ export const QuillEditor = ({ value, onChange, placeholder = '', uploadService,
                     debounceChange('');
                 }
                 else {
-                    debounceChange(editor.current?.root.innerHTML || '');
+                    debounceChange(editor.current?.getSemanticHTML() || '');
                 }
                 callback(TCallBack.ERROR, 'RESET');
             }

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 export declare const RadioGroupWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledRadioGroup: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<import("antd").RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>>, any, {}, never>;

package/es/components/molecules/ResizeGrid/components/Cell/Cell.js

@@ -79,8 +79,7 @@ export const Cell = ({ cell, idx, down, downCell, up, setRef, downSelect, upSele
             transform: buildTranform(cell),
             // borderTop: cell.rowStart === 1 ? borderStyle : 'unset',
             // borderLeft: cell.colStart === 1 ? borderStyle : 'unset',
-            ...(allowActive &&
-                cell.active &&
+            ...(allowActive && cell.active &&
                 !isPreview &&
                 (activeStyle || {
                     outline: '1px solid #005eb8',

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

@@ -2,9 +2,9 @@ export declare const StyledGrid: import("styled-components").StyledComponent<"di
     isCompact: boolean;
 }, never>;
 export declare const StyledMiddleLayer: import("styled-components").StyledComponent<"div", any, {
-    isCompact?: boolean;
+    isCompact?: boolean | undefined;
 }, never>;
 export declare const StyledBGLayer: import("styled-components").StyledComponent<"div", any, {
-    isCompact?: boolean;
+    isCompact?: boolean | undefined;
 }, never>;
 export declare const StyledLine: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export type TImageStyles = {
     borderTopLeftRadius?: string;
     borderTopRightRadius?: string;

package/es/components/molecules/RichMenu/RichMenuBlock/RichMenuCell/styled.d.ts

@@ -2,13 +2,13 @@ export declare const CellContainer: import("styled-components").StyledComponent<
 export declare const AddContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const AddLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const CellImage: import("styled-components").StyledComponent<"div", any, {
-    active?: boolean;
+    active?: boolean | undefined;
     src: string;
     imagePosition: string;
     imageSize: string;
 }, never>;
 export declare const LayerVideoContainer: import("styled-components").StyledComponent<"div", any, {
-    active?: boolean;
+    active?: boolean | undefined;
 }, never>;
 export declare const Video: import("styled-components").StyledComponent<"video", any, {}, never>;
 export declare const VideoAction: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/RichMenu/RichMenuBlock/constants.js

@@ -721,7 +721,7 @@ export const SAMPLE_RICHMENU = {
         displayDefault: true,
     },
     image: {
-        imageUrl: 'https://sandbox-st-media-template.antsomi.com/upload/2024/01/04/8d8cf39a-748f-435c-b6c6-b71b5facc739.gif',
+        imageUrl: 'https://s.cystack.net/portal/organizations/487b0f9dd9d8543312dc25e32ac71e4f/logo.jpg',
         imageStyles: {
             borderTopLeftRadius: '0px',
             borderTopRightRadius: '0px',

package/es/components/molecules/RichMenu/RichMenuChatBar/TypingChat/styled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const TypingInput: import("styled-components").StyledComponent<"input", any, {}, never>;
 export declare const TypingWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TypingChatWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const TypingChatWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/es/components/molecules/RichMenu/RichMenuChatBar/styled.d.ts

@@ -1,9 +1,10 @@
+/// <reference types="react" />
 interface ChatBarWrapperProps {
     $showRichMenu?: boolean;
     $showTypingChat?: boolean;
     $disabled?: boolean;
     $size?: 'large' | 'medium';
 }
-export declare const ChatBarWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, ChatBarWrapperProps, never>;
-export declare const ChatBarMenuBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
+export declare const ChatBarWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, ChatBarWrapperProps, never>;
+export declare const ChatBarMenuBox: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export {};

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

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { SearchPopoverProps } from './types';
 export declare const SearchPopover: React.FC<SearchPopoverProps>;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const StyledInput: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../atoms/Input").InputProps & import("react").RefAttributes<import("rc-input").InputRef>> & {
     readonly DefaultInput: import("react").ForwardRefExoticComponent<import("antd").InputProps & import("react").RefAttributes<import("rc-input").InputRef>> & {
         Group: import("react").FC<import("antd/es/input").GroupProps>;

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

@@ -1,9 +1,17 @@
-import { Select as AntdSelect, SelectProps as AntdSelectProps } from 'antd';
+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: typeof AntdSelect & React.FC<SelectProps>;
+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;
+    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;
+} & React.FC<SelectProps>;
 export { Select };

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

@@ -9,7 +9,7 @@ import Icon from '@antscorp/icons';
 // Constants
 import { THEME } from '@antscorp/antsomi-ui/es/constants';
 // Styled
-import { StyledTag, TagCloseBtn } from './styled';
+import { StyledSelect, StyledTag, TagCloseBtn } from './styled';
 const tagRender = (props) => {
     const { label, closable, onClose } = props;
     const onPreventMouseDown = (event) => {
@@ -22,7 +22,7 @@ const tagRender = (props) => {
 };
 const CustomSelect = props => {
     const { label, labelProps, ...rest } = props;
-    return (_jsxs(Flex, { vertical: true, gap: 4, children: [typeof label === 'string' ? _jsx(Text, { ...labelProps, children: label }) : label, _jsx(AntdSelect, { ...rest })] }));
+    return (_jsxs(Flex, { vertical: true, gap: 4, children: [typeof label === 'string' ? _jsx(Text, { ...labelProps, children: label }) : label, _jsx(StyledSelect, { ...rest })] }));
 };
 const Select = CustomSelect;
 Select.OptGroup = AntdSelect.OptGroup;

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

@@ -1,6 +1,9 @@
+import type { ComponentType } from 'react';
+import { type SelectProps as AntdSelectProps } from 'antd';
+export declare const StyledSelect: import("styled-components").StyledComponent<ComponentType<AntdSelectProps<any, import("rc-select/lib/Select").DefaultOptionType>>, any, {}, never>;
 export declare const StyledTag: import("styled-components").StyledComponent<import("antd/lib").TagType & {
-    List: React.FC<import("../../atoms/Tag/Tag").TagListProps>;
+    List: import("react").FC<import("../../atoms/Tag/Tag").TagListProps>;
 }, any, {}, never>;
 export declare const TagCloseBtn: import("styled-components").StyledComponent<"div", any, {
-    borderColor?: string;
+    borderColor?: string | undefined;
 }, never>;