ados-rcm 1.0.48 → 1.0.50

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

@@ -32,11 +32,11 @@ export interface IADialogChildren {
 export type TADialogTypes = 'okCancel' | 'cancelOk' | 'ok' | 'cancel' | 'none';
 export interface IADialogProps {
     /**
-     * setIsOpen : (isOpen: boolean) => void
+     * dlgState : IADialogState
      *
      * Description : setOpen of the dialog. it is used when the dialog is closed.
      */
-    setIsOpen: (isOpen: boolean) => void;
+    dlgState: IADialogState;
     /**
      * type? : TADialogTypes = 'okCancel'
      *
@@ -160,7 +160,7 @@ export interface IADialogProps {
  *
  * Basic Usage :
  *
- *     const [isOpen, setIsOpen] = useState(false);
+ *     const dlgState = useDialogState();
  *     const onOk = () => { console.log('ok') }
  *     const onCancel = (e : IAEvent) => {
  *       e.event.preventDefault(); // this prevents the dialog from closing.
@@ -169,31 +169,30 @@ export interface IADialogProps {
  *
  *     if (case 1)
  *       <>
- *         {isOpen &&
- *           <ADialog setIsOpen={setIsOpen}
+ *         <ADialogFrame dlgState={dlgState}>
+ *           <ADialog dlgState={dlgState}
  *             title='Dialog Title'
  *             onOk={onOk}
  *             onCancel={onCancel}>
  *             <div>Content</div>
  *           </ADialog>
- *         }
+ *         </ADialogFrame>
+ *         <AButton onClick={dlgState.open}>Open Dialog</AButton>
  *       </>
  *
  *     if (case 2)
- *       <>
- *         {isOpen &&
- *           <DTest setIsOpen={setIsOpen}
- *             onOk={onOk}
- *             onCancel={onCancel}>
- *           </DTest>
- *         }
- *       </>
+ *       <ADialogFrame dlgState={dlgState}>
+ *         <DTest dlgState={dlgState}
+ *           onOk={onOk}
+ *           onCancel={onCancel}>
+ *         </DTest>
+ *       </ADialogFrame>
  *
  *     const DTest = (props: IADialogProps) => {
- *       let { setIsOpen, onOk, onCancel } = props;
+ *       let { dlgState, onOk, onCancel } = props;
  *       const [num, setNum] = useState(0);
  *       return (
- *         <ADialog setIsOpen={setIsOpen}
+ *         <ADialog dlgState={dlgState}
  *           title='Dialog Title'
  *           onOk={onOk}
  *           onCancel={onCancel}>
@@ -206,3 +205,20 @@ export interface IADialogProps {
  *
  */
 export declare const ADialog: (props: IADialogProps) => import("react").ReactPortal;
+export interface IADialogState {
+    isOpen: boolean;
+    setIsOpen: (isOpen: boolean) => void;
+    open: () => void;
+    onClose: () => void;
+}
+export declare const useADialogState: () => {
+    isOpen: boolean;
+    setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    open: () => void;
+    onClose: () => void;
+};
+export interface IADialogFrameProps {
+    dlgState: IADialogState;
+    children: React.ReactElement;
+}
+export declare const ADialogFrame: (props: IADialogFrameProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,35 +1,35 @@
 import { IABaseProps } from '../ABase/ABase';
 /**
- * AComponent : AFrame : RowFrame
+ * AComponent : AFrame : ARowFrame
  *
- * Description : RowFrame is a frame component that is displayed as a row and aligned center.
+ * Description : ARowFrame is a frame component that is displayed as a row and aligned center.
  *
  * Basic Usage :
  *
  *     if (case 1)
- *       <RowFrame>
+ *       <ARowFrame>
  *         Items
  *         <div>Item1</div>
  *         <AICon icon="Alert"/>
- *       </RowFrame>
+ *       </ARowFrame>
  */
-export declare const RowFrame: (props: IABaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ARowFrame: (props: IABaseProps) => import("react/jsx-runtime").JSX.Element;
 /**
- * AComponent : AFrame : ColFrame
+ * AComponent : AFrame : AColFrame
  *
- * Description : ColFrame is a frame component that is displayed as a column and aligned center.
+ * Description : AColFrame is a frame component that is displayed as a column and aligned center.
  *
  * Basic Usage :
  *
  *     if (case 1)
- *       <ColFrame>
+ *       <AColFrame>
  *         Items
  *         <div>Item1</div>
  *         <AICon icon="Alert"/>
- *       </ColFrame>
+ *       </AColFrame>
  */
-export declare const ColFrame: (props: IABaseProps) => import("react/jsx-runtime").JSX.Element;
-interface IOverflowFrameProps extends IABaseProps {
+export declare const AColFrame: (props: IABaseProps) => import("react/jsx-runtime").JSX.Element;
+interface IAOverflowFrameProps extends IABaseProps {
     /**
      * noOverflowTooltip? : boolean
      *
@@ -38,16 +38,16 @@ interface IOverflowFrameProps extends IABaseProps {
     noOverflowTooltip?: boolean;
 }
 /**
- * AComponent : AFrame : OverflowFrame
+ * AComponent : AFrame : AOverflowFrame
  *
- * Description : OverflowFrame is a frame component that is text-ellipsis and shows tooltips when overflowed.
+ * Description : AOverflowFrame is a frame component that is text-ellipsis and shows tooltips when overflowed.
  *
  * Basic Usage :
  *
  *     if (case 1)
- *       <OverflowFrame>
+ *       <AOverflowFrame>
  *         Long TextTextTextTextTextTextTextTextTextText
- *       </OverflowFrame>
+ *       </AOverflowFrame>
  */
-export declare const OverflowFrame: (props: IOverflowFrameProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AOverflowFrame: (props: IAOverflowFrameProps) => import("react/jsx-runtime").JSX.Element;
 export {};