dynamic-modal 1.1.10 → 1.1.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dynamic-modal",
-  "version": "1.1.10",
+  "version": "1.1.11",
   "description": "The dynamic-modal is a solution of creation different modals into project using a json configuration file",
   "main": "index.js",
   "scripts": {

package/src/hooks/use-enable-if.ts

@@ -1,4 +1,7 @@
+'use client';
+
 import { useState } from 'react';
+
 import {
   IModalRenderAction,
   IModalRenderCondition,

package/src/hooks/use-live-data.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import { IModalLiveDataCondition } from '../interfaces/modal';
 import { useState } from 'react';
 import { IOption } from '../interfaces/option';

package/src/hooks/use-render-if.ts

@@ -1,4 +1,7 @@
+'use client';
+
 import { useState } from 'react';
+
 import {
   IModalRenderAction,
   IModalRenderCondition,

package/src/modal.tsx

@@ -28,8 +28,12 @@ import { IMakeButton } from './interfaces/make-button';
 import { ComponentStateContext } from './context/component/component-state';
 
 export const Modal = ({ open, close, config }: IModal) => {
-  const { ModalButtonAction, ModalButtonCancel } = useContext(ComponentStateContext);
-  const [modalReady, setModalReady] = useState<IModalConfigProps | undefined>(undefined);
+  const { ModalButtonAction, ModalButtonCancel } = useContext(
+    ComponentStateContext,
+  );
+  const [modalReady, setModalReady] = useState<IModalConfigProps | undefined>(
+    undefined,
+  );
   const [defaultLoaded, setDefaultLoaded] = useState<boolean>(false);
 
   const {
@@ -160,7 +164,7 @@ export const Modal = ({ open, close, config }: IModal) => {
     setTimeout(() => {
       setModalReady(undefined);
       setDefaultLoaded(false);
-      reset()
+      reset();
       close();
     }, 200);
   };
@@ -196,7 +200,7 @@ export const Modal = ({ open, close, config }: IModal) => {
     if (open && !modalReady) setModalReady(config);
   }, [config, modalReady, open]);
 
-  if(!modalReady) return null
+  if (!modalReady) return null;
 
   return (
     <Portal closeTime={200} portalOpen={open} portalTag={'#modal-portal'}>
@@ -286,7 +290,7 @@ export const Modal = ({ open, close, config }: IModal) => {
         </form>
       </div>
     </Portal>
-  )
+  );
 };
 
 export default Modal;