ados-rcm 1.0.10 → 1.0.12

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

@@ -27,19 +27,22 @@ import { TIdx } from '../ATypes/ATypes';
 export interface IATableTHProps<T extends IItem> {
     /**
      * defKey : TIdx
-     * <br/>Description : defKey of the given defs
+     *
+     * Description : defKey of the given defs
      */
     defKey: TIdx;
     /**
      * def : IATableDef<T>
-     * <br/>Description : def of the given defs
+     *
+     * Description : def of the given defs
      */
     def: IATableDef<T>;
 }
 export interface IATableTRProps<T extends IItem> {
     /**
      * item : T
-     * <br/>Description : item of the given items
+     *
+     * Description : item of the given items
      */
     item: T;
 }
@@ -48,77 +51,92 @@ export interface IATableTDProps<T extends IItem> extends IATableTHProps<T>, IATa
 export interface IATableDef<T extends IItem> {
     /**
      * width? : TCanCallback<IATableTHProps<T>, number>
-     * <br/>Description : width of the column
+     *
+     * Description : width of the column
      */
     width?: TCanCallback<IATableTHProps<T>, number>;
     /**
      * maxWidth? : TCanCallback<IATableTHProps<T>, number>
-     * <br/>Description : maxWidth of the column
+     *
+     * Description : maxWidth of the column
      */
     maxWidth?: TCanCallback<IATableTHProps<T>, number>;
     /**
      * minWidth? : TCanCallback<IATableTHProps<T>, number>
-     * <br/>Description : minWidth of the column
+     *
+     * Description : minWidth of the column
      */
     minWidth?: TCanCallback<IATableTHProps<T>, number>;
     /**
      * align? : TCanCallback<IATableTHProps<T>, React.CSSProperties['justifyContent']>
-     * <br/>Description : align of the column. type of justifyContent
+     *
+     * Description : align of the column. type of justifyContent
      */
     align?: TCanCallback<IATableTHProps<T>, React.CSSProperties['justifyContent']>;
     /**
      * colSpan? : TCanCallback<IATableTHProps<T>, number>
-     * <br/>Description : colSpan of the column. headers will be not affected and td will overlap.
+     *
+     * Description : colSpan of the column. headers will be not affected and td will overlap.
      */
     colSpan?: TCanCallback<IATableTHProps<T>, number>;
     /**
      * hContent? : TCanCallback<IATableTHProps<T>, React.ReactNode>
-     * <br/>Description : content of the th
+     *
+     * Description : content of the th
      */
     hContent?: TCanCallback<IATableTHProps<T>, React.ReactNode>;
     /**
      * hColor? : TCanCallback<IATableTHProps<T>, React.CSSProperties['color']>
-     * <br/>Description : color of the th
+     *
+     * Description : color of the th
      */
     hColor?: TCanCallback<IATableTHProps<T>, React.CSSProperties['color']>;
     /**
      * hBackgroundColor? : TCanCallback<IATableTHProps<T>, React.CSSProperties['backgroundColor']>
-     * <br/>Description : backgroundColor of the th
+     *
+     * Description : backgroundColor of the th
      */
     hBackgroundColor?: TCanCallback<IATableTHProps<T>, React.CSSProperties['backgroundColor']>;
     /**
      * isSortable? : boolean
-     * <br/>Description : decides whether the column is sortable or not
+     *
+     * Description : decides whether the column is sortable or not
      */
     isSortable?: boolean;
     /**
      * noResize? : boolean
-     * <br/>Description : decides whether the column is resizable or not
+     *
+     * Description : decides whether the column is resizable or not
      */
     noResize?: boolean;
     /**
      * sortF? : (a: T, b: T) => number
-     * <br/>Description : sortF of the column
+     *
+     * Description : sortF of the column
      */
     sortF?: (a: T, b: T) => number;
     /**
      * content? : TCanCallback<IATableTDProps<T>, React.ReactNode>
-     * <br/>Description : content of the td
+     *
+     * Description : content of the td
      */
     content?: TCanCallback<IATableTDProps<T>, React.ReactNode>;
     /**
      * asText? : TCanCallback<IATableTDProps<T>, string | number>
-     * <br/>Description : for filteration. complicated contents can be filtered using asText.
+     *
+     * Description : for filteration. complicated contents can be filtered using asText.
      */
     asText?: TCanCallback<IATableTDProps<T>, string | number>;
     /**
      * color? : TCanCallback<IATableTDProps<T>, React.CSSProperties['color']>
-     * <br/>Description : color of the td
+     *
+     * Description : color of the td
      */
     color?: TCanCallback<IATableTDProps<T>, React.CSSProperties['color']>;
     /**
      * backgroundColor? : TCanCallback<IATableTDProps<T>, React.CSSProperties['backgroundColor']>
-     * <br/>Description : backgroundColor of the td
+     *
+     * Description : backgroundColor of the td
      */
     backgroundColor?: TCanCallback<IATableTDProps<T>, React.CSSProperties['backgroundColor']>;
 }
