ados-rcm 1.0.10 → 1.0.12

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

@@ -2,31 +2,46 @@ import React from 'react';
 interface IATextProps {
     /**
      * text? : string
-     * <br/>Description : text of AText
+     *
+     * Description : text of AText
      */
     text?: string;
     /**
      * styled? : boolean | string
-     * <br/>Description : styled of AText. if true, all text is styled. if string, the matching string on text will be styled.
+     *
+     * Description : styled of AText. if true, all text is styled. if string, the matching string on text will be styled.
      */
     styled?: boolean | string;
     /**
      * style? : 'bold' | React.CSSProperties
-     * <br/>Description : style of AText. if 'bold', text will be bold. if React.CSSProperties, text will be styled with the style.
+     *
+     * Description : style of AText. if 'bold', text will be bold. if React.CSSProperties, text will be styled with the style.
      */
     style?: 'bold' | React.CSSProperties;
 }
 /**
  * AComponent : AText
- * <br/>Description : AText is a text component that can be styled.
- * <br/>Basic Usage :
- * <br/>(1)<AText text="This is text"/>
  *
- * <br/>(2)<AText text="This is text" styled/>
+ * Description : AText is a text component that can be styled.
  *
- * <br/>(3)<AText text="This is text" styled="is" style='bold'/>
+ * Basic Usage :
  *
- * <br/>(4)<AText text="This is text" styled="text" style={{color: 'red'}}/>
+ *     if (case 1)
+ *       <AText text="This is text"/>
+ *
+ *     if (case 2)
+ *       <AText text="This is text"
+ *         styled/>
+ *
+ *     if (case 3)
+ *       <AText text="This is text"
+ *         styled="is"
+ *         style='bold'/>
+ *
+ *     if (case 4)
+ *       <AText text="This is text"
+ *         styled="text"
+ *         style={{color: 'red'}}/>
  */
 export declare const AText: ({ text, styled, style }: IATextProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -6,92 +6,87 @@ export type TTextAreaType = 'Primary' | 'Secondary' | 'Error';
 export interface IATextAreaProps extends IABaseProps, IAWrapProps {
     /**
      * onEnterPress? : (value: string) => void
-     * <br/>Description : onEnterPress of ATextArea
-     * <br/>Basic Usage :
-     * <br/>(1)<AInput onEnterPress={value => console.log(value)}/>
+     *
+     * Description : onEnterPress of ATextArea
      */
     onEnterPress?: (value: string) => void;
     /**
      * type? : TTextAreaType = 'Primary'
-     * <br/>Description : type of ATextArea
-     * <br/>Basic Usage :
-     * <br/>(1)<AInput type="Secondary"/>
+     *
+     * Description : type of ATextArea
      */
     type?: TTextAreaType;
     /**
      * textAreaRef? : React.RefObject<HTMLTextAreaElement>
-     * <br/>Description : textAreaRef of ATextArea
-     * <br/>Basic Usage :
-     * <br/>(1)const textAreaRef = useRef<HTMLTextAreaElement>(null);
-     * <AInput textAreaRef={textAreaRef}/>
+     *
+     * Description : textAreaRef of ATextArea
      */
     textAreaRef?: React.RefObject<HTMLTextAreaElement>;
     /**
      * useValue? : TUseValues<string>
-     * <br/>Description : useValue of ATextArea
-     * <br/>Basic Usage :
-     * <br/>(1)const [value, setValue] = useState<string>('');
-     * <AInput useValue={[value, setValue]}/>
+     *
+     * Description : useValue of ATextArea
      */
     useValue?: TUseValues<string>;
     /**
      * rows? : number
-     * <br/>Description : rows of ATextArea
-     * <br/>Basic Usage :
-     * <br/>(1)<ATextArea rows={5}/>
+     *
+     * Description : rows of ATextArea
      */
     rows?: number;
     /**
      * readonly? : boolean
-     * <br/>Description : decides whether the input is readonly or not
-     * <br/>Basic Usage :
-     * <br/>(1)<ATextArea readonly/>
+     *
+     * Description : decides whether the input is readonly or not
      */
     readonly?: boolean;
     /**
      * onChange? : (e: React.ChangeEvent<HTMLTextAreaElement>) => void
-     * <br/>Description : onChange of ATextArea
+     *
+     * Description : onChange of ATextArea
      */
     onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
     /**
      * placeholder? : string
-     * <br/>Description : placeholder of ATextArea
-     * <br/>Basic Usage :
-     * <br/>(1)<ATextArea placeholder="Placeholder"/>
+     *
+     * Description : placeholder of ATextArea
      */
     placeholder?: string;
     /**
      * maxLength? : number
-     * <br/>Description : maxLength of ATextArea
-     * <br/>Basic Usage :
-     * <br/>(1)<ATextArea maxLength={10}/>
+     *
+     * Description : maxLength of ATextArea
      */
     maxLength?: number;
     /**
      * tabIndex? : number
-     * <br/>Description : tabIndex of ATextArea
-     * <br/>Basic Usage :
-     * <br/>(1)<ATextArea tabIndex={1}/>
+     *
+     * Description : tabIndex of ATextArea
      */
     tabIndex?: number;
     /**
      * autoFocus? : boolean
-     * <br/>Description : decides whether the input is focused or not
-     * <br/>Basic Usage :
-     * <br/>(1)<ATextArea autoFocus/>
+     *
+     * Description : decides whether the input is focused or not
      */
     autoFocus?: boolean;
     /**
      * textAreaProps? : React.TextareaHTMLAttributes<HTMLTextAreaElement>
-     * <br/>Description : textAreaProps of ATextArea
+     *
+     * Description : textAreaProps of ATextArea
      */
     textAreaProps?: React.TextareaHTMLAttributes<HTMLTextAreaElement>;
 }
 /**
  * AComponent : ATextArea
- * <br/>Description : ATextArea is a textarea component. it has AWrap and ABase inside, so be careful with the styles. I recommend checking out the element hierarchy first.
- * <br/>Basic Usage :
- * <br/>(1)const [value, setValue] = useState<string>('');
- * return <ATextArea useValue={[value, setValue]}/>
+ *
+ * Description : ATextArea is a textarea component. it has AWrap and ABase inside, so be careful with the styles. I recommend checking out the element hierarchy first.
+ *
+ * Basic Usage :
+ *
+ *     const [value, setValue] = useState('');
+ *
+ *     if (case 1)
+ *       <ATextArea useValue={[value, setValue]}/>
  */
 export declare const ATextArea: ({ onEnterPress, type, textAreaRef, useValue, rows, readonly, placeholder, maxLength, tabIndex, autoFocus, textAreaProps, wrapProps, helperText, label, wrapType, ...abaseProps }: IATextAreaProps) => React.ReactNode;

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

@@ -2,34 +2,45 @@ import { RefObject } from 'react';
 interface IATooltipProps {
     /**
      * tooltip : React.ReactNode
-     * <br/>Description : tooltip of ATooltip
+     *
+     * Description : tooltip of ATooltip
      */
     tooltip: React.ReactNode;
     /**
      * targetRef : React.RefObject<HTMLElement>
-     * <br/>Description : targetRef of ATooltip
+     *
+     * Description : targetRef of ATooltip
      */
     targetRef: RefObject<HTMLElement>;
     /**
      * delay? : number = 0
-     * <br/>Description : delay of ATooltip
+     *
+     * Description : delay of ATooltip
      */
     delay: number;
     /**
      * distance? : number = 10
-     * <br/>Description : distance of ATooltip
+     *
+     * Description : distance of ATooltip
      */
     distance: number;
 }
 /**
  * AComponent : ATooltip
- * <br/>Description : ATooltip is a tooltip component that can be attached to a target element.
- * <br/>Basic Usage :
- * <br/>(1)const targetRef = useRef<HTMLDivElement>(null);
- * return <>
- *   <div ref={targetRef}>Hover me</div>
- *   <ATooltip tooltip="This is tooltip" targetRef={targetRef}/>
- * </>
+ *
+ * Description : ATooltip is a tooltip component that can be attached to a target element.
+ *
+ * Basic Usage :
+ *
+ *     const targetRef = useRef<HTMLDivElement>(null);
+ *
+ *     if (case 1)
+ *       <div ref={targetRef}>
+ *         Hover me
+ *       </div>
+ *       <ATooltip tooltip="This is tooltip"
+ *         targetRef={targetRef}/>
+ *
  *
  */
 export declare const ATooltip: ({ tooltip, targetRef, delay, distance }: IATooltipProps) => import("react").ReactPortal | null;

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

@@ -1,6 +1,7 @@
 /**
  * ATree
- * <br/>Description :
+ *
+ * Description :
  * - select and check is not different, check is just appeared when showCheckbox is true.
  *
  * Notice 1 : useSelect is considered as T[], so you should pass T[] to useSelect even if isSelectMulti is false.
@@ -18,78 +19,92 @@ import { IATreeItemProps } from './ATreeItem';
 export interface IATreeSearchResult<T> {
     /**
      * keyword : string
-     * <br/>Description : keyword of search result
+     *
+     * Description : keyword of search result
      */
     keyword: string;
     /**
      * items : T[]
-     * <br/>Description : items of search result
+     *
+     * Description : items of search result
      */
     items: T[];
     /**
      * item? : T
-     * <br/>Description : item of search result
+     *
+     * Description : item of search result
      */
     item?: T;
 }
 export interface IATreeItem<T> extends IItem {
     /**
      * children? : T[]
-     * <br/>Description : children of IATreeItem. tree will be rendered recursively.
+     *
+     * Description : children of IATreeItem. tree will be rendered recursively.
      */
     children?: T[];
 }
 export interface IATreeAction {
     /**
      * expandAll : () => void
-     * <br/>Description : expand all items
+     *
+     * Description : expand all items
      */
     expandAll: () => void;
     /**
      * collapseAll : () => void
-     * <br/>Description : collapse all items
+     *
+     * Description : collapse all items
      */
     collapseAll: () => void;
 }
 export interface IATreeProps<T extends IATreeItem<T>> extends IABaseProps {
     /**
      * ItemRenderer? : (props: IATreeItemProps<T>) => React.ReactNode
-     * <br/>Description : ItemRenderer of ATree
+     *
+     * Description : ItemRenderer of ATree
      */
     ItemRenderer?: (props: IATreeItemProps<T>) => React.ReactNode;
     /**
      * useItems? : TUseValues<T[]>
-     * <br/>Description : useItems of ATree. items will be changed if dragging is used
+     *
+     * Description : useItems of ATree. items will be changed if dragging is used
      */
     useItems?: TUseValues<T[]>;
     /**
      * useExpand? : TUseValues<T[]>
-     * <br/>Description : useExpand of ATree
+     *
+     * Description : useExpand of ATree
      */
     useExpand?: TUseValues<T[]>;
     /**
      * useSelect? : TUseValues<T[]>
-     * <br/>Description : useSelect of ATree
+     *
+     * Description : useSelect of ATree
      */
     useSelect?: TUseValues<T[]>;
     /**
      * selectDisabled? : (item: T) => boolean | string | undefined
-     * <br/>Description : selectDisabled of ATree. if string is returned, it will be used as tooltip.
+     *
+     * Description : selectDisabled of ATree. if string is returned, it will be used as tooltip.
      */
     selectDisabled?: (item: T) => boolean | string | undefined;
     /**
      * useSearch? : TUseValues<IATreeSearchResult<T> | undefined>
-     * <br/>Description : useSearch of ATree
+     *
+     * Description : useSearch of ATree
      */
     useSearch?: TUseValues<IATreeSearchResult<T> | undefined>;
     /**
      * showCheckbox? : boolean
-     * <br/>Description : showCheckbox of ATree
+     *
+     * Description : showCheckbox of ATree
      */
     showCheckbox?: boolean;
     /**
      * icons? : { noChild?: TIcons; collapsed?: TIcons; expanded?: TIcons }
-     * <br/>Description : icons of ATree
+     *
+     * Description : icons of ATree
      */
     icons?: {
         noChild?: TIcons;
@@ -98,75 +113,93 @@ export interface IATreeProps<T extends IATreeItem<T>> extends IABaseProps {
     };
     /**
      * iconWidth? : number
-     * <br/>Description : iconWidth of ATree
+     *
+     * Description : iconWidth of ATree
      */
     iconWidth?: number;
     /**
      * isSelectMulti? : boolean
-     * <br/>Description : isSelectMulti of ATree
+     *
+     * Description : isSelectMulti of ATree
      */
     isSelectMulti?: boolean;
     /**
      * noSearch? : boolean
-     * <br/>Description : noSearch of ATree. if true, search will not be rendered.
+     *
+     * Description : noSearch of ATree. if true, search will not be rendered.
      */
     noSearch?: boolean;
     /**
      * enableDrag? : boolean
-     * <br/>Description : enableDrag of ATree
+     *
+     * Description : enableDrag of ATree
      */
     enableDrag?: boolean;
     /**
      * syncSearchSelect? : boolean
-     * <br/>Description : syncSearchSelect of ATree. if true, selectedItems will be synced with searchResult.
+     *
+     * Description : syncSearchSelect of ATree. if true, selectedItems will be synced with searchResult.
      */
     syncSearchSelect?: boolean;
     /**
      * searchPredicate? : (inputValue: string, item: IATreeItem<T>) => any
-     * <br/>Description : searchPredicate of ATree.
+     *
+     * Description : searchPredicate of ATree.
      */
     searchPredicate?: (inputValue: string, item: IATreeItem<T>) => any;
     /**
      * actionRef? : TActionRef<IATreeAction>
-     * <br/>Description : actionRef of ATree
+     *
+     * Description : actionRef of ATree
      */
     actionRef?: TActionRef<IATreeAction>;
     /**
      * HeaderRightAddon? : React.ReactNode
-     * <br/>Description : HeaderRightAddon of ATree
+     *
+     * Description : HeaderRightAddon of ATree
      */
     HeaderRightAddon?: React.ReactNode;
     /**
      * RightStickyRenderer? : (props: IATreeItemProps<T>) => React.ReactNode
-     * <br/>Description : RightStickyRenderer of ATree
+     *
+     * Description : RightStickyRenderer of ATree
      */
     RightStickyRenderer?: (props: IATreeItemProps<T>) => React.ReactNode;
     /**
      * resources? : Partial<typeof Resources.ATree>
-     * <br/>Description : resources of ATree
+     *
+     * Description : resources of ATree
      */
     resources?: Partial<typeof Resources.ATree>;
 }
 /**
  * AComponent : ATree
- * <br/>Description : ATree component. tree will be rendered recursively.
+ *
+ * Description : ATree component. tree will be rendered recursively.
  * select and check are not different, check is just appeared when showCheckbox is true.
  * select, check, expand, drag-to-move, search are available.
- * <br/>Basic Usage :
- * <br/>(1)const items = [{name: 'Item1', children: [{name: 'Item1-1'}]}];
- * return <ATree useItems={[items, setItems]}/>
  *
- * <br/>(2)const items = [{name: 'Item1', children: [{name: 'Item1-1'}]}, {name: 'Item2'}, {name: 'Item3'}];
- * const [selected, setSelected] = useState<typeof items[0]>(items[0]);
- * return <ATree useItems={[items, setItems]} useSelect={[selected, setSelected]}/>
+ * Basic Usage :
+ *
+ *     const items = [{name: 'Item1', children: [{name: 'Item1-1'}]}, {name: 'Item2'}, {name: 'Item3'}];
+ *     const [selected, setSelected] = useState<typeof items[0]>(items[0]);
+ *     const [expanded, setExpanded] = useState<typeof items[0]>(items[0]);
+ *     const [searchResult, setSearchResult] = useState<IATreeSearchResult<typeof items[0]> | undefined>(undefined);
+ *
+ *     if (case 1)
+ *       <ATree useItems={[items, undefined]}/>
+ *
+ *     if (case 2)
+ *       <ATree useItems={[items, setItems]}
+ *         useSelect={[selected, setSelected]}/>
  *
- * <br/>(3)const items = [{name: 'Item1', children: [{name: 'Item1-1'}]}, {name: 'Item2'}, {name: 'Item3'}];
- * const [expanded, setExpanded] = useState<typeof items[0]>(items[0]);
- * return <ATree useItems={[items, setItems]} useExpand={[expanded, setExpanded]}/>
+ *     if (case 3)
+ *       <ATree useItems={[items, setItems]}
+ *       useExpand={[expanded, setExpanded]}/>
  *
- * <br/>(4)const items = [{name: 'Item1', children: [{name: 'Item1-1'}]}, {name: 'Item2'}, {name: 'Item3'}];
- * const [searchResult, setSearchResult] = useState<IATreeSearchResult<typeof items[0]> | undefined>(undefined);
- * return <ATree useItems={[items, setItems]} useSearch={[searchResult, setSearchResult]}/>
+ *     if (case 4)
+ *       <ATree useItems={[items, setItems]}
+ *       useSearch={[searchResult, setSearchResult]}/>
  *
  */
 export declare const ATree: <T extends IATreeItem<T>>({ selectDisabled, ItemRenderer, useItems, useExpand, useSelect, useSearch, showCheckbox, iconWidth, icons, isSelectMulti, noSearch, enableDrag, syncSearchSelect, actionRef, HeaderRightAddon, RightStickyRenderer, resources: extResources, searchPredicate, isDisabled, ...abaseProps }: IATreeProps<T>) => React.ReactNode;

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

@@ -2,36 +2,45 @@ import React from 'react';
 export interface IAWrapProps {
     /**
      * wrapProps? : React.HTMLAttributes<HTMLDivElement>
-     * <br/>Description : wrapProps of AWrap
+     *
+     * Description : wrapProps of AWrap
      */
     wrapProps?: React.HTMLAttributes<HTMLDivElement>;
     /**
      * helperText? : React.ReactNode | React.ReactNode[]
-     * <br/>Description : helperText of AWrap
+     *
+     * Description : helperText of AWrap
      */
     helperText?: React.ReactNode | React.ReactNode[];
     /**
      * wrapType? : 'Default' | 'Error' = 'Default'
-     * <br/>Description : wrapType of AWrap
+     *
+     * Description : wrapType of AWrap
      */
     wrapType?: 'Default' | 'Error';
     /**
      * label? : React.ReactNode
-     * <br/>Description : label of AWrap
+     *
+     * Description : label of AWrap
      */
     label?: React.ReactNode;
     /**
      * children? : React.ReactNode
-     * <br/>Description : children of AWrap
+     *
+     * Description : children of AWrap
      */
     children?: React.ReactNode;
 }
 /**
  * AComponent : AWrap
- * <br/>Description : AWrap is a wrap component that wraps the children with a label and helper text.
- * <br/>Basic Usage :
- * <br/>(1)<AWrap label="Label" helperText="Helper Text">
- *  <AInput/>
- * </AWrap>
+ *
+ * Description : AWrap is a wrap component that wraps the children with a label and helper text.
+ *
+ * Basic Usage :
+ *
+ *     if (case 1)
+ *       <AWrap label="Label" helperText="Helper Text">
+ *         <AInput/>
+ *       </AWrap>
  */
 export declare const AWrap: ({ wrapProps, helperText, wrapType, label, children }: IAWrapProps) => React.ReactNode;