ados-rcm 1.0.31 → 1.0.32

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

@@ -2,19 +2,19 @@ import React from 'react';
 import { TUseValues } from '../../AHooks/useValues';
 import { IABaseProps } from '../ABase/ABase';
 import { IAWrapProps } from '../AWrap/AWrap';
-export interface IASelectSelectedRendererProps<TItem, TGivenSelected, TSelected = TGivenSelected extends Array<TItem> ? TItem[] : null | TItem> {
+export interface IASelectSelectedRendererProps<I, S extends (null | I) | I[]> {
     /**
-     * OptionRenderer : (props: IASelectOptionRendererProps<T>) => React.ReactNode
+     * OptionRenderer : (props: IASelectOptionRendererProps<I>) => React.ReactNode
      *
      * Description : OptionRenderer of ASelect
      */
-    OptionRenderer: (props: IASelectOptionRendererProps<TItem>) => React.ReactNode;
+    OptionRenderer: (props: IASelectOptionRendererProps<I>) => React.ReactNode;
     /**
-     * selected : T[]
+     * selected : S
      *
      * Description : selected items of ASelect
      */
-    selected: TSelected;
+    selected: S;
     /**
      * placeholder : React.ReactNode
      *
@@ -22,27 +22,27 @@ export interface IASelectSelectedRendererProps<TItem, TGivenSelected, TSelected
      */
     placeholder?: React.ReactNode;
 }
-export interface IASelectOptionRendererProps<TItem> {
+export interface IASelectOptionRendererProps<I> {
     /**
-     * option : T
+     * option : I
      *
      * Description : option of ASelect
      */
-    option: TItem;
+    option: I;
 }
-export interface IASelectProps<TItem, TGivenSelected, TSelected = TGivenSelected extends Array<TItem> ? TItem[] : null | TItem> extends IABaseProps, IAWrapProps {
+export interface IASelectProps<I, S extends (null | I) | I[]> extends IABaseProps, IAWrapProps {
     /**
-     * options : T[]
+     * options : I[]
      *
      * Description : options of ASelect
      */
-    options: TItem[];
+    options: I[];
     /**
-     * useSelect? : TUseValues<T[]>
+     * useSelect? : TUseValues<K>
      *
      * Description : useSelect of ASelect
      */
-    useSelect?: TUseValues<TSelected>;
+    useSelect?: TUseValues<S>;
     /**
      * type? : 'Primary' | 'Secondary' = 'Primary'
      *
@@ -55,12 +55,6 @@ export interface IASelectProps<TItem, TGivenSelected, TSelected = TGivenSelected
      * Description : placeholder of ASelect. it is shown when no option is selected
      */
     placeholder?: React.ReactNode;
-    /**
-     * isSelectMulti? : boolean = false
-     *
-     * Description : isSelectMulti of ASelect. if it is true, multiple options can be selected
-     */
-    isSelectMulti?: boolean;
     /**
      * onClose? : () => void
      *
@@ -72,13 +66,13 @@ export interface IASelectProps<TItem, TGivenSelected, TSelected = TGivenSelected
      *
      * Description : Renderer of Selected Options of ASelect
      */
-    SelectedRenderer?: (props: IASelectSelectedRendererProps<TItem, TGivenSelected, TSelected>) => React.ReactNode;
+    SelectedRenderer?: (props: IASelectSelectedRendererProps<I, S>) => React.ReactNode;
     /**
      * OptionRenderer? : (props: IASelectOptionRendererProps<T>) => React.ReactNode = DefaultOptionRenderer
      *
      * Description : Renderer of Options of ASelect
      */
-    OptionRenderer?: (props: IASelectOptionRendererProps<TItem>) => React.ReactNode;
+    OptionRenderer?: (props: IASelectOptionRendererProps<I>) => React.ReactNode;
     /**
      * minShowRows? : number = 2
      *
@@ -102,33 +96,38 @@ export interface IASelectProps<TItem, TGivenSelected, TSelected = TGivenSelected
  * AComponent : ASelect
  *
  * Description : ASelect 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 strOptions = ['Option1', 'Option2', 'Option3'];
  *     const options = [{idx : 1, name : 'option1'}, {idx : 2, name : 'option2'}, {idx : 3, name : 'option3'}];
- *     const [strSelected, setStrSelected] = useState<string | null>(null);
- *     const [selected, setSelected] = useState<{idx : number, name : string}[]>([]);
+ *     const [selected, setSelected] = useState<typeof options[0]>(options[0]);
  *     const OptionRenderer = ({option}) => <div>{option.name}</div>;
- *     const SelectedRenderer = ({selected, placeholder}) => selected.length > 0 ? string.join(selected.map(e => e.name), ', ') : placeholder;
+ *     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)
  *       <ASelect options={strOptions}
- *         useSelect={[strSelected, setStrSelected]}/>
+ *         useSelect={[selected, setSelected]}/>
  *
  *     if (case 2)
  *       <ASelect options={options}
  *         useSelect={[selected, setSelected]}
- *         OptionRenderer={OptionRenderer}
- *         isSelectMulti
+ *         OptionRenderer={OptionRenderer}/>
  *
  *     if (case 3)
  *       <ASelect options={options}
  *         useSelect={[selected, setSelected]}
  *         OptionRenderer={OptionRenderer}
- *         SelectedRenderer={SelectedRenderer}
- *         isSelectMulti/>
+ *         SelectedRenderer={SelectedRenderer}/>
+ *
+ *     if (case 4)
+ *       <ASelect options={options}
+ *         useSelect={[multiSelected, setMultiSelected]}
+ *         OptionRenderer={OptionRenderer}
+ *         SelectedRenderer={MultiSelectedRenderer}/>
  *
  */
-export declare const ASelect: <TItem, TGivenSelected, TSelected = TGivenSelected extends TItem[] ? TItem[] : TItem | null>(props: IASelectProps<TItem, TGivenSelected, TSelected>) => React.ReactNode;
+export declare const ASelect: <I, S extends I | I[] | null>(props: IASelectProps<I, S>) => React.ReactNode;
 export declare const DefaultOptionRenderer: <T>(props: IASelectOptionRendererProps<T>) => React.ReactNode;