@antscorp/antsomi-ui 1.3.5-beta.402 → 1.3.5-beta.404

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

@@ -28,5 +28,8 @@ export declare const Input: string & import("styled-components").StyledComponent
     Password: React.ForwardRefExoticComponent<import("antd/es/input").PasswordProps & React.RefAttributes<import("antd").InputRef>>;
 }, {}> & {
     DefaultInput: typeof AntdInput;
+    CustomSearch: typeof SearchInput;
 };
+declare const SearchInput: React.FC<InputProps>;
 export declare const TextArea: React.ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & React.RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
+export {};

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

@@ -16,11 +16,12 @@ import React, { useEffect, useMemo, useRef, useState } from 'react';
 // Types
 import { Input as AntdInput } from 'antd';
 // Components
-import { RequiredLabel, Text } from '@antscorp/antsomi-ui/es/components/atoms';
+import { Icon, RequiredLabel, Text } from '@antscorp/antsomi-ui/es/components/atoms';
 // Utils
 import { handleError } from '@antscorp/antsomi-ui/es/utils';
 import { getPreventKeyboardAction } from '@antscorp/antsomi-ui/es/utils/web';
 import { StyledInput } from './styled';
+import { globalToken } from '@antscorp/antsomi-ui/es/constants';
 const PATH = '@antscorp/antsomi-ui/es/components/atoms/Input/Input.tsx';
 const OriginInput = props => {
     // Props
@@ -95,6 +96,8 @@ OriginInput.defaultProps = {
     withWrapper: true,
 };
 export const Input = OriginInput;
+const SearchInput = props => (React.createElement(Input, Object.assign({ bordered: false, autoFocus: true, suffix: React.createElement(Icon, { type: "icon-ants-search-2", size: 24, color: globalToken === null || globalToken === void 0 ? void 0 : globalToken.bw8 }) }, props, { className: `${props.className} antsomi-search-input` })));
+Input.CustomSearch = SearchInput;
 Input.TextArea = StyledInput.TextArea;
 Input.DefaultInput = AntdInput;
 Input.Password = AntdInput.Password;

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

@@ -4,3 +4,4 @@ export interface InputNumberProps extends AntdInputNumberProps {
     showHandler?: boolean;
 }
 export declare const InputNumber: React.FC<InputNumberProps>;
+export declare const FormatInputNumber: React.FC<InputNumberProps>;

package/es/components/atoms/InputNumber/InputNumber.js

@@ -13,8 +13,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import clsx from 'clsx';
 import { InputNumber as AntdInputNumber } from 'antd';
+import i18nInstance from '@antscorp/antsomi-ui/es/locales/i18n';
 // Icons
 import Icon from '@antscorp/icons';
+// Translations
+import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
+const { t } = i18nInstance;
 export const InputNumber = props => {
     // Props
     const { showHandler, className } = props, restOfProps = __rest(props, ["showHandler", "className"]);
@@ -25,3 +29,20 @@ export const InputNumber = props => {
 InputNumber.defaultProps = {
     showHandler: true,
 };
+export const FormatInputNumber = InputNumber;
+FormatInputNumber.defaultProps = {
+    formatter: (value, info) => {
+        if (info.userTyping)
+            return (value === null || value === void 0 ? void 0 : value.toString()) || '';
+        if (!value)
+            return '';
+        // Split the value into integer and decimal parts
+        const parts = value.toString().split('.');
+        // Format the integer part with commas
+        const integerPart = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+        // Combine the formatted integer part with the decimal part (if any)
+        return parts[1] ? `${integerPart}.${parts[1].slice(0, 3)}` : `${integerPart}`;
+    },
+    placeholder: `${t(translations.format)}: 1,234.560`,
+    parser: value => value === null || value === void 0 ? void 0 : value.replace(/,/g, ''),
+};

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

@@ -1 +1 @@
-export { InputNumber } from './InputNumber';
+export { InputNumber, FormatInputNumber } from './InputNumber';

package/es/components/atoms/InputNumber/index.js

@@ -1 +1 @@
-export { InputNumber } from './InputNumber';
+export { InputNumber, FormatInputNumber } from './InputNumber';

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

@@ -1,7 +1,7 @@
 export { Divider } from './Divider';
 export { DividerPure } from './DividerPure';
 export { Input, TextArea } from './Input';
-export { InputNumber } from './InputNumber';
+export { InputNumber, FormatInputNumber } from './InputNumber';
 export { Radio, RadioGroupSub, RadioButton } from './Radio';
 export { Space } from './Space';
 export { Tag } from './Tag';

package/es/components/atoms/index.js

@@ -1,7 +1,7 @@
 export { Divider } from './Divider';
 export { DividerPure } from './DividerPure';
 export { Input, TextArea } from './Input';
-export { InputNumber } from './InputNumber';
+export { InputNumber, FormatInputNumber } from './InputNumber';
 export { Radio, RadioGroupSub, RadioButton } from './Radio';
 export { Space } from './Space';
 export { Tag } from './Tag';

package/es/components/molecules/AccountSelection/hooks/useAccountSelection.d.ts

@@ -14,7 +14,7 @@ export declare const useAccountSelection: (apiConfig: {
     appCode?: string;
     menuCode?: string;
 }) => {
-    recentData?: AccountRecent | undefined;
+    recentData?: AccountRecent;
     accountData: Array<AccountData>;
 };
 export {};

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

@@ -28,10 +28,10 @@ export declare const CUSTOM_TYPE: {
 };
 export declare const buildOptionAttrArchive: (list: any[], selected: any) => any[];
 export declare const checkStatusAttr: ({ listBO, itemTypeId, listAttribute, field, }: {
-    listBO?: any[] | undefined;
-    itemTypeId?: number | undefined;
-    listAttribute?: any[] | undefined;
-    field?: string | undefined;
+    listBO?: any[];
+    itemTypeId?: number;
+    listAttribute?: any[];
+    field?: string;
 }) => {
     errorMessage: string;
     isDisable: boolean;

package/es/components/molecules/CalendarSelection/actions.d.ts

@@ -9,7 +9,7 @@ export declare const ACTION_TYPES: {
     readonly apply: "apply";
     readonly resetValue: "reset_value";
 };
-export declare const changeRangeType: (rangeType: string, callback?: ((rangeInfo: RangeInfo) => void) | undefined) => {
+export declare const changeRangeType: (rangeType: string, callback?: (rangeInfo: RangeInfo) => void) => {
     type: "change_range_type";
     payload: {
         rangeType: string;

package/es/components/molecules/CalendarSelection/hooks/useStateContext.d.ts

@@ -1,4 +1,4 @@
 export declare const useCalendarSelectionContext: () => {
-    state: import("@antscorp/antsomi-ui/es/components/molecules/CalendarSelection/types").ReducerState;
-    action: import("@antscorp/antsomi-ui/es/components/molecules/CalendarSelection/types").ActionType;
+    state: import("../types").ReducerState;
+    action: import("../types").ActionType;
 };

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

@@ -29,7 +29,7 @@ export declare const getDefaultDate: () => {
 export declare const getRangeValue: ({ rangeInfo, currentRangeValue, limitNumOfDays, }: {
     rangeInfo: RangeInfo;
     currentRangeValue: RangeValue[];
-    limitNumOfDays?: number | undefined;
+    limitNumOfDays?: number;
 }) => RangeValue[];
 export declare const getRangeValueSelctedTitle: (rangeValue: RangeValue[], options?: {
     formatStart?: string;
@@ -44,7 +44,7 @@ export declare const combineCurrentValue: (state: ReducerState) => {
 };
 export declare const genTriggerOut: ({ mode, id, }: {
     mode: ReducerState['triggerOut']['mode'];
-    id?: number | undefined;
+    id?: number;
 }) => {
     mode: "auto" | "manual";
     id: number;

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

@@ -15,6 +15,7 @@ export interface AdvancedPickerProps {
     format?: string;
     formatInputDisplay?: string;
     inputStyle?: React.CSSProperties;
+    popupStyle?: React.CSSProperties;
     disableAfterDate?: string;
     disableBeforeDate?: string;
     errorMessage?: string;

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

@@ -1,3 +1,4 @@
+var _a, _b;
 /* eslint-disable react/no-unused-prop-types */
 // Libraries
 import React, { useEffect, useMemo, useCallback, useState } from 'react';
@@ -29,7 +30,7 @@ const { Text } = Typography;
 export const AdvancedPicker = props => {
     var _a, _b;
     // Props
-    const { label, inputStyle, dateTypeKeysShow, calculationTypeKeysShow, showCalculationTypeCondition, defaultDateTypeKey, valueType, option: propsOption, operatorKey, type, date: propsDate, format, formatInputDisplay, errorMessage, disableAfterDate, disableBeforeDate, showTime, disabled, timezone, isViewMode, onUpdatedNewDate, onApply, } = props;
+    const { label, inputStyle, popupStyle, dateTypeKeysShow, calculationTypeKeysShow, showCalculationTypeCondition, defaultDateTypeKey, valueType, option: propsOption, operatorKey, type, date: propsDate, format, formatInputDisplay, errorMessage, disableAfterDate, disableBeforeDate, showTime, disabled, timezone, isViewMode, onUpdatedNewDate, onApply, } = props;
     // Memo
     const newDateTypes = useMemo(() => {
         if (dateTypeKeysShow && dateTypeKeysShow.length) {
@@ -386,7 +387,7 @@ export const AdvancedPicker = props => {
         !!label && typeof label === 'string' ? (React.createElement(Text, { style: { color: '#666666' } }, label)) : (label),
         option.dateType.value === 'fixed' &&
             !['WEEK', 'DAY_OF_WEEK', 'MONTH_DAY', 'DAY'].includes(valueType) ? (React.createElement(Tooltip, { title: selectedDateTitle },
-            React.createElement(DatePicker, { disabled: disabled, open: !disabled && isOpen, allowClear: false, inputReadOnly: true, style: Object.assign({ textOverflow: 'ellipsis' }, inputStyle), status: errorMessage ? 'error' : '', inputRender: () => (React.createElement(DatePickerCustomInput, { readOnly: true, placeholder: "Select Date", value: selectedDateTitle, onClick: () => toggleOpenDropdown() })), value: currDate, 
+            React.createElement(DatePicker, { disabled: disabled, open: !disabled && isOpen, popupStyle: popupStyle, allowClear: false, inputReadOnly: true, style: Object.assign({ textOverflow: 'ellipsis' }, inputStyle), status: errorMessage ? 'error' : '', inputRender: () => (React.createElement(DatePickerCustomInput, { readOnly: true, placeholder: "Select Date", value: selectedDateTitle, onClick: () => toggleOpenDropdown() })), value: currDate, 
                 // style={{
                 //   width: 120,
                 // }}
@@ -433,6 +434,7 @@ export const AdvancedPicker = props => {
 AdvancedPicker.defaultProps = {
     label: '',
     type: ADVANCED_PICKER_TYPE.START_DATE.value,
+    popupStyle: { borderRadius: (_b = (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.borderRadiusLG) !== null && _b !== void 0 ? _b : 10 },
     operatorKey: 'after',
     dateTypeKeysShow: [],
     date: dayjs().format(DEFAULT_DATE_FORMAT),

package/es/components/molecules/DatePicker/components/AdvancedRangePicker/AdvancedRangePicker.d.ts

@@ -19,6 +19,7 @@ export interface AdvancedRangePickerProps {
     timezone?: string;
     separator?: ReactNode;
     inputStyle?: React.CSSProperties;
+    popupStyle?: React.CSSProperties;
     isViewMode?: boolean;
     onChange?: ({ timeRange, mode }: TOnChangePayload) => void;
 }

package/es/components/molecules/DatePicker/components/AdvancedRangePicker/AdvancedRangePicker.js

@@ -1,3 +1,4 @@
+var _a, _b;
 // Libraries
 import dayjs from 'dayjs';
 import React, { useState } from 'react';
@@ -10,6 +11,7 @@ import { Space } from '../../../../atoms';
 import { AdvancedPicker } from '../AdvancedPicker';
 // Constants
 import { ADVANCED_RANGE_PICKER_FORMAT } from './constants';
+import { THEME } from '@antscorp/antsomi-ui/es/constants';
 // Utils
 import { handleError } from '@antscorp/antsomi-ui/es/utils';
 import { translations } from '@antscorp/antsomi-ui/es/locales/translations';
@@ -20,7 +22,7 @@ const PATH = '@antscorp/antsomi-ui/es/components/molecules/DatePicker/components
 export const AdvancedRangePicker = props => {
     const { t } = i18nInstance;
     // Props
-    const { className, valueType, useFormatMapping, timeRange, errorMessage, showLabel, startDateConfig, endDateConfig, showTime, showCalculationTypeCondition, disabled, timezone, separator, inputStyle, isViewMode, onChange, } = props;
+    const { className, valueType, useFormatMapping, timeRange, errorMessage, showLabel, startDateConfig, endDateConfig, showTime, showCalculationTypeCondition, disabled, timezone, separator, inputStyle, popupStyle, isViewMode, onChange, } = props;
     const [timeRangeState, setTimeRange] = useState(timeRange);
     useDeepCompareEffect(() => {
         if (typeof onChange === 'function') {
@@ -60,13 +62,13 @@ export const AdvancedRangePicker = props => {
                 ? getFormatDisplayFromValueType('startDate', valueType)
                 : ADVANCED_RANGE_PICKER_FORMAT.startDate, 
             // format={ADVANCED_RANGE_PICKER_FORMAT.startDate}
-            errorMessage: errorMessage, disableAfterDate: timeRange.endDate.date, showTime: showTime, calculationTypeKeysShow: startDateConfig === null || startDateConfig === void 0 ? void 0 : startDateConfig.calculationTypeKeysShow, showCalculationTypeCondition: showCalculationTypeCondition, timezone: timezone, onUpdatedNewDate: ({ date }) => onUpdateTimeRange('startDate', { date }, 'system'), onApply: ({ date, option }) => onUpdateTimeRange('startDate', Object.assign({ date }, option), 'user'), inputStyle: inputStyle, isViewMode: isViewMode }),
+            errorMessage: errorMessage, disableAfterDate: timeRange.endDate.date, showTime: showTime, calculationTypeKeysShow: startDateConfig === null || startDateConfig === void 0 ? void 0 : startDateConfig.calculationTypeKeysShow, showCalculationTypeCondition: showCalculationTypeCondition, timezone: timezone, onUpdatedNewDate: ({ date }) => onUpdateTimeRange('startDate', { date }, 'system'), onApply: ({ date, option }) => onUpdateTimeRange('startDate', Object.assign({ date }, option), 'user'), inputStyle: inputStyle, popupStyle: popupStyle, isViewMode: isViewMode }),
         separator || null,
         React.createElement(AdvancedPicker, { valueType: valueType, disabled: disabled, label: showLabel ? t(translations.datePicker.endDate) || '' : '', date: timeRange.endDate.date, option: omit(timeRange.endDate, 'date'), operatorKey: "between", type: "endDate", format: useFormatMapping
                 ? getFormatDisplayFromValueType('endDate', valueType)
                 : ADVANCED_RANGE_PICKER_FORMAT.endDate, 
             // format={ADVANCED_RANGE_PICKER_FORMAT.endDate}
-            errorMessage: errorMessage, showTime: showTime, calculationTypeKeysShow: endDateConfig === null || endDateConfig === void 0 ? void 0 : endDateConfig.calculationTypeKeysShow, showCalculationTypeCondition: showCalculationTypeCondition, timezone: timezone, onUpdatedNewDate: ({ date }) => onUpdateTimeRange('endDate', { date }, 'system'), onApply: ({ date, option }) => onUpdateTimeRange('endDate', Object.assign({ date }, option), 'user'), inputStyle: inputStyle, isViewMode: isViewMode })));
+            errorMessage: errorMessage, showTime: showTime, calculationTypeKeysShow: endDateConfig === null || endDateConfig === void 0 ? void 0 : endDateConfig.calculationTypeKeysShow, showCalculationTypeCondition: showCalculationTypeCondition, timezone: timezone, onUpdatedNewDate: ({ date }) => onUpdateTimeRange('endDate', { date }, 'system'), onApply: ({ date, option }) => onUpdateTimeRange('endDate', Object.assign({ date }, option), 'user'), inputStyle: inputStyle, popupStyle: popupStyle, isViewMode: isViewMode })));
 };
 AdvancedRangePicker.defaultProps = {
     timeRange: {
@@ -85,6 +87,7 @@ AdvancedRangePicker.defaultProps = {
             dateType: 'today',
         },
     },
+    popupStyle: { borderRadius: (_b = (_a = THEME.token) === null || _a === void 0 ? void 0 : _a.borderRadiusLG) !== null && _b !== void 0 ? _b : 10 },
     errorMessage: '',
     disabled: false,
     showLabel: true,

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { DrawerHeaderProps } from './types';
-export declare const StyledDrawer: import("styled-components").StyledComponent<import("react").FC<import("@antscorp/antsomi-ui/es/components/molecules/Drawer/Drawer").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>;

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

@@ -25,7 +25,7 @@ interface EditorTabProps {
     confirmOnRemoveTab?: boolean;
     modalFuncProps?: ModalFuncProps;
     onActiveTab: (id: string) => void;
-    onCloseTab: (tab: EditorTabItem, index: number, newTabs: EditorTabItem[]) => void;
+    onCloseTab?: (tab: EditorTabItem, index: number, newTabs: EditorTabItem[]) => void;
     onClickRemoveTab?: (tab: EditorTabItem, index: number, newTabs: EditorTabItem[]) => void;
     onConfirmRemove?: (tab: EditorTabItem) => void;
     onConfigure: (id: string) => void;

package/es/components/molecules/EditorTab/EditorTab.js

@@ -22,7 +22,7 @@ export const EditorTab = props => {
     var _a;
     const { listTab = [], activeId = '', showArrow, showDropdown, editNameOnConfigure, 
     // disabledScroll,
-    onCloseTab, onClickRemoveTab, onConfirmRemove, onActiveTab, onAddTab, onConfigure, onSaveName, newTabText, showComposeNewQuery, className, leftBlockClassName, tabItemClassName, confirmOnRemoveTab = true, modalFuncProps, } = props;
+    onCloseTab, onClickRemoveTab, onConfirmRemove, onActiveTab, onAddTab, onConfigure, onSaveName, newTabText, showComposeNewQuery, className, leftBlockClassName, tabItemClassName, confirmOnRemoveTab, modalFuncProps, } = props;
     const [activeTabId, setActiveTabId] = useState(activeId || ((_a = listTab === null || listTab === void 0 ? void 0 : listTab[0]) === null || _a === void 0 ? void 0 : _a.id));
     const [arrTabs, setArrTabs] = useState(listTab || []);
     const [isEditable, setIsEditable] = useState();
@@ -115,7 +115,7 @@ export const EditorTab = props => {
                 handleActiveTab(arrTabs[idx + 1].id);
             }
         }
-        onCloseTab(tab, idx, newTabs);
+        onCloseTab === null || onCloseTab === void 0 ? void 0 : onCloseTab(tab, idx, newTabs);
         setArrTabs(newTabs);
     });
     const onWheelLeftBlock = useCallback(event => {

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

@@ -1,5 +1,7 @@
 import React from 'react';
-export interface EmptyDataProps {
+import { FlexProps } from '@antscorp/antsomi-ui/es/components/atoms';
+export interface EmptyDataProps extends Omit<FlexProps, 'children' | 'title'> {
+    showIcon?: boolean;
     size?: TUISize;
     icon?: React.ReactNode;
     title?: React.ReactNode;

package/es/components/molecules/EmptyData/EmptyData.js

@@ -1,3 +1,14 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 // Libraries
 import React from 'react';
 import { LoadingOutlined } from '@ant-design/icons';
@@ -10,12 +21,13 @@ import { Icon } from '@antscorp/antsomi-ui/es/components';
 import { EmptyIcon, EmptyWrapper, ImageWrapper } from './styled';
 const { Text } = Typography;
 export const EmptyData = props => {
-    const { size = 'medium', icon = 'icon-ants-media', title, subTitle, description, loading, className, image, imageClassName, imageStyle, children, } = props;
-    return (React.createElement(EmptyWrapper, { className: className },
+    const { size = 'medium', icon = 'icon-ants-media', showIcon = true, title, subTitle, description, loading, className, image, imageClassName, imageStyle, children } = props, restOfProps = __rest(props, ["size", "icon", "showIcon", "title", "subTitle", "description", "loading", "className", "image", "imageClassName", "imageStyle", "children"]);
+    return (React.createElement(EmptyWrapper, Object.assign({ className: className }, restOfProps),
         React.createElement(Flex, { vertical: true, align: "center", justify: "center", gap: 15 },
-            !image && (React.createElement(EmptyIcon, { className: "animate__animated animate__tada", "$size": size }, isString(icon) ? React.createElement(Icon, { type: icon }) : icon)),
-            image && (React.createElement(ImageWrapper, { className: imageClassName, style: imageStyle },
-                React.createElement("img", { src: image, alt: "" }))),
+            !!showIcon && (React.createElement(React.Fragment, null,
+                !image && (React.createElement(EmptyIcon, { className: "animate__animated animate__tada", "$size": size }, isString(icon) ? React.createElement(Icon, { type: icon }) : icon)),
+                image && (React.createElement(ImageWrapper, { className: imageClassName, style: imageStyle },
+                    React.createElement("img", { src: image, alt: "" }))))),
             loading ? (React.createElement(Spin, { indicator: React.createElement(LoadingOutlined, { style: { fontSize: 24 }, spin: true }) })) : (React.createElement(Flex, { gap: 5, align: "center", justify: "center", vertical: true },
                 title && React.createElement(Text, { className: "title animate__animated animate__fadeInUp" }, title),
                 subTitle && (React.createElement(Text, { className: "subTitle animate__animated animate__fadeInUp" }, subTitle)),

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

@@ -9,6 +9,7 @@ import { EMPTY_ICON_SIZE, EMPTY_WRAPPER_SIZE } from './constants';
 export const EmptyWrapper = styled(Flex) `
   width: 100%;
   height: 100%;
+  padding: 20px;
 
   .title {
     font-size: 14px;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { AccountSelectionProps } from '../AccountSelection';
 import { AccountSharingProps } from '../../organism';
 import { IHelpProps } from '../../organism/Help/types';
-import { envType } from '@antscorp/antsomi-ui/es/types/config';
+import { TEnv } from '@antscorp/antsomi-ui/es/types/config';
 interface Breadcrumb {
     title: string;
     link?: string;
@@ -31,7 +31,7 @@ export interface HeaderV2Props {
     useURLParam?: boolean;
     rightContent?: React.ReactNode;
     config?: {
-        env?: envType;
+        env?: TEnv;
         language?: string;
         userId?: number;
         portalId?: number;

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

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const StyledModal: import("styled-components").StyledComponent<import("react").FC<import("@antscorp/antsomi-ui/es/components/molecules/ModalV2/ModalV2").ModalV2Props>, any, {}, never>;
+export declare const StyledModal: import("styled-components").StyledComponent<import("react").FC<import("../ModalV2").ModalV2Props>, any, {}, never>;
 export declare const ModalHeader: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("antd/es/flex/interface").FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
 export declare const ModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/components/molecules/ShareAccess/hooks/useShareAccess.d.ts

@@ -3,17 +3,17 @@ export declare const useShareAccess: () => {
     state: {
         allowEdit: boolean;
         allowView: boolean;
-        accessInfo?: import("@antscorp/antsomi-ui/es/components/molecules/ShareAccess/types").ObjectAccessInfo | undefined;
+        accessInfo?: import("../types").ObjectAccessInfo | undefined;
         accessUserId?: number | undefined;
         accessUserPermission?: {
             view: number;
             edit: number;
         } | undefined;
-        excludeUserAccess?: import("@antscorp/antsomi-ui/es/components/molecules/ShareAccess/types").ExcludeUserAccess | undefined;
+        excludeUserAccess?: import("../types").ExcludeUserAccess | undefined;
         modalTransferOwnership: {
             open: boolean;
             userToOwnerShipId: number;
         };
     };
-    dispatch: import("react").Dispatch<import("@antscorp/antsomi-ui/es/components/molecules/ShareAccess/types").ShareAccessAction> | null;
+    dispatch: import("react").Dispatch<import("../types").ShareAccessAction> | null;
 };

package/es/components/molecules/TemplateSaveAs/hooks/useTemplateSave.d.ts

@@ -66,7 +66,7 @@ export declare const useTemplateSave: (options: TemplateListingOptions) => {
     form: import("antd").FormInstance<FormValue>;
     errors: any[] | undefined;
     refetchCategoryList: <TPageData>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<TemplateCategory[], any>>;
-    refetchTemplateList: <TPageData_1>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData_1>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@antscorp/antsomi-ui/es/types").ResponseListing<import("@antscorp/antsomi-ui/es/models/ObjectTemplate").ObjectTemplate>>, any>>;
+    refetchTemplateList: <TPageData_1>(options?: (import("@tanstack/react-query").RefetchOptions & import("@tanstack/react-query").RefetchQueryFilters<TPageData_1>) | undefined) => Promise<import("@tanstack/react-query").QueryObserverResult<import("@tanstack/react-query").InfiniteData<import("@antscorp/antsomi-ui/es/types").ResponseListing<import("../../../../models/ObjectTemplate").ObjectTemplate>>, any>>;
     onLoadMore: () => void;
     onChange: (newValue: Partial<TemplateValueOptions>) => void;
 };

package/es/components/molecules/ThumbnailCard/ThumbnailCard.js

@@ -234,7 +234,7 @@ export const ThumbnailCard = (props) => {
     // Handlers
     const handleRemoveThumbnail = e => {
         e.stopPropagation();
-        modal.confirm(Object.assign(Object.assign({ title: 'Remove template', centered: true, icon: React.createElement(Icon, { type: "icon-ants-info", style: { fontSize: 16, lineHeight: '25px' } }), content: (React.createElement("div", null,
+        modal.confirm(Object.assign(Object.assign({ title: 'Remove template', centered: true, icon: (React.createElement(Icon, { type: "icon-ants-info", style: { fontSize: 16, lineHeight: '25px', marginRight: 13 } })), content: (React.createElement("div", null,
                 React.createElement("p", null, "Are you sure you want to remove the template?"),
                 React.createElement("p", null, "This action can not be undone."))), okText: 'Remove', cancelText: 'Cancel', closable: true }, restOfRemoveTemplateModalProps), { onOk: () => __awaiter(void 0, void 0, void 0, function* () {
                 if (onOk)

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

@@ -0,0 +1,2 @@
+export { Tree } from 'antd';
+export type { TreeProps, TreeDataNode } from 'antd';

package/es/components/molecules/Tree/Tree.js

@@ -0,0 +1 @@
+export { Tree } from 'antd';

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

@@ -0,0 +1 @@
+export * from './Tree';

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

@@ -0,0 +1 @@
+export * from './Tree';

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

@@ -55,6 +55,7 @@ export * from './Drawer';
 export * from './DrawerDetail';
 export * from './ThumbnailCard';
 export * from './ProcessLoading';
+export * from './Tree';
 export { EditorScript } from './EditorScript';
 export { EditorTab } from './EditorTab';
 export { SelectAccount } from './SelectAccount';
@@ -65,10 +66,10 @@ export type { TFontSettingProps, TFontSettingEditProps } from './FontSetting';
 export type { IResizeGridProps, TCell, TGrid } from './ResizeGrid';
 export type { ModalProps } from './ModalV2';
 export type { TemplateValueOptions } from './TemplateSaveAs';
+export type { ImageResizeHandle } from './ImageEditor';
 export type { SelectProps as SelectV2Props } from './SelectV2';
 export type { InputNumberProps as InputNumberWithLabelProps } from './InputNumber';
 export type { ModalSelectProps } from './ModalSelect';
-export type { ImageResizeHandle } from './ImageEditor';
 export type { EditableNameHandle } from './EditableName';
 export type { AccountListingHandle, AccountSelectionProps } from './AccountSelection';
 export type { VirtualizedMenuProps } from './VirtualizedMenu';

package/es/components/molecules/index.js

@@ -55,6 +55,7 @@ export * from './Drawer';
 export * from './DrawerDetail';
 export * from './ThumbnailCard';
 export * from './ProcessLoading';
+export * from './Tree';
 export { EditorScript } from './EditorScript';
 export { EditorTab } from './EditorTab';
 export { SelectAccount } from './SelectAccount';

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

@@ -10,7 +10,7 @@ export declare const AlgorithmWrapper: import("styled-components").StyledCompone
     mode: ContentSourceModeView;
 }, never>;
 export declare const StyledSelect: import("styled-components").StyledComponent<{
-    (props: import("@antscorp/antsomi-ui/es/components/molecules/SelectV2").SelectProps): import("react").JSX.Element;
+    (props: import("../../molecules").SelectV2Props): import("react").JSX.Element;
     defaultProps: {
         suffixIcon: import("react").JSX.Element;
         filterOption: (input: any, option: any) => boolean;

package/es/components/organism/ContentSources/provider.d.ts

@@ -9,7 +9,7 @@ export interface ContentSourceProviderProps {
 export declare const ContentSourceProvider: ({ children }: ContentSourceProviderProps) => React.JSX.Element;
 export declare const useContentSourceState: () => ContentSourceState;
 export declare const useContentSourceDispatch: () => React.Dispatch<UpdateGroupAction>;
-export declare const useSelectServiceAuth: () => import("@antscorp/antsomi-ui/es/types").PayloadInfo;
+export declare const useSelectServiceAuth: () => import("../../..").PayloadInfo;
 export declare const useSelectContentSources: () => import("./types").TContentSourceSettings;
 export declare const useSelectCSGroups: () => import("./types").TContentSourceGroup[];
 export declare const useSelectModeView: () => import("./types").ContentSourceModeView;

package/es/components/organism/ContentSources/utils.d.ts

@@ -17,11 +17,11 @@ export declare const isCheckStatusAttr: (listBO: any, itemTypeId: any, listAttri
     isDisable: boolean;
 };
 export declare const checkStatusCollection: ({ listBO, itemTypeId, listCollection, field, checkDisable, }: {
-    listBO?: any[] | undefined;
-    itemTypeId?: number | null | undefined;
-    listCollection?: any[] | undefined;
-    field?: string | undefined;
-    checkDisable?: boolean | undefined;
+    listBO?: any[];
+    itemTypeId?: number | null;
+    listCollection?: any[];
+    field?: string;
+    checkDisable?: boolean;
 }) => {
     errorMessage: string;
     isDisable: boolean;

package/es/components/organism/DataTable/DataTable.d.ts

@@ -1,3 +1,6 @@
 import React from 'react';
 import { DataTableProps } from './types';
-export declare function DataTable<TTableDataType>(props: DataTableProps<TTableDataType>): React.JSX.Element | null;
+export declare function DataTable<TTableDataType>(props: DataTableProps<TTableDataType>): React.JSX.Element;
+export declare namespace DataTable {
+    var useDataTableStore: typeof import("./hooks/useDataTableStore").useDataTableStore;
+}

package/es/components/organism/DataTable/DataTable.js

@@ -1,6 +1,17 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 /* eslint-disable react/function-component-definition */
 // Libraries
-import React, { useRef } from 'react';
+import React from 'react';
 // Hooks
 import { useDataTable } from './hooks';
 // Styled
@@ -11,23 +22,24 @@ import { Table, Pagination, Toolbar } from './components';
 import { DataTableProvider } from './providers/DataTableProvider';
 import { AntdTableConfigProvider } from './providers';
 // Store
-import { createDataTableStore } from './stores';
+import { useDataTableStore } from './hooks/useDataTableStore';
 function DataTableComponent(props) {
     // Hooks
     const { pagination, setPagination } = useDataTable(props);
     return (React.createElement(DataTableWrapper, null,
         React.createElement(Toolbar, null),
         React.createElement(Table, null),
-        React.createElement(Pagination, { id: "data-table-pagination", page: pagination.page, pageSize: pagination.pageSize, onChange: setPagination })));
+        React.createElement(Pagination, Object.assign({ id: "data-table-pagination" }, pagination, { onChange: payload => {
+                var _a;
+                setPagination(payload);
+                (_a = pagination === null || pagination === void 0 ? void 0 : pagination.onChange) === null || _a === void 0 ? void 0 : _a.call(pagination, payload);
+            } }))));
 }
 export function DataTable(props) {
-    const storeRef = useRef();
-    if (!storeRef.current) {
-        storeRef.current = createDataTableStore(props);
-    }
-    if (!storeRef.current)
-        return null;
+    const { store } = props, restOfProps = __rest(props, ["store"]);
+    const defaultStore = useDataTableStore(restOfProps);
     return (React.createElement(AntdTableConfigProvider, null,
-        React.createElement(DataTableProvider, { store: storeRef.current },
-            React.createElement(DataTableComponent, Object.assign({}, props)))));
+        React.createElement(DataTableProvider, { store: store || defaultStore },
+            React.createElement(DataTableComponent, Object.assign({}, restOfProps)))));
 }
+DataTable.useDataTableStore = useDataTableStore;