sti-antd-package 0.0.12 → 0.0.13

package/dist/components/DataGrid/Component.d.ts

@@ -1,6 +1,7 @@
+import { DataGridRow } from "../../context/DataGrid";
 import { DataGridComponentProps } from "./types";
 import React from "react";
 import "react-data-grid/lib/styles.css";
 export declare const filterColumnClassName: string;
-declare const DataGridComponent: <Rows, SummaryRows, Key extends React.Key>({ ...props }: DataGridComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const DataGridComponent: <Rows extends DataGridRow<Key>, SummaryRows, Key extends React.Key>({ filterHeader, ...props }: DataGridComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default DataGridComponent;

package/dist/components/DataGrid/FilterRenderer/types.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 export interface FilterRendererProps {
     isCellSelected?: boolean;
     column?: {};
-    children?: () => React.JSX.Element;
+    children?: React.JSX.Element;
 }

package/dist/components/DataGrid/types.d.ts

@@ -1,6 +1,14 @@
-import React from "react";
-export interface DataGridComponentProps {
+import { DataGridFilter, DataGridProviderProps } from "../../context/DataGrid";
+import React, { Ref } from "react";
+export interface DataGridComponentRef {
+    inputStopPropagation: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    selectStopPropagation: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    setLoading: React.Dispatch<React.SetStateAction<boolean>> | undefined;
+    filter: () => DataGridFilter | undefined;
+    setFilter: (filter: DataGridFilter) => void;
+}
+export type DataGridComponentProps = DataGridProviderProps & {
     addRows?: boolean;
-    filterHeader?: boolean;
     extraLeft?: React.ReactNode;
-}
+    ref?: Ref<DataGridComponentRef>;
+};

package/dist/components/DatePicker/types.d.ts

@@ -2,7 +2,7 @@ import { formColLayout } from "../../constants";
 import { Variant } from "antd/es/config-provider";
 import { SizeType } from "antd/es/config-provider/SizeContext";
 import { DatePickerProps } from "antd/es/date-picker";
-import { Rule, RuleObject } from "antd/es/form";
+import { Rule } from "antd/es/form";
 import { ValidateStatus } from "antd/es/form/FormItem";
 import { Dayjs } from "dayjs";
 import { ShouldUpdate } from "rc-field-form/lib/Field";
@@ -34,7 +34,6 @@ export interface DatePickerComponentProps {
     className?: Partial<Record<SemanticStructure, string>>;
     required?: boolean;
     rules?: Rule[];
-    ruleType?: RuleObject['type'];
     ruleMessage?: string;
     validateStatus?: ValidateStatus;
     help?: React.ReactNode;

package/dist/components/DateRangePicker/types.d.ts

@@ -6,7 +6,7 @@ import { RangePickerProps } from "antd/es/date-picker";
 import { ValidateStatus } from "antd/es/form/FormItem";
 import dayjs from "dayjs";
 import { ShouldUpdate } from "rc-field-form/lib/Field";
-import { NamePath, Rule, RuleObject } from "rc-field-form/lib/interface";
+import { NamePath, Rule } from "rc-field-form/lib/interface";
 import { SemanticStructure } from "rc-picker/lib/interface";
 import { RangeValueType } from "rc-picker/lib/PickerInput/RangePicker";
 import { Ref } from "react";
@@ -35,7 +35,6 @@ export interface DateRangePickerComponentProps {
     className?: Partial<Record<SemanticStructure, string>>;
     required?: boolean;
     rules?: Rule[];
-    ruleType?: RuleObject['type'];
     ruleMessage?: string;
     validateStatus?: ValidateStatus;
     help?: React.ReactNode;

package/dist/context/DataGrid/Context.d.ts

@@ -1,3 +1,3 @@
-import { DataGridContextType } from "./types";
+import { DataGridContextType, DataGridRow } from "./types";
 export declare const DataGridContext: import("react").Context<{}>;
-export declare const useDataGrid: <Key extends React.Key>() => DataGridContextType<Key>;
+export declare const useDataGrid: <Row extends DataGridRow<Key>, SummaryRow, Key extends React.Key>() => DataGridContextType<Row, SummaryRow, Key>;

package/dist/context/DataGrid/Provider.d.ts

@@ -1,4 +1,6 @@
-import { DataGridProviderProps } from "./types";
+import { DataGridProviderProps, DataGridRow } from "./types";
 import React from "react";
-declare const DataGridProvider: <Key extends React.Key>({ filterHeader, children, }: DataGridProviderProps) => import("react/jsx-runtime").JSX.Element;
+declare const DataGridProvider: <Row extends DataGridRow<Key>, SummaryRow, Key extends React.Key>({ filterHeader, children, }: DataGridProviderProps & {
+    children?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
 export default DataGridProvider;

package/dist/context/DataGrid/types.d.ts

@@ -1,22 +1,38 @@
 import React from "react";
-export type ColumnType = "text" | "select";
-export interface FilterColumn {
-    type: ColumnType;
+import { ColumnOrColumnGroup } from "react-data-grid";
+export type DataGridColumnType = "text" | "select";
+export type DataGridColumn<Row, SummaryRow = unknown> = ColumnOrColumnGroup<Row, SummaryRow> & {
+    hide?: boolean;
+};
+export interface DataGridFilterColumn {
+    type: DataGridColumnType;
     value: string;
 }
-export interface Filter {
-    [key: string]: FilterColumn;
+export interface DataGridFilter {
+    [key: string]: DataGridFilterColumn;
 }
-export interface DataGridContextType<Key extends React.Key> {
+export interface DataGridRow<Key> {
+    index: Key;
+    read: boolean;
+    extraData?: {
+        [key: string]: any;
+    };
+    [key: string]: any;
+}
+export interface DataGridContextType<Row extends DataGridRow<Key>, SummaryRow, Key extends React.Key> {
+    rows?: Row[];
+    setRows?: React.Dispatch<React.SetStateAction<Row[]>>;
+    columns?: DataGridColumn<Row, SummaryRow>[];
+    setColumns?: React.Dispatch<React.SetStateAction<DataGridColumn<Row, SummaryRow>[]>>;
     filterHeader?: boolean;
-    filter?: Filter;
-    setFilter?: React.Dispatch<React.SetStateAction<Filter>>;
+    filter?: DataGridFilter;
+    setFilter?: React.Dispatch<React.SetStateAction<DataGridFilter>>;
     loading?: boolean;
     setLoading?: React.Dispatch<React.SetStateAction<boolean>>;
     selectedRows?: ReadonlySet<Key>;
     setSelectedRows?: React.Dispatch<React.SetStateAction<ReadonlySet<Key> | undefined>>;
+    addRow?: (index: number) => Row[];
 }
 export interface DataGridProviderProps {
     filterHeader?: boolean;
-    children?: React.ReactNode;
 }

package/dist/context/index.d.ts

@@ -1,7 +1,7 @@
 export { default as ConfigProvider, useConfig } from "./Config";
 export type { ConfigContextType, ConfigProviderProps, LinkType } from "./Config";
 export { useDataGrid } from "./DataGrid";
-export type { DataGridContextType, DataGridProviderProps } from "./DataGrid";
+export type { DataGridColumn, DataGridColumnType, DataGridContextType, DataGridFilter, DataGridFilterColumn, DataGridRow } from "./DataGrid";
 export { default as FeedbackProvider, useFeedback } from "./Feedback";
 export type { FeedbackContextType } from "./Feedback";
 export { useTableAsyncSearch } from "./TableAsyncSearch";

package/dist/index.d.ts

@@ -24,11 +24,12 @@ import { RadioGroupButtonStyle, RadioGroupOptionType } from 'antd/lib/radio';
 import { DefaultOptionType as DefaultOptionType$1 } from 'antd/es/select';
 import { ClassTransformOptions } from 'class-transformer';
 import { AnyObject } from 'antd/es/_util/type';
-import { TableRowSelection, ColumnsType, TablePaginationConfig, FilterValue, SorterResult, TableCurrentDataSource, ColumnType as ColumnType$1, ColumnGroupType } from 'antd/es/table/interface';
+import { TableRowSelection, ColumnsType, TablePaginationConfig, FilterValue, SorterResult, TableCurrentDataSource, ColumnType, ColumnGroupType } from 'antd/es/table/interface';
 import { TableProps } from 'rc-table';
 import { GetRowKey, ExpandableConfig } from 'rc-table/lib/interface';
 import { AxiosResponse } from 'axios';
 import { TabsType, TabsPosition, TabsProps } from 'antd/es/tabs';
+import { ColumnOrColumnGroup } from 'react-data-grid';
 import { MessageInstance } from 'antd/es/message/interface';
 import { HookAPI } from 'antd/es/modal/useModal';
 import { NotificationInstance } from 'antd/es/notification/interface';
@@ -260,7 +261,6 @@ interface DatePickerComponentProps {
     className?: Partial<Record<SemanticStructure, string>>;
     required?: boolean;
     rules?: Rule$2[];
-    ruleType?: RuleObject$2['type'];
     ruleMessage?: string;
     validateStatus?: ValidateStatus;
     help?: React.ReactNode;
@@ -295,7 +295,6 @@ interface DateRangePickerComponentProps {
     className?: Partial<Record<SemanticStructure, string>>;
     required?: boolean;
     rules?: Rule$1[];
-    ruleType?: RuleObject$1['type'];
     ruleMessage?: string;
     validateStatus?: ValidateStatus;
     help?: React.ReactNode;
@@ -683,29 +682,41 @@ declare const ConfigProvider: React.FC<ConfigProviderProps>;
 
 declare const useConfig: () => ConfigContextType;
 
-type ColumnType = "text" | "select";
-interface FilterColumn {
-    type: ColumnType;
+type DataGridColumnType = "text" | "select";
+type DataGridColumn<Row, SummaryRow = unknown> = ColumnOrColumnGroup<Row, SummaryRow> & {
+    hide?: boolean;
+};
+interface DataGridFilterColumn {
+    type: DataGridColumnType;
     value: string;
 }
-interface Filter {
-    [key: string]: FilterColumn;
+interface DataGridFilter {
+    [key: string]: DataGridFilterColumn;
+}
+interface DataGridRow<Key> {
+    index: Key;
+    read: boolean;
+    extraData?: {
+        [key: string]: any;
+    };
+    [key: string]: any;
 }
-interface DataGridContextType<Key extends React__default.Key> {
+interface DataGridContextType<Row extends DataGridRow<Key>, SummaryRow, Key extends React__default.Key> {
+    rows?: Row[];
+    setRows?: React__default.Dispatch<React__default.SetStateAction<Row[]>>;
+    columns?: DataGridColumn<Row, SummaryRow>[];
+    setColumns?: React__default.Dispatch<React__default.SetStateAction<DataGridColumn<Row, SummaryRow>[]>>;
     filterHeader?: boolean;
-    filter?: Filter;
-    setFilter?: React__default.Dispatch<React__default.SetStateAction<Filter>>;
+    filter?: DataGridFilter;
+    setFilter?: React__default.Dispatch<React__default.SetStateAction<DataGridFilter>>;
     loading?: boolean;
     setLoading?: React__default.Dispatch<React__default.SetStateAction<boolean>>;
     selectedRows?: ReadonlySet<Key>;
     setSelectedRows?: React__default.Dispatch<React__default.SetStateAction<ReadonlySet<Key> | undefined>>;
-}
-interface DataGridProviderProps {
-    filterHeader?: boolean;
-    children?: React__default.ReactNode;
+    addRow?: (index: number) => Row[];
 }
 
-declare const useDataGrid: <Key extends React.Key>() => DataGridContextType<Key>;
+declare const useDataGrid: <Row extends DataGridRow<Key>, SummaryRow, Key extends React.Key>() => DataGridContextType<Row, SummaryRow, Key>;
 
 declare const FeedbackProvider: React__default.FC<{
     children?: React__default.ReactNode;
@@ -843,7 +854,7 @@ declare const TableRowProvider: React__default.FC<TableRowProviderProps>;
 
 declare const useTableRow: () => TableRowContextType;
 
-type DefaultColumn = (ColumnType$1 | ColumnGroupType);
+type DefaultColumn = (ColumnType | ColumnGroupType);
 interface DefaultParams {
     page?: number;
     per_page?: number;
@@ -851,7 +862,7 @@ interface DefaultParams {
     sort_order?: 'asc' | 'desc';
     q?: string;
 }
-type YajraColumn = ColumnType$1 & {
+type YajraColumn = ColumnType & {
     dataIndex?: string | string[];
     dataIndexName?: string | string[];
     searchable?: boolean;
@@ -1001,4 +1012,4 @@ declare const useRemoveError: (setInputErrors: React.Dispatch<React.SetStateActi
 }>>) => (name?: string) => void;
 
 export { BaseModel, ButtonComponent, ButtonGroupAddComponent, ButtonGroupEditComponent, CardComponent, CascaderComponent, CheckboxComponent$1 as CheckboxComponent, CheckboxComponent as CheckboxGroupComponent, ConfigProvider, DateFormat, DatePickerComponent, DateRangePickerComponent, DropdownButtonComponent, FeedbackProvider, FormItemComponent, IconCheckOrClose, InputComponent, LinkComponent, NumberFormatComponent, RadioComponent, SelectAsyncComponent, SelectComponent, SwitchComponent, TableAsyncComponent, TableAsyncSearchComponent, TableCellEditableComponent, TableComponent, TableRowProvider, TabsComponent, TagComponent, TextAreaComponent, TransformBoolean, TransformDayjs, TransformNumber, colInline, colLayout, datePickerFormat, _default as formColLayout, getTableAsyncName, getTableFilterStorage, selectAsync, styleCSS, toCamel, useConfig, useDataGrid, useFeedback, useFocus, useRemoveError, useTableAsyncSearch, useTableRow };
-export type { ButtonComponentProps, ButtonComponentRef, ButtonGroupAddComponentProps, ButtonGroupEditComponentProps, CardComponentProps, CascaderComponentProps, CascaderComponentRef, CheckboxComponentProps, CheckboxComponentRef, CheckboxGroupComponentProps, CheckboxGroupComponentRef, ConfigContextType, ConfigProviderProps, DataGridContextType, DataGridProviderProps, DatePickerComponentProps, DatePickerComponentRef, DateRangePickerComponentProps, DateRangePickerComponentRef, DefaultColumn, DefaultParams, DropdownButtonComponentProps, DropdownButtonMenuItem, FeedbackContextType, FormColLayout, FormColSizeSpan, FormItemComponentProps, IconCheckOrCloseProps, InputComponentProps, InputComponentRef, LinkComponentProps, LinkType, NumberFormatComponentProps, NumberFormatComponentRef, RadioComponentProps, SelectAsyncComponentProps, SelectAsyncComponentRef, SelectAsyncFormat, SelectAsyncProps, SelectComponentProps, SelectOption, SwitchComponentProps, TableAsyncComponentProps, TableAsyncComponentRef, TableAsyncSearchCheckbox, TableAsyncSearchComponentProps, TableAsyncSearchContextType, TableAsyncSearchDate, TableAsyncSearchDateRange, TableAsyncSearchFetchSelectMultiple, TableAsyncSearchItem, TableAsyncSearchItemType, TableAsyncSearchLocalSelectMultiple, TableAsyncSearchProviderProps, TableAsyncSearchSelect, TableAsyncSearchSelectMultiple, TableAsyncSearchSwitch, TableAsyncSearchText, TableAsyncType, TableButtonMiddle, TableCellEditableProps, TableComponentProps, TableParams, TableParamsFormatter, TableRowContextType, TableRowProviderProps, TabsComponentProps, TagComponentProps, TextAreaComponentProps, TextAreaComponentRef, YajraColumn, YajraColumnParams, YajraOrderParams, YajraParams, YajraSearchParams };
+export type { ButtonComponentProps, ButtonComponentRef, ButtonGroupAddComponentProps, ButtonGroupEditComponentProps, CardComponentProps, CascaderComponentProps, CascaderComponentRef, CheckboxComponentProps, CheckboxComponentRef, CheckboxGroupComponentProps, CheckboxGroupComponentRef, ConfigContextType, ConfigProviderProps, DataGridColumn, DataGridColumnType, DataGridContextType, DataGridFilter, DataGridFilterColumn, DataGridRow, DatePickerComponentProps, DatePickerComponentRef, DateRangePickerComponentProps, DateRangePickerComponentRef, DefaultColumn, DefaultParams, DropdownButtonComponentProps, DropdownButtonMenuItem, FeedbackContextType, FormColLayout, FormColSizeSpan, FormItemComponentProps, IconCheckOrCloseProps, InputComponentProps, InputComponentRef, LinkComponentProps, LinkType, NumberFormatComponentProps, NumberFormatComponentRef, RadioComponentProps, SelectAsyncComponentProps, SelectAsyncComponentRef, SelectAsyncFormat, SelectAsyncProps, SelectComponentProps, SelectOption, SwitchComponentProps, TableAsyncComponentProps, TableAsyncComponentRef, TableAsyncSearchCheckbox, TableAsyncSearchComponentProps, TableAsyncSearchContextType, TableAsyncSearchDate, TableAsyncSearchDateRange, TableAsyncSearchFetchSelectMultiple, TableAsyncSearchItem, TableAsyncSearchItemType, TableAsyncSearchLocalSelectMultiple, TableAsyncSearchProviderProps, TableAsyncSearchSelect, TableAsyncSearchSelectMultiple, TableAsyncSearchSwitch, TableAsyncSearchText, TableAsyncType, TableButtonMiddle, TableCellEditableProps, TableComponentProps, TableParams, TableParamsFormatter, TableRowContextType, TableRowProviderProps, TabsComponentProps, TagComponentProps, TextAreaComponentProps, TextAreaComponentRef, YajraColumn, YajraColumnParams, YajraOrderParams, YajraParams, YajraSearchParams };

package/dist/index.esm.js

@@ -3967,7 +3967,7 @@ var formColLayout = {
     notInline: {},
 };
 
-const DatePickerComponent = ({ noItem, size, variant, picker, disabledDate, disabledTime, loading, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
+const DatePickerComponent = ({ noItem, size, variant, picker, disabledDate, disabledTime, loading, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
     const [valueDate, setValueDate] = useState(defaultValue);
     const handleChange = (date, dateString) => {
         setValueDate(date);
@@ -3981,12 +3981,12 @@ const DatePickerComponent = ({ noItem, size, variant, picker, disabledDate, disa
     const classDate = [styleCSS['w-100']];
     classNames && classDate.push(...classNames);
     const datePicker = !loading ? (jsxRuntimeExports.jsx(DatePicker, { className: classDate === null || classDate === void 0 ? void 0 : classDate.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, picker: picker, format: datePickerFormat[picker !== null && picker !== void 0 ? picker : 'default'], allowClear: !required, disabled: disabled, disabledDate: disabledDate, disabledTime: disabledTime, value: value !== null && value !== void 0 ? value : valueDate, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
-    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
+    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: "date", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
             : datePicker }));
 };
 
 const { RangePicker } = DatePicker;
-const DateRangePickerComponent = ({ noItem, size, variant, picker, disabledDate, disabledTime, loading, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
+const DateRangePickerComponent = ({ noItem, size, variant, picker, disabledDate, disabledTime, loading, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
     var _a;
     const [valueDateRange, setValueDateRange] = useState(defaultValue);
     const handleChange = (date, dateStrings) => {
@@ -4001,7 +4001,7 @@ const DateRangePickerComponent = ({ noItem, size, variant, picker, disabledDate,
     const classDateRange = [styleCSS['w-100']];
     classNames && classDateRange.push(...classNames);
     const datePicker = !loading ? (jsxRuntimeExports.jsx(RangePicker, { className: classDateRange.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, picker: picker, format: datePickerFormat[(_a = picker === null || picker === void 0 ? void 0 : picker.toString()) !== null && _a !== void 0 ? _a : 'default'], allowClear: !required, disabled: disabled, disabledDate: disabledDate, disabledTime: disabledTime, value: value !== null && value !== void 0 ? value : valueDateRange, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(Skeleton.Input, { block: true, active: true });
-    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
+    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: "array", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
             : datePicker }));
 };
 
@@ -7026,12 +7026,18 @@ const TableAsyncSearchProvider = props => {
                     return;
                 if (column.defaultSortOrder) {
                     defaultOrderFound = true;
-                    setTableParams(prevState => (Object.assign(Object.assign({}, prevState), { ['yajra']: {
-                            order: [{
-                                    column: defaultOrder,
-                                    dir: column.defaultSortOrder === 'ascend' ? 'asc' : 'desc',
-                                }],
-                        } })));
+                    setTableParams(prevState => {
+                        var _a, _b, _c;
+                        return (Object.assign(Object.assign({}, prevState), { ['yajra']: {
+                                order: [{
+                                        column: defaultOrder,
+                                        dir: column.defaultSortOrder === 'ascend' ? 'asc' : 'desc',
+                                    }],
+                                start: (_a = prevState['yajra']) === null || _a === void 0 ? void 0 : _a.start,
+                                length: (_b = prevState['yajra']) === null || _b === void 0 ? void 0 : _b.length,
+                                search: (_c = prevState['yajra']) === null || _c === void 0 ? void 0 : _c.search,
+                            } }));
+                    });
                 }
                 yajraColumnParams.push({
                     data: getTableAsyncName(((_a = column.dataIndex) !== null && _a !== void 0 ? _a : column.dataIndexName)),

package/dist/index.js

@@ -3986,7 +3986,7 @@ var formColLayout = {
     notInline: {},
 };
 
-const DatePickerComponent = ({ noItem, size, variant, picker, disabledDate, disabledTime, loading, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
+const DatePickerComponent = ({ noItem, size, variant, picker, disabledDate, disabledTime, loading, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
     const [valueDate, setValueDate] = React.useState(defaultValue);
     const handleChange = (date, dateString) => {
         setValueDate(date);
@@ -4000,12 +4000,12 @@ const DatePickerComponent = ({ noItem, size, variant, picker, disabledDate, disa
     const classDate = [styleCSS['w-100']];
     classNames && classDate.push(...classNames);
     const datePicker = !loading ? (jsxRuntimeExports.jsx(antd.DatePicker, { className: classDate === null || classDate === void 0 ? void 0 : classDate.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, picker: picker, format: datePickerFormat[picker !== null && picker !== void 0 ? picker : 'default'], allowClear: !required, disabled: disabled, disabledDate: disabledDate, disabledTime: disabledTime, value: value !== null && value !== void 0 ? value : valueDate, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
-    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
+    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: "date", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
             : datePicker }));
 };
 
 const { RangePicker } = antd.DatePicker;
-const DateRangePickerComponent = ({ noItem, size, variant, picker, disabledDate, disabledTime, loading, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleType, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
+const DateRangePickerComponent = ({ noItem, size, variant, picker, disabledDate, disabledTime, loading, disabled, value, defaultValue, removeError, onChange, style, formColLayout, name, label, classNames = [], className, required, rules, ruleMessage, validateStatus, help, shouldUpdate, ref, }) => {
     var _a;
     const [valueDateRange, setValueDateRange] = React.useState(defaultValue);
     const handleChange = (date, dateStrings) => {
@@ -4020,7 +4020,7 @@ const DateRangePickerComponent = ({ noItem, size, variant, picker, disabledDate,
     const classDateRange = [styleCSS['w-100']];
     classNames && classDateRange.push(...classNames);
     const datePicker = !loading ? (jsxRuntimeExports.jsx(RangePicker, { className: classDateRange.join(' '), classNames: className, size: size !== null && size !== void 0 ? size : 'middle', variant: variant, picker: picker, format: datePickerFormat[(_a = picker === null || picker === void 0 ? void 0 : picker.toString()) !== null && _a !== void 0 ? _a : 'default'], allowClear: !required, disabled: disabled, disabledDate: disabledDate, disabledTime: disabledTime, value: value !== null && value !== void 0 ? value : valueDateRange, onChange: handleChange, style: style })) : jsxRuntimeExports.jsx(antd.Skeleton.Input, { block: true, active: true });
-    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: ruleType, ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
+    return (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: !noItem ? (jsxRuntimeExports.jsx(FormItemComponent, Object.assign({}, formColLayout, { name: name, label: label, required: required, ruleType: "array", ruleMessage: ruleMessage, rules: rules, validateStatus: validateStatus, help: help, shouldUpdate: shouldUpdate, children: datePicker })))
             : datePicker }));
 };
 
@@ -7045,12 +7045,18 @@ const TableAsyncSearchProvider = props => {
                     return;
                 if (column.defaultSortOrder) {
                     defaultOrderFound = true;
-                    setTableParams(prevState => (Object.assign(Object.assign({}, prevState), { ['yajra']: {
-                            order: [{
-                                    column: defaultOrder,
-                                    dir: column.defaultSortOrder === 'ascend' ? 'asc' : 'desc',
-                                }],
-                        } })));
+                    setTableParams(prevState => {
+                        var _a, _b, _c;
+                        return (Object.assign(Object.assign({}, prevState), { ['yajra']: {
+                                order: [{
+                                        column: defaultOrder,
+                                        dir: column.defaultSortOrder === 'ascend' ? 'asc' : 'desc',
+                                    }],
+                                start: (_a = prevState['yajra']) === null || _a === void 0 ? void 0 : _a.start,
+                                length: (_b = prevState['yajra']) === null || _b === void 0 ? void 0 : _b.length,
+                                search: (_c = prevState['yajra']) === null || _c === void 0 ? void 0 : _c.search,
+                            } }));
+                    });
                 }
                 yajraColumnParams.push({
                     data: getTableAsyncName(((_a = column.dataIndex) !== null && _a !== void 0 ? _a : column.dataIndexName)),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sti-antd-package",
   "description": "STI ANT Design",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "type": "module",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",