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

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

@@ -1,8 +1,40 @@
-import { TAdvancedType, TCalculationDate, TDateType, ValueTypes } from './types';
-export declare const DATE_TYPES: Array<{
-    value: TDateType;
-    label: string;
-}>;
+export declare const DATE_TYPES: readonly [{
+    readonly value: "today";
+    readonly label: string;
+}, {
+    readonly value: "first_day_of_week_mon_sun";
+    readonly label: string;
+}, {
+    readonly value: "first_day_of_week_sun_sat";
+    readonly label: string;
+}, {
+    readonly value: "first_day_of_month";
+    readonly label: string;
+}, {
+    readonly value: "first_day_of_quarter";
+    readonly label: string;
+}, {
+    readonly value: "first_day_of_year";
+    readonly label: string;
+}, {
+    readonly value: "last_day_of_week_mon_sun";
+    readonly label: string;
+}, {
+    readonly value: "last_day_of_week_sun_sat";
+    readonly label: string;
+}, {
+    readonly value: "last_day_of_month";
+    readonly label: string;
+}, {
+    readonly value: "last_day_of_quarter";
+    readonly label: string;
+}, {
+    readonly value: "last_day_of_year";
+    readonly label: string;
+}, {
+    readonly value: "fixed";
+    readonly label: string;
+}];
 export declare const DATE_TYPE_MAPPING: {
     first_day_of_week_mon_sun: string;
     first_day_of_week_sun_sat: string;
@@ -19,10 +51,31 @@ export declare const CALCULATION_TYPES: Array<{
     value: 'minus' | 'plus';
     label: string;
 }>;
-export declare const CALCULATION_DATES: Array<{
-    value: TCalculationDate;
-    label: string;
-}>;
+export declare const CALCULATION_DATES: readonly [{
+    readonly value: "seconds";
+    readonly label: string;
+}, {
+    readonly value: "minutes";
+    readonly label: string;
+}, {
+    readonly value: "hours";
+    readonly label: string;
+}, {
+    readonly value: "days";
+    readonly label: string;
+}, {
+    readonly value: "weeks";
+    readonly label: string;
+}, {
+    readonly value: "months";
+    readonly label: string;
+}, {
+    readonly value: "quarters";
+    readonly label: string;
+}, {
+    readonly value: "years";
+    readonly label: string;
+}];
 export declare const VALUE_TYPES: {
     readonly INPUT_TEXT: "INPUT_TEXT";
     readonly INPUT_NUMBER: "INPUT_NUMBER";
@@ -59,10 +112,16 @@ export declare const YEAR_PICKER_TYPE: {
     MONTH: string;
     QUARTER: string;
 };
-export declare const ADVANCED_PICKER_TYPE: Record<string, {
-    value: TAdvancedType;
-    label: string;
-}>;
+export declare const ADVANCED_PICKER_TYPE: {
+    readonly START_DATE: {
+        readonly value: "startDate";
+        readonly label: "datePicker.startDate";
+    };
+    readonly END_DATE: {
+        readonly value: "endDate";
+        readonly label: "datePicker.endDate";
+    };
+};
 export declare const MONTH_LABEL_FULL: string[];
 export declare const DAY_LABEL_SHORT: string[];
 export declare const WEEK_ARR: number[];
@@ -76,5 +135,25 @@ export declare const DAY_OF_MONTH: number[][];
 export declare const ANCHOR_LEAP_YEAR = 2024;
 export declare const HIDE_TIME_LABEL_ARR: string[];
 export declare const GRANULARITY_MAPPING: {
-    [key in ValueTypes]: TCalculationDate[];
+    readonly YEAR: readonly ["years"];
+    readonly YEAR_QUARTER: readonly ["years", "quarters"];
+    readonly YEAR_MONTH: readonly ["years", "quarters", "months"];
+    readonly YEAR_WEEK: readonly ["years", "quarters", "months", "weeks"];
+    readonly YEAR_MONTH_DAY: readonly ["years", "quarters", "months", "weeks", "days"];
+    readonly YEAR_MONTH_DAY_HOUR: readonly ["years", "quarters", "months", "weeks", "days", "hours"];
+    readonly YEAR_MONTH_DAY_MINUTE: readonly ["years", "quarters", "months", "weeks", "days", "hours", "minutes"];
+    readonly YEAR_MONTH_DAY_SECOND: readonly ["years", "quarters", "months", "weeks", "days", "hours", "minutes", "seconds"];
+    readonly QUARTER: readonly ["years", "quarters"];
+    readonly MONTH: readonly ["years", "quarters", "months"];
+    readonly WEEK: readonly ["years", "quarters", "months", "weeks"];
+    readonly MONTH_DAY: readonly ["years", "quarters", "months", "weeks", "days"];
+    readonly DAY_OF_WEEK: readonly ["years", "quarters", "months", "weeks", "days"];
+    /** Day of Month */
+    readonly DAY: readonly ["years", "quarters", "months", "weeks", "days"];
+    readonly HOUR: readonly ["years", "quarters", "months", "weeks", "days", "hours"];
+    readonly MINUTE: readonly ["years", "quarters", "months", "weeks", "days", "hours", "minutes"];
+    readonly INPUT_NUMBER: readonly ["years", "months", "weeks", "days"];
+    readonly INPUT_TEXT: readonly ["years", "months", "weeks", "days"];
+    readonly INPUT_TEXT_NO_FIELD: readonly ["years", "months", "weeks", "days"];
+    readonly MATCHES_ANY: readonly ["years", "months", "weeks", "days"];
 };

package/es/components/molecules/DatePicker/components/AdvancedPicker/constants.js

@@ -1,3 +1,5 @@
+// Types
+// import { t } from 'i18next';
 import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
 const { t } = i18nInstance;
 export const DATE_TYPES = [

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

@@ -12,5 +12,5 @@ export declare const CalendarIconWrapper: import("styled-components").StyledComp
 export declare const TimeLabel: import("styled-components").StyledComponent<"div", any, {
     $width: number;
     $isRangePicker: boolean;
-    $onlyShowFixed?: boolean;
+    $onlyShowFixed?: boolean | undefined;
 }, never>;

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 ?? {} })] })));
+                }, displayFormatType: settingType, formatSettings: setting, url: url ?? '', infos: infos ?? {} })] })) : null;
 };

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';
-export type TDisplayFormat = 'number' | 'percentage' | 'currency' | 'datetime';
+import { TDisplayFormat } from './types';
 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 '../DisplayFormatSettings';
