ados-rcm 1.0.9 → 1.0.10

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

@@ -5,126 +5,126 @@ import { IAWrapProps } from '../AWrap/AWrap';
 export interface IASelectSelectedRendererProps<TItem, TGivenSelected, TSelected = TGivenSelected extends Array<TItem> ? TItem[] : null | TItem> {
     /**
      * OptionRenderer : (props: IASelectOptionRendererProps<T>) => React.ReactNode
-     * Description : OptionRenderer of ASelect
+     * <br/>Description : OptionRenderer of ASelect
      */
     OptionRenderer: (props: IASelectOptionRendererProps<TItem>) => React.ReactNode;
     /**
      * selected : T[]
-     * Description : selected items of ASelect
+     * <br/>Description : selected items of ASelect
      */
     selected: TSelected;
     /**
      * placeholder : React.ReactNode
-     * Description : placeholder of ASelect
+     * <br/>Description : placeholder of ASelect
      */
     placeholder?: React.ReactNode;
 }
 export interface IASelectOptionRendererProps<TItem> {
     /**
      * option : T
-     * Description : option of ASelect
+     * <br/>Description : option of ASelect
      */
     option: TItem;
 }
 export interface IASelectProps<TItem, TGivenSelected, TSelected = TGivenSelected extends Array<TItem> ? TItem[] : null | TItem> extends IABaseProps, IAWrapProps {
     /**
      * options : T[]
-     * Description : options of ASelect
-     * Basic Usage :
-     * (1) const options = ['Option1', 'Option2', 'Option3'];
+     * <br/>Description : options of ASelect
+     * <br/>Basic Usage :
+     * <br/>(1)const options = ['Option1', 'Option2', 'Option3'];
      * <ASelect options={options}/>
      */
     options: TItem[];
     /**
      * useSelect? : TUseValues<T[]>
-     * Description : useSelect of ASelect
-     * Basic Usage :
-     * (1) const [selected, setSelected] = useState<T[]>([]);
+     * <br/>Description : useSelect of ASelect
+     * <br/>Basic Usage :
+     * <br/>(1)const [selected, setSelected] = useState<T[]>([]);
      * <ASelect options={options} useSelect={[selected, setSelected]}/>
      */
     useSelect?: TUseValues<TSelected>;
     /**
      * type? : 'Primary' | 'Secondary' = 'Primary'
-     * Description : type of ASelect
-     * Basic Usage :
-     * (1) <ASelect type="Secondary"/>
+     * <br/>Description : type of ASelect
+     * <br/>Basic Usage :
+     * <br/>(1)<ASelect type="Secondary"/>
      */
     type?: 'Primary' | 'Secondary';
     /**
      * placeholder? : React.ReactNode
-     * Description : placeholder of ASelect. it is shown when no option is selected
-     * Basic Usage :
-     * (1) <ASelect placeholder="Select"/>
+     * <br/>Description : placeholder of ASelect. it is shown when no option is selected
+     * <br/>Basic Usage :
+     * <br/>(1)<ASelect placeholder="Select"/>
      */
     placeholder?: React.ReactNode;
     /**
      * isSelectMulti? : boolean = false
-     * Description : isSelectMulti of ASelect. if it is true, multiple options can be selected
-     * Basic Usage :
-     * (1) <ASelect isSelectMulti/>
+     * <br/>Description : isSelectMulti of ASelect. if it is true, multiple options can be selected
+     * <br/>Basic Usage :
+     * <br/>(1)<ASelect isSelectMulti/>
      */
     isSelectMulti?: boolean;
     /**
      * onClose? : () => void
-     * Description : onClose of ASelect
-     * Basic Usage :
-     * (1) <ASelect onClose={() => console.log('closed')}/>
+     * <br/>Description : onClose of ASelect
+     * <br/>Basic Usage :
+     * <br/>(1)<ASelect onClose={() => console.log('closed')}/>
      */
     onClose?: () => void;
     /**
      * SelectedRenderer? : (props: IASelectSelectedRendererProps<T>) => React.ReactNode = DefaultSelectedRenderer
-     * Description : Renderer of Selected Options of ASelect
-     * Basic Usage :
-     * (1) <ASelect SelectedRenderer={({selected, placeholder}) => selected ? selected : placeholder}/>
+     * <br/>Description : Renderer of Selected Options of ASelect
+     * <br/>Basic Usage :
+     * <br/>(1)<ASelect SelectedRenderer={({selected, placeholder}) => selected ? selected : placeholder}/>
      */
     SelectedRenderer?: (props: IASelectSelectedRendererProps<TItem, TGivenSelected, TSelected>) => React.ReactNode;
     /**
      * OptionRenderer? : (props: IASelectOptionRendererProps<T>) => React.ReactNode = DefaultOptionRenderer
-     * Description : Renderer of Options of ASelect
-     * Basic Usage :
-     * (1) <ASelect OptionRenderer={({option}) => <div>{option}</div>}/>
+     * <br/>Description : Renderer of Options of ASelect
+     * <br/>Basic Usage :
+     * <br/>(1)<ASelect OptionRenderer={({option}) => <div>{option}</div>}/>
      */
     OptionRenderer?: (props: IASelectOptionRendererProps<TItem>) => React.ReactNode;
     /**
      * minShowRows? : number = 2
-     * Description : minShowRows of ASelect
-     * Basic Usage :
-     * (1) <ASelect minShowRows={2}/>
+     * <br/>Description : minShowRows of ASelect
+     * <br/>Basic Usage :
+     * <br/>(1)<ASelect minShowRows={2}/>
      */
     minShowRows?: number;
     /**
      * maxShowRows? : number = 6
-     * Description : maxShowRows of ASelect. scrollbar will appear when overflow
-     * Basic Usage :
-     * (1) <ASelect maxShowRows={6}/>
+     * <br/>Description : maxShowRows of ASelect. scrollbar will appear when overflow
+     * <br/>Basic Usage :
+     * <br/>(1)<ASelect maxShowRows={6}/>
      */
     maxShowRows?: number;
     /**
      * arrowProps? : React.HTMLProps<HTMLDivElement>
-     * Description : divProps for Arrow of ASelect
-     * Basic Usage :
-     * (1) <ASelect arrowProps={{style: {color: 'red'}}}/>
+     * <br/>Description : divProps for Arrow of ASelect
+     * <br/>Basic Usage :
+     * <br/>(1)<ASelect arrowProps={{style: {color: 'red'}}}/>
      */
     arrowProps?: React.HTMLProps<HTMLDivElement>;
 }
 /**
  * AComponent : ASelect
- * Description : ASelect is a select component. give options and useSelect to select an option.
- * Basic Usage :
- * (1) const options = ['Option1', 'Option2', 'Option3'];
+ * <br/>Description : ASelect is a select component. give options and useSelect to select an option.
+ * <br/>Basic Usage :
+ * <br/>(1)const options = ['Option1', 'Option2', 'Option3'];
  * const [selected, setSelected] = useState<string | null>(null);
  * return <ASelect options={options} useSelect={[selected, setSelected]}/>
  *
- * (2) const options = ['Option1', 'Option2', 'Option3'];
+ * <br/>(2)const options = ['Option1', 'Option2', 'Option3'];
  * const [selected, setSelected] = useState<string[]>([]);
  * return <ASelect options={options} useSelect={[selected, setSelected]} isSelectMulti/>
  *
- * (3) const options = [{idx : 1, name : 'option1'}, {idx : 2, name : 'option2'}, {idx : 3, name : 'option3'}];
+ * <br/>(3)const options = [{idx : 1, name : 'option1'}, {idx : 2, name : 'option2'}, {idx : 3, name : 'option3'}];
  * const [selected, setSelected] = useState<{idx : number, name : string}[]>([]);
  * const OptionRenderer = ({option}) => <div>{option.name}</div>;
  * return <ASelect options={options} useSelect={[selected, setSelected]} OptionRenderer={OptionRenderer}/>
  *
- * (4) const options = [{idx : 1, name : 'option1'}, {idx : 2, name : 'option2'}, {idx : 3, name : 'option3'}];
+ * <br/>(4)const options = [{idx : 1, name : 'option1'}, {idx : 2, name : 'option2'}, {idx : 3, name : 'option3'}];
  * const [selected, setSelected] = useState<{idx : number, name : string}[]>([]);
  * const OptionRenderer = ({option}) => <div>{option.name}</div>;
  * const SelectedRenderer = ({selected, placeholder}) => selected.length > 0 ? string.join(selected.map(e => e.name), ', ') : placeholder;

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

@@ -2,28 +2,28 @@ import { HTMLAttributes } from 'react';
 interface IASpaceProps extends HTMLAttributes<HTMLElement> {
     /**
      * h? : number | string
-     * Description : height of ASpace
-     * Basic Usage :
-     * (1) <ASpace h={10}/>
+     * <br/>Description : height of ASpace
+     * <br/>Basic Usage :
+     * <br/>(1)<ASpace h={10}/>
      */
     h?: number | string;
     /**
      * w? : number | string
-     * Description : width of ASpace
-     * Basic Usage :
-     * (1) <ASpace w={10}/>
+     * <br/>Description : width of ASpace
+     * <br/>Basic Usage :
+     * <br/>(1)<ASpace w={10}/>
      */
     w?: number | string;
 }
 /**
  * AComponent : ASpace
- * Description : ASpace is a component to make spaces.
- * Basic Usage :
- * (1) <ASpace h={10}/>
+ * <br/>Description : ASpace is a component to make spaces.
+ * <br/>Basic Usage :
+ * <br/>(1)<ASpace h={10}/>
  *
- * (2) <ASpace w={10}/>
+ * <br/>(2)<ASpace w={10}/>
  *
- * (3) <ASpace h={10} w={10}/>
+ * <br/>(3)<ASpace h={10} w={10}/>
  */
 export declare const ASpace: ({ h, w, ...divProps }: IASpaceProps) => React.ReactNode;
 export {};

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

