sti-antd-package 0.0.13 → 0.0.15

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

@@ -1,7 +1,7 @@
-import { DataGridRow } from "../../context/DataGrid";
+import { DataGridProviderProps, 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 extends DataGridRow<Key>, SummaryRows, Key extends React.Key>({ filterHeader, ...props }: DataGridComponentProps) => import("react/jsx-runtime").JSX.Element;
+declare const DataGridComponent: <Row extends DataGridRow<Key>, SummaryRow = unknown, Key extends React.Key = React.Key>({ filterHeader, columns, ...props }: DataGridProviderProps<Row, SummaryRow> & DataGridComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default DataGridComponent;

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

@@ -0,0 +1,3 @@
+import { DataGridFilterInputComponentProps } from "./types";
+declare const DataGridFilterInputComponent: <Row, SummaryRow = unknown>({ ...props }: DataGridFilterInputComponentProps<Row, SummaryRow>) => import("react/jsx-runtime").JSX.Element;
+export default DataGridFilterInputComponent;

package/dist/components/DataGrid/Filter/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Component";
+export type * from "./types";

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

@@ -0,0 +1,2 @@
+import { RenderHeaderCellProps } from "react-data-grid";
+export type DataGridFilterInputComponentProps<Row, SummaryRow = unknown> = RenderHeaderCellProps<Row, SummaryRow> & {};

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

@@ -0,0 +1,3 @@
+import { DataGridFilterRendererProps } from "./types";
+declare const DataGridFilterRenderer: <Row, SummaryRow = unknown>({ tabIndex, column, children, }: DataGridFilterRendererProps<Row, SummaryRow>) => import("react/jsx-runtime").JSX.Element;
+export default DataGridFilterRenderer;

package/dist/components/DataGrid/Filter/Renderer/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Component";
+export type * from "./types";

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

@@ -0,0 +1,9 @@
+import { DataGridFilter } from "../../../../context";
+import React from "react";
+import { RenderHeaderCellProps } from "react-data-grid";
+export type DataGridFilterRendererProps<Row, SummaryRow = unknown> = RenderHeaderCellProps<Row, SummaryRow> & {
+    children: (args: {
+        tabIndex: number;
+        filter?: DataGridFilter;
+    }) => React.ReactElement;
+};

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

@@ -0,0 +1,2 @@
+declare const DataGridSelectAsync: <Row>() => import("react/jsx-runtime").JSX.Element;
+export default DataGridSelectAsync;

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

@@ -1,14 +1,13 @@
-import { DataGridFilter, DataGridProviderProps } from "../../context/DataGrid";
+import { DataGridFilter } 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 & {
+export type DataGridComponentProps = {
     addRows?: boolean;
     extraLeft?: React.ReactNode;
+    data: any;
     ref?: Ref<DataGridComponentRef>;
 };

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

@@ -1,4 +1,4 @@
-import { formColLayout } from "../../constants";
+import { DatePickerFormatType, 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";
@@ -10,14 +10,15 @@ import { NamePath } from "rc-field-form/lib/interface";
 import { SemanticStructure } from "rc-picker/lib/interface";
 import { Ref } from "react";
 export interface DatePickerComponentRef {
-    value: () => Dayjs | null | undefined;
-    setValue: React.Dispatch<React.SetStateAction<Dayjs | null | undefined>>;
+    value: () => Dayjs | null;
+    setValue: React.Dispatch<React.SetStateAction<Dayjs | null>>;
 }
 export interface DatePickerComponentProps {
     noItem?: boolean;
     size?: SizeType;
     variant?: Variant;
     picker?: DatePickerProps['picker'];
+    format?: DatePickerFormatType;
     loading?: boolean;
     disabled?: boolean;
     disabledDate?: DatePickerProps['disabledDate'];

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

@@ -1,4 +1,4 @@
-import { formColLayout } from "../../constants";
+import { DatePickerFormatType, formColLayout } from "../../constants";
 import { DatePicker, DatePickerProps } from "antd";
 import { Variant } from "antd/es/config-provider";
 import { SizeType } from "antd/es/config-provider/SizeContext";
@@ -11,14 +11,15 @@ import { SemanticStructure } from "rc-picker/lib/interface";
 import { RangeValueType } from "rc-picker/lib/PickerInput/RangePicker";
 import { Ref } from "react";
 export interface DateRangePickerComponentRef {
-    value: () => RangeValueType<dayjs.Dayjs> | null | undefined;
-    setValue: React.Dispatch<React.SetStateAction<RangeValueType<dayjs.Dayjs> | null | undefined>>;
+    value: () => RangeValueType<dayjs.Dayjs> | null;
+    setValue: React.Dispatch<React.SetStateAction<RangeValueType<dayjs.Dayjs> | null>>;
 }
 export interface DateRangePickerComponentProps {
     noItem?: boolean;
     size?: SizeType;
     variant?: Variant;
     picker?: DatePickerProps['picker'];
+    format?: DatePickerFormatType;
     loading?: boolean;
     disabled?: boolean;
     disabledDate?: RangePickerProps['disabledDate'];

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

@@ -20,6 +20,7 @@ export interface InputComponentProps {
     size?: SizeType;
     classNames?: string[];
     variant?: Variant;
+    autoCompleteOff?: boolean;
     loading?: boolean;
     disabled?: boolean;
     readOnly?: boolean;

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

@@ -26,7 +26,7 @@ export interface NumberFormatComponentProps {
     defaultValue?: valueType;
     removeError?: (name?: NamePath) => void;
     onValueChange?: OnValueChange;
-    onChange?: (value?: number) => void;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     style?: React.CSSProperties;
     onBlur?: React.FocusEventHandler<HTMLInputElement>;
     onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;

package/dist/components/Table/Async/Search/types.d.ts

@@ -1,20 +1,22 @@
+import { DatePickerFormatType } from "../../../../constants";
 import { SelectOption } from "../../../Select";
-import { DatePickerProps } from "antd";
+import { valueType } from "antd/es/statistic/utils";
+import { Dayjs } from "dayjs";
 import React from "react";
 export type TableAsyncSearchItemType = "text" | "select" | "select-multiple" | "switch" | "checkbox" | "date" | "date-range";
 interface BaseAsyncSearchItem {
     name: string;
     label?: string;
     space?: 1 | 2;
-    initValue?: any;
-    type: TableAsyncSearchItemType;
 }
 export type TableAsyncSearchText = BaseAsyncSearchItem & {
     type: "text";
+    initValue?: string;
 };
 export type TableAsyncSearchSelect = BaseAsyncSearchItem & {
     type: "select";
     options?: SelectOption[];
+    initValue?: valueType;
 };
 export type TableAsyncSearchLocalSelectMultiple = BaseAsyncSearchItem & {
     type: "select-multiple";
@@ -26,21 +28,27 @@ export type TableAsyncSearchFetchSelectMultiple = BaseAsyncSearchItem & {
     static?: false;
     fetchOptions?: ((search: string) => Promise<any[]>);
 };
-export type TableAsyncSearchSelectMultiple = TableAsyncSearchLocalSelectMultiple | TableAsyncSearchFetchSelectMultiple;
+export type TableAsyncSearchSelectMultiple = (TableAsyncSearchLocalSelectMultiple | TableAsyncSearchFetchSelectMultiple) & {
+    initValue?: valueType[];
+};
 export type TableAsyncSearchSwitch = BaseAsyncSearchItem & {
     type: "switch";
+    initValue?: boolean;
 };
 export type TableAsyncSearchCheckbox = BaseAsyncSearchItem & {
     type: "checkbox";
     children?: React.ReactNode;
+    initValue?: boolean;
 };
 export type TableAsyncSearchDate = BaseAsyncSearchItem & {
     type: "date";
-    picker?: DatePickerProps['picker'];
+    format?: DatePickerFormatType;
+    initValue?: Dayjs;
 };
 export type TableAsyncSearchDateRange = BaseAsyncSearchItem & {
     type: "date-range";
-    picker?: DatePickerProps['picker'];
+    format?: DatePickerFormatType;
+    initValue?: [Dayjs, Dayjs];
 };
 export type TableAsyncSearchItem = TableAsyncSearchText | TableAsyncSearchSelect | TableAsyncSearchSelectMultiple | TableAsyncSearchSwitch | TableAsyncSearchCheckbox | TableAsyncSearchDate | TableAsyncSearchDateRange;
 export interface TableAsyncSearchComponentProps {

package/dist/components/Table/Async/types.d.ts

@@ -1,4 +1,4 @@
-import { TableComponentProps } from "../types";
+import { TableButtonMiddle, TableComponentProps } from "../types";
 import { TableAsyncSearchItem } from "./Search";
 import { AnyObject } from "antd/es/_util/type";
 import { ColumnGroupType, ColumnType, TableRowSelection } from "antd/es/table/interface";
@@ -52,10 +52,21 @@ export interface TableParams {
     };
     ['default']?: DefaultParams;
 }
+export type TableButtonMiddleAsync = TableButtonMiddle & {
+    disabled?: boolean | ((states: {
+        tableParams: TableParams | undefined;
+        tableSearch: string | undefined;
+        selectedRowKeys: React.Key[] | undefined;
+    }) => boolean);
+};
 export interface TableAsyncComponentRef {
     reload: () => void;
+    filters: () => AnyObject | undefined;
+    tableSearch: () => string | undefined;
+    selectedRowKeys: () => React.Key[] | undefined;
 }
 export type TableAsyncComponentProps = TableComponentProps<AnyObject> & {
+    buttonMiddle?: TableButtonMiddleAsync;
     search?: boolean;
     searchOnChange?: boolean;
     noReload?: boolean;

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

@@ -6,6 +6,7 @@ import { TableProps } from "rc-table";
 import { ExpandableConfig, GetRowKey } from "rc-table/lib/interface";
 import { JSXElementConstructor } from "react";
 export interface TableButtonMiddle {
+    classNames?: string[];
     component: React.ReactElement<any, string | JSXElementConstructor<any>>;
 }
 export interface TableComponentProps<T extends (BaseModel<T> | AnyObject)> {

package/dist/components/index.d.ts

@@ -12,6 +12,8 @@ export { default as CheckboxComponent } from "./Checkbox";
 export type { CheckboxComponentProps, CheckboxComponentRef } from "./Checkbox";
 export { default as CheckboxGroupComponent } from "./Checkbox/Group";
 export type { CheckboxGroupComponentProps, CheckboxGroupComponentRef } from "./Checkbox/Group";
+export { default as DataGridComponent } from "./DataGrid";
+export type { DataGridComponentProps, DataGridComponentRef } from "./DataGrid";
 export { default as DatePickerComponent } from "./DatePicker";
 export type { DatePickerComponentProps, DatePickerComponentRef } from "./DatePicker";
 export { default as DateRangePickerComponent } from "./DateRangePicker";
@@ -40,9 +42,8 @@ export type { SwitchComponentProps } from "./Switch";
 export { default as TableComponent } from "./Table";
 export type { TableButtonMiddle, TableComponentProps } from "./Table";
 export { default as TableAsyncComponent } from "./Table/Async";
-export type { DefaultColumn, DefaultParams, TableAsyncComponentProps, TableAsyncComponentRef, TableParams, YajraColumn, YajraColumnParams, YajraOrderParams, YajraParams, YajraSearchParams } from "./Table/Async";
-export { default as TableAsyncSearchComponent } from "./Table/Async/Search";
-export type { TableAsyncSearchCheckbox, TableAsyncSearchComponentProps, TableAsyncSearchDate, TableAsyncSearchDateRange, TableAsyncSearchFetchSelectMultiple, TableAsyncSearchItem, TableAsyncSearchItemType, TableAsyncSearchLocalSelectMultiple, TableAsyncSearchSelect, TableAsyncSearchSelectMultiple, TableAsyncSearchSwitch, TableAsyncSearchText } from "./Table/Async/Search";
+export type { DefaultColumn, DefaultParams, TableAsyncComponentProps, TableAsyncComponentRef, TableButtonMiddleAsync, TableParams, YajraColumn, YajraColumnParams, YajraOrderParams, YajraParams, YajraSearchParams } from "./Table/Async";
+export type { TableAsyncSearchCheckbox, TableAsyncSearchDate, TableAsyncSearchDateRange, TableAsyncSearchFetchSelectMultiple, TableAsyncSearchItem, TableAsyncSearchItemType, TableAsyncSearchLocalSelectMultiple, TableAsyncSearchSelect, TableAsyncSearchSelectMultiple, TableAsyncSearchSwitch, TableAsyncSearchText } from "./Table/Async/Search";
 export { default as TableCellEditableComponent } from "./Table/CellEditable";
 export type { TableCellEditableProps } from "./Table/CellEditable";
 export { default as TabsComponent } from "./Tabs";

package/dist/constants/datePickerFormat.d.ts

@@ -1,4 +1,8 @@
-declare const datePickerFormat: {
-    [key: string]: string;
-};
+export type DatePickerFormatType = "default" | "month" | "year";
+export interface DatePickerFormat {
+    default: string;
+    month: string;
+    year: string;
+}
+declare const datePickerFormat: DatePickerFormat;
 export default datePickerFormat;

package/dist/constants/index.d.ts

@@ -1,3 +1,4 @@
 export { default as datePickerFormat } from "./datePickerFormat";
+export type { DatePickerFormat, DatePickerFormatType } from "./datePickerFormat";
 export { default as formColLayout } from "./formColLayout";
 export type { FormColLayout, FormColSizeSpan } from "./formColLayout";

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

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

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

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

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

@@ -1,12 +1,30 @@
+import { SelectAsyncFormat } from "../../helpers";
 import React from "react";
 import { ColumnOrColumnGroup } from "react-data-grid";
-export type DataGridColumnType = "text" | "select";
+export type DataGridColumnType = "text" | "select" | "date-picker";
+interface DataGrridColumnText {
+    type: "text";
+}
+interface DataGridColumnSelect {
+    type: "select";
+    selectedOptions?: (data: any) => SelectAsyncFormat;
+}
+interface DataGridColumnDatePicker {
+    type: "date-picker";
+    format: string;
+}
 export type DataGridColumn<Row, SummaryRow = unknown> = ColumnOrColumnGroup<Row, SummaryRow> & {
+    key: string;
+    dataIndex?: string | string[];
+    defaultValue?: any;
     hide?: boolean;
-};
+} & (DataGrridColumnText | DataGridColumnSelect | DataGridColumnDatePicker);
+export type DataGridFilterColumnType = "text" | "select";
+export type DataGridFilterColumnSelectOptionKeyType = "value" | "label";
 export interface DataGridFilterColumn {
-    type: DataGridColumnType;
+    type: DataGridFilterColumnType;
     value: string;
+    selectOptionKey?: DataGridFilterColumnSelectOptionKeyType;
 }
 export interface DataGridFilter {
     [key: string]: DataGridFilterColumn;
@@ -17,13 +35,23 @@ export interface DataGridRow<Key> {
     extraData?: {
         [key: string]: any;
     };
+    originalData?: {
+        [key: string]: any;
+    };
     [key: string]: any;
 }
-export interface DataGridContextType<Row extends DataGridRow<Key>, SummaryRow, Key extends React.Key> {
+export interface DataGridExtraData {
+    [key: string]: (data: any) => any;
+}
+export type AddRow<Row> = (index: number, data?: {
+    [key: string]: any;
+}) => Row;
+export type InitRows = (data?: any[]) => void;
+export interface DataGridContextType<Row extends DataGridRow<Key>, SummaryRow = unknown, Key extends React.Key = React.Key> {
     rows?: Row[];
     setRows?: React.Dispatch<React.SetStateAction<Row[]>>;
-    columns?: DataGridColumn<Row, SummaryRow>[];
-    setColumns?: React.Dispatch<React.SetStateAction<DataGridColumn<Row, SummaryRow>[]>>;
+    extraData?: DataGridExtraData;
+    setExtraData?: React.Dispatch<React.SetStateAction<DataGridExtraData>>;
     filterHeader?: boolean;
     filter?: DataGridFilter;
     setFilter?: React.Dispatch<React.SetStateAction<DataGridFilter>>;
@@ -31,8 +59,14 @@ export interface DataGridContextType<Row extends DataGridRow<Key>, SummaryRow, K
     setLoading?: React.Dispatch<React.SetStateAction<boolean>>;
     selectedRows?: ReadonlySet<Key>;
     setSelectedRows?: React.Dispatch<React.SetStateAction<ReadonlySet<Key> | undefined>>;
-    addRow?: (index: number) => Row[];
+    inputStopPropagation?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    selectStopPropagation?: (event: React.KeyboardEvent<HTMLDivElement>) => void;
+    columns?: DataGridColumn<Row, SummaryRow>[];
+    addRow?: AddRow<Row>;
+    initRows?: InitRows;
 }
-export interface DataGridProviderProps {
+export interface DataGridProviderProps<Row, SummaryRow = unknown> {
     filterHeader?: boolean;
+    columns: DataGridColumn<Row, SummaryRow>[];
 }
+export {};

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

@@ -1,5 +1,4 @@
-import { DefaultColumn, TableParams, YajraColumn } from "../../components/Table/Async";
-import { TableAsyncSearchItem } from "../../components/Table/Async/Search";
+import { DefaultColumn, SelectOption, TableAsyncSearchItem, TableParams, YajraColumn } from "../../components";
 import { TablePaginationConfig } from "antd";
 import { AnyObject } from "antd/es/_util/type";
 import { SorterResult } from "antd/es/table/interface";
@@ -29,10 +28,10 @@ export interface TableAsyncSearchContextType {
     drawerOpen?: boolean;
     setDrawerOpen?: React.Dispatch<React.SetStateAction<boolean>>;
     multiSelectedOptions?: {
-        [key: string]: any;
+        [key: string]: SelectOption[];
     };
     setMultiSelectedOptions?: React.Dispatch<React.SetStateAction<{
-        [key: string]: any;
+        [key: string]: SelectOption[];
     }>>;
 }
 export type TableAsyncType = "default" | "yajra";

package/dist/hooks/index.d.ts

@@ -1,2 +1 @@
-export { default as useFocus } from "./useFocus";
 export { default as useRemoveError } from "./useRemoveError";