@@ -132,108 +150,128 @@ export interface IATableFilterDef<T extends IItem> {
     String: {
         /**
          * type : 'String'
-         * <br/>Description : type of the String filter Def
+         *
+         * Description : type of the String filter Def
          */
         type: 'String';
         /**
          * defKey? : keyof T | ''
-         * <br/>Description : defKey of the String filter Def
+         *
+         * Description : defKey of the String filter Def
          */
         defKey?: keyof T | '';
         /**
          * predicate? : (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['String']) => any
-         * <br/>Description : predicate of the String filter Def. if not provided, it will have default predicate.
+         *
+         * Description : predicate of the String filter Def. if not provided, it will have default predicate.
          */
         predicate?: (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['String']) => any;
         /**
          * placeholder? : string
-         * <br/>Description : placeholder of the String filter Def
+         *
+         * Description : placeholder of the String filter Def
          */
         placeholder?: string;
     };
     Select: {
         /**
          * type : 'Select'
-         * <br/>Description : type of the Select filter Def
+         *
+         * Description : type of the Select filter Def
          */
         type: 'Select';
         /**
          * defKey? : keyof T | ''
-         * <br/>Description : defKey of the Select filter Def
+         *
+         * Description : defKey of the Select filter Def
          */
         defKey?: keyof T | '';
         /**
          * options : (string | number)[]
-         * <br/>Description : options of the Select filter Def
+         *
+         * Description : options of the Select filter Def
          */
         options: (string | number)[];
         /**
          * placeholder : (string | number)[]
-         * <br/>Description : values of the Select filter Def
+         *
+         * Description : values of the Select filter Def
          */
         placeholder?: string;
         /**
          * OptionRenderer? : (option: string | number) => React.ReactNode
-         * <br/>Description : OptionRenderer of the Select filter Def
+         *
+         * Description : OptionRenderer of the Select filter Def
          */
         OptionRenderer?: (option: string | number) => React.ReactNode;
         /**
          * predicate? : (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['Select']) => any
-         * <br/>Description : predicate of the Select filter Def. if not provided, it will have default predicate.
+         *
+         * Description : predicate of the Select filter Def. if not provided, it will have default predicate.
          */
         predicate?: (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['Select']) => any;
     };
     Date: {
         /**
          * type : 'Date'
-         * <br/>Description : type of the Date filter Def
+         *
+         * Description : type of the Date filter Def
          */
         type: 'Date';
         /**
          * defKey? : keyof T | ''
-         * <br/>Description : defKey of the Date filter Def
+         *
+         * Description : defKey of the Date filter Def
          */
         defKey?: keyof T | '';
         /**
          * minDate? : Date
-         * <br/>Description : minDate of the Date filter Def
+         *
+         * Description : minDate of the Date filter Def
          */
         minDate?: Date;
         /**
          * maxDate? : Date
-         * <br/>Description : maxDate of the Date filter Def
+         *
+         * Description : maxDate of the Date filter Def
          */
         maxDate?: Date;
         /**
          * predicate? : (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['Date']) => any
-         * <br/>Description : predicate of the Date filter Def. if not provided, it will have default predicate.
+         *
+         * Description : predicate of the Date filter Def. if not provided, it will have default predicate.
          */
         predicate?: (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['Date']) => any;
     };
     DateRange: {
         /**
          * type : 'DateRange'
-         * <br/>Description : type of the DateRange filter Def
+         *
+         * Description : type of the DateRange filter Def
          */
         type: 'DateRange';
         /**
          * defKey? : keyof T | ''
-         * <br/>Description : defKey of the DateRange filter Def
+         *
+         * Description : defKey of the DateRange filter Def
          */
         defKey?: keyof T | '';
         /**
          * minDate? : Date
-         * <br/>Description : minDate of the DateRange filter Def
+         *
+         * Description : minDate of the DateRange filter Def
          */
         minDate?: Date;
         /**
          * maxDate? : Date
-         * <br/>Description : maxDate of the DateRange filter Def
+         *
+         * Description : maxDate of the DateRange filter Def
          */
         maxDate?: Date;
         /**
          * predicate? : (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['DateRange']) => any
-         * <br/>Description : predicate of the DateRange filter Def. if not provided, it will have default predicate.
+         *
+         * Description : predicate of the DateRange filter Def. if not provided, it will have default predicate.
          */
         predicate?: (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['DateRange']) => any;
     };
@@ -242,12 +280,14 @@ export type TATableSomeFilterDef<T extends IItem> = IATableFilterDef<T>[TATableF
 export type TATableFilterationDefs<T extends IItem> = {
     /**
      * type : 'And' | 'Or'
-     * <br/>Description : type of the filteration Defs
+     *
+     * Description : type of the filteration Defs
      */
     type: 'And' | 'Or';
     /**
      * defs : TATableSomeFilterDef<T>[]
-     * <br/>Description : defs of the filteration Defs
+     *
+     * Description : defs of the filteration Defs
      */
     defs: TATableSomeFilterDef<T>[];
 };
@@ -255,133 +295,158 @@ export interface IATableFilter<T extends IItem> {
     String: {
         /**
          * type : 'String'
-         * <br/>Description : type of the String filter
+         *
+         * Description : type of the String filter
          */
         type: 'String';
         /**
          * defKey? : keyof T | ''
-         * <br/>Description : defKey of the String filter
+         *
+         * Description : defKey of the String filter
          */
         defKey: keyof T | '';
         /**
          * value : string
-         * <br/>Description : value of the String filter
+         *
+         * Description : value of the String filter
          */
         value: string;
         /**
          * predicate? : (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['String']) => any
-         * <br/>Description : predicate of the String filter
+         *
+         * Description : predicate of the String filter
          */
         predicate?: (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['String']) => any;
         /**
          * placeholder? : string
-         * <br/>Description : placeholder of the String filter
+         *
+         * Description : placeholder of the String filter
          */
         placeholder?: string;
     };
     Select: {
         /**
          * type : 'Select'
-         * <br/>Description : type of the Select filter
+         *
+         * Description : type of the Select filter
          */
         type: 'Select';
         /**
          * defKey : keyof T | ''
-         * <br/>Description : defKey of the Select filter
+         *
+         * Description : defKey of the Select filter
          */
         defKey: keyof T | '';
         /**
          * values : (string | number)[]
-         * <br/>Description : values of the Select filter
+         *
+         * Description : values of the Select filter
          */
         values: (string | number)[];
         /**
          * options : (string | number)[]
-         * <br/>Description : options of the Select filter
+         *
+         * Description : options of the Select filter
          */
         options: (string | number)[];
         /**
          * placeholder : string
-         * <br/>Description : placeholder of the Select filter
+         *
+         * Description : placeholder of the Select filter
          */
         placeholder?: string;
         /**
          * OptionRenderer? : (option: string | number) => React.ReactNode
-         * <br/>Description : OptionRenderer of the Select filter
+         *
+         * Description : OptionRenderer of the Select filter
          */
         OptionRenderer?: (option: string | number) => React.ReactNode;
         /**
          * predicate? : (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['Select']) => any
-         * <br/>Description : predicate of the Select filter. if not provided, it will have default predicate.
+         *
+         * Description : predicate of the Select filter. if not provided, it will have default predicate.
          */
         predicate?: (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['Select']) => any;
     };
     Date: {
         /**
          * type : 'Date'
-         * <br/>Description : type of the Date filter
+         *
+         * Description : type of the Date filter
          */
         type: 'Date';
         /**
          * defKey : keyof T | ''
-         * <br/>Description : defKey of the Date filter
+         *
+         * Description : defKey of the Date filter
          */
         defKey: keyof T;
         /**
          * value : Date
-         * <br/>Description : value of the Date filter
+         *
+         * Description : value of the Date filter
          */
         value: Date;
         /**
          * minDate? : Date
-         * <br/>Description : minDate of the Date filter
+         *
+         * Description : minDate of the Date filter
          */
         minDate?: Date;
         /**
          * maxDate? : Date
-         * <br/>Description : maxDate of the Date filter
+         *
+         * Description : maxDate of the Date filter
          */
         maxDate?: Date;
         /**
          * predicate? : (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['Date']) => any
-         * <br/>Description : predicate of the Date filter. if not provided, it will have default predicate.
+         *
+         * Description : predicate of the Date filter. if not provided, it will have default predicate.
          */
         predicate?: (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['Date']) => any;
     };
     DateRange: {
         /**
          * type : 'DateRange'
-         * <br/>Description : type of the DateRange filter
+         *
+         * Description : type of the DateRange filter
          */
         type: 'DateRange';
         /**
          * defKey : keyof T | ''
-         * <br/>Description : defKey of the DateRange filter
+         *
+         * Description : defKey of the DateRange filter
          */
         defKey: keyof T | '';
         /**
          * sDate : Date
-         * <br/>Description : sDate of the DateRange filter
+         *
+         * Description : sDate of the DateRange filter
          */
         sDate: Date;
         /**
          * eDate : Date
-         * <br/>Description : eDate of the DateRange filter
+         *
+         * Description : eDate of the DateRange filter
          */
         eDate: Date;
         /**
          * minDate? : Date
-         * <br/>Description : minDate of the DateRange filter
+         *
+         * Description : minDate of the DateRange filter
          */
         minDate?: Date;
         /**
          * maxDate? : Date
-         * <br/>Description : maxDate of the DateRange filter
+         *
+         * Description : maxDate of the DateRange filter
          */
         maxDate?: Date;
         /**
          * predicate? : (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['DateRange']) => any
-         * <br/>Description : predicate of the DateRange filter. if not provided, it will have default predicate.
+         *
+         * Description : predicate of the DateRange filter. if not provided, it will have default predicate.
          */
         predicate?: (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['DateRange']) => any;
     };
@@ -390,12 +455,14 @@ export type TATableSomeFilter<T extends IItem> = IATableFilter<T>[TATableFilterT
 export type TATableFilteration<T extends IItem> = {
     /**
      * type : 'And' | 'Or'
-     * <br/>Description : type of the filteration
+     *
+     * Description : type of the filteration
      */
     type: 'And' | 'Or';
     /**
      * filters : TATableSomeFilter<T>[]
-     * <br/>Description : filters of the filteration
+     *
+     * Description : filters of the filteration
      */
     filters: TATableSomeFilter<T>[];
 };
@@ -403,280 +470,262 @@ export type TATableSortF<T extends IItem> = (a: T, b: T) => number;
 export interface IATableSortation<T extends IItem> {
     /**
      * defKey? : keyof T
-     * <br/>Description : defKey of the sortation
+     *
+     * Description : defKey of the sortation
      */
     defKey?: keyof T;
     /**
      * isAsc? : boolean
-     * <br/>Description : isAsc of the sortation
+     *
+     * Description : isAsc of the sortation
      */
     isAsc?: boolean;
     /**
      * sortF? : TATableSortF<T>
-     * <br/>Description : sortF of the sortation
+     *
+     * Description : sortF of the sortation
      */
     sortF?: TATableSortF<T>;
 }
 export interface IATablePagination {
     /**
      * page : number
-     * <br/>Description : page of the pagination
+     *
+     * Description : page of the pagination
      */
     page: number;
     /**
      * pageSize : number
-     * <br/>Description : pageSize of the pagination
+     *
+     * Description : pageSize of the pagination
      */
     pageSize: number;
     /**
      * pageRange : number
-     * <br/>Description : pageRange of the pagination
+     *
+     * Description : pageRange of the pagination
      */
     pageRange: number;
 }
 export interface IATableState<T extends IItem> {
     /**
      * entireItems? : T[]
-     * <br/>Description : entireItems of the state
+     *
+     * Description : entireItems of the state
      */
     entireItems?: T[];
     /**
      * filteration : TATableFilteration<T>
-     * <br/>Description : filteration of the state
+     *
+     * Description : filteration of the state
      */
     filteration: TATableFilteration<T>;
     /**
      * pagination : IATablePagination
-     * <br/>Description : pagination of the state
+     *
+     * Description : pagination of the state
      */
     pagination: IATablePagination;
     /**
      * sortation : IATableSortation<T>
-     * <br/>Description : sortation of the state
+     *
+     * Description : sortation of the state
      */
     sortation: IATableSortation<T>;
 }
 export interface IATableProps<T extends IItem> {
     /**
      * defs : TATableDefs<T>
-     * <br/>Description : defs of ATable
-     * <br/>Basic Usage :
-     * <br/>(1)const entireItems = [{name: 'John', age: 20}, {name: 'Jane', age: 21}];
-     * const defs = {
-     *   'name': {content: ({item}) => item.name},
-     *   'age': {content: ({item}) => item.age},
-     * }
-     * <ATable defs={defs} entireItems={entireItems}/>
+     *
+     * Description : defs of ATable
      */
     defs: TATableDefs<T>;
     /**
      * defaultDef? : IATableDef<T>
-     * <br/>Description : defaultDef of ATable
-     * <br/>Basic Usage :
-     * <br/>(1)const defaultDef = {content: ({item}) => item.name};
-     * <ATable defs={defs} defaultDef={defaultDef}/>
+     *
+     * Description : defaultDef of ATable
      */
     defaultDef?: IATableDef<T>;
     /**
      * rProps? : TCanCallback<IATableTRProps<T>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>>
-     * <br/>Description : rProps of ATable
-     * <br/>Basic Usage :
-     * <br/>(1)const rProps = ({item}) => ({backgroundColor : 'pink'});
-     * <ATable defs={defs} rProps={rProps}/>
+     *
+     * Description : rProps of ATable
      */
     rProps?: TCanCallback<IATableTRProps<T>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>>;
     /**
      * useSelect? : TUseValues<T>
-     * <br/>Description : useSelect of ATable.
-     * <br/>Basic Usage :
-     * <br/>(1)const [selectedItems, setSelectedItems] = useState<T[]>([]);
-     * <ATable defs={defs} entireItems={entireItems} useSelect={[selectedItems, setSelectedItems]}/>
+     *
+     * Description : useSelect of ATable.
      */
     useSelect?: TUseValues<T[]>;
     /**
      * isSelectMulti? : boolean
-     * <br/>Description : isSelectMulti of ATable. if true, multiple items can be selected.
+     *
+     * Description : isSelectMulti of ATable. if true, multiple items can be selected.
      */
     isSelectMulti?: boolean;
     /**
      * selectDisabled? : (item: T) => string | boolean | undefined
-     * <br/>Description : selectDisabled of ATable. if string is returned, it will be displayed as tooltip.
+     *
+     * Description : selectDisabled of ATable. if string is returned, it will be displayed as tooltip.
      */
     selectDisabled?: (item: T) => string | boolean | undefined;
     /**
      * useCheck? : TUseValues<T[]>
-     * <br/>Description : useCheck of ATable
-     * <br/>Basic Usage :
-     * <br/>(1)const [checkedItems, setCheckedItems] = useState<T[]>([]);
-     * <ATable defs={defs} entireItems={entireItems} useCheck={[checkedItems, setCheckedItems]}/>
+     *
+     * Description : useCheck of ATable
      */
     useCheck?: TUseValues<T[]>;
     /**
      * checkDisabled? : (item: T) => string | boolean | undefined
-     * <br/>Description : checkDisabled of ATable. if string is returned, it will be displayed as tooltip.
+     *
+     * Description : checkDisabled of ATable. if string is returned, it will be displayed as tooltip.
      */
     checkDisabled?: (item: T) => string | boolean | undefined;
     /**
      * isLoading? : boolean
-     * <br/>Description : decides whether the table is loading or not
+     *
+     * Description : decides whether the table is loading or not
      */
     isLoading?: boolean;
     /**
      * isDisabled? : boolean
-     * <br/>Description : decides whether the table is disabled or not
+     *
+     * Description : decides whether the table is disabled or not
      */
     isDisabled?: boolean;
     /**
      * title? : React.ReactNode
-     * <br/>Description : title of ATable
+     *
+     * Description : title of ATable
      */
     title?: React.ReactNode;
     /**
      * entireItems? : T[]
-     * <br/>Description : entireItems of ATable. entireItems will be affected by filteration, sortation, and pagination.
-     * <br/>Basic Usage :
-     * <br/>(1)const entireItems = [{name: 'John', age: 20}, {name: 'Jane', age: 21}];
-     * <ATable defs={defs} entireItems={entireItems}/>   *
+     *
+     * Description : entireItems of ATable. entireItems will be affected by filteration, sortation, and pagination.
      */
     entireItems?: T[];
     /**
      * onStateChange? : (params: IATableState<T>) => void
-     * <br/>Description : onStateChange of ATable. will be called when filteration, sortation, and pagination changes.
-     * <br/>Basic Usage :
-     * <br/>(1)const [pagedItems, setPagedItems] = useState<T[]>([]);
-     * const [totalCount, setTotalCount] = useState<number>(0);
-     * const onStateChange = ({entireItems, filteration, pagination, sortation}) => {
-     *   const {items, totalCount} = apiCall(entireItems, filteration, pagination, sortation);
-     *   setPagedItems(newItems);
-     *   setTotalCount(newTotalCount);
-     * }
-     * <ATable defs={defs} pagedItems={pagedItems} totalCount={totalCount} onStateChange={onStateChange}/>
+     *
+     * Description : onStateChange of ATable. will be called when filteration, sortation, and pagination changes.
      */
     onStateChange?: (params: IATableState<T>) => void;
     /**
      * pagedItems? : T[]
-     * <br/>Description : pagedItems of ATable. if provided, entireItems will be ignored. pagedItems will not be affected by filteration, sortation, and pagination.
-     * <br/>Basic Usage :
-     * <br/>(1)const pagedItems = [{name: 'John', age: 20}, {name: 'Jane', age: 21}];
-     * <ATable defs={defs} pagedItems={pagedItems}/>
+     *
+     * Description : pagedItems of ATable. if provided, entireItems will be ignored. pagedItems will not be affected by filteration, sortation, and pagination.
      */
     pagedItems?: T[];
     /**
      * totalCount? : number
-     * <br/>Description : totalCount of ATable. if provided, pagination will be affected.
+     *
+     * Description : totalCount of ATable. if provided, pagination will be affected.
      */
     totalCount?: number;
     /**
      * filterationDefs? : TATableFilterationDefs<T>
-     * <br/>Description : filterationDefs of ATable
-     * <br/>Basic Usage :
-     * <br/>(1)const filterationDefs = {type: 'Or', defs: [{type: 'String', placeholder: 'Search'}]};
-     * <ATable defs={defs} entireItems={entireItems} filterationDefs={filterationDefs}/>
+     *
+     * Description : filterationDefs of ATable
      */
     filterationDefs?: TATableFilterationDefs<T>;
     /**
      * useFilteration? : TUseValues<TATableFilteration<T>>
-     * <br/>Description : useFilteration of ATable. filteration can be controlled by useFilteration.
-     * <br/>Basic Usage :
-     * <br/>(1)const [filteration, setFilteration] = useState<TATableFilteration<T>>({type: 'Or', filters: []});
-     * <ATable defs={defs} entireItems={entireItems} useFilteration={[filteration, setFilteration]}/>
+     *
+     * Description : useFilteration of ATable. filteration can be controlled by useFilteration.
      */
     useFilteration?: TUseValues<TATableFilteration<T>>;
     /**
      * toggleFilterationDefs? : TATableFilterationDefs<T>
-     * <br/>Description : toggleFilterationDefs of ATable. table can have two filterations. one is main filteration, and the other is toggle filteration.
-     * <br/>Basic Usage :
-     * <br/>(1)const toggleFilterationDefs = {type: 'Or', defs: [{type: 'String', placeholder: 'Search'}]};
-     * <ATable defs={defs} entireItems={entireItems} toggleFilterationDefs={toggleFilterationDefs}/>
+     *
+     * Description : toggleFilterationDefs of ATable. table can have two filterations. one is main filteration, and the other is toggle filteration.
      */
     toggleFilterationDefs?: TATableFilterationDefs<T>;
     /**
      * useToggleFilteration? : TUseValues<TATableFilteration<T>>
-     * <br/>Description : useToggleFilteration of ATable. toggleFilteration can be controlled by useToggleFilteration.
-     * <br/>Basic Usage :
-     * <br/>(1)const [toggleFilteration, setToggleFilteration] = useState<TATableFilteration<T>>({type: 'Or', filters: []});
-     * <ATable defs={defs} entireItems={entireItems} useToggleFilteration={[toggleFilteration, setToggleFilteration]}/>
+     *
+     * Description : useToggleFilteration of ATable. toggleFilteration can be controlled by useToggleFilteration.
      */
     useToggleFilteration?: TUseValues<TATableFilteration<T>>;
     /**
      * usePagination? : TUseValues<IATablePagination>
-     * <br/>Description : usePagination of ATable. pagination can be controlled by usePagination.
-     * <br/>Basic Usage :
-     * <br/>(1)const [pagination, setPagination] = useState<IATablePagination>({page: 1, pageSize: 50, pageRange: 10});
-     * <ATable defs={defs} entireItems={entireItems} usePagination={[pagination, setPagination]}/>
+     *
+     * Description : usePagination of ATable. pagination can be controlled by usePagination.
      */
     usePagination?: TUseValues<IATablePagination>;
     /**
      * useSortation? : TUseValues<IATableSortation<T>>
-     * <br/>Description : useSortation of ATable. sortation can be controlled by useSortation.
-     * <br/>Basic Usage :
-     * <br/>(1)const [sortation, setSortation] = useState<IATableSortation<T>>({defKey: 'name', isAsc: true});
-     * <ATable defs={defs} entireItems={entireItems} useSortation={[sortation, setSortation]}/>
+     *
+     * Description : useSortation of ATable. sortation can be controlled by useSortation.
      */
     useSortation?: TUseValues<IATableSortation<T>>;
     /**
      * TopRightAddon? : React.ReactNode
-     * <br/>Description : TopRightAddon of ATable
-     * <br/>Basic Usage :
-     * <br/>(1)<ATable defs={defs} entireItems={entireItems} TopRightAddon={<AButton>Click</AButton>}/>
+     *
+     * Description : TopRightAddon of ATable
      */
     TopRightAddon?: React.ReactNode;
     /**
      * resources? : Partial<typeof Resources.ATable>
-     * <br/>Description : resources of ATable
+     *
+     * Description : resources of ATable
      */
     resources?: Partial<typeof Resources.ATable>;
 }
 /**
  * AComponent : ATable
- * <br/>Description : ATable is a table component. it can have defs and items to display the table. and has select, check, filteration, sortation, pagination options available.
- * <br/>Basic Usage :
- * <br/>(1)const entireItems = [{name: 'John', age: 20}, {name: 'Jane', age: 21}];
- * const defs = {
- *  'name': {content: ({item}) => item.name},
- *  'age': {content: ({item}) => item.age},
- *  'height' : {}
- * }
- * const defaultDefs = {
- *   content : ({item}) => 'default value!'
- * }
- * <ATable defs={defs} entireItems={entireItems} defaultDef={defaultDefs}/>
  *
- * <br/>(2)const [pagedItems, setPagedItems] = useState<T[]>([{name: 'John', age: 20}, {name: 'Jane', age: 21}]);
- * const [totalCount, setTotalCount] = useState<number>(2);
- * const defs = {
- *   'name': {content: ({item}) => item.name},
- *   'age': {content: ({item}) => item.age},
- * }
- * const onStateChange = ({entireItems, filteration, pagination, sortation}) => {
- *   const {items, totalCount} = apiCall(entireItems, filteration, pagination, sortation);
- *   setPagedItems(newItems);
- *   setTotalCount(newTotalCount);
- * }
- * <ATable defs={defs} pagedItems={pagedItems} totalCount={totalCount} onStateChange={onStateChange}/>
+ * Description : ATable is a table component. it can have defs and items to display the table. and has select, check, filteration, sortation, pagination options available.
  *
- * <br/>(3)const [entireItems, setEntireItems] = useState<T[]>([{name: 'John', age: 20}, {name: 'Jane', age: 21}]);
- * const [selectedItems, setSelectedItems] = useState<T[]>([]);
- * const [checkedItems, setCheckedItems] = useState<T[]>([]);
- * const selectDisabled = (item) => item.name === 'John' ? 'John is disabled' : false;
- * const checkDisabled = (item) => item.name === 'Jane' ? 'Jane is disabled' : false;
- * const defs = {
- *   'name': {content: ({item}) => item.name},
- *   'age': {content: ({item}) => item.age},
- * }
- * <ATable defs={defs} entireItems={entireItems}
- *  useSelect={[selectedItems, setSelectedItems]}
- *  useCheck={[checkedItems, setCheckedItems]}
- *  selectDisabled={selectDisabled}
- *  checkDisabled={checkDisabled}/>
+ * Basic Usage :
  *
- * <br/>(4)const [entireItems, setEntireItems] = useState<T[]>([{name: 'John', age: 20}, {name: 'Jane', age: 21}]);
- * const filterationDefs = {type: 'Or', defs: [{type: 'String', placeholder: 'Search'}]};
- * const defaultPagination = {page: 1, pageSize: 50, pageRange: 10};
- * const defs = {
- *   'name': {content: ({item}) => item.name},
- *   'age': {content: ({item}) => item.age, asText: ({item}) => item.age, isSortable : true},
- * }
- * <ATable defs={defs} entireItems={entireItems} filterationDefs={filterationDefs} usePagination={[defaultPagination, undefined]}/>
+ *     const entireItems = [{name: 'John', age: 20}, {name: 'Jane', age: 21}];
+ *     const [pagedItems, setPagedItems] = useState<T[]>([{name: 'John', age: 20}, {name: 'Jane', age: 21}]);
+ *     const [totalCount, setTotalCount] = useState<number>(pagedItems.length);
+ *     const defs = {
+ *       name: {content: ({item}) => item.name},
+ *       age: {content: ({item}) => item.age},
+ *       height : {}
+ *     }
+ *     const defaultDefs = {
+ *       content : ({item}) => 'default value!'
+ *     }
+ *     const onStateChange = ({entireItems, filteration, pagination, sortation}) => {
+ *       const {items, totalCount} = apiCall(entireItems, filteration, pagination, sortation);
+ *       setPagedItems(items);
+ *       setTotalCount(totalCount);
+ *     }
+ *     const [selectedItems, setSelectedItems] = useState<T[]>([]);
+ *     const [checkedItems, setCheckedItems] = useState<T[]>([]);
+ *     const selectDisabled = (item) => item.name === 'John' ? 'John is disabled' : false;
+ *     const checkDisabled = (item) => item.name === 'Jane' ? 'Jane is disabled' : false;
+ *     const filterationDefs = {type: 'Or', defs: [{type: 'String', placeholder: 'Search'}]};
+ *     const defaultPagination = {page: 1, pageSize: 50, pageRange: 10}; *
+ *
+ *     if (case 1)
+ *       <ATable defs={defs}
+ *         entireItems={entireItems}
+ *         defaultDef={defaultDefs}/>
+ *
+ *     if (case 2)
+ *       <ATable defs={defs}
+ *         pagedItems={pagedItems}
+ *         totalCount={totalCount}
+ *         onStateChange={onStateChange}/>
+ *
+ *     if (case 3)
+ *       <ATable defs={defs}
+ *         entireItems={entireItems}
+ *         useSelect={[selectedItems, setSelectedItems]}
+ *         useCheck={[checkedItems, setCheckedItems]}
+ *         selectDisabled={selectDisabled}
+ *         checkDisabled={checkDisabled}/>
+ *
+ *     if (case 4)
+ *       <ATable defs={defs}
+ *         entireItems={entireItems}
+ *         filterationDefs={filterationDefs}
+ *         usePagination={[defaultPagination, undefined]}/>
  */
 export declare const ATable: <T extends IItem>({ defs: extDefs, defaultDef: extDefaultDef, rProps, useSelect, isSelectMulti, selectDisabled, useCheck, checkDisabled, isLoading, isDisabled, title, entireItems, onStateChange, pagedItems: extPagedItems, totalCount: extTotalCount, filterationDefs, useFilteration, toggleFilterationDefs, useToggleFilteration, usePagination, useSortation, TopRightAddon, resources: extResources, }: IATableProps<T>) => import("react/jsx-runtime").JSX.Element;