@inntechcorp/it-design 3.1.13 → 3.1.14

package/dist/modal/context/ModalContext.d.ts

@@ -1,32 +1,27 @@
 import { ModalState } from "enums/enum";
 import { ModalProps } from "types/ModalProps";
-export type ModalContextType = {
+export type ModalActionsContextType = {
     /**
      * Opens a new modal with the provided information of the modal to be opened.
-     *
      * @param data Contains the desired parameters for opening a new modal `ModalProps`.
-     * @returns
      */
     showModal: (data: ModalProps) => void;
     /**
      * Dismisses the currently open modal with the ID of the modal to be hidden.
-     *
      * @param id ID of the modal to be hide.
-     * @returns
      */
     hideModal: (id: string) => void;
     /**
      * Dismisses the currently open modal with the ID of the modal to be closed.
-     *
      * @param id ID of the modal to be dismissed.
-     * @returns
      */
     removeModal: (id: string) => void;
     /**
-     *
-     * @returns
+     * Removes all open modals.
      */
     removeAllModals: () => void;
+};
+export type ModalStateContextType = {
     /**
      * Triggered whenever any event related to modals occurs.
      */
@@ -36,42 +31,38 @@ export type ModalContextType = {
     };
     /**
      * Returns whether a modal is visible or not.
-     *
      * @param id The visibility information of the desired modal with its ID.
-     * @returns
      */
     isVisible: (id: string) => boolean;
 };
+export type ModalContextType = ModalActionsContextType & ModalStateContextType;
 export type ModalContainerProps = {
     /**
      * Called when another modal is requested to be shown from within a modal.
-     *
      * @param data Contains the desired parameters for opening a new modal `ModalProps`.
-     * @returns
      */
     onShowModal: (data: ModalProps) => void;
     /**
      * Called when it's requested to hide an open modal.
-     *
      * @param id ID of the modal to be hide.
-     * @returns
      */
     onHideModal: (id: string) => void;
     /**
      * Called when it's requested to dismiss an open modal.
-     *
      * @param id ID of the modal to be dismissed.
-     * @returns
      */
     onRemoveModal: (id: string) => void;
     /**
      * Called on any event related to modals.
-     *
      * @param event The modal event that occurred.
-     * @param id    The ID of the modal.
-     * @returns
+     * @param id The ID of the modal.
      */
     onModalEvent: (event: ModalState, id: string) => void;
 };
+/** Actions context - stable, never causes rerenders */
+declare const ModalActionsContext: import("react").Context<ModalActionsContextType>;
+/** State context - dynamic, only subscribe if needed */
+declare const ModalStateContext: import("react").Context<ModalStateContextType>;
 declare const ModalContext: import("react").Context<ModalContextType>;
+export { ModalActionsContext, ModalStateContext };
 export default ModalContext;

package/dist/modal/index.d.ts

@@ -1,14 +1,29 @@
-import { ModalContextType } from "./context/ModalContext";
+import { ModalActionsContextType, ModalStateContextType, ModalContextType } from "./context/ModalContext";
 export declare const ModalProvider: ({ children }: {
-    children: any;
+    children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 /**
- * Use Modal hook.
- * @returns
+ * Use modal actions only (stable - won't cause rerenders on modal state changes)
+ * This is the recommended hook for most use cases.
+ * @returns showModal, hideModal, removeModal, removeAllModals
  */
-declare const useModal: () => ModalContextType;
+declare const useModal: () => ModalActionsContextType;
+/**
+ * Use modal state (dynamic - will rerender on modal events)
+ * Only use this if you need to react to modal state changes.
+ * @returns modalEvent, isVisible
+ */
+declare const useModalState: () => ModalStateContextType;
+/**
+ * Use both modal actions and state (legacy - will rerender on modal events)
+ * @deprecated Use useModal() for actions and useModalState() for state separately
+ * @returns All modal context values
+ */
+declare const useModalFull: () => ModalContextType;
 declare const ModalManager: {
-    useModal: () => ModalContextType;
+    useModal: () => ModalActionsContextType;
+    useModalState: () => ModalStateContextType;
+    useModalFull: () => ModalContextType;
 };
-export { useModal };
+export { useModal, useModalState, useModalFull };
 export default ModalManager;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "3.1.13",
+  "version": "3.1.14",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",