ados-rcm 1.0.79 → 1.0.81

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

@@ -2,7 +2,7 @@ import { TUseValues } from '../../AHooks/useValues';
 import { IABaseProps } from '../ABase/ABase';
 export interface IACheckBoxProps extends IABaseProps {
     /**
-     * useCheck? : TUseValues<any>
+     * useCheck? : TUseValues<any>
      *
      * Description : [useCheck, setUseCheck] = useValues of ACheckBox. if useCheck is truthy, ACheckBox is checked.
      */

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

@@ -213,11 +213,22 @@ export interface IADialogProps {
 export declare const ADialog: (props: IADialogProps) => React.ReactPortal;
 export interface IADialogState {
     isOpen: boolean;
-    setIsOpen: (isOpen: boolean) => void;
     open: () => void;
     onClose: () => void;
 }
-export declare const useADialogState: () => IADialogState;
+export type TADialogStates<T extends string> = {
+    [key in T]: IADialogState;
+};
+export declare const useADialogStates: <T extends string>(dlgNames: readonly T[]) => TADialogStates<T>;
+export type TADialogActionRefs<T extends string> = {
+    [key in T]: TActionRef<IADialogActions>;
+};
+/**
+ * useADialogActionRefs
+ *
+ * Description : useADialogActionRefs is a hook that creates actionRefs for dialogs. dlgNames SHOULD NOT BE CHANGED on runtime
+ */
+export declare const useADialogActionRefs: <T extends string>(dlgNames: readonly T[]) => TADialogActionRefs<T>;
 export interface IADialogFrameProps {
     /**
      * dlgState : IADialogState
@@ -231,4 +242,7 @@ export interface IADialogFrameProps {
      */
     children: React.ReactNode;
 }
-export declare const ADialogFrame: (props: IADialogFrameProps) => import("react/jsx-runtime").JSX.Element;
+export interface IADialogFrameChildren {
+    dlgState: IADialogState;
+}
+export declare const ADialogFrame: (props: IADialogFrameProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -29,9 +29,12 @@ export declare const Resources: {
         'Toggle Filter': string;
     };
     ASelect: {
-        Select: string;
+        'Select(Placeholder)': string;
+    };
+    AMultiSelect: {
+        'Select(Placeholder)': string;
     };
 };
 export type TResource = typeof Resources;
 export type TResourceType = keyof TResource;
-export declare const SetResources: <K extends "ADialog" | "ATree" | "ADatePicker" | "AFileBox" | "ATable" | "ASelect">(resourceType: K, resources: TResource[K]) => void;
+export declare const SetResources: <K extends "ADialog" | "ATree" | "ADatePicker" | "AFileBox" | "ATable" | "ASelect" | "AMultiSelect">(resourceType: K, resources: TResource[K]) => void;

package/dist/AModule/AComponents/ASelect/AMultiSelect.d.ts

@@ -0,0 +1,139 @@
+import React from 'react';
+import { TUseValues } from '../../AHooks/useValues';
+import { IABaseProps } from '../ABase/ABase';
+import { IAWrapProps } from '../AWrap/AWrap';
+interface IOptionRendererProps<T> {
+    /**
+     * option : T
+     *
+     * Description : option of AMultiSelect
+     */
+    option: T;
+}
+interface ISelectedRendererProps<T> {
+    /**
+     * selectedOptions : T[]
+     *
+     * Description : selected options of AMultiSelect
+     */
+    selectedOptions: T[];
+    /**
+     * OptionRenderer : (props: IAMultiSelectOptionRendererProps<I>) => React.ReactNode
+     *
+     * Description : OptionRenderer of AMultiSelect
+     */
+    OptionRenderer: (props: IOptionRendererProps<T>) => React.ReactNode;
+    /**
+     * placeholder : React.ReactNode
+     *
+     * Description : placeholder of AMultiSelect
+     */
+    placeholder?: React.ReactNode;
+}
+export interface IAMultiSelectProps<T> extends IABaseProps, IAWrapProps {
+    /**
+     * options : T[]
+     *
+     * Description : options of AMultiSelect
+     */
+    options: T[];
+    /**
+     * useSelect? : TUseValues<T[]>
+     *
+     * Description : useSelect of AMultiSelect
+     */
+    useSelect?: TUseValues<T[]>;
+    /**
+     * type? : 'Primary' | 'Secondary' = 'Primary'
+     *
+     * Description : type of AMultiSelect
+     */
+    type?: 'Primary' | 'Secondary';
+    /**
+     * placeholder? : React.ReactNode
+     *
+     * Description : placeholder of AMultiSelect. it is shown when no option is selected
+     */
+    placeholder?: React.ReactNode;
+    /**
+     * onClose? : () => void
+     *
+     * Description : onClose of AMultiSelect
+     */
+    onClose?: () => void;
+    /**
+     * SelectedRenderer? : (props: ISelectedRendererProps<T>) => React.ReactNode = DefaultSelectedRenderer
+     *
+     * Description : Renderer of Selected Options of AMultiSelect
+     */
+    SelectedRenderer?: (props: ISelectedRendererProps<T>) => React.ReactNode;
+    /**
+     * OptionRenderer? : (props: IOptionRendererProps<T>) => React.ReactNode = DefaultOptionRenderer
+     *
+     * Description : Renderer of Options of AMultiSelect
+     */
+    OptionRenderer?: (props: IOptionRendererProps<T>) => React.ReactNode;
+    /**
+     * minShowRows? : number = 2
+     *
+     * Description : minShowRows of AMultiSelect
+     */
+    minShowRows?: number;
+    /**
+     * maxShowRows? : number = 6
+     *
+     * Description : maxShowRows of AMultiSelect. scrollbar will appear when overflow
+     */
+    maxShowRows?: number;
+    /**
+     * height? : number
+     *
+     * Description : height of AMultiSelect
+     */
+    height?: number;
+    /**
+     * arrowProps? : React.HTMLProps<HTMLDivElement>
+     *
+     * Description : divProps for Arrow of AMultiSelect
+     */
+    arrowProps?: React.HTMLProps<HTMLDivElement>;
+}
+/**
+ * AComponent : AMultiSelect
+ *
+ * Description : AMultiSelect is a select component. give options and useSelect to select an option.
+ * if useSelect is given for I[], it will act as a multi select, otherwise it will act as a single select.
+ *
+ * Basic Usage :
+ *
+ *     const options = [{idx : 1, name : 'option1'}, {idx : 2, name : 'option2'}, {idx : 3, name : 'option3'}];
+ *     const [selected, setSelected] = useState<typeof options[0]>(options[0]);
+ *     const OptionRenderer = ({option}) => <div>{option.name}</div>;
+ *     const SelectedRenderer = ({selected, placeholder}) => selected ? selected.name : placeholder;
+ *     const [multiSelected, setMultiSelected] = useState<(typeof options[0])[]>([options[0]]);
+ *     const MultiSelectedRenderer = ({selected, placeholder}) => selected.length > 0 ? string.join(selected.map(e => e.name), ', ') : placeholder;
+ *
+ *     if (case 1)
+ *       <AMultiSelect options={strOptions}
+ *         useSelect={[selected, setSelected]}/>
+ *
+ *     if (case 2)
+ *       <AMultiSelect options={options}
+ *         useSelect={[selected, setSelected]}
+ *         OptionRenderer={OptionRenderer}/>
+ *
+ *     if (case 3)
+ *       <AMultiSelect options={options}
+ *         useSelect={[selected, setSelected]}
+ *         OptionRenderer={OptionRenderer}
+ *         SelectedRenderer={SelectedRenderer}/>
+ *
+ *     if (case 4)
+ *       <AMultiSelect options={options}
+ *         useSelect={[multiSelected, setMultiSelected]}
+ *         OptionRenderer={OptionRenderer}
+ *         SelectedRenderer={MultiSelectedRenderer}/>
+ *
+ */
+export declare const AMultiSelect: <T>(props: IAMultiSelectProps<T>) => React.ReactNode;
+export {};

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

@@ -2,47 +2,47 @@ import React from 'react';
 import { TUseValues } from '../../AHooks/useValues';
 import { IABaseProps } from '../ABase/ABase';
 import { IAWrapProps } from '../AWrap/AWrap';
-export interface IASelectSelectedRendererProps<I, S extends (null | I) | I[]> {
+interface IOptionRendererProps<T> {
     /**
-     * OptionRenderer : (props: IASelectOptionRendererProps<I>) => React.ReactNode
+     * option : T
      *
-     * Description : OptionRenderer of ASelect
+     * Description : option item of ASelect
      */
-    OptionRenderer: (props: IASelectOptionRendererProps<I>) => React.ReactNode;
+    option: T;
+}
+interface ISelectedRendererProps<T> {
     /**
-     * selected : S
+     * selected : T
      *
-     * Description : selected items of ASelect
+     * Description : selectedOption of ASelect
      */
-    selected: S;
+    selectedOption: T;
     /**
-     * placeholder : React.ReactNode
+     * OptionRenderer : (props: IOptionRendererProps<T>) => React.ReactNode
      *
-     * Description : placeholder of ASelect
+     * Description : OptionRenderer of ASelect
      */
-    placeholder?: React.ReactNode;
-}
-export interface IASelectOptionRendererProps<I> {
+    OptionRenderer: (props: IOptionRendererProps<Exclude<T, null>>) => React.ReactNode;
     /**
-     * option : I
+     * placeholder : React.ReactNode
      *
-     * Description : option of ASelect
+     * Description : placeholder of ASelect
      */
-    option: I;
+    placeholder?: React.ReactNode;
 }
-export interface IASelectProps<I, S extends (null | I) | I[]> extends IABaseProps, IAWrapProps {
+export interface IASelectProps<T> extends IABaseProps, IAWrapProps {
     /**
-     * options : I[]
+     * options : T[]
      *
-     * Description : options of ASelect
+     * Description : options of ASelect. CAREFUL null is not rendered as an option.
      */
-    options: I[];
+    options: T[];
     /**
-     * useSelect? : TUseValues<K>
+     * useSelect? : TUseValues<T>
      *
      * Description : useSelect of ASelect
      */
-    useSelect?: TUseValues<S>;
+    useSelect?: TUseValues<T>;
     /**
      * type? : 'Primary' | 'Secondary' = 'Primary'
      *
@@ -62,17 +62,17 @@ export interface IASelectProps<I, S extends (null | I) | I[]> extends IABaseProp
      */
     onClose?: () => void;
     /**
-     * SelectedRenderer? : (props: IASelectSelectedRendererProps<T>) => React.ReactNode = DefaultSelectedRenderer
+     * OptionRenderer? : (props: IOptionRendererProps<T>) => React.ReactNode = DefaultSelectedRenderer
      *
-     * Description : Renderer of Selected Options of ASelect
+     * Description : OptionRenderer of Selected Options of ASelect
      */
-    SelectedRenderer?: (props: IASelectSelectedRendererProps<I, S>) => React.ReactNode;
+    OptionRenderer?: (props: IOptionRendererProps<Exclude<T, null>>) => React.ReactNode;
     /**
-     * OptionRenderer? : (props: IASelectOptionRendererProps<T>) => React.ReactNode = DefaultOptionRenderer
+     * SelectedRenderer? : (props: ISelectedRendererProps<T>) => React.ReactNode
      *
-     * Description : Renderer of Options of ASelect
+     * Description : SelectedRenderer of ASelect
      */
-    OptionRenderer?: (props: IASelectOptionRendererProps<I>) => React.ReactNode;
+    SelectedRenderer?: (props: ISelectedRendererProps<T>) => React.ReactNode;
     /**
      * minShowRows? : number = 2
      *
@@ -135,5 +135,5 @@ export interface IASelectProps<I, S extends (null | I) | I[]> extends IABaseProp
  *         SelectedRenderer={MultiSelectedRenderer}/>
  *
  */
-export declare const ASelect: <I, S extends I | I[] | null>(props: IASelectProps<I, S>) => React.ReactNode;
-export declare const DefaultOptionRenderer: <T>(props: IASelectOptionRendererProps<T>) => string | (T & undefined) | (T & number) | (T & false) | (T & true) | (T & React.ReactElement<any, string | React.JSXElementConstructor<any>>) | (T & Iterable<React.ReactNode>) | null;
+export declare const ASelect: <T>(props: IASelectProps<T>) => React.ReactNode;
+export {};

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

@@ -128,153 +128,6 @@ export type TATableDefs<T extends IItem> = {
     [key: TIdx]: IATableDef<T>;
 };
 export type TATableFilterType = 'String' | 'Select' | 'Date' | 'DateRange';
-export interface IATableFilterDef<T extends IItem> {
-    String: {
-        /**
-         * type : 'String'
-         *
-         * Description : type of the String filter Def
-         */
-        type: 'String';
-        /**
-         * defKey? : keyof T | ''
-         *
-         * Description : defKey of the String filter Def
-         */
-        defKey?: keyof T | '';
-        /**
-         * predicate? : (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['String']) => any
-         *
-         * 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
-         *
-         * Description : placeholder of the String filter Def
-         */
-        placeholder?: string;
-    };
-    Select: {
-        /**
-         * type : 'Select'
-         *
-         * Description : type of the Select filter Def
-         */
-        type: 'Select';
-        /**
-         * defKey? : keyof T | ''
-         *
-         * Description : defKey of the Select filter Def
-         */
-        defKey?: keyof T | '';
-        /**
-         * options : (string | number)[]
-         *
-         * Description : options of the Select filter Def
-         */
-        options: (string | number)[];
-        /**
-         * placeholder : (string | number)[]
-         *
-         * Description : values of the Select filter Def
-         */
-        placeholder?: string;
-        /**
-         * OptionRenderer? : (props: { option: string | number }) => React.ReactNode;
-         *
-         * Description : OptionRenderer of the Select filter Def
-         */
-        OptionRenderer?: (props: {
-            option: string | number;
-        }) => React.ReactNode;
-        /**
-         * predicate? : (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['Select']) => any
-         *
-         * 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'
-         *
-         * Description : type of the Date filter Def
-         */
-        type: 'Date';
-        /**
-         * defKey? : keyof T | ''
-         *
-         * Description : defKey of the Date filter Def
-         */
-        defKey?: keyof T | '';
-        /**
-         * minDate? : Date
-         *
-         * Description : minDate of the Date filter Def
-         */
-        minDate?: Date;
-        /**
-         * maxDate? : Date
-         *
-         * Description : maxDate of the Date filter Def
-         */
-        maxDate?: Date;
-        /**
-         * predicate? : (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['Date']) => any
-         *
-         * 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'
-         *
-         * Description : type of the DateRange filter Def
-         */
-        type: 'DateRange';
-        /**
-         * defKey? : keyof T | ''
-         *
-         * Description : defKey of the DateRange filter Def
-         */
-        defKey?: keyof T | '';
-        /**
-         * minDate? : Date
-         *
-         * Description : minDate of the DateRange filter Def
-         */
-        minDate?: Date;
-        /**
-         * maxDate? : Date
-         *
-         * Description : maxDate of the DateRange filter Def
-         */
-        maxDate?: Date;
-        /**
-         * predicate? : (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['DateRange']) => any
-         *
-         * 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;
-    };
-}
-export type TATableSomeFilterDef<T extends IItem> = IATableFilterDef<T>[TATableFilterType];
-export type TATableFilterationDefs<T extends IItem> = {
-    /**
-     * type : 'And' | 'Or'
-     *
-     * Description : type of the filteration Defs
-     */
-    type: 'And' | 'Or';
-    /**
-     * defs : TATableSomeFilterDef<T>[]
-     *
-     * Description : defs of the filteration Defs
-     */
-    defs: TATableSomeFilterDef<T>[];
-};
 export interface IATableFilter<T extends IItem> {
     String: {
         /**
@@ -294,7 +147,7 @@ export interface IATableFilter<T extends IItem> {
          *
          * Description : value of the String filter
          */
-        value: string;
+        value?: string;
         /**
          * predicate? : (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['String']) => any
          *
@@ -322,17 +175,17 @@ export interface IATableFilter<T extends IItem> {
          */
         defKey: keyof T | '';
         /**
-         * value : (string | number)[]
+         * value : string | number | null
          *
          * Description : values of the Select filter
          */
-        value: string | number | null;
+        value?: string | number | null;
         /**
-         * options : (string | number)[]
+         * options :
          *
          * Description : options of the Select filter
          */
-        options: (string | number)[];
+        options: string[] | number[];
         /**
          * placeholder : string
          *
@@ -345,7 +198,7 @@ export interface IATableFilter<T extends IItem> {
          * Description : OptionRenderer of the Select filter
          */
         OptionRenderer?: (props: {
-            option: string | number;
+            option: string | number | null;
         }) => React.ReactNode;
         /**
          * predicate? : (item: T, defs: TATableDefs<T>, filter: IATableFilter<T>['Select']) => any
@@ -372,7 +225,7 @@ export interface IATableFilter<T extends IItem> {
          *
          * Description : value of the Date filter
          */
-        value: Date;
+        value?: Date;
         /**
          * minDate? : Date
          *
@@ -410,13 +263,13 @@ export interface IATableFilter<T extends IItem> {
          *
          * Description : sDate of the DateRange filter
          */
-        sDate: Date;
+        sDate?: Date;
         /**
          * eDate : Date
          *
          * Description : eDate of the DateRange filter
          */
-        eDate: Date;
+        eDate?: Date;
         /**
          * minDate? : Date
          *
@@ -539,7 +392,7 @@ export interface IATableProps<T extends IItem> {
      */
     rProps?: TCanCallback<IATableTRProps<T>, React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>>;
     /**
-     * useSelect? : TUseValues<T>
+     * useSelect? : TUseValues<T[]>
      *
      * Description : useSelect of ATable.
      */
@@ -610,24 +463,12 @@ export interface IATableProps<T extends IItem> {
      * Description : totalCount of ATable. if provided, pagination will be affected.
      */
     totalCount?: number;
-    /**
-     * filterationDefs? : TATableFilterationDefs<T>
-     *
-     * Description : filterationDefs of ATable
-     */
-    filterationDefs?: TATableFilterationDefs<T>;
     /**
      * useFilteration? : TUseValues<TATableFilteration<T>>
      *
      * Description : useFilteration of ATable. filteration can be controlled by useFilteration.
      */
     useFilteration?: TUseValues<TATableFilteration<T>>;
-    /**
-     * toggleFilterationDefs? : TATableFilterationDefs<T>
-     *
-     * 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>>
      *

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

@@ -15,6 +15,7 @@ interface IATableBodyProps<T extends IItem> {
     pagination: IATablePagination;
     pagedItems: T[];
     noMarking?: boolean;
+    isLoading?: boolean;
     showRows?: number;
 }
 export declare const ATableBody: <T extends IItem>(props: IATableBodyProps<T>) => import("react/jsx-runtime").JSX.Element;

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

@@ -238,6 +238,21 @@ declare const Default: {
     '--ASelect_Secondary_Option_hover_background-color': string;
     '--ASelect_Secondary_Option_active_background-color': string;
     '--ASelect_Secondary_Option_Selected_background-color': string;
+    '--AMultiSelect_Primary_border': string;
+    '--AMultiSelect_Primary_hover_border': string;
+    '--AMultiSelect_Primary_Arrow_color': string;
+    '--AMultiSelect_Primary_Options_background-color': string;
+    '--AMultiSelect_Primary_Options_border': string;
+    '--AMultiSelect_Primary_Option_hover_background-color': string;
+    '--AMultiSelect_Primary_Option_active_background-color': string;
+    '--AMultiSelect_Primary_Option_Selected_background-color': string;
+    '--AMultiSelect_Secondary_background-color': string;
+    '--AMultiSelect_Secondary_Arrow_color': string;
+    '--AMultiSelect_Secondary_Options_background-color': string;
+    '--AMultiSelect_Secondary_Options_border': string;
+    '--AMultiSelect_Secondary_Option_hover_background-color': string;
+    '--AMultiSelect_Secondary_Option_active_background-color': string;
+    '--AMultiSelect_Secondary_Option_Selected_background-color': string;
     '--ATree_background-color': string;
     '--ATree_Indent_border': string;
     '--ATreeHeader_border-top': string;
@@ -316,7 +331,7 @@ declare const Default: {
     '--ATableFilter_Icon_color': string;
 };
 export type TAThemeKey = keyof typeof Default;
-export declare const AThemeKeys: ("--ATheme" | "--Font" | "--Body-transition" | "--black_and_white-black" | "--black_and_white-white" | "--black_and_white-white-02" | "--black_and_white-white-03" | "--gray-deep-gray" | "--gray-deep-gray2" | "--gray-gray-01" | "--gray-gray-02" | "--gray-gray-03" | "--gray-gray-04" | "--gray-gray-05" | "--gray-gray-06" | "--gray-gray-07" | "--gray-gray-08" | "--gray-gray-09" | "--gray-gray-10" | "--gray-l_add_d-gray" | "--orange-orange-01" | "--orange-orange-02" | "--orange-orange-03" | "--orange-orange-04" | "--orange-orange-05" | "--orange-orange-06" | "--orange-orange-07" | "--orange-orange-08" | "--orange-orange-09" | "--orange-orange-10" | "--red-red-01" | "--red-red-02" | "--red-red-03" | "--red-red-04" | "--red-red-05" | "--red-red-06" | "--red-red-07" | "--red-red-08" | "--red-red-09" | "--red-red-10" | "--d-blue-blue-01" | "--d-blue-blue-02" | "--d-blue-blue-03" | "--d-blue-blue-04" | "--d-blue-blue-05" | "--d-blue-blue-06" | "--d-blue-blue-07" | "--d-blue-blue-08" | "--d-blue-blue-09" | "--d-blue-blue-10" | "--l-blue-blue-01" | "--l-blue-blue-02" | "--l-blue-blue-03" | "--l-blue-blue-04" | "--l-blue-blue-05" | "--l-blue-blue-06" | "--l-blue-blue-07" | "--l-blue-blue-08" | "--l-blue-blue-09" | "--l-blue-blue-10" | "--yellow-yellow-01" | "--Scrollbar-border-radius" | "--Scrollbar-width" | "--Body-background-color" | "--Body-color" | "--action-fill-hover-primary" | "--action-fill-press-primary" | "--action-fill-hover-secondary" | "--action-fill-press-secondary" | "--action-fill-hover-tertiary" | "--action-fill-press-tertiary" | "--action-fill-rest-primary" | "--action-fill-rest-secondary" | "--action-fill-rest-tertiary" | "--action-storke-primary" | "--action-stroke-secondary" | "--action-text-primary" | "--action-text-secondary" | "--action-text-tertiary" | "--action-text-quaternary" | "--button-fill-hover-primary" | "--button-fill-hover-secondary" | "--button-fill-inactive-secondary" | "--button-fill-press-primary" | "--button-fill-press-secondary" | "--button-fill-rest-primary" | "--button-fill-rest-secondary" | "--button-stroke-secondary" | "--button-text-primary" | "--button-text-secondary" | "--checkbox-stroke" | "--content-primary" | "--content-secondary" | "--content-tertiary" | "--content-quaternary" | "--error-text" | "--error-background" | "--error-highlight" | "--dialog-background" | "--dialog-content" | "--dialog-depth" | "--dialog-stroke" | "--fill-background" | "--fill-header" | "--highlight-primary" | "--highlight-secondary" | "--invisible" | "--menuitem-content" | "--menuitem-fill-select" | "--menuitem-text" | "--opacity-primary" | "--opacity-secondary" | "--Scrollbar-handle" | "--Scrollbar-handle-hover" | "--Scrollbar-handle-active" | "--Scrollbar-track" | "--search-content" | "--search-fill-active" | "--search-fill-rest" | "--search-stroke-active" | "--search-text-hint" | "--search-text-placeholder" | "--stepper-connect" | "--stepper-fill-active" | "--stepper-fill-inactive" | "--stepper-stroke-active" | "--stepper-stroke-inactive" | "--stroke-primary" | "--stroke-secondary" | "--switch-fill-handle" | "--switch-fill-track-off" | "--switch-fill-track-on" | "--switch-stroke-handle-off" | "--switch-stroke-handle-on" | "--table-depth" | "--table-elevation" | "--table-header-content" | "--table-stroke-primary" | "--table-stroke-secondary" | "--table-text-primary" | "--table-text-secondary" | "--tapbutton-stroke-active" | "--tapbutton-stroke-rest" | "--tapbutton-text" | "--textinput-content" | "--textinput-fill-active" | "--textinput-fill-rest" | "--textinput-stroke-active" | "--textinput-stroke-error" | "--textinput-text-hint" | "--textinput-text-placeholder" | "--ui-depth" | "--ui-elevation" | "--CDialog-background" | "--CDialog-background2" | "--CDialog-background3" | "--CTableBody-linear" | "--CTableWidthChanger-background" | "--CTableWidthChanger-background2" | "--ABase_Dimming_background-color" | "--ATooltip_background-color" | "--ATooltip_color" | "--AButton_Primary_border" | "--AButton_Primary_background-color" | "--AButton_Primary_color" | "--AButton_Primary_hover_background-color" | "--AButton_Primary_active_background-color" | "--AButton_Secondary_border" | "--AButton_Secondary_background-color" | "--AButton_Secondary_color" | "--AButton_Secondary_hover_background-color" | "--AButton_Secondary_active_background-color" | "--AInput_Primary_background-color" | "--AInput_Primary_border" | "--AInput_Primary_color" | "--AInput_Primary_hover_border" | "--AInput_Primary_focus_background-color" | "--AInput_Primary_focus_border" | "--AInput_Secondary_background-color" | "--AInput_Secondary_border" | "--AInput_Secondary_color" | "--AInput_Secondary_hover_border" | "--AInput_Secondary_focus_border" | "--AInput_Error_HelperText_color" | "--AInput_Error_background-color" | "--AInput_Error_border" | "--AInput_Error_color" | "--AInput_Error_placeholder_color" | "--ATextArea_Primary_background-color" | "--ATextArea_Primary_border" | "--ATextArea_Primary_color" | "--ATextArea_Primary_hover_border" | "--ATextArea_Primary_focus_background-color" | "--ATextArea_Primary_focus_border" | "--ATextArea_Secondary_background-color" | "--ATextArea_Secondary_border" | "--ATextArea_Secondary_color" | "--ATextArea_Secondary_hover_border" | "--ATextArea_Secondary_focus_border" | "--ATextArea_Error_background-color" | "--ATextArea_Error_border" | "--ATextArea_Error_color" | "--ATextArea_Error_placeholder_color" | "--ACheckBox_color" | "--ADialog_Paper_background-color" | "--ADialog_background-color" | "--ADialog_border" | "--ADialog_Body_Title_font" | "--ADialog_Action_background-color" | "--ASelect_Primary_border" | "--ASelect_Primary_hover_border" | "--ASelect_Primary_Arrow_color" | "--ASelect_Primary_Options_background-color" | "--ASelect_Primary_Options_border" | "--ASelect_Primary_Option_hover_background-color" | "--ASelect_Primary_Option_active_background-color" | "--ASelect_Primary_Option_Selected_background-color" | "--ASelect_Secondary_background-color" | "--ASelect_Secondary_Arrow_color" | "--ASelect_Secondary_Options_background-color" | "--ASelect_Secondary_Options_border" | "--ASelect_Secondary_Option_hover_background-color" | "--ASelect_Secondary_Option_active_background-color" | "--ASelect_Secondary_Option_Selected_background-color" | "--ATree_background-color" | "--ATree_Indent_border" | "--ATreeHeader_border-top" | "--ATreeHeader_border-bottom" | "--ATreeItem_hover_background-color" | "--ATreeItem_active_background-color" | "--ATreeItem_select_background-color" | "--ATreeItem_search_background-color" | "--ATreeItem_search_border-top" | "--ATreeItem_search_border-bottom" | "--ATreeItem_select_color" | "--ASwitch_Track_Falsy_border-color" | "--ASwitch_Track_Truthy_border-color" | "--ATab_font" | "--ATab_Option_IsSelected_font" | "--ATab_IndicatorTrack_Primary_border-bottom" | "--ATab_Indicator_Primary_background-color" | "--ATab_Option_Secondary_border" | "--ATab_Option_Secondary_IsSelected_border-bottom" | "--AFileBox_border" | "--AFileBox_background-color" | "--AFileBox_SelectedFile_color" | "--AFileBox_Dropping_color" | "--AFileBox_Dropping_font" | "--AListView_border-top" | "--AListView_Row_border-bottom" | "--AListView_Label_border-left" | "--AListView_Label_font" | "--AListView_Rendered_border-left" | "--AStepper_OutCircle_background-color" | "--AStepper_OutCircle_IsOver_background-color" | "--AStepper_InCircle_background-color" | "--AStepper_InCircle_IsOver_background-color" | "--AStepper_Line_background-color" | "--AStepper_Line_IsOver_background-color" | "--ADatePicker_Anchor_border" | "--ADatePicker_Anchor_color" | "--ADatePicker_Anchor_hover_border" | "--ADatePicker_Anchor_focus_border" | "--ADatePicker_Anchor_Icon_color" | "--ADatePicker_background-color" | "--ADatePicker_border" | "--ADatePicker_StringInputContainer_background-color" | "--ADatePicker_String_border" | "--ADatePicker_Prev_background-color" | "--ADatePicker_Prev_border-right" | "--ADatePicker_Next_background-color" | "--ADatePicker_Next_border-left" | "--ADatePicker_Cell_color" | "--ADatePicker_Cell_IsNotCurrentMonth_color" | "--ADatePicker_Cell_IsDisabled_color" | "--ADatePicker_Cell_IsSelected_background-color" | "--ADatePicker_Cell_IsSelected_color" | "--ADatePicker_Cell_IsHovered_background-color" | "--AIconButton_Primary_color" | "--AIconButton_Primary_background-color" | "--AIconButton_Primary_border" | "--AIconButton_Primary_hover_border" | "--ATableBody_BodyHeader_border-top" | "--ATableBody_TRow_border-bottom" | "--ATableBody_TRow_IsSelected_background-color" | "--ATableBody_TRow_IsSelectable_hover_background-color" | "--ATableBody_TH_color" | "--ATableBody_TH_font-size" | "--ATableBody_TD_font-size" | "--ATableBody_TD_IsMarked_background-color" | "--ATableBody_Resizer_hover_ResizerCenter_background-color" | "--ATableBody_Resizer_active_ResizerCenter_background-color" | "--ATableBody_Resizer_active_ResizerOut_background-color" | "--ATableBody_Resizer_active_ResizerIn_background-color" | "--ATableFooter_Button_IsSelected_background-color" | "--ATableFooter_Button_IsSelected_color" | "--ATableFooter_Button_IsDisabled_color" | "--ATableFilter_SubFilters_background-color" | "--ATableFilter_SubFilters_border" | "--ATableFilter_Icon_color")[];
+export declare const AThemeKeys: ("--ATheme" | "--Font" | "--Body-transition" | "--black_and_white-black" | "--black_and_white-white" | "--black_and_white-white-02" | "--black_and_white-white-03" | "--gray-deep-gray" | "--gray-deep-gray2" | "--gray-gray-01" | "--gray-gray-02" | "--gray-gray-03" | "--gray-gray-04" | "--gray-gray-05" | "--gray-gray-06" | "--gray-gray-07" | "--gray-gray-08" | "--gray-gray-09" | "--gray-gray-10" | "--gray-l_add_d-gray" | "--orange-orange-01" | "--orange-orange-02" | "--orange-orange-03" | "--orange-orange-04" | "--orange-orange-05" | "--orange-orange-06" | "--orange-orange-07" | "--orange-orange-08" | "--orange-orange-09" | "--orange-orange-10" | "--red-red-01" | "--red-red-02" | "--red-red-03" | "--red-red-04" | "--red-red-05" | "--red-red-06" | "--red-red-07" | "--red-red-08" | "--red-red-09" | "--red-red-10" | "--d-blue-blue-01" | "--d-blue-blue-02" | "--d-blue-blue-03" | "--d-blue-blue-04" | "--d-blue-blue-05" | "--d-blue-blue-06" | "--d-blue-blue-07" | "--d-blue-blue-08" | "--d-blue-blue-09" | "--d-blue-blue-10" | "--l-blue-blue-01" | "--l-blue-blue-02" | "--l-blue-blue-03" | "--l-blue-blue-04" | "--l-blue-blue-05" | "--l-blue-blue-06" | "--l-blue-blue-07" | "--l-blue-blue-08" | "--l-blue-blue-09" | "--l-blue-blue-10" | "--yellow-yellow-01" | "--Scrollbar-border-radius" | "--Scrollbar-width" | "--Body-background-color" | "--Body-color" | "--action-fill-hover-primary" | "--action-fill-press-primary" | "--action-fill-hover-secondary" | "--action-fill-press-secondary" | "--action-fill-hover-tertiary" | "--action-fill-press-tertiary" | "--action-fill-rest-primary" | "--action-fill-rest-secondary" | "--action-fill-rest-tertiary" | "--action-storke-primary" | "--action-stroke-secondary" | "--action-text-primary" | "--action-text-secondary" | "--action-text-tertiary" | "--action-text-quaternary" | "--button-fill-hover-primary" | "--button-fill-hover-secondary" | "--button-fill-inactive-secondary" | "--button-fill-press-primary" | "--button-fill-press-secondary" | "--button-fill-rest-primary" | "--button-fill-rest-secondary" | "--button-stroke-secondary" | "--button-text-primary" | "--button-text-secondary" | "--checkbox-stroke" | "--content-primary" | "--content-secondary" | "--content-tertiary" | "--content-quaternary" | "--error-text" | "--error-background" | "--error-highlight" | "--dialog-background" | "--dialog-content" | "--dialog-depth" | "--dialog-stroke" | "--fill-background" | "--fill-header" | "--highlight-primary" | "--highlight-secondary" | "--invisible" | "--menuitem-content" | "--menuitem-fill-select" | "--menuitem-text" | "--opacity-primary" | "--opacity-secondary" | "--Scrollbar-handle" | "--Scrollbar-handle-hover" | "--Scrollbar-handle-active" | "--Scrollbar-track" | "--search-content" | "--search-fill-active" | "--search-fill-rest" | "--search-stroke-active" | "--search-text-hint" | "--search-text-placeholder" | "--stepper-connect" | "--stepper-fill-active" | "--stepper-fill-inactive" | "--stepper-stroke-active" | "--stepper-stroke-inactive" | "--stroke-primary" | "--stroke-secondary" | "--switch-fill-handle" | "--switch-fill-track-off" | "--switch-fill-track-on" | "--switch-stroke-handle-off" | "--switch-stroke-handle-on" | "--table-depth" | "--table-elevation" | "--table-header-content" | "--table-stroke-primary" | "--table-stroke-secondary" | "--table-text-primary" | "--table-text-secondary" | "--tapbutton-stroke-active" | "--tapbutton-stroke-rest" | "--tapbutton-text" | "--textinput-content" | "--textinput-fill-active" | "--textinput-fill-rest" | "--textinput-stroke-active" | "--textinput-stroke-error" | "--textinput-text-hint" | "--textinput-text-placeholder" | "--ui-depth" | "--ui-elevation" | "--CDialog-background" | "--CDialog-background2" | "--CDialog-background3" | "--CTableBody-linear" | "--CTableWidthChanger-background" | "--CTableWidthChanger-background2" | "--ABase_Dimming_background-color" | "--ATooltip_background-color" | "--ATooltip_color" | "--AButton_Primary_border" | "--AButton_Primary_background-color" | "--AButton_Primary_color" | "--AButton_Primary_hover_background-color" | "--AButton_Primary_active_background-color" | "--AButton_Secondary_border" | "--AButton_Secondary_background-color" | "--AButton_Secondary_color" | "--AButton_Secondary_hover_background-color" | "--AButton_Secondary_active_background-color" | "--AInput_Primary_background-color" | "--AInput_Primary_border" | "--AInput_Primary_color" | "--AInput_Primary_hover_border" | "--AInput_Primary_focus_background-color" | "--AInput_Primary_focus_border" | "--AInput_Secondary_background-color" | "--AInput_Secondary_border" | "--AInput_Secondary_color" | "--AInput_Secondary_hover_border" | "--AInput_Secondary_focus_border" | "--AInput_Error_HelperText_color" | "--AInput_Error_background-color" | "--AInput_Error_border" | "--AInput_Error_color" | "--AInput_Error_placeholder_color" | "--ATextArea_Primary_background-color" | "--ATextArea_Primary_border" | "--ATextArea_Primary_color" | "--ATextArea_Primary_hover_border" | "--ATextArea_Primary_focus_background-color" | "--ATextArea_Primary_focus_border" | "--ATextArea_Secondary_background-color" | "--ATextArea_Secondary_border" | "--ATextArea_Secondary_color" | "--ATextArea_Secondary_hover_border" | "--ATextArea_Secondary_focus_border" | "--ATextArea_Error_background-color" | "--ATextArea_Error_border" | "--ATextArea_Error_color" | "--ATextArea_Error_placeholder_color" | "--ACheckBox_color" | "--ADialog_Paper_background-color" | "--ADialog_background-color" | "--ADialog_border" | "--ADialog_Body_Title_font" | "--ADialog_Action_background-color" | "--ASelect_Primary_border" | "--ASelect_Primary_hover_border" | "--ASelect_Primary_Arrow_color" | "--ASelect_Primary_Options_background-color" | "--ASelect_Primary_Options_border" | "--ASelect_Primary_Option_hover_background-color" | "--ASelect_Primary_Option_active_background-color" | "--ASelect_Primary_Option_Selected_background-color" | "--ASelect_Secondary_background-color" | "--ASelect_Secondary_Arrow_color" | "--ASelect_Secondary_Options_background-color" | "--ASelect_Secondary_Options_border" | "--ASelect_Secondary_Option_hover_background-color" | "--ASelect_Secondary_Option_active_background-color" | "--ASelect_Secondary_Option_Selected_background-color" | "--AMultiSelect_Primary_border" | "--AMultiSelect_Primary_hover_border" | "--AMultiSelect_Primary_Arrow_color" | "--AMultiSelect_Primary_Options_background-color" | "--AMultiSelect_Primary_Options_border" | "--AMultiSelect_Primary_Option_hover_background-color" | "--AMultiSelect_Primary_Option_active_background-color" | "--AMultiSelect_Primary_Option_Selected_background-color" | "--AMultiSelect_Secondary_background-color" | "--AMultiSelect_Secondary_Arrow_color" | "--AMultiSelect_Secondary_Options_background-color" | "--AMultiSelect_Secondary_Options_border" | "--AMultiSelect_Secondary_Option_hover_background-color" | "--AMultiSelect_Secondary_Option_active_background-color" | "--AMultiSelect_Secondary_Option_Selected_background-color" | "--ATree_background-color" | "--ATree_Indent_border" | "--ATreeHeader_border-top" | "--ATreeHeader_border-bottom" | "--ATreeItem_hover_background-color" | "--ATreeItem_active_background-color" | "--ATreeItem_select_background-color" | "--ATreeItem_search_background-color" | "--ATreeItem_search_border-top" | "--ATreeItem_search_border-bottom" | "--ATreeItem_select_color" | "--ASwitch_Track_Falsy_border-color" | "--ASwitch_Track_Truthy_border-color" | "--ATab_font" | "--ATab_Option_IsSelected_font" | "--ATab_IndicatorTrack_Primary_border-bottom" | "--ATab_Indicator_Primary_background-color" | "--ATab_Option_Secondary_border" | "--ATab_Option_Secondary_IsSelected_border-bottom" | "--AFileBox_border" | "--AFileBox_background-color" | "--AFileBox_SelectedFile_color" | "--AFileBox_Dropping_color" | "--AFileBox_Dropping_font" | "--AListView_border-top" | "--AListView_Row_border-bottom" | "--AListView_Label_border-left" | "--AListView_Label_font" | "--AListView_Rendered_border-left" | "--AStepper_OutCircle_background-color" | "--AStepper_OutCircle_IsOver_background-color" | "--AStepper_InCircle_background-color" | "--AStepper_InCircle_IsOver_background-color" | "--AStepper_Line_background-color" | "--AStepper_Line_IsOver_background-color" | "--ADatePicker_Anchor_border" | "--ADatePicker_Anchor_color" | "--ADatePicker_Anchor_hover_border" | "--ADatePicker_Anchor_focus_border" | "--ADatePicker_Anchor_Icon_color" | "--ADatePicker_background-color" | "--ADatePicker_border" | "--ADatePicker_StringInputContainer_background-color" | "--ADatePicker_String_border" | "--ADatePicker_Prev_background-color" | "--ADatePicker_Prev_border-right" | "--ADatePicker_Next_background-color" | "--ADatePicker_Next_border-left" | "--ADatePicker_Cell_color" | "--ADatePicker_Cell_IsNotCurrentMonth_color" | "--ADatePicker_Cell_IsDisabled_color" | "--ADatePicker_Cell_IsSelected_background-color" | "--ADatePicker_Cell_IsSelected_color" | "--ADatePicker_Cell_IsHovered_background-color" | "--AIconButton_Primary_color" | "--AIconButton_Primary_background-color" | "--AIconButton_Primary_border" | "--AIconButton_Primary_hover_border" | "--ATableBody_BodyHeader_border-top" | "--ATableBody_TRow_border-bottom" | "--ATableBody_TRow_IsSelected_background-color" | "--ATableBody_TRow_IsSelectable_hover_background-color" | "--ATableBody_TH_color" | "--ATableBody_TH_font-size" | "--ATableBody_TD_font-size" | "--ATableBody_TD_IsMarked_background-color" | "--ATableBody_Resizer_hover_ResizerCenter_background-color" | "--ATableBody_Resizer_active_ResizerCenter_background-color" | "--ATableBody_Resizer_active_ResizerOut_background-color" | "--ATableBody_Resizer_active_ResizerIn_background-color" | "--ATableFooter_Button_IsSelected_background-color" | "--ATableFooter_Button_IsSelected_color" | "--ATableFooter_Button_IsDisabled_color" | "--ATableFilter_SubFilters_background-color" | "--ATableFilter_SubFilters_border" | "--ATableFilter_Icon_color")[];
 export declare const AThemes: {
     Add: (theme: IATheme) => void;
     Remove: (theme: string) => void;

package/dist/AModule/AHooks/useEvent.d.ts

@@ -0,0 +1,12 @@
+/**
+ * useEvent
+ *
+ * Description : useEvent is a hook that adds event listener to element.
+ *
+ *
+ * @param element element : window, document, or HTMLElement
+ * @param action action : action for element event
+ * @param onAction onAction : event handler for element event
+ * @param options? options : options for addEventListener
+ */
+export declare function useEvent<T extends Window | Document | HTMLElement | null, K extends T extends Window ? keyof WindowEventMap : T extends Document ? keyof DocumentEventMap : T extends HTMLElement ? keyof HTMLElementEventMap : string, L extends K extends keyof WindowEventMap ? (this: T, ev: WindowEventMap[K]) => any : K extends keyof DocumentEventMap ? (this: T, ev: DocumentEventMap[K]) => any : K extends keyof HTMLElementEventMap ? (this: T, ev: HTMLElementEventMap[K]) => any : EventListenerOrEventListenerObject>(element: T, action: K, onAction: L, options?: AddEventListenerOptions): void;