@antscorp/antsomi-ui 1.3.3-beta.39 → 1.3.3-beta.40

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { DisableShortLinkTypeProps } from './PopupShortLink';
 export type KeyTagType = 'shortlink' | 'shortlink_static';
 export type SelectedPropertiesProps = {
@@ -16,7 +17,7 @@ export type InputDynamicProps = {
     addMessageToQueue?: Function;
 };
 export declare const InputDynamic: {
-    (props: InputDynamicProps): JSX.Element;
+    (props: InputDynamicProps): React.JSX.Element;
     defaultProps: {
         value: string;
         isViewMode: boolean;

package/es/components/atoms/InputDynamic/PopupShortLink.js

@@ -1,6 +1,7 @@
 // Libraries
-import React, { useEffect, useState } from 'react';
+import React, { useEffect } from 'react';
 import { Col, Row } from 'antd';
+import { useImmer } from 'use-immer';
 // Molecules
 import { Modal } from '../../molecules';
 // Components
@@ -21,7 +22,7 @@ const OPTIONS = [
 ];
 export const PopupShortLink = props => {
     const { open, onClose, onOk, disabledOpts, initSelectedProperties, callback } = props;
-    const [state, setState] = useState({
+    const [state, setState] = useImmer({
         link: '',
         type: 'individual',
         error: '',
@@ -31,23 +32,33 @@ export const PopupShortLink = props => {
         if (initSelectedProperties && initSelectedProperties.keyTag) {
             type = initSelectedProperties.keyTag === 'shortlink' ? 'individual' : 'general';
         }
-        setState(prev => (Object.assign(Object.assign({}, prev), { link: initSelectedProperties.link, type: type })));
+        setState(draft => {
+            draft.link = initSelectedProperties.link;
+            draft.type = type;
+        });
     }, [initSelectedProperties, setState]);
     const handleClose = () => {
-        setState(prev => (Object.assign(Object.assign({}, prev), { link: '', error: '' })));
+        setState(draft => {
+            draft.link = '';
+            draft.error = '';
+        });
         if (onClose)
             onClose();
     };
     const handleValidate = ({ urlString = state.link, afterValidate }) => {
         const isValid = validateURL(urlString);
-        setState(prev => (Object.assign(Object.assign({}, prev), { error: isValid ? '' : 'Invalid URL' })));
+        setState(draft => {
+            draft.error = isValid ? '' : 'Invalid URL';
+        });
         if (typeof afterValidate === 'function')
             afterValidate(isValid);
     };
     const handleOnChange = (value) => {
         if (state.error)
             handleValidate({ urlString: value });
-        setState(prev => (Object.assign(Object.assign({}, prev), { link: value })));
+        setState(draft => {
+            draft.link = value;
+        });
     };
     const handleOnOK = () => {
         handleValidate({
@@ -63,7 +74,9 @@ export const PopupShortLink = props => {
         });
     };
     const onChangeType = (event) => {
-        setState(prev => (Object.assign(Object.assign({}, prev), { type: event.target.value })));
+        setState(draft => {
+            draft.type = event.target.value;
+        });
     };
     return (React.createElement(Modal, { open: open, onCancel: handleClose, title: React.createElement("div", { style: { color: 'rgba(0, 0, 0, 0.87)', fontWeight: 'normal', fontSize: '16px' } }, "Add Short Link"), okText: "OK", cancelText: "Cancel", closable: false, onOk: handleOnOK, okButtonProps: {
             disabled: !validateURL(state.link),

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

@@ -4,7 +4,7 @@ export declare const SpanIcon: import("styled-components").StyledComponent<"span
     isDisabled?: boolean | undefined;
 }, never>;
 export declare const InputWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const InputShortLink: import("styled-components").StyledComponent<import("react").ComponentType<any> | keyof JSX.IntrinsicElements, any, import("../Input/Input").InputProps, any>;
+export declare const InputShortLink: import("styled-components").StyledComponent<import("react").ComponentType<any> | keyof import("react").JSX.IntrinsicElements, any, import("../Input/Input").InputProps, any>;
 export declare const TooltipHover: import("styled-components").StyledComponent<"div", any, {
     top: number;
     left: number;

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

@@ -1,9 +1,10 @@
+import React from 'react';
 import { SpinProps as AntdSpinProps } from 'antd';
 export interface TSpinProps extends AntdSpinProps {
     indicatorSize?: number;
     children?: any;
 }
 export declare const Spin: {
-    (props: TSpinProps): JSX.Element;
+    (props: TSpinProps): React.JSX.Element;
     defaultProps: {};
 };

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/index.d.ts

@@ -35,6 +35,7 @@ export * from './Flex';
 export * from './RateV2';
 export { InputDynamic } from './InputDynamic';
 export * from './PreviewTabs';
+export * from './MobileFrame';
 export type { SliderProps } from './Slider';
 export type { PaginationProps } from './Pagination';
 export type { InputDynamicProps } from './InputDynamic';

package/es/components/atoms/index.js

@@ -35,3 +35,4 @@ export * from './Flex';
 export * from './RateV2';
 export { InputDynamic } from './InputDynamic';
 export * from './PreviewTabs';
+export * from './MobileFrame';

package/es/components/icons/ArrowGrowIcon.d.ts

@@ -1 +1,2 @@
-export declare const ArrowGrowIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const ArrowGrowIcon: (props: any) => React.JSX.Element;

package/es/components/icons/AudioRecordIcon.d.ts

@@ -1 +1,2 @@
-export declare const AudioRecordIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const AudioRecordIcon: (props: any) => React.JSX.Element;

package/es/components/icons/BugIcon.d.ts

@@ -1 +1,2 @@
-export declare const BugIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const BugIcon: (props: any) => React.JSX.Element;

package/es/components/icons/CameraIcon.d.ts

@@ -1 +1,2 @@
-export declare const CameraIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const CameraIcon: (props: any) => React.JSX.Element;

package/es/components/icons/CaptureIcon.d.ts

@@ -1 +1,2 @@
-export declare const CaptureIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const CaptureIcon: (props: any) => React.JSX.Element;

package/es/components/icons/CheckSlimIcon.d.ts

@@ -1 +1,2 @@
-export declare const CheckSlimIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const CheckSlimIcon: (props: any) => React.JSX.Element;

package/es/components/icons/CloseIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const CloseIcon: ({ ...props }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/es/components/icons/CommentIcon.d.ts

@@ -1 +1,2 @@
-export declare const CommentIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const CommentIcon: (props: any) => React.JSX.Element;

package/es/components/icons/EventIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const EventIcon: ({ ...props }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => React.JSX.Element;

package/es/components/icons/FreeDrawIcon.d.ts

@@ -1 +1,2 @@
-export declare const FreeDrawIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const FreeDrawIcon: (props: any) => React.JSX.Element;

package/es/components/icons/GPTIcon.d.ts

@@ -1 +1,2 @@
-export declare const GPTIcon: () => JSX.Element;
+import React from 'react';
+export declare const GPTIcon: () => React.JSX.Element;

package/es/components/icons/GPTIconV2.d.ts

@@ -1 +1,2 @@
-export declare const GPTIconV2: () => JSX.Element;
+import React from 'react';
+export declare const GPTIconV2: () => React.JSX.Element;

package/es/components/icons/GPTIconV3.d.ts

@@ -1 +1,2 @@
-export declare const GPTIconV3: (props: any) => JSX.Element;
+import React from 'react';
+export declare const GPTIconV3: (props: any) => React.JSX.Element;

package/es/components/icons/HighlightIcon.d.ts

@@ -1 +1,2 @@
-export declare const HighlightIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const HighlightIcon: (props: any) => React.JSX.Element;

package/es/components/icons/IdeaIcon.d.ts

@@ -1 +1,2 @@
-export declare const IdeaIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const IdeaIcon: (props: any) => React.JSX.Element;

package/es/components/icons/InvisibleIcon.d.ts

@@ -1 +1,2 @@
-export declare const InvisibleIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const InvisibleIcon: (props: any) => React.JSX.Element;

package/es/components/icons/MuteIcon.d.ts

@@ -1 +1,2 @@
-export declare const MuteIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const MuteIcon: (props: any) => React.JSX.Element;

package/es/components/icons/OpenUrlIcon.d.ts

@@ -1 +1,2 @@
-export declare const OpenUrlIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const OpenUrlIcon: (props: any) => React.JSX.Element;

package/es/components/icons/PauseIcon.d.ts

@@ -1 +1,2 @@
-export declare const PauseIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const PauseIcon: (props: any) => React.JSX.Element;

package/es/components/icons/PlaneIcon.d.ts

@@ -1 +1,2 @@
-export declare const PlaneIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const PlaneIcon: (props: any) => React.JSX.Element;

package/es/components/icons/RequestIcon.d.ts

@@ -1 +1,2 @@
-export declare const RequestIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const RequestIcon: (props: any) => React.JSX.Element;

package/es/components/icons/StopRecordIcon.d.ts

@@ -1 +1,2 @@
-export declare const StopRecordIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const StopRecordIcon: (props: any) => React.JSX.Element;

package/es/components/icons/UserIcon.d.ts

@@ -1 +1,2 @@
-export declare const UserIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const UserIcon: (props: any) => React.JSX.Element;

package/es/components/icons/VerticalDotsIcon.d.ts

@@ -1 +1,2 @@
-export declare const VerticalDotsIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const VerticalDotsIcon: (props: any) => React.JSX.Element;

package/es/components/icons/WarningIcon.d.ts

@@ -1 +1,2 @@
-export declare const WarningIcon: (props: any) => JSX.Element;
+import React from 'react';
+export declare const WarningIcon: (props: any) => React.JSX.Element;

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

@@ -1,6 +1,7 @@
+import React from 'react';
 import { IImageEditorProps } from './types';
 declare const CaptureScreen: {
-    (props: IImageEditorProps): JSX.Element;
+    (props: IImageEditorProps): React.JSX.Element;
     defaultProps: {
         isOpen: boolean;
         src: string;

package/es/components/molecules/CaptureScreen/components/CommentBox/CommentBox.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { CommentBoxProps } from './types';
 declare const CommentBox: {
-    (props: CommentBoxProps): JSX.Element;
+    (props: CommentBoxProps): React.JSX.Element;
     defaultProps: {
         info: {
             id: string;

package/es/components/molecules/CaptureScreen/components/Cursor/Cursor.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { CursorProps } from './types';
-declare const Cursor: (props: CursorProps) => JSX.Element | null;
+declare const Cursor: (props: CursorProps) => React.JSX.Element | null;
 export { Cursor };

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: (props: any) => React.JSX.Element;
 }, 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: (props: any) => React.JSX.Element;
 }, {}> & 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: (props: any) => import("react").JSX.Element;
 }, any, CustomModalProps, never>;
 export declare const WrapperSpin: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -3,5 +3,5 @@ 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: any) => import("react").JSX.Element;
 }, any, {}, never>;

package/es/components/molecules/{RichMenuBlock → RichMenu/RichMenuBlock}/RichMenuCell/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { TChildrenCell } from '../../../../types';
+import { TChildrenCell } from '@antscorp/antsomi-ui/es/types';
 interface RichMenuCellProps {
     cell: TChildrenCell;
     context: number;

package/es/components/molecules/{RichMenuBlock → 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/{RichMenuChatBar → RichMenu/RichMenuChatBar}/RichMenuChatBar.d.ts

@@ -3,6 +3,7 @@ export interface RichMenuChatBarProps extends React.HtmlHTMLAttributes<HTMLDivEl
     label?: string;
     showRichMenu?: boolean;
     showTypingChat?: boolean;
+    disabled?: boolean;
     onToggleRichMenu?: (toggle: boolean) => void;
     onToggleTypingChat?: (toggle: boolean) => void;
 }

package/es/components/molecules/{RichMenuChatBar → RichMenu/RichMenuChatBar}/RichMenuChatBar.js

@@ -22,8 +22,8 @@ const defaultProps = {
     showTypingChat: false,
 };
 export const RichMenuChatBar = props => {
-    const { label, showRichMenu, showTypingChat, className, onToggleRichMenu, onToggleTypingChat = () => { } } = props, restOfProps = __rest(props, ["label", "showRichMenu", "showTypingChat", "className", "onToggleRichMenu", "onToggleTypingChat"]);
-    return (React.createElement(ChatBarWrapper, Object.assign({ "$showRichMenu": showRichMenu, "$showTypingChat": showTypingChat, className: `antsomi-chat-bar ${className}` }, restOfProps), showTypingChat ? (React.createElement(TypingChat, { onClickMenu: () => onToggleTypingChat(!showTypingChat) })) : (React.createElement(React.Fragment, null,
+    const { disabled, label, showRichMenu, showTypingChat, className, onToggleRichMenu, onToggleTypingChat = () => { } } = props, restOfProps = __rest(props, ["disabled", "label", "showRichMenu", "showTypingChat", "className", "onToggleRichMenu", "onToggleTypingChat"]);
+    return (React.createElement(ChatBarWrapper, Object.assign({ "$showRichMenu": showRichMenu, "$showTypingChat": showTypingChat, "$disabled": disabled, className: `antsomi-chat-bar ${className}` }, restOfProps), showTypingChat ? (React.createElement(TypingChat, { onClickMenu: () => onToggleTypingChat(!showTypingChat) })) : (React.createElement(React.Fragment, null,
         React.createElement(Icon, { type: "icon-ants-keyboard", className: "icon-keyboard", onClick: () => onToggleTypingChat(!showTypingChat) }),
         React.createElement(ChatBarMenuBox, { onClick: () => onToggleRichMenu && onToggleRichMenu(!showRichMenu) },
             React.createElement(Typography.Text, { className: "ants-text-sm" }, label),

package/es/components/molecules/{RichMenuChatBar → RichMenu/RichMenuChatBar}/styled.d.ts

@@ -2,6 +2,7 @@
 interface ChatBarWrapperProps {
     $showRichMenu?: boolean;
     $showTypingChat?: boolean;
+    $disabled?: boolean;
 }
 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>;

package/es/components/molecules/{RichMenuChatBar → RichMenu/RichMenuChatBar}/styled.js

@@ -9,6 +9,10 @@ export const ChatBarWrapper = styled(Flex) `
   background-color: #fff;
   z-index: 10;
 
+  ${({ $disabled }) => css `
+    pointer-events: ${$disabled ? 'none' : 'auto'};
+  `}
+
   .icon-caret {
     transition: all 300ms;
     ${({ $showRichMenu }) => css `

package/es/components/molecules/{RichMenuMobileView → RichMenu/RichMenuMobileView}/RichMenuMobileView.js

@@ -14,7 +14,7 @@ import React, { useState } from 'react';
 // Assets
 import IphoneTopBar from '@antscorp/antsomi-ui/es/assets/images/iphone-top-bar.png';
 // Components
-import { MobileFrame } from '../../atoms/MobileFrame';
+import { MobileFrame } from '@antscorp/antsomi-ui/es/components/atoms';
 import { RichMenuChatBar } from '../RichMenuChatBar';
 import { RichMenuBlock } from '../RichMenuBlock';
 // Styles
@@ -33,5 +33,5 @@ export const RichMenuMobileView = props => {
         isPreview && React.createElement(TopBar, { src: IphoneTopBar, width: "100%", height: "auto" }),
         React.createElement(MobileContent, null,
             React.createElement(RichMenuWrapper, { "$showRichMenu": showRichMenu && !showTypingChat, "$isPreview": !!isPreview }, richMenu && (React.createElement(RichMenuBlock, { richMenu: richMenu, isPreview: isPreview, onChange: onChangeRichMenu, onClickCell: onClickCell }))),
-            React.createElement(RichMenuChatBar, { label: richMenu === null || richMenu === void 0 ? void 0 : richMenu.chatBar.label, showRichMenu: showRichMenu, showTypingChat: showTypingChat, onToggleRichMenu: showRichMenu => setState(prevState => (Object.assign(Object.assign({}, prevState), { showRichMenu: !!showRichMenu }))), onToggleTypingChat: showTypingChat => setState(prevState => (Object.assign(Object.assign({}, prevState), { showTypingChat: !!showTypingChat }))) }))));
+            React.createElement(RichMenuChatBar, { disabled: !isPreview, label: richMenu === null || richMenu === void 0 ? void 0 : richMenu.chatBar.label, showRichMenu: showRichMenu, showTypingChat: showTypingChat, onToggleRichMenu: showRichMenu => setState(prevState => (Object.assign(Object.assign({}, prevState), { showRichMenu: !!showRichMenu }))), onToggleTypingChat: showTypingChat => setState(prevState => (Object.assign(Object.assign({}, prevState), { showTypingChat: !!showTypingChat }))) }))));
 };

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

@@ -0,0 +1,3 @@
+export * from './RichMenuBlock';
+export * from './RichMenuChatBar';
+export * from './RichMenuMobileView';

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

@@ -0,0 +1,3 @@
+export * from './RichMenuBlock';
+export * from './RichMenuChatBar';
+export * from './RichMenuMobileView';

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

@@ -7,11 +7,13 @@ export interface SelectProps extends AntdSelectProps {
 }
 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>>) & {
+} & {
+    ref?: React.Ref<import("antd").RefSelectProps> | undefined;
+}) => 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;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: any) => React.JSX.Element;
 } & React.FC<SelectProps>;
 export { Select };

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

@@ -1,2 +1,3 @@
-declare const SelectTest: () => JSX.Element;
+import React from 'react';
+declare const SelectTest: () => React.JSX.Element;
 export default SelectTest;

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

@@ -1,11 +1,13 @@
 /// <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>>) & {
+} & {
+    ref?: import("react").Ref<import("antd").RefSelectProps> | undefined;
+}) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
     displayName?: string | undefined;
     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: (props: any) => import("react").JSX.Element;
 };

package/es/components/molecules/UploadImage/MediaIcon.d.ts

@@ -1,2 +1,3 @@
-declare const MediaIcon: (_props: any) => JSX.Element;
+import React from 'react';
+declare const MediaIcon: (_props: any) => React.JSX.Element;
 export default MediaIcon;

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

@@ -33,9 +33,7 @@ export { TextTransformSelect } from './TextTransformSelect';
 export { FontSetting, FontSettingEdit } from './FontSetting';
 export { Form } from './Form';
 export { ResizeGrid } from './ResizeGrid';
-export * from './RichMenuChatBar';
-export * from './RichMenuBlock';
-export * from './RichMenuMobileView';
+export * from './RichMenu';
 export { ModalV2 } from './ModalV2';
 export * from './PreviewModal';
 export type { AdvancedPickerProps, TAdvancedPickerOption, TAdvancedRangePickerTimeRange, } from './DatePicker';

package/es/components/molecules/index.js

@@ -33,8 +33,6 @@ export { TextTransformSelect } from './TextTransformSelect';
 export { FontSetting, FontSettingEdit } from './FontSetting';
 export { Form } from './Form';
 export { ResizeGrid } from './ResizeGrid';
-export * from './RichMenuChatBar';
-export * from './RichMenuBlock';
-export * from './RichMenuMobileView';
+export * from './RichMenu';
 export { ModalV2 } from './ModalV2';
 export * from './PreviewModal';

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

@@ -58,11 +58,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/constants/storybook.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare const TABLE_API_COLUMNS: ({
     title: string;
     dataIndex: string;
@@ -7,5 +8,5 @@ export declare const TABLE_API_COLUMNS: ({
     title: string;
     dataIndex: string;
     key: string;
-    render: (text: any) => JSX.Element;
+    render: (text: any) => React.JSX.Element;
 })[];

package/es/test.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import '@antscorp/icons/main.css';
 export declare const BACKGROUND_COLOR_STYLE: {
     SOLID: {
@@ -10,4 +11,4 @@ export declare const BACKGROUND_COLOR_STYLE: {
     };
 };
 export declare const customColors: string[];
-export declare const App: () => JSX.Element;
+export declare const App: () => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.3-beta.39",
+  "version": "1.3.3-beta.40",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -77,6 +77,7 @@
     "html2canvas": "^1.4.1",
     "i18next": "21.6.16",
     "i18next-browser-languagedetector": "6.1.2",
+    "immer": "^10.0.3",
     "lodash": "^4.17.21",
     "moment": "2.29.2",
     "qs": "6.10.3",
@@ -87,7 +88,8 @@
     "rehype-highlight": "^6.0.0",
     "remark-gfm": "^3.0.1",
     "ts-dedent": "^2.2.0",
-    "tui-image-editor": "^3.15.3"
+    "tui-image-editor": "^3.15.3",
+    "use-immer": "^0.9.0"
   },
   "devDependencies": {
     "@ant-design/cssinjs": "^1.6.2",

package/dist/0dfb9214dfd945cd7290.png

@@ -1 +0,0 @@
-export default __webpack_public_path__ + "/public/icons/d327b24e9c5d8f486f08d253aab58ce6.png";

package/dist/4f54a37971347e3d7122.png

@@ -1 +0,0 @@
-export default __webpack_public_path__ + "/public/icons/725a52bd91a3ce534b10833df510e5fa.png";

package/dist/574b7bee0563a9fe9a29.png

@@ -1 +0,0 @@
-export default __webpack_public_path__ + "/public/icons/2d496b55d85a9545d7311c073af442bb.png";

package/dist/6b586356e837581204dc.svg

@@ -1 +0,0 @@
-export default __webpack_public_path__ + "/public/icons/bb64e23a1ff390a416d765ee556096ab.svg";

package/dist/bc6bf11c6f5e6743aa4c.png

@@ -1 +0,0 @@
-export default __webpack_public_path__ + "/public/icons/2fbb4e0927d18e3f8e5c6511ab88d5b3.png";

package/dist/dbc405edd6e0806efbc9.svg

@@ -1 +0,0 @@
-export default __webpack_public_path__ + "/public/icons/7d037e0b378e87a82804443636cd0e13.svg";

package/dist/e32f09119052a55cce3c.png

@@ -1 +0,0 @@
-export default __webpack_public_path__ + "/public/icons/90553767e0a05b9585a54797cfd9ce51.png";

package/dist/e3851b9384a984c6fdb5.png

@@ -1 +0,0 @@
-export default __webpack_public_path__ + "/public/icons/f1cf266d0a0a53ce07f2dbb859869b7a.png";