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

package/es/components/molecules/DatePicker/components/AdvancedPicker/utils.d.ts

@@ -12,7 +12,7 @@ type DateTypeKey = Exclude<TDateType, 'fixed'>;
  * @param {string} [dateFormat=DEFAULT_DATE_FORMAT] - Format in which to return the new date.
  * @returns {string} The new date in the specified format.
  */
-export declare const calculationDateAdvanced: (dateTypeKey?: DateTypeKey, operator?: 'minus' | 'plus', calculationDateKey?: TCalculationDate, value?: number, dateFormat?: string, timezone?: string) => string;
+export declare const calculationDateAdvanced: (dateTypeKey?: DateTypeKey, operator?: "minus" | "plus", calculationDateKey?: TCalculationDate, value?: number, dateFormat?: string, timezone?: string) => string;
 /**
  * Get text of calendar cell base on valueType (semantic/date format)
  * @link https://ant.design/components/date-picker#components-date-picker-demo-cell-render
@@ -21,14 +21,14 @@ export declare const calculationDateAdvanced: (dateTypeKey?: DateTypeKey, operat
  * @param {ValueTypes} valueType type of value (get from component props)
  * @returns {number | string} label of cell according to valueType
  */
-export declare const getCellRender: (current: number | Dayjs, valueType: ValueTypes, info: Pick<CellRenderInfo<Dayjs>, 'type'>) => number | string;
+export declare const getCellRender: (current: number | Dayjs, valueType: ValueTypes, info: Pick<CellRenderInfo<Dayjs>, "type">) => number | string;
 /**
  * Get the type of calendar picker based on valueType
  * @param {ValueTypes} valueType type of value (get from component props)
  * @returns {'date' | 'week' | 'month' | 'quarter' | 'year'} picker ant-design props to render type of calendar
  */
-export declare const getPickerRender: (valueType: ValueTypes) => 'date' | 'week' | 'month' | 'quarter' | 'year';
-export declare const getTimePickerRender: (valueType: ValueTypes) => 'HH' | 'HHmm' | 'HHmmss' | 'mm' | undefined;
+export declare const getPickerRender: (valueType: ValueTypes) => "date" | "week" | "month" | "quarter" | "year";
+export declare const getTimePickerRender: (valueType: ValueTypes) => "HH" | "HHmm" | "HHmmss" | "mm" | undefined;
 /**
  * Get the sub label for current selected quarter
  */

package/es/components/molecules/DisplayFormat/DisplayFormatSelect.js

@@ -17,10 +17,10 @@ export const DisplayFormatSelect = props => {
         onSettingChange(formatType === 'datetime' ? DATETIME_SETTINGS_DEFAULT : NUMBER_SETTINGS_DEFAULT);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [formatType]);
-    return typeOptions.length > 0 ? (_jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, ...rest, children: [_jsx(Select, { disabled: disabled, value: settingType, options: typeOptions, onSelect: type => onSettingChange({
+    return (typeOptions.length > 0 && (_jsxs("div", { style: { display: 'flex', flexDirection: 'column' }, ...rest, children: [_jsx(Select, { disabled: disabled, value: settingType, options: typeOptions, onSelect: type => onSettingChange({
                     ...setting,
                     type: type,
                 }) }), _jsx(DisplayFormatSettings, { disabled: disabled, onSettingsChange: setting => {
                     onSettingChange(setting);
-                }, displayFormatType: settingType, formatSettings: setting, url: url ?? '', infos: infos ?? {} })] })) : null;
+                }, displayFormatType: settingType, formatSettings: setting, url: url ?? '', infos: infos ?? {} })] })));
 };