+import { TDisplayFormat } from '../types';
 import { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
 declare const groupingOptions: {
     readonly COMMA: {

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

@@ -1,6 +1,4 @@
 import dayjs from 'dayjs';
-import { TDataType } from './types';
-import { TDatetimeFormatSetting, TNumberFormatSettings } from './components';
 export declare const DYNAMIC_CONTENT_SETTING_KEY: {
     EVENT: string;
     INDEX: string;
@@ -31,11 +29,23 @@ export declare const DYNAMIC_CONTENT_TYPE: {
         value: string;
     };
 };
-export declare const DYNAMIC_CONTENT_ATTR_DF_TYPE: {
-    label: string;
-    value: string;
-    dataType: TDataType;
-}[];
+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 DATA_TYPE: {
     [key: string]: {
         index: number;
@@ -143,8 +153,24 @@ export declare const TIME_FORMAT_LIST: {
     };
 };
 export declare const GROUPING_OPTIONS: {};
-export declare const NUMBER_SETTINGS_DEFAULT: TNumberFormatSettings;
-export declare const DATETIME_SETTINGS_DEFAULT: TDatetimeFormatSetting;
+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 DYNAMIC_CONTENT_DF_FORMAT_TYPE: {
     number: string;
     datetime: string;
@@ -156,15 +182,7 @@ export declare const TYPE_FORMAT_OPTIONS: {
 };
 export declare const DATE_FORMAT_LIST_TEST: {
     [x: string]: {
-        [TYPE_FORMAT_OPTIONS.SHORT]: {
-            label: string;
-            value: string;
-        };
-        [TYPE_FORMAT_OPTIONS.MEDIUM]: {
-            label: string;
-            value: string;
-        };
-        [TYPE_FORMAT_OPTIONS.LONG]: {
+        [x: string]: {
             label: string;
             value: string;
         };
@@ -172,15 +190,7 @@ export declare const DATE_FORMAT_LIST_TEST: {
 };
 export declare const TIME_FORMAT_LIST_TEST: {
     [x: string]: {
-        [TYPE_FORMAT_OPTIONS.SHORT]: {
-            label: string;
-            value: string;
-        };
-        [TYPE_FORMAT_OPTIONS.MEDIUM]: {
-            label: string;
-            value: string;
-        };
-        [TYPE_FORMAT_OPTIONS.LONG]: {
+        [x: string]: {
             label: string;
             value: string;
         };

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

@@ -1,3 +1,4 @@
 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,9 +1,10 @@
-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) & {
+/// <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>>) & {
     displayName?: string | undefined;
     Option: import("rc-select/lib/Option").OptionFC;
-    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => React.JSX.Element;
+    _InternalPanelDoNotUseOrYouWillBeFired: (props: import("antd/es/_util/type").AnyObject) => import("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,3 +11,4 @@ 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, classNames = {}, collapsed: propCollapsed, onToggleCollapse, closable = false, ...restProps } = 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 { 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,
-        }, classNames: {
+        }, mask: mask, classNames: {
             body: 'drawer-detail-body',
             ...restClassNames,
         }, contentWrapperStyle: {

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

@@ -1,8 +1,9 @@
+/// <reference types="react" />
 import { DrawerHeaderProps } from './types';
-export declare const StyledDrawer: import("styled-components").StyledComponent<import("react").FC<import("..").DrawerProps>, any, {}, never>;
+export declare const StyledDrawer: import("styled-components").StyledComponent<import("react").FC<import("../Drawer").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").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/es/flex/interface").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,5 +1,6 @@
+/// <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,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownProps } from 'antd';
 export type InputDropdownProps = DropdownProps & {
     width?: number;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,3 +1,4 @@
+/// <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,9 +1,10 @@
+/// <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;
-    $height?: number;
-    $active?: boolean;
+    $width?: number | undefined;
+    $height?: number | undefined;
+    $active?: boolean | undefined;
 }, 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,8 +1,9 @@
-export declare const EmojiTabs: import("styled-components").StyledComponent<import("react").FC<import("antd").TabsProps> & {
+/// <reference types="react" />
+export declare const EmojiTabs: import("styled-components").StyledComponent<import("react").FC<import("antd/es/tabs").TabsProps> & {
     TabPane: import("react").FC<import("antd").TabPaneProps>;
 }, any, {
-    shadow?: boolean;
+    shadow?: boolean | undefined;
 }, never>;
-export declare const EmojiPopoverStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd").PopoverProps & import("react").RefAttributes<unknown>> & {
+export declare const EmojiPopoverStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/popover").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,12 +1,6 @@
-declare const SMALL: string, MEDIUM: string, LARGE: string;
 export declare const EMPTY_WRAPPER_SIZE: {
-    [SMALL]: number;
-    [MEDIUM]: number;
-    [LARGE]: number;
+    [x: string]: number;
 };
 export declare const EMPTY_ICON_SIZE: {
-    [SMALL]: number;
-    [MEDIUM]: number;
-    [LARGE]: number;
+    [x: string]: number;
 };
-export {};

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

@@ -1,5 +1,6 @@
-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>;
+/// <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 EmptyIcon: import("styled-components").StyledComponent<"div", any, {
-    $size?: TUISize;
+    $size?: TUISize | undefined;
 }, 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 { useMemo } from 'react';
+import React, { 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 => settingMap[keySetting]);
+            return Object.keys(settingMap).map(keySetting => (_jsx(React.Fragment, { children: settingMap[keySetting] }, keySetting)));
         }
         return showSettings.map(keySetting => settingMap[keySetting]);
     }, [showSettings, settingMap]);

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

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

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

@@ -1,3 +1,4 @@
+/// <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,3 +1,4 @@
+/// <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'> & {
+    accountSharingConfig: Pick<AccountSharingProps, 'isShowSharing' | 'isShareAccountAccess' | 'u_ogs' | 'appCode' | 'callbackLogout' | 'callbackGetInfoAccount' | 'portalRedirectUrl'> & {
         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_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_UPLOAD_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_API[env],
+        domainUpload: MEDIA_TEMPLATE_UPLOAD_API[env],
         config: {
             ...configs.config,
             user_language: language,

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

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