ados-rcm 1.1.457 → 1.1.458

package/dist/AModule/AComponents/ATable/ATable.d.ts

@@ -9,18 +9,18 @@ import { Resources } from '../AResource/AResource';
 import { TActionRef, TIdx, TPromisable } from '../ATypes/ATypes';
 import { IATableRowProps } from './ATableBody';
 export interface IATableTHProps<T extends IItem> {
-    /**
-     * defKey : TIdx
-     *
-     * Description : defKey of the given defs
-     */
-    defKey: TIdx;
     /**
      * def : IATableDef<T>
      *
      * Description : def of the given defs
      */
     def: IATableDef<T>;
+    /**
+     * defKey : TIdx
+     *
+     * Description : defKey of the given defs
+     */
+    defKey: TIdx;
 }
 export interface IATableTRProps<T extends IItem> {
     /**
@@ -34,62 +34,47 @@ export interface IATableTDProps<T extends IItem> extends IATableTHProps<T>, IATa
 }
 export interface IATableDef<T extends IItem> {
     /**
-     * width? : number = 80
-     *
-     * Description : width of the column
-     */
-    width?: number;
+       * align? : TCanCallback<IATableTHProps<T>, React.CSSProperties['justifyContent']>
+       *
+       * Description : align of the column. type of justifyContent
+       */
+    align?: TCanCallback<IATableTHProps<T>, React.CSSProperties['justifyContent']>;
     /**
-     * minWidth? : number = 25
+     * asText? : TCanCallback<IATableTDProps<T>, string | number>
      *
-     * Description : minWidth of the column
+     * Description : for filteration. complicated contents can be filtered using asText.
      */
-    minWidth?: number;
+    asText?: TCanCallback<IATableTDProps<T>, string | number>;
     /**
-     * maxWidth? : number
+     * colSpan? : TCanCallback<IATableTHProps<T>, number>
      *
-     * Description : maxWidth of the column
+     * Description : colSpan of the column. headers will be not affected and td will overlap.
      */
-    maxWidth?: number;
+    colSpan?: TCanCallback<IATableTHProps<T>, number>;
     /**
-     * align? : TCanCallback<IATableTHProps<T>, React.CSSProperties['justifyContent']>
-     *
-     * Description : align of the column. type of justifyContent
-     */
-    align?: TCanCallback<IATableTHProps<T>, React.CSSProperties['justifyContent']>;
+       * content? : TCanCallback<IATableTDProps<T>, React.ReactNode>
+       *
+       * Description : content of the td
+       */
+    content?: TCanCallback<IATableTDProps<T>, React.ReactNode>;
     /**
-     * colSpan? : TCanCallback<IATableTHProps<T>, number>
+     * hAlign? : TCanCallback<IATableTHProps<T>, React.CSSProperties['justifyContent']>
      *
-     * Description : colSpan of the column. headers will be not affected and td will overlap.
+     * Description : align of the th. type of justifyContent
      */
-    colSpan?: TCanCallback<IATableTHProps<T>, number>;
+    hAlign?: TCanCallback<IATableTHProps<T>, React.CSSProperties['justifyContent']>;
     /**
      * hContent? : TCanCallback<IATableTHProps<T>, React.ReactNode>
      *
      * Description : content of the th
      */
     hContent?: TCanCallback<IATableTHProps<T>, React.ReactNode>;
-    /**
-     * name? : string
-     *
-     * Description : name of the column. if proivded, it will be used as the followings.
-     * - hContent (but hContent will be first in priority)
-     * - filter placeholder
-     * - filter iconTooltip
-     */
-    name?: string;
     /**
      * hStyle? : TCanCallback<IATableTHProps<T>, React.CSSProperties>
      *
      * Description : style of the th. I woudn't touch width, minWidth, maxWidth if I were you.
      */
     hStyle?: TCanCallback<IATableTHProps<T>, React.CSSProperties>;
-    /**
-     * hAlign? : TCanCallback<IATableTHProps<T>, React.CSSProperties['justifyContent']>
-     *
-     * Description : align of the th. type of justifyContent
-     */
-    hAlign?: TCanCallback<IATableTHProps<T>, React.CSSProperties['justifyContent']>;
     /**
      * isSortable? : boolean
      *
@@ -97,29 +82,44 @@ export interface IATableDef<T extends IItem> {
      */
     isSortable?: boolean;
     /**
-     * sortF? : (a: T, b: T, isAsc?: boolean) => number
+     * maxWidth? : number
      *
-     * Description : sortF of the column
+     * Description : maxWidth of the column
      */
-    sortF?: (a: T, b: T, isAsc?: boolean) => number;
+    maxWidth?: number;
     /**
-     * content? : TCanCallback<IATableTDProps<T>, React.ReactNode>
+     * minWidth? : number = 25
      *
-     * Description : content of the td
+     * Description : minWidth of the column
      */
-    content?: TCanCallback<IATableTDProps<T>, React.ReactNode>;
+    minWidth?: number;
     /**
-     * asText? : TCanCallback<IATableTDProps<T>, string | number>
+     * name? : string
      *
-     * Description : for filteration. complicated contents can be filtered using asText.
+     * Description : name of the column. if proivded, it will be used as the followings.
+     * - hContent (but hContent will be first in priority)
+     * - filter placeholder
+     * - filter iconTooltip
      */
-    asText?: TCanCallback<IATableTDProps<T>, string | number>;
+    name?: string;
+    /**
+     * sortF? : (a: T, b: T, isAsc?: boolean) => number
+     *
+     * Description : sortF of the column
+     */
+    sortF?: (a: T, b: T, isAsc?: boolean) => number;
     /**
      * style? : TCanCallback<IATableTDProps<T>, React.CSSProperties>
      *
      * Description : style of the td. I woudn't touch width, minWidth, maxWidth, flexGrow if I were you.
      */
     style?: TCanCallback<IATableTDProps<T>, React.CSSProperties>;
+    /**
+       * width? : number = 80
+       *
+       * Description : width of the column
+       */
+    width?: number;
 }
 export type TATableDefs<T extends IItem> = {
     [key in Exclude<keyof T, symbol>]?: IATableDef<T>;
@@ -128,21 +128,15 @@ export type TATableDefs<T extends IItem> = {
 };
 export type TATableFilterType = 'String' | 'Select' | 'Date' | 'DateRange';
 export interface IATableFilter<T extends IItem, K extends IItem = any> {
-    String: {
-        /**
-         * type : 'String'
-         *
-         * Description : type of the String filter
-         */
-        type: 'String';
+    Date: {
         /**
-         * value : string = ''
+         * filterKey? : keyof K = [key of this filter]
          *
-         * Description : value of the String filter
+         * Description : filterKey of the filter. if not provided, it will use the key of the filter. This is used when to make apiParams using tableF.getFilterParams()
          */
-        value?: string;
+        filterKey?: keyof K;
         /**
-         * icon? : TIcons | Exclude<React.ReactNode, string> = 'Info'
+         * icon? : TIcons | Exclude<React.ReactNode, string> = 'CalerdarDay'
          *
          * Description : icon of the String filter
          */
@@ -154,58 +148,57 @@ export interface IATableFilter<T extends IItem, K extends IItem = any> {
          */
         iconTooltip?: React.ReactNode;
         /**
-         * filterKey? : keyof K = [key of this filter]
+         * maxDate? : Date
          *
-         * Description : filterKey of the filter. if not provided, it will use the key of the filter. This is used when to make apiParams using tableF.getFilterParams()
+         * Description : maxDate of the Date filter
          */
-        filterKey?: keyof K;
+        maxDate?: Date;
         /**
-         * predicate? : (item: T, defs: TATableDefs<T>, filterKey: keyof T | string, filter: IATableFilter<T>['String']) => any
+         * minDate? : Date
          *
-         * Description : predicate of the String filter
+         * Description : minDate of the Date filter
          */
-        predicate?: (item: T, defs: TATableDefs<T>, filterKey: keyof T | string, filter: IATableFilter<T>['String']) => any;
+        minDate?: Date;
         /**
-         * placeholder? : string = def.Name
+         * placeholder : string = def.Name
          *
-         * Description : placeholder of the String filter
-         * default is tableDef.HContent
+         * Description : placeholder of the Date filter
          */
         placeholder?: string;
         /**
-         * autoFocus? : boolean
+         * predicate? : (item: T, defs: TATableDefs<T>, filterKey: keyof T, filter: IATableFilter<T>['Date']) => any
          *
-         * Description : decides whether the input is focused or not
+         * Description : predicate of the Date filter. if not provided, it will have default predicate.
          */
-        autoFocus?: boolean;
+        predicate?: (item: T, defs: TATableDefs<T>, filterKey: keyof T, filter: IATableFilter<T>['Date']) => any;
         /**
-         * maxLength? : number
+         * type : 'Date'
          *
-         * Description : maxLength of the String filter
+         * Description : type of the Date filter
          */
-        maxLength?: number;
+        type: 'Date';
         /**
-         * validation? : (value?: string) => string | undefined
+         * validation? : (value?: Date) => string | undefined
          *
-         * Description : validation of the String filter
+         * Description : validation of the Date filter
          */
-        validation?: (value: string) => string;
-    };
-    Select: {
+        validation?: (value?: Date) => string;
         /**
-         * type : 'Select'
+         * value : Date = new Date()
          *
-         * Description : type of the Select filter
+         * Description : value of the Date filter
          */
-        type: 'Select';
+        value?: Date;
+    };
+    DateRange: {
         /**
-         * value : string | number | null = null
+         * eFilterKey : keyof K
          *
-         * Description : values of the Select filter
+         * Description : filterKey of the filter.value.eDate. This is used when to make apiParams using tableF.getFilterParams()
          */
-        value?: string | number | null;
+        eFilterKey: keyof K;
         /**
-         * icon? : TIcons | Exclude<React.ReactNode, string> = 'Info'
+         * icon? : TIcons | Exclude<React.ReactNode, string> = 'CalendarDay'
          *
          * Description : icon of the String filter
          */
@@ -217,17 +210,23 @@ export interface IATableFilter<T extends IItem, K extends IItem = any> {
          */
         iconTooltip?: React.ReactNode;
         /**
-         * filterKey? : keyof K = [key of this filter]
+         * maxDate? : Date
          *
-         * Description : filterKey of the filter. if not provided, it will use the key of the filter. This is used when to make apiParams using tableF.getFilterParams()
+         * Description : maxDate of the DateRange filter
          */
-        filterKey?: keyof K;
+        maxDate?: Date;
         /**
-         * options :
+         * minDate? : Date
          *
-         * Description : options of the Select filter
+         * Description : minDate of the DateRange filter
          */
-        options: string[] | number[];
+        minDate?: Date;
+        /**
+         * noDefaultChoices? : boolean
+         *
+         * Description : if true, default choices will not be shown.
+         */
+        noDefaultChoices?: boolean;
         /**
          * placeholder : string = def.Name
          *
@@ -235,35 +234,53 @@ export interface IATableFilter<T extends IItem, K extends IItem = any> {
          */
         placeholder?: string;
         /**
-         * OptionRenderer? : (props: { option: string | number }) => React.ReactNode;
+         * predicate? : (item: T, defs: TATableDefs<T>, filterKey: keyof T | string, filter: IATableFilter<T>['DateRange']) => any
          *
-         * Description : OptionRenderer of the Select filter
+         * Description : predicate of the DateRange filter. if not provided, it will have default predicate.
          */
-        OptionRenderer?: (props: {
-            option: string | number | null;
-        }) => React.ReactNode;
+        predicate?: (item: T, defs: TATableDefs<T>, filterKey: keyof T, filter: IATableFilter<T>['DateRange']) => any;
         /**
-         * predicate? : (item: T, defs: TATableDefs<T>, filterKey: keyof T | string, filter: IATableFilter<T>['Select']) => any
+         * sFilterKey : keyof K
          *
-         * Description : predicate of the Select filter. if not provided, it will have default predicate.
+         * Description : filterKey of the filter.value.sDate. This is used when to make apiParams using tableF.getFilterParams()
          */
-        predicate?: (item: T, defs: TATableDefs<T>, filterKey: keyof T | string, filter: IATableFilter<T>['Select']) => any;
+        sFilterKey: keyof K;
+        /**
+         * type : 'DateRange'
+         *
+         * Description : type of the DateRange filter
+         */
+        type: 'DateRange';
+        /**
+         * validation? : (value?: IDateRange) => string | undefined
+         *
+         * Description : validation of the DateRange filter
+         */
+        validation?: (value?: IDateRange) => string;
+        /**
+         * value : IDateRange
+         *
+         * Description : value of the DateRange filter
+         */
+        value?: IDateRange;
     };
-    Date: {
+    Select: {
         /**
-         * type : 'Date'
+         * OptionRenderer? : (props: { option: string | number }) => React.ReactNode;
          *
-         * Description : type of the Date filter
+         * Description : OptionRenderer of the Select filter
          */
-        type: 'Date';
+        OptionRenderer?: (props: {
+            option: string | number | null;
+        }) => React.ReactNode;
         /**
-         * value : Date = new Date()
+         * filterKey? : keyof K = [key of this filter]
          *
-         * Description : value of the Date filter
+         * Description : filterKey of the filter. if not provided, it will use the key of the filter. This is used when to make apiParams using tableF.getFilterParams()
          */
-        value?: Date;
+        filterKey?: keyof K;
         /**
-         * icon? : TIcons | Exclude<React.ReactNode, string> = 'CalerdarDay'
+         * icon? : TIcons | Exclude<React.ReactNode, string> = 'Info'
          *
          * Description : icon of the String filter
          */
@@ -275,57 +292,51 @@ export interface IATableFilter<T extends IItem, K extends IItem = any> {
          */
         iconTooltip?: React.ReactNode;
         /**
-         * filterKey? : keyof K = [key of this filter]
+         * options :
          *
-         * Description : filterKey of the filter. if not provided, it will use the key of the filter. This is used when to make apiParams using tableF.getFilterParams()
+         * Description : options of the Select filter
          */
-        filterKey?: keyof K;
+        options: string[] | number[];
         /**
          * placeholder : string = def.Name
          *
-         * Description : placeholder of the Date filter
+         * Description : placeholder of the Select filter
          */
         placeholder?: string;
         /**
-         * minDate? : Date
-         *
-         * Description : minDate of the Date filter
-         */
-        minDate?: Date;
-        /**
-         * maxDate? : Date
+         * predicate? : (item: T, defs: TATableDefs<T>, filterKey: keyof T | string, filter: IATableFilter<T>['Select']) => any
          *
-         * Description : maxDate of the Date filter
+         * Description : predicate of the Select filter. if not provided, it will have default predicate.
          */
-        maxDate?: Date;
+        predicate?: (item: T, defs: TATableDefs<T>, filterKey: keyof T | string, filter: IATableFilter<T>['Select']) => any;
         /**
-         * predicate? : (item: T, defs: TATableDefs<T>, filterKey: keyof T, filter: IATableFilter<T>['Date']) => any
+         * type : 'Select'
          *
-         * Description : predicate of the Date filter. if not provided, it will have default predicate.
+         * Description : type of the Select filter
          */
-        predicate?: (item: T, defs: TATableDefs<T>, filterKey: keyof T, filter: IATableFilter<T>['Date']) => any;
+        type: 'Select';
         /**
-         * validation? : (value?: Date) => string | undefined
+         * value : string | number | null = null
          *
-         * Description : validation of the Date filter
+         * Description : values of the Select filter
          */
-        validation?: (value?: Date) => string;
+        value?: string | number | null;
     };
-    DateRange: {
+    String: {
         /**
-         * type : 'DateRange'
+         * autoFocus? : boolean
          *
-         * Description : type of the DateRange filter
+         * Description : decides whether the input is focused or not
          */
-        type: 'DateRange';
+        autoFocus?: boolean;
         /**
-         * value : IDateRange
+         * filterKey? : keyof K = [key of this filter]
          *
-         * Description : value of the DateRange filter
+         * Description : filterKey of the filter. if not provided, it will use the key of the filter. This is used when to make apiParams using tableF.getFilterParams()
          */
-        value?: IDateRange;
+        filterKey?: keyof K;
         /**
-         * icon? : TIcons | Exclude<React.ReactNode, string> = 'CalendarDay'
+         * icon? : TIcons | Exclude<React.ReactNode, string> = 'Info'
          *
          * Description : icon of the String filter
          */
@@ -337,53 +348,42 @@ export interface IATableFilter<T extends IItem, K extends IItem = any> {
          */
         iconTooltip?: React.ReactNode;
         /**
-         * placeholder : string = def.Name
-         *
-         * Description : placeholder of the Select filter
-         */
-        placeholder?: string;
-        /**
-         * sFilterKey : keyof K
-         *
-         * Description : filterKey of the filter.value.sDate. This is used when to make apiParams using tableF.getFilterParams()
-         */
-        sFilterKey: keyof K;
-        /**
-         * eFilterKey : keyof K
+         * maxLength? : number
          *
-         * Description : filterKey of the filter.value.eDate. This is used when to make apiParams using tableF.getFilterParams()
+         * Description : maxLength of the String filter
          */
-        eFilterKey: keyof K;
+        maxLength?: number;
         /**
-         * minDate? : Date
+         * placeholder? : string = def.Name
          *
-         * Description : minDate of the DateRange filter
+         * Description : placeholder of the String filter
+         * default is tableDef.HContent
          */
-        minDate?: Date;
+        placeholder?: string;
         /**
-         * maxDate? : Date
+         * predicate? : (item: T, defs: TATableDefs<T>, filterKey: keyof T | string, filter: IATableFilter<T>['String']) => any
          *
-         * Description : maxDate of the DateRange filter
+         * Description : predicate of the String filter
          */
-        maxDate?: Date;
+        predicate?: (item: T, defs: TATableDefs<T>, filterKey: keyof T | string, filter: IATableFilter<T>['String']) => any;
         /**
-         * predicate? : (item: T, defs: TATableDefs<T>, filterKey: keyof T | string, filter: IATableFilter<T>['DateRange']) => any
+         * type : 'String'
          *
-         * Description : predicate of the DateRange filter. if not provided, it will have default predicate.
+         * Description : type of the String filter
          */
-        predicate?: (item: T, defs: TATableDefs<T>, filterKey: keyof T, filter: IATableFilter<T>['DateRange']) => any;
+        type: 'String';
         /**
-         * noDefaultChoices? : boolean
+         * validation? : (value?: string) => string | undefined
          *
-         * Description : if true, default choices will not be shown.
+         * Description : validation of the String filter
          */
-        noDefaultChoices?: boolean;
+        validation?: (value: string) => string;
         /**
-         * validation? : (value?: IDateRange) => string | undefined
+         * value : string = ''
          *
-         * Description : validation of the DateRange filter
+         * Description : value of the String filter
          */
-        validation?: (value?: IDateRange) => string;
+        value?: string;
     };
 }
 export type TATableSomeFilter<T extends IItem, K extends IItem = any> = IATableFilter<T, K>[TATableFilterType];
@@ -420,18 +420,18 @@ export interface IATablePagination {
      * Description : page of the pagination
      */
     page: number;
-    /**
-     * pageSize : number
-     *
-     * Description : pageSize of the pagination
-     */
-    pageSize: number;
     /**
      * pageRange : number
      *
      * Description : pageRange of the pagination
      */
     pageRange: number;
+    /**
+     * pageSize : number
+     *
+     * Description : pageSize of the pagination
+     */
+    pageSize: number;
 }
 /**
  * IATableState<T extends IItem, K extends IItem = any>
@@ -465,70 +465,64 @@ export interface IATableState<T extends IItem, K extends IItem = any> {
     sortation?: IATableSortation<T>;
 }
 export interface IATableActions<T extends IItem> {
-    fireOnStateChange: (cb?: (oldState: IATableState<T>) => IATableState<T>) => TPromisable<void>;
     applyFilteration: (cb?: (oldFilteration: TATableFilteration<T>) => TATableFilteration<T>) => TPromisable<void>;
+    fireOnStateChange: (cb?: (oldState: IATableState<T>) => IATableState<T>) => TPromisable<void>;
 }
 export interface IATableProps<T extends IItem> {
     /**
-     * defs : TATableDefs<T>
-     *
-     * Description : defs of ATable
-     */
-    defs: TATableDefs<T>;
-    /**
-     * pk? : keyof T | (keyof T)[]
+     * RowRenderer? : (props: IATableRowProps<T>) => React.ReactNode
      *
-     * Description : pk of ATable
+     * Description : RowRenderer of ATable
      */
-    pk?: keyof T | (keyof T)[];
+    RowRenderer?: (props: IATableRowProps<T>) => React.ReactNode;
     /**
-     * defaultDef? : IATableDef<T>
+     * TopLeftAddon? : React.ReactNode
      *
-     * Description : defaultDef of ATable
+     * Description : TopLeftAddon of ATable
      */
-    defaultDef?: IATableDef<T>;
+    TopLeftAddon?: React.ReactNode;
     /**
-     * rProps? : TCanCallback<IATableTRProps<T>, IABaseProps>
+     * TopRightAddon? : React.ReactNode
      *
-     * Description : rProps of ATable
+     * Description : TopRightAddon of ATable
      */
-    rProps?: TCanCallback<IATableTRProps<T>, IABaseProps>;
+    TopRightAddon?: React.ReactNode;
     /**
-     * useSelect? : TUseValues<T[]>
+     * actionRef? : TActionRef<IATableActions<T>>
      *
-     * Description : useSelect of ATable.
+     * Description : actionRef of ATable
      */
-    useSelect?: TUseValues<T[]>;
+    actionRef?: TActionRef<IATableActions<T>>;
     /**
-     * isSelectMulti? : boolean
+     * checkDisabled? : (item: T) => string | boolean | undefined
      *
-     * Description : isSelectMulti of ATable. if true, multiple items can be selected.
+     * Description : checkDisabled of ATable. if string is returned, it will be displayed as tooltip.
      */
-    isSelectMulti?: boolean;
+    checkDisabled?: (item: T) => string | boolean | undefined;
     /**
-     * selectDisabled? : (item: T) => string | boolean | undefined
+     * defaultDef? : IATableDef<T>
      *
-     * Description : selectDisabled of ATable. if string is returned, it will be displayed as tooltip.
+     * Description : defaultDef of ATable
      */
-    selectDisabled?: (item: T) => string | boolean | undefined;
+    defaultDef?: IATableDef<T>;
     /**
-     * useCheck? : TUseValues<T[]>
+     * defs : TATableDefs<T>
      *
-     * Description : useCheck of ATable
+     * Description : defs of ATable
      */
-    useCheck?: TUseValues<T[]>;
+    defs: TATableDefs<T>;
     /**
-     * checkDisabled? : (item: T) => string | boolean | undefined
+     * entireItems? : T[]
      *
-     * Description : checkDisabled of ATable. if string is returned, it will be displayed as tooltip.
+     * Description : entireItems of ATable. entireItems will be affected by filteration, sortation, and pagination.
      */
-    checkDisabled?: (item: T) => string | boolean | undefined;
+    entireItems?: T[];
     /**
-     * isLoading? : boolean
+     * filterType? : 'Default' | 'Select'
      *
-     * Description : decides whether the table is loading or not
+     * Description : filterType of ATable. When 'Select', it behaves like the old useSelectFilteration.
      */
-    isLoading?: boolean;
+    filterType?: 'Default' | 'Select';
     /**
      * isDisabled? : boolean
      *
@@ -536,155 +530,161 @@ export interface IATableProps<T extends IItem> {
      */
     isDisabled?: string | boolean;
     /**
-     * title? : React.ReactNode
+     * isLoading? : boolean
      *
-     * Description : title of ATable
+     * Description : decides whether the table is loading or not
      */
-    title?: React.ReactNode;
+    isLoading?: boolean;
     /**
-     * entireItems? : T[]
+     * isSelectMulti? : boolean
      *
-     * Description : entireItems of ATable. entireItems will be affected by filteration, sortation, and pagination.
+     * Description : isSelectMulti of ATable. if true, multiple items can be selected.
      */
-    entireItems?: T[];
+    isSelectMulti?: boolean;
     /**
-     * onStateChange? : (params: IATableState<T>) => void
+     * noCount? : boolean
      *
-     * Description : onStateChange of ATable. will be called when filteration, sortation, and pagination changes.
+     * Description : hides count if set to true
      */
-    onStateChange?: (params: IATableState<T>) => TPromisable<void>;
+    noCount?: boolean;
     /**
-     * pagedItems? : T[]
+     * noDefHeader? : boolean
      *
-     * Description : pagedItems of ATable. if provided, entireItems will be ignored. pagedItems will not be affected by filteration, sortation, and pagination.
+     * Description : hides defHeader if set to true
      */
-    pagedItems?: T[];
+    noDefHeader?: boolean;
     /**
-     * totalCount? : number
+     * noFilter? : boolean
      *
-     * Description : totalCount of ATable. if provided, pagination will be affected.
+     * Description : hides filter if set to true
      */
-    totalCount?: number;
+    noFilter?: boolean;
     /**
-     * useFilteration? : TUseValues<TATableFilteration<T>>
+     * noFooter? : boolean
      *
-     * Description : useFilteration of ATable. filteration can be controlled by useFilteration.
+     * Description : hides footer if set to true
      */
-    useFilteration?: TUseValues<TATableFilteration<T>>;
+    noFooter?: boolean;
     /**
-     * useToggleFilteration? : TUseValues<TATableFilteration<T>>
+     * noHeader? : boolean
      *
-     * Description : useToggleFilteration of ATable. toggleFilteration can be controlled by useToggleFilteration.
+     * Description : hides header if set to true
      */
-    useToggleFilteration?: TUseValues<TATableFilteration<T>>;
+    noHeader?: boolean;
     /**
-     * filterType? : 'Default' | 'Select'
+     * noMarking? : boolean
      *
-     * Description : filterType of ATable. When 'Select', it behaves like the old useSelectFilteration.
+     * Description : hides marking if set to true
      */
-    filterType?: 'Default' | 'Select';
+    noMarking?: boolean;
     /**
-     * placeholder? : string
+     * noStateChangeOnMount? : boolean
      *
-     * Description : placeholder of ATable.
+     * Description : if true, onStateChange will not be called on render.
      */
-    placeholder?: string;
+    noStateChangeOnMount?: boolean;
     /**
-     * rowHeight? : number
+     * onStateChange? : (params: IATableState<T>) => void
      *
-     * Description : rowHeight of ATable.
+     * Description : onStateChange of ATable. will be called when filteration, sortation, and pagination changes.
      */
-    rowHeight?: number;
+    onStateChange?: (params: IATableState<T>) => TPromisable<void>;
     /**
-     * usePagination? : TUseValues<IATablePagination>
+     * pagedItems? : T[]
      *
-     * Description : usePagination of ATable. pagination can be controlled by usePagination.
+     * Description : pagedItems of ATable. if provided, entireItems will be ignored. pagedItems will not be affected by filteration, sortation, and pagination.
      */
-    usePagination?: TUseValues<Partial<IATablePagination>, IATablePagination>;
+    pagedItems?: T[];
     /**
-     * useSortation? : TUseValues<IATableSortation<T> | undefined>;
+     * pk? : keyof T | (keyof T)[]
      *
-     * Description : useSortation of ATable. sortation can be controlled by useSortation.
+     * Description : pk of ATable
      */
-    useSortation?: TUseValues<IATableSortation<T> | undefined>;
+    pk?: keyof T | (keyof T)[];
     /**
-     * showRows? : number
+     * placeholder? : string
      *
-     * Description : showRows of ATable. if provided, it will show the rows of the table.
+     * Description : placeholder of ATable.
      */
-    showRows?: number;
+    placeholder?: string;
     /**
-     * noHeader? : boolean
+     * rProps? : TCanCallback<IATableTRProps<T>, IABaseProps>
      *
-     * Description : hides header if set to true
+     * Description : rProps of ATable
      */
-    noHeader?: boolean;
+    rProps?: TCanCallback<IATableTRProps<T>, IABaseProps>;
     /**
-     * noFooter? : boolean
+     * resources? : Partial<typeof Resources.ATable>
      *
-     * Description : hides footer if set to true
+     * Description : resources of ATable
      */
-    noFooter?: boolean;
+    resources?: Partial<typeof Resources.ATable>;
     /**
-     * noFilter? : boolean
+     * rowHeight? : number
      *
-     * Description : hides filter if set to true
+     * Description : rowHeight of ATable.
      */
-    noFilter?: boolean;
+    rowHeight?: number;
     /**
-     * noDefHeader? : boolean
+     * selectDisabled? : (item: T) => string | boolean | undefined
      *
-     * Description : hides defHeader if set to true
+     * Description : selectDisabled of ATable. if string is returned, it will be displayed as tooltip.
      */
-    noDefHeader?: boolean;
+    selectDisabled?: (item: T) => string | boolean | undefined;
     /**
-     * noCount? : boolean
+     * showRows? : number
      *
-     * Description : hides count if set to true
+     * Description : showRows of ATable. if provided, it will show the rows of the table.
      */
-    noCount?: boolean;
+    showRows?: number;
     /**
-     * noMarking? : boolean
+     * title? : React.ReactNode
      *
-     * Description : hides marking if set to true
+     * Description : title of ATable
      */
-    noMarking?: boolean;
+    title?: React.ReactNode;
     /**
-     * noStateChangeOnMount? : boolean
+     * totalCount? : number
      *
-     * Description : if true, onStateChange will not be called on render.
+     * Description : totalCount of ATable. if provided, pagination will be affected.
      */
-    noStateChangeOnMount?: boolean;
+    totalCount?: number;
     /**
-     * TopLeftAddon? : React.ReactNode
+     * useCheck? : TUseValues<T[]>
      *
-     * Description : TopLeftAddon of ATable
+     * Description : useCheck of ATable
      */
-    TopLeftAddon?: React.ReactNode;
+    useCheck?: TUseValues<T[]>;
     /**
-     * TopRightAddon? : React.ReactNode
+     * useFilteration? : TUseValues<TATableFilteration<T>>
      *
-     * Description : TopRightAddon of ATable
+     * Description : useFilteration of ATable. filteration can be controlled by useFilteration.
      */
-    TopRightAddon?: React.ReactNode;
+    useFilteration?: TUseValues<TATableFilteration<T>>;
     /**
-     * actionRef? : TActionRef<IATableActions<T>>
+     * usePagination? : TUseValues<IATablePagination>
      *
-     * Description : actionRef of ATable
+     * Description : usePagination of ATable. pagination can be controlled by usePagination.
      */
-    actionRef?: TActionRef<IATableActions<T>>;
+    usePagination?: TUseValues<Partial<IATablePagination>, IATablePagination>;
     /**
-     * RowRenderer? : (props: IATableRowProps<T>) => React.ReactNode
+     * useSelect? : TUseValues<T[]>
      *
-     * Description : RowRenderer of ATable
+     * Description : useSelect of ATable.
      */
-    RowRenderer?: (props: IATableRowProps<T>) => React.ReactNode;
+    useSelect?: TUseValues<T[]>;
     /**
-     * resources? : Partial<typeof Resources.ATable>
+     * useSortation? : TUseValues<IATableSortation<T> | undefined>;
      *
-     * Description : resources of ATable
+     * Description : useSortation of ATable. sortation can be controlled by useSortation.
      */
-    resources?: Partial<typeof Resources.ATable>;
+    useSortation?: TUseValues<IATableSortation<T> | undefined>;
+    /**
+     * useToggleFilteration? : TUseValues<TATableFilteration<T>>
+     *
+     * Description : useToggleFilteration of ATable. toggleFilteration can be controlled by useToggleFilteration.
+     */
+    useToggleFilteration?: TUseValues<TATableFilteration<T>>;
 }
 /**
  * AComponent : ATable