@inceptionbg/iui 2.0.32 → 2.0.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inceptionbg/iui",
-  "version": "2.0.32",
+  "version": "2.0.34",
   "description": "UI components, elements & utils for Inception ecosystem",
   "type": "module",
   "main": "dist/index.js",

package/src/components/Dialog/Dialog.tsx

@@ -24,6 +24,7 @@ type BaseProps = {
   desc?: string;
   descEl?: ReactNode;
   onFormSubmit?: () => void;
+  onCloseCallback?: () => void;
   isLoading?: boolean;
   footer?: IDialogFooterActions;
   isKeyboardDisabled?: boolean;
@@ -38,7 +39,6 @@ type BaseProps = {
 
 export type ImperativeDialogProps = {
   control: ILocalPopupControl;
-  onCloseCallback?: () => void;
   isOpen?: never;
   onClose?: undefined;
 };
@@ -46,7 +46,6 @@ export type DeclarativeDialogProps = {
   isOpen: boolean;
   onClose: () => void;
   control?: never;
-  onCloseCallback?: undefined;
 };
 
 type Props = BaseProps & (ImperativeDialogProps | DeclarativeDialogProps);
@@ -57,6 +56,7 @@ export const Dialog: FC<Props> = ({
   desc,
   descEl,
   onFormSubmit,
+  onCloseCallback,
   isLoading,
   footer,
   isKeyboardDisabled,
@@ -71,7 +71,10 @@ export const Dialog: FC<Props> = ({
 }) => {
   const formRef = useRef<HTMLFormElement>(null);
 
-  const { elementRef, isOpen, onClose } = useLocalPopoverControl({ ...rest });
+  const { elementRef, isOpen, onClose } = useLocalPopoverControl({
+    ...rest,
+    onCloseCallback,
+  });
 
   const focusableElements = useGetFocusableElements({
     elementRef,

package/src/hooks/useLocalPopoverControl.ts

@@ -4,7 +4,9 @@ import type {
 } from '../components/Dialog/Dialog';
 import { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'react';
 
-type Props = ImperativeDialogProps | DeclarativeDialogProps;
+type Props = (ImperativeDialogProps | DeclarativeDialogProps) & {
+  onCloseCallback?: () => void;
+};
 
 export const useLocalPopoverControl = (props: Props) => {
   const { control, onCloseCallback, isOpen: propsIsOpen, onClose } = props;
@@ -28,14 +30,13 @@ export const useLocalPopoverControl = (props: Props) => {
       timeoutRef.current = setTimeout(() => {
         setIsMounted(false);
         onCloseCallback?.();
-        onClose?.();
       }, 200);
     }
 
     return () => {
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
     };
-  }, [shouldBeOpen, isMounted, onClose, onCloseCallback]);
+  }, [shouldBeOpen, isMounted, onCloseCallback]);
 
   const handleCloseRequest = useCallback(() => {
     if (isImperative) {

package/src/index.ts

@@ -86,7 +86,12 @@ import { TextAreaInput } from './components/Inputs/TextAreaInput';
 import { TextInput } from './components/Inputs/TextInput';
 import { TimeInput } from './components/Inputs/TimeInput/TimeInput';
 import { List } from './components/List/List';
-import { FullScreenLoader, LazyLoader, Loader } from './components/Loader/Loader';
+import {
+  FullScreenLoader,
+  LazyLoader,
+  Loader,
+  SimpleLoader,
+} from './components/Loader/Loader';
 import { ProgressBar } from './components/Loader/ProgressBar';
 import { Menu } from './components/Menu/Menu';
 import { MenuItem } from './components/Menu/MenuItem';
@@ -215,6 +220,7 @@ export {
   TextAreaInput,
   LazyLoader,
   Loader,
+  SimpleLoader,
   List,
   Menu,
   MenuItem,