sti-antd-package 0.0.12 → 0.0.14

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

@@ -1,6 +1,7 @@
+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, SummaryRows, Key extends React.Key>({ ...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,6 +1,13 @@
-import React from "react";
-export interface DataGridComponentProps {
+import { DataGridFilter } from "../../context/DataGrid";
+import React, { Ref } from "react";
+export interface DataGridComponentRef {
+    setLoading: React.Dispatch<React.SetStateAction<boolean>> | undefined;
+    filter: () => DataGridFilter | undefined;
+    setFilter: (filter: DataGridFilter) => void;
+}
+export type DataGridComponentProps = {
     addRows?: boolean;
-    filterHeader?: boolean;
     extraLeft?: React.ReactNode;
-}
+    data: any;
+    ref?: Ref<DataGridComponentRef>;
+};

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

@@ -1,8 +1,8 @@
-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";
-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";
@@ -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'];
@@ -34,7 +35,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

@@ -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";
@@ -6,19 +6,20 @@ 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";
 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'];
@@ -35,7 +36,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/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/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";
@@ -41,8 +43,7 @@ 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 { 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 } 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 = unknown, Key extends React.Key = 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 = 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,22 +1,72 @@
+import { SelectAsyncFormat } from "../../helpers";
 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" | "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: DataGridFilterColumnType;
     value: string;
+    selectOptionKey?: DataGridFilterColumnSelectOptionKeyType;
+}
+export interface DataGridFilter {
+    [key: string]: DataGridFilterColumn;
+}
+export interface DataGridRow<Key> {
+    index: Key;
+    read: boolean;
+    extraData?: {
+        [key: string]: any;
+    };
+    originalData?: {
+        [key: string]: any;
+    };
+    [key: string]: any;
 }
-export interface Filter {
-    [key: string]: FilterColumn;
+export interface DataGridExtraData {
+    [key: string]: (data: any) => any;
 }
-export interface DataGridContextType<Key extends React.Key> {
+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[]>>;
+    extraData?: DataGridExtraData;
+    setExtraData?: React.Dispatch<React.SetStateAction<DataGridExtraData>>;
     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>>;
+    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;
-    children?: React.ReactNode;
+    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/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/hooks/index.d.ts

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