package/es/components/molecules/DisplayFormat/DisplayFormatSettings.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
-import { TDisplayFormat } from './types';
+export type TDisplayFormat = 'number' | 'percentage' | 'currency' | 'datetime';
 export interface DisplayFormatSettingsProps extends React.HTMLAttributes<HTMLDivElement> {
     onSettingsChange: (settings: any) => void;
     formatSettings: any;

package/es/components/molecules/DisplayFormat/components/FormatNumber.d.ts

@@ -1,4 +1,4 @@
-import { TDisplayFormat } from '../types';
+import { TDisplayFormat } from '../DisplayFormatSettings';
 import { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
 declare const groupingOptions: {
     readonly COMMA: {

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

@@ -1,4 +1,6 @@
 import dayjs from 'dayjs';
+import { TDataType } from './types';
+import { TDatetimeFormatSetting, TNumberFormatSettings } from './components';
 export declare const DYNAMIC_CONTENT_SETTING_KEY: {
     EVENT: string;
     INDEX: string;
@@ -29,23 +31,11 @@ export declare const DYNAMIC_CONTENT_TYPE: {
         value: string;
     };
 };
-export declare const DYNAMIC_CONTENT_ATTR_DF_TYPE: readonly [{
-    readonly label: string;
-    readonly value: "number";
-    readonly dataType: "number";
-}, {
-    readonly label: string;
-    readonly value: "percentage";
-    readonly dataType: "number";
-}, {
-    readonly label: string;
-    readonly value: "currency";
-    readonly dataType: "number";
-}, {
-    readonly label: string;
-    readonly value: "datetime";
-    readonly dataType: "datetime";
-}];
+export declare const DYNAMIC_CONTENT_ATTR_DF_TYPE: {
+    label: string;
+    value: string;
+    dataType: TDataType;
+}[];
 export declare const DATA_TYPE: {
     [key: string]: {
         index: number;
@@ -153,24 +143,8 @@ export declare const TIME_FORMAT_LIST: {
     };
 };
 export declare const GROUPING_OPTIONS: {};
-export declare const NUMBER_SETTINGS_DEFAULT: {
-    readonly grouping: ",";
-    readonly decimal: ".";
-    readonly decimalPlaces: 2;
-    readonly isCompact: false;
-    readonly currencyCode: "USD";
-    readonly prefixType: "code";
-    readonly type: "number";
-};
-export declare const DATETIME_SETTINGS_DEFAULT: {
-    readonly hasDateFormat: true;
-    readonly hasTimeFormat: true;
-    readonly dateParseOption: "medium";
-    readonly timeParseOption: "medium";
-    readonly dateParseFormat: "MM/DD/YYYY";
-    readonly timeParseFormat: "12hour";
-    readonly type: "datetime";
-};
+export declare const NUMBER_SETTINGS_DEFAULT: TNumberFormatSettings;
+export declare const DATETIME_SETTINGS_DEFAULT: TDatetimeFormatSetting;
 export declare const DYNAMIC_CONTENT_DF_FORMAT_TYPE: {
     number: string;
     datetime: string;
@@ -182,7 +156,15 @@ export declare const TYPE_FORMAT_OPTIONS: {
 };
 export declare const DATE_FORMAT_LIST_TEST: {
     [x: string]: {
-        [x: string]: {
+        [TYPE_FORMAT_OPTIONS.SHORT]: {
+            label: string;
+            value: string;
+        };
+        [TYPE_FORMAT_OPTIONS.MEDIUM]: {
+            label: string;
+            value: string;
+        };
+        [TYPE_FORMAT_OPTIONS.LONG]: {
             label: string;
             value: string;
         };
@@ -190,7 +172,15 @@ export declare const DATE_FORMAT_LIST_TEST: {
 };
 export declare const TIME_FORMAT_LIST_TEST: {
     [x: string]: {
-        [x: string]: {
+        [TYPE_FORMAT_OPTIONS.SHORT]: {
+            label: string;
+            value: string;
+        };
+        [TYPE_FORMAT_OPTIONS.MEDIUM]: {
+            label: string;
+            value: string;
+        };
+        [TYPE_FORMAT_OPTIONS.LONG]: {
             label: string;
             value: string;
         };

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

@@ -1,4 +1,3 @@
 export * from './DisplayFormatSettings';
 export * from './DisplayFormatSelect';
-export { type TDisplayFormat } from './types';
 export { DATETIME_SETTINGS_DEFAULT, NUMBER_SETTINGS_DEFAULT } from './constants';

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
-export declare const InputSuggestion: import("styled-components").StyledComponent<(<ValueType = any, OptionType extends import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: import("antd").AutoCompleteProps<ValueType, OptionType> & {
-    children?: import("react").ReactNode;
-} & import("react").RefAttributes<import("antd").RefSelectProps>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) & {
+export declare const InputSuggestion: import("styled-components").StyledComponent<(<ValueType = any, OptionType extends import("rc-select/lib/Select").BaseOptionType | import("rc-select/lib/Select").DefaultOptionType = import("rc-select/lib/Select").DefaultOptionType>(props: import("antd").AutoCompleteProps<ValueType, OptionType> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<import("rc-select").BaseSelectRef>) => React.ReactElement) & {
     displayName?: string | undefined;
     Option: import("rc-select/lib/Option").OptionFC;
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => import("react").JSX.Element;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => React.JSX.Element;
 }, any, {}, never>;
 export declare const ModalCustom: import("styled-components").StyledComponent<import("react").FC<import("../Modal").ModalProps> & {
     confirm: (props: import("antd").ModalFuncProps) => {

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

@@ -11,4 +11,3 @@ export type APIParams = {
     url: string;
 } & Record<string, any>;
 export type DynamicContentType = (typeof DYNAMIC_CONTENT_TYPE_KEY)[keyof typeof DYNAMIC_CONTENT_TYPE_KEY];
-export type TDisplayFormat = 'number' | 'percentage' | 'currency' | 'datetime';

package/es/components/molecules/DrawerDetail/DrawerDetail.js

@@ -16,7 +16,7 @@ import { safeParseJson } from '@antscorp/antsomi-ui/es/utils';
 import { POST_MESSAGE_TYPES } from '@antscorp/antsomi-ui/es/constants';
 export const DrawerDetail = props => {
     // Props
-    const { width, fullScreen: fullScreenProp = false, children, menuProps, closeIconProps, maxWidth, minWidth, defaultSize = 'max', headerProps, name, destroyOnClose = true, mask = false, classNames = {}, collapsed: propCollapsed, onToggleCollapse, closable = false, ...restProps } = props;
+    const { width, fullScreen: fullScreenProp = false, children, menuProps, closeIconProps, maxWidth, minWidth, defaultSize = 'max', headerProps, name, destroyOnClose = true, classNames = {}, collapsed: propCollapsed, onToggleCollapse, closable = false, ...restProps } = props;
     const { btnToogleSize, ...restClassNames } = classNames;
     const { show: showMenu = true, showExpandButton = true, showClose = true, items, selectedKeys, footer, onClick = () => { }, } = menuProps || {};
     const { children: headerChildren, ...restOfHeaderProps } = headerProps || {};
@@ -126,7 +126,7 @@ export const DrawerDetail = props => {
             motionAppear: false,
             motionEnter: false,
             motionLeave: false,
-        }, mask: mask, classNames: {
+        }, classNames: {
             body: 'drawer-detail-body',
             ...restClassNames,
         }, contentWrapperStyle: {

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { DrawerHeaderProps } from './types';
-export declare const StyledDrawer: import("styled-components").StyledComponent<import("react").FC<import("../Drawer").DrawerProps>, any, {}, never>;
+export declare const StyledDrawer: import("styled-components").StyledComponent<import("react").FC<import("..").DrawerProps>, any, {}, never>;
 export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LeftMenu: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const CloseBtn: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const MenuItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const DrawerHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, DrawerHeaderProps, never>;
+export declare const DrawerHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, DrawerHeaderProps, never>;
 export declare const MenuFooter: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const StyledInputDropdownRoot: import("styled-components").StyledComponent<import("react").FC<import("antd").DropDownProps> & {
-    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd").DropDownProps>;
+    _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd").DropdownProps>;
 } & {
     Button: import("react").FC<import("antd/es/dropdown").DropdownButtonProps>;
 }, any, {}, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropdownProps } from 'antd';
 export type InputDropdownProps = DropdownProps & {
     width?: number;

package/es/components/molecules/EditingList/components/List/List.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Option } from '../../types';
 type ListProps = {
     isLoading: boolean;

package/es/components/molecules/EditingList/components/Loadable.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 export declare const Title: import("react").LazyExoticComponent<(props: {
-    title: import("react").ReactNode;
+    title: React.ReactNode;
     showNum: boolean;
-    selectedAmount?: number | undefined;
-    optionAmount?: number | undefined;
+    selectedAmount?: number;
+    optionAmount?: number;
 }) => import("react/jsx-runtime").JSX.Element>;
 export declare const Popover: import("react").LazyExoticComponent<(props: {
     options: import("../types").Option[];
     selected: string[];
-    addBtnLabel: import("react").ReactNode;
-    onChange?: ((selected: string[]) => void) | undefined;
+    addBtnLabel: React.ReactNode;
+    onChange?: (selected: string[]) => void;
 } & Pick<import("../../SearchPopover/types").PopoverSelectProps, "inputSearchProps">) => import("react/jsx-runtime").JSX.Element>;

package/es/components/molecules/EditingList/components/Popover/Popover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { EditingListProps, Option } from '../../types';
 type PopoverProps = {
     options: Option[];

package/es/components/molecules/EditingList/components/Search/Search.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type SearchProps = {} & React.ComponentProps<'input'>;
 export declare const Search: (props: SearchProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/es/components/molecules/EditingList/components/Title/Title.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type TitleProps = {
     title: React.ReactNode;
     showNum: boolean;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const EditingListRoot: 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 StyledListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledAddBtn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PopoverSelectProps } from '../SearchPopover/types';
 export type Option = {
     key: string;

package/es/components/molecules/EditingListV2/components/List/List.js

@@ -17,7 +17,6 @@ const ListItemStyled = styled(List.Item) `
   &:hover .close-icon {
     display: flex;
   }
-
 `;
 export const ListItem = (props) => {
     const { isLoading, selectOptions, onClickRemove, removable } = props;

package/es/components/molecules/EditingListV2/components/Loadable.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 export declare const Popover: import("react").LazyExoticComponent<(props: {
-    placement?: "leftTop" | "leftBottom" | "rightTop" | "rightBottom" | "left" | "right" | "bottom" | "top" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | undefined;
+    placement?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "leftTop" | "leftBottom" | "rightTop" | "rightBottom";
     options: import("../types").Option[];
     selected: string[];
-    addButtonLabel: import("react").ReactNode;
-    onChange?: ((selected: string[]) => void) | undefined;
+    addButtonLabel: React.ReactNode;
+    onChange?: (selected: string[]) => void;
 }) => import("react/jsx-runtime").JSX.Element>;

package/es/components/molecules/EditingListV2/components/Popover/Popover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Option } from '../../types';
 type PopoverProps = {
     placement?: 'left' | 'right' | 'top' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type Option = {
     key: string;
     label: React.ReactNode;

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

@@ -1,4 +1,3 @@
-/// <reference types="react-ace/node_modules/ace-builds/ace-modules" />
 import React, { ReactNode } from 'react';
 import { IAceEditorProps } from 'react-ace';
 import 'ace-builds/src-noconflict/mode-javascript';

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 export declare const WrapperCollection: import("styled-components").StyledComponent<"section", any, {}, never>;
 export declare const EmojiList: import("styled-components").StyledComponent<"section", any, {}, never>;
 export declare const Emoji: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<import("react").LegacyRef<HTMLElement>>>, any, {
-    $width?: number | undefined;
-    $height?: number | undefined;
-    $active?: boolean | undefined;
+    $width?: number;
+    $height?: number;
+    $active?: boolean;
 }, never>;
 export declare const EmojiImage: import("styled-components").StyledComponent<"img", any, {}, never>;
 export declare const EmptyEmoji: import("styled-components").StyledComponent<import("react").FC<import("../../atoms/Empty/Empty").IEmpty>, any, {}, never>;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
-export declare const EmojiTabs: import("styled-components").StyledComponent<import("react").FC<import("antd/es/tabs").TabsProps> & {
+export declare const EmojiTabs: import("styled-components").StyledComponent<import("react").FC<import("antd").TabsProps> & {
     TabPane: import("react").FC<import("antd").TabPaneProps>;
 }, any, {
-    shadow?: boolean | undefined;
+    shadow?: boolean;
 }, never>;
-export declare const EmojiPopoverStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/popover").PopoverProps & import("react").RefAttributes<unknown>> & {
+export declare const EmojiPopoverStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").PopoverProps & import("react").RefAttributes<unknown>> & {
     _InternalPanelDoNotUseOrYouWillBeFired: import("react").FC<import("antd/es/popover/PurePanel").PurePanelProps>;
 }, any, {}, never>;

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

@@ -1,6 +1,12 @@
+declare const SMALL: string, MEDIUM: string, LARGE: string;
 export declare const EMPTY_WRAPPER_SIZE: {
-    [x: string]: number;
+    [SMALL]: number;
+    [MEDIUM]: number;
+    [LARGE]: number;
 };
 export declare const EMPTY_ICON_SIZE: {
-    [x: string]: number;
+    [SMALL]: number;
+    [MEDIUM]: number;
+    [LARGE]: number;
 };
+export {};

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-export declare const EmptyWrapper: 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 EmptyWrapper: 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 EmptyIcon: import("styled-components").StyledComponent<"div", any, {
-    $size?: TUISize | undefined;
+    $size?: TUISize;
 }, never>;
 export declare const ImageWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 /* Components */
 import { Space } from '@antscorp/antsomi-ui/es/components/atoms/Space';
 import { Switch } from '@antscorp/antsomi-ui/es/components/atoms/Switch';
@@ -35,7 +35,7 @@ export const FontSettingEdit = ({ settings, styles, showSettings, onChange, }) =
     [settings]);
     const filteredSetting = useMemo(() => {
         if (!showSettings || showSettings?.length === 0) {
-            return Object.keys(settingMap).map(keySetting => (_jsx(React.Fragment, { children: settingMap[keySetting] }, keySetting)));
+            return Object.keys(settingMap).map(keySetting => settingMap[keySetting]);
         }
         return showSettings.map(keySetting => settingMap[keySetting]);
     }, [showSettings, settingMap]);

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { FontSizeInputProps, HandlerRef } from './types';
 export declare const FontSizeInput: import("react").ForwardRefExoticComponent<FontSizeInputProps & import("react").RefAttributes<HandlerRef>>;

package/es/components/molecules/FontSizeInput/components/FontSizeControl.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputNumberProps } from 'antd';
 interface FontSizeControlProps extends InputNumberProps {
     onIncrement: () => void;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledListFont: import("styled-components").StyledComponent<"ul", any, {}, never>;
 export declare const StyledListItemFont: import("styled-components").StyledComponent<"li", any, {}, never>;
 export declare const InputRoot: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface HandlerRef {
     closeDropdown: () => void;
 }

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

@@ -26,7 +26,7 @@ export interface HeaderV2Props {
     notificationConfig?: {
         show?: boolean;
     };
-    accountSharingConfig: Pick<AccountSharingProps, 'isShowSharing' | 'isShareAccountAccess' | 'u_ogs' | 'appCode' | 'callbackLogout' | 'callbackGetInfoAccount' | 'portalRedirectUrl'> & {
+    accountSharingConfig: Pick<AccountSharingProps, 'isShowSharing' | 'isShareAccountAccess' | 'u_ogs' | 'appCode' | 'callbackLogout' | 'callbackGetInfoAccount'> & {
         show?: boolean;
     };
     useURLParam?: boolean;

package/es/components/molecules/HeaderV2/HeaderV2.js

@@ -11,7 +11,7 @@ import { AccountSharing } from '@antscorp/antsomi-ui/es/components/organism/Acco
 import { Help } from '@antscorp/antsomi-ui/es/components/organism/Help';
 import { Notification } from '@antscorp/antsomi-ui/es/components/organism/Notification';
 // Constants
-import { APP_CODES, APP_PERMISSION_DOMAIN, CDP_API, IAM_API, ISSUE_API, PERMISSION_API, PLATFORM_API, PORTALS_IDS, SOCKET_API, MEDIA_TEMPLATE_UPLOAD_API, } from '@antscorp/antsomi-ui/es/constants';
+import { APP_CODES, APP_PERMISSION_DOMAIN, CDP_API, IAM_API, ISSUE_API, PERMISSION_API, PLATFORM_API, PORTALS_IDS, SOCKET_API, MEDIA_TEMPLATE_API, } from '@antscorp/antsomi-ui/es/constants';
 import { useContextSelector } from 'use-context-selector';
 import { AppConfigContext } from '@antscorp/antsomi-ui/es/providers/AppConfigProvider';
 import { isNil } from 'lodash';
@@ -74,7 +74,7 @@ export const HeaderV2 = memo(props => {
         domain: CDP_API[env],
         domainTicket: ISSUE_API[env],
         domainPlatform: PLATFORM_API,
-        domainUpload: MEDIA_TEMPLATE_UPLOAD_API[env],
+        domainUpload: MEDIA_TEMPLATE_API[env],
         config: {
             ...configs.config,
             user_language: language,

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

@@ -1,10 +1,11 @@
 import React from 'react';
+import { ICON_TYPE } from '../../constants';
 export declare const IconSelectionRenderer: React.ForwardRefExoticComponent<(({
-    iconType: "cus";
+    iconType: typeof ICON_TYPE.CUSTOM;
 } & Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
     iconName: string;
 }) | Omit<{
-    iconType: "font-awesome";
+    iconType: typeof ICON_TYPE.FONT_AWESOME;
 } & Omit<import("@fortawesome/react-fontawesome").FontAwesomeIconProps, "icon"> & {
     iconName: string;
 }, "ref">) & React.RefAttributes<unknown>>;

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

@@ -1,4 +1,3 @@
-/// <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,4 +1,3 @@
-/// <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,8 +58,9 @@ 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);
 `;
@@ -72,8 +73,9 @@ 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,5 +1,4 @@
-/// <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, {
+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, {
     $width: number;
     $height: number;
 }, never>;

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

@@ -1,4 +1,3 @@
-/// <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 | undefined;
+    $isError?: boolean;
 }, never>;

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

@@ -1,4 +1,3 @@
-/// <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,7 +371,9 @@ 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,26 +1,19 @@
-/// <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 | undefined;
+    disabled?: boolean;
 }, 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("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;
+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;
     };
 } & {
-    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;
     };
-    Standard: import("react").FC<import("antd/es/tree/Tree").TreeProps<import("rc-tree/lib/interface").DataNode>>;
+    Standard: import("react").FC<import("antd").TreeProps<import("antd").TreeDataNode>>;
 }, 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>;