@tirth_jasoliya/ui 1.0.0 → 1.0.2

package/dist/index.cjs

@@ -2312,6 +2312,7 @@ var AppContainer = ({
 
 // src/components/layouts/app-header.tsx
 var import_lucide_react16 = require("lucide-react");
+var import_react_router = require("react-router");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var AppHeader = ({
   className,
@@ -2327,10 +2328,10 @@ var AppHeader = ({
       className: "hover:bg-primary/20 inline-flex"
     };
     if (meta.backAction.href) {
-      return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Button, { ...buttonProps, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_router.NavLink, { to: meta.backAction.href, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Button, { ...buttonProps, children: [
         /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react16.ArrowLeftIcon, { className: "size-6" }),
         meta.backAction.content
-      ] });
+      ] }) });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Button, { ...buttonProps, onClick: meta.backAction.onClick, children: [
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react16.ArrowLeftIcon, { className: "size-6" }),
@@ -2741,16 +2742,26 @@ var AppMetaProvider = ({ children }) => {
     breadcrumbs: []
   });
   const setMeta = (0, import_react4.useCallback)((partialMeta) => {
-    setMetaState((prev) => ({ ...prev, ...partialMeta }));
+    setMetaState((prev) => {
+      const hasChanges = Object.keys(partialMeta).some(
+        (key) => JSON.stringify(prev[key]) !== JSON.stringify(partialMeta[key])
+      );
+      return hasChanges ? { ...prev, ...partialMeta } : prev;
+    });
   }, []);
   const resetMeta = (0, import_react4.useCallback)(() => {
-    setMetaState({
+    setMetaState((prev) => prev.title === "" && prev.description === "" && (prev.breadcrumbs?.length ?? 0) === 0 ? prev : {
       title: "",
       description: "",
       breadcrumbs: []
     });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AppMetaContext.Provider, { value: { meta, setMeta, resetMeta }, children });
+  const contextValue = (0, import_react4.useMemo)(() => ({
+    meta,
+    setMeta,
+    resetMeta
+  }), [meta, setMeta, resetMeta]);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(AppMetaContext.Provider, { value: contextValue, children });
 };
 function createTypedAppMetaContext() {
   const TypedAppMetaContext = (0, import_react4.createContext)(void 0);
@@ -2761,16 +2772,28 @@ function createTypedAppMetaContext() {
       breadcrumbs: []
     });
     const setMeta = (0, import_react4.useCallback)((partialMeta) => {
-      setMetaState((prev) => ({ ...prev, ...partialMeta }));
+      setMetaState((prev) => {
+        const hasChanges = Object.keys(partialMeta).some((key) => {
+          const prevValue = prev[key];
+          const newValue = partialMeta[key];
+          return JSON.stringify(prevValue) !== JSON.stringify(newValue);
+        });
+        return hasChanges ? { ...prev, ...partialMeta } : prev;
+      });
     }, []);
     const resetMeta = (0, import_react4.useCallback)(() => {
-      setMetaState({
+      setMetaState((prev) => prev.title === "" && prev.description === "" && (prev.breadcrumbs?.length ?? 0) === 0 ? prev : {
         title: "",
         description: "",
         breadcrumbs: []
       });
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TypedAppMetaContext.Provider, { value: { meta, setMeta, resetMeta }, children });
+    const contextValue = (0, import_react4.useMemo)(() => ({
+      meta,
+      setMeta,
+      resetMeta
+    }), [meta, setMeta, resetMeta]);
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(TypedAppMetaContext.Provider, { value: contextValue, children });
   };
   const useTypedAppMeta = () => {
     const context = (0, import_react4.useContext)(TypedAppMetaContext);
@@ -2789,21 +2812,33 @@ function createPageTemplateHook({
 }) {
   function usePageTemplate(options) {
     const { setMeta, resetMeta } = useTypedAppMeta();
-    const memoizedOptions = (0, import_react5.useMemo)(() => options, [
+    const backAction = (0, import_react5.useMemo)(() => {
+      if (!options.backAction) return void 0;
+      return {
+        ...options.backAction,
+        onClick: options.backAction.onClick
+      };
+    }, [options.backAction?.content, options.backAction?.href, options.backAction?.onClick?.toString()]);
+    const metadata = (0, import_react5.useMemo)(() => options.metadata, [JSON.stringify(options.metadata)]);
+    const stableOptions = (0, import_react5.useMemo)(() => ({
+      ...options,
+      backAction,
+      metadata
+    }), [
       options.title,
       options.description,
       options.breadcrumbs,
       options.primaryActions,
       options.secondaryActions,
-      options.backAction,
       options.pagination,
-      options.metadata,
-      options.status
+      options.status,
+      backAction,
+      metadata
     ]);
     (0, import_react5.useEffect)(() => {
-      setMeta(memoizedOptions);
+      setMeta(stableOptions);
       return () => resetMeta();
-    }, [memoizedOptions, setMeta, resetMeta]);
+    }, [stableOptions, setMeta, resetMeta]);
   }
   return { usePageTemplate };
 }