@@ -3,47 +3,47 @@ import { TUseValues } from '../../AHooks/useValues';
 interface IStepRendererProps<T> {
     /**
      * step : T
-     * Description : step of AStepper
+     * <br/>Description : step of AStepper
      */
     step: T;
     /**
      * stepIdx : number
-     * Description : stepIdx of AStepper
+     * <br/>Description : stepIdx of AStepper
      */
     stepIdx: number;
 }
 export interface IAStepperProps<T> {
     /**
      * useSelect? : TUseValues<T>
-     * Description : useStep of AStepper
-     * Basic Usage :
-     * (1) const steps = ['Step1', 'Step2', 'Step3'];
+     * <br/>Description : useStep of AStepper
+     * <br/>Basic Usage :
+     * <br/>(1)const steps = ['Step1', 'Step2', 'Step3'];
      * const [step, setStep] = useState<typeof steps[0]>(steps[0]);
      * <AStepper useSelect={[step, setStep]} steps={steps}/>
      */
     useSelect?: TUseValues<T>;
     /**
      * steps : T[]
-     * Description : steps of AStepper. must have at least one step.
-     * Basic Usage :
-     * (1) const steps = ['Step1', 'Step2', 'Step3'];
+     * <br/>Description : steps of AStepper. must have at least one step.
+     * <br/>Basic Usage :
+     * <br/>(1)const steps = ['Step1', 'Step2', 'Step3'];
      * <AStepper steps={steps}/>
      */
     steps: T[];
     /**
      * StepRenderer? : (props: IStepRendererProps<T>) => React.ReactNode = DefaultRenderer
-     * Description : StepRenderer of AStepper
-     * Basic Usage :
-     * (1) const steps = ['Step1', 'Step2', 'Step3'];
+     * <br/>Description : StepRenderer of AStepper
+     * <br/>Basic Usage :
+     * <br/>(1)const steps = ['Step1', 'Step2', 'Step3'];
      * const StepRenderer = ({step, stepIdx}) => 'This is step' + stepIdx;
      * <AStepper steps={steps} StepRenderer={StepRenderer}/>
      */
     StepRenderer?: (props: IStepRendererProps<T>) => React.ReactNode;
     /**
      * ContentRenderer? : (props: IStepRendererProps<T>) => React.ReactNode = DefaultRenderer
-     * Description : ContentRenderer of AStepper
-     * Basic Usage :
-     * (1) const steps = ['Step1', 'Step2', 'Step3'];
+     * <br/>Description : ContentRenderer of AStepper
+     * <br/>Basic Usage :
+     * <br/>(1)const steps = ['Step1', 'Step2', 'Step3'];
      * const ContentRenderer = ({step, stepIdx}) => 'This is content' + stepIdx;
      * <AStepper steps={steps} ContentRenderer={ContentRenderer}/>
      */
@@ -51,20 +51,20 @@ export interface IAStepperProps<T> {
 }
 /**
  * AComponent : AStepper
- * Description : AStepper is a stepper component that can select a step. all steps are rendered even if they are not selected.
- * Basic Usage :
- * (1) const steps = ['Step1', 'Step2', 'Step3'];
+ * <br/>Description : AStepper is a stepper component that can select a step. all steps are rendered even if they are not selected.
+ * <br/>Basic Usage :
+ * <br/>(1)const steps = ['Step1', 'Step2', 'Step3'];
  * return <AStepper steps={steps}/>
  *
- * (2) const steps = ['Step1', 'Step2', 'Step3'];
+ * <br/>(2)const steps = ['Step1', 'Step2', 'Step3'];
  * const StepRenderer = ({step, stepIdx}) => 'This is step' + stepIdx;
  * return <AStepper steps={steps} StepRenderer={StepRenderer}/>
  *
- * (3) const steps = ['Step1', 'Step2', 'Step3'];
+ * <br/>(3)const steps = ['Step1', 'Step2', 'Step3'];
  * const ContentRenderer = ({step, stepIdx}) => 'This is content' + stepIdx;
  * return <AStepper steps={steps} ContentRenderer={ContentRenderer}/>
  *
- * (4) const steps = ['Step1', 'Step2', 'Step3'];
+ * <br/>(4)const steps = ['Step1', 'Step2', 'Step3'];
  * const StepRenderer = ({step, stepIdx}) => 'This is step' + stepIdx;
  * const ContentRenderer = ({step, stepIdx}) => 'This is content' + stepIdx;
  * return <AStepper steps={steps} StepRenderer={StepRenderer} ContentRenderer={ContentRenderer}/>

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

@@ -4,9 +4,9 @@ import { IAWrapProps } from '../AWrap/AWrap';
 export interface ASwitchProps extends IAWrapProps, IABaseProps {
     /**
      * useCheck? : TUseValues<any>
-     * Description : ContentRenderer of AStepper
-     * Basic Usage :
-     * (1) const steps = ['Step1', 'Step2', 'Step3'];
+     * <br/>Description : ContentRenderer of AStepper
+     * <br/>Basic Usage :
+     * <br/>(1)const steps = ['Step1', 'Step2', 'Step3'];
      * const ContentRenderer = ({step, stepIdx}) => 'This is content' + stepIdx;
      * <AStepper steps={steps} ContentRenderer={ContentRenderer}/>
      */
@@ -14,11 +14,11 @@ export interface ASwitchProps extends IAWrapProps, IABaseProps {
 }
 /**
  * AComponent : ASwitch
- * Description : ASwitch is a switch component that can be toggled.
- * Basic Usage :
- * (1) <ASwitch/>
+ * <br/>Description : ASwitch is a switch component that can be toggled.
+ * <br/>Basic Usage :
+ * <br/>(1)<ASwitch/>
  *
- * (2) const [check, setCheck] = useState<boolean>(false);
+ * <br/>(2)const [check, setCheck] = useState<boolean>(false);
  * <ASwitch useCheck={[check, setCheck]}/>
  */
 export declare const ASwitch: ({ wrapProps, helperText, label, useCheck, ...abaseProps }: ASwitchProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,53 +3,53 @@ import { TUseValues } from '../../AHooks/useValues';
 export interface IATabOptionRendererProps<T> {
     /**
      * option : T
-     * Description : option of ATab
+     * <br/>Description : option of ATab
      */
     option: T;
 }
 export interface IATabProps<T> {
     /**
      * options : T[]
-     * Description : options of ATab
-     * Basic Usage :
-     * (1) const options = ['Option1', 'Option2', 'Option3'];
+     * <br/>Description : options of ATab
+     * <br/>Basic Usage :
+     * <br/>(1)const options = ['Option1', 'Option2', 'Option3'];
      * <ATab options={options}/>
      */
     options: T[];
     /**
      * type? : 'Primary' | 'Secondary' = 'Primary'
-     * Description : type of ATab
-     * Basic Usage :
-     * (1) <ATab type="Secondary"/>
+     * <br/>Description : type of ATab
+     * <br/>Basic Usage :
+     * <br/>(1)<ATab type="Secondary"/>
      */
     type?: 'Primary' | 'Secondary';
     /**
      * useSelect? : TUseValues<T>
-     * Description : useSelect of ATab
-     * Basic Usage :
-     * (1) const [selected, setSelected] = useState<typeof options[0]>(options[0]);
+     * <br/>Description : useSelect of ATab
+     * <br/>Basic Usage :
+     * <br/>(1)const [selected, setSelected] = useState<typeof options[0]>(options[0]);
      * <ATab options={options} useSelect={[selected, setSelected]}/>
      */
     useSelect?: TUseValues<T>;
     /**
      * tabProps? : React.HTMLProps<HTMLDivElement>
-     * Description : tabProps of ATab
-     * Basic Usage :
-     * (1) <ATab tabProps={{className: 'test'}}/>
+     * <br/>Description : tabProps of ATab
+     * <br/>Basic Usage :
+     * <br/>(1)<ATab tabProps={{className: 'test'}}/>
      */
     tabProps?: React.HTMLProps<HTMLDivElement>;
     /**
      * optionWidth? : string | number
-     * Description : optionWidth of ATab. if not set, tabs will have 1/n width.
-     * Basic Usage :
-     * (1) <ATab optionWidth="100px"/>
+     * <br/>Description : optionWidth of ATab. if not set, tabs will have 1/n width.
+     * <br/>Basic Usage :
+     * <br/>(1)<ATab optionWidth="100px"/>
      */
     optionWidth?: string | number;
     /**
      * OptionRenderer? : (props: IATabOptionRendererProps<T>) => React.ReactNode = DefaultItemRenderer
-     * Description : OptionRenderer of ATab
-     * Basic Usage :
-     * (1) const options = ['Option1', 'Option2', 'Option3'];
+     * <br/>Description : OptionRenderer of ATab
+     * <br/>Basic Usage :
+     * <br/>(1)const options = ['Option1', 'Option2', 'Option3'];
      * const OptionRenderer = ({option}) => 'This is option' + option;
      * <ATab options={options} OptionRenderer={OptionRenderer}/>
      */
@@ -57,20 +57,20 @@ export interface IATabProps<T> {
 }
 /**
  * AComponent : ATab
- * Description : ATab is a tab component that can select a tab.
- * Basic Usage :
- * (1) const options = ['Option1', 'Option2', 'Option3'];
+ * <br/>Description : ATab is a tab component that can select a tab.
+ * <br/>Basic Usage :
+ * <br/>(1)const options = ['Option1', 'Option2', 'Option3'];
  * return <ATab options={options}/>
  *
- * (2) const options = ['Option1', 'Option2', 'Option3'];
+ * <br/>(2)const options = ['Option1', 'Option2', 'Option3'];
  * const OptionRenderer = ({option}) => 'This is option' + option;
  * return <ATab options={options} OptionRenderer={OptionRenderer}/>
  *
- * (3) const options = ['Option1', 'Option2', 'Option3'];
+ * <br/>(3)const options = ['Option1', 'Option2', 'Option3'];
  * const [selected, setSelected] = useState<typeof options[0]>(options[0]);
  * return <ATab options={options} useSelect={[selected, setSelected]}/>
  *
- * (4) const options = ['Option1', 'Option2', 'Option3'];
+ * <br/>(4)const options = ['Option1', 'Option2', 'Option3'];
  * return <ATab options={options} type="Secondary"/>
  */
 export declare const ATab: <T>({ options, useSelect, type, tabProps, optionWidth, OptionRenderer, }: IATabProps<T>) => import("react/jsx-runtime").JSX.Element | null;