@tirth_jasoliya/ui 1.0.0 → 1.0.2

package/dist/index.d.cts

@@ -395,4 +395,4 @@ declare class GeneralHelper {
     }) => React$1.JSX.Element;
 }
 
-export { type AppMeta, AppMetaProvider, DataTable, DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection, type DataTableProps, DataTemplate, DataTemplateActionBar, DataTemplateActionBarAction, DataTemplateActionBarSelection, type DataTemplateProps, GeneralHelper, createLayoutComponents, createPageTemplateHook, createTypedAppMetaContext };
+export { type AppMeta, AppMetaProvider, DataTable, DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection, type DataTableProps, DataTemplate, DataTemplateActionBar, DataTemplateActionBarAction, DataTemplateActionBarSelection, type DataTemplateProps, GeneralHelper, type GroupColumnDef, createLayoutComponents, createPageTemplateHook, createTypedAppMetaContext };

package/dist/index.d.ts

@@ -395,4 +395,4 @@ declare class GeneralHelper {
     }) => React$1.JSX.Element;
 }
 
-export { type AppMeta, AppMetaProvider, DataTable, DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection, type DataTableProps, DataTemplate, DataTemplateActionBar, DataTemplateActionBarAction, DataTemplateActionBarSelection, type DataTemplateProps, GeneralHelper, createLayoutComponents, createPageTemplateHook, createTypedAppMetaContext };
+export { type AppMeta, AppMetaProvider, DataTable, DataTableActionBar, DataTableActionBarAction, DataTableActionBarSelection, type DataTableProps, DataTemplate, DataTemplateActionBar, DataTemplateActionBarAction, DataTemplateActionBarSelection, type DataTemplateProps, GeneralHelper, type GroupColumnDef, createLayoutComponents, createPageTemplateHook, createTypedAppMetaContext };

package/dist/index.js

@@ -2271,6 +2271,7 @@ var AppContainer = ({
 
 // src/components/layouts/app-header.tsx
 import { ArrowLeftIcon, ChevronRight as ChevronRight2 } from "lucide-react";
+import { NavLink } from "react-router";
 import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
 var AppHeader = ({
   className,
@@ -2286,10 +2287,10 @@ var AppHeader = ({
       className: "hover:bg-primary/20 inline-flex"
     };
     if (meta.backAction.href) {
-      return /* @__PURE__ */ jsxs17(Button, { ...buttonProps, children: [
+      return /* @__PURE__ */ jsx27(NavLink, { to: meta.backAction.href, children: /* @__PURE__ */ jsxs17(Button, { ...buttonProps, children: [
         /* @__PURE__ */ jsx27(ArrowLeftIcon, { className: "size-6" }),
         meta.backAction.content
-      ] });
+      ] }) });
     }
     return /* @__PURE__ */ jsxs17(Button, { ...buttonProps, onClick: meta.backAction.onClick, children: [
       /* @__PURE__ */ jsx27(ArrowLeftIcon, { className: "size-6" }),
@@ -2690,7 +2691,7 @@ function createLayoutComponents({
 }
 
 // src/context/app-meta/context.tsx
-import { createContext as createContext2, useContext as useContext2, useState as useState6, useCallback as useCallback5 } from "react";
+import { createContext as createContext2, useContext as useContext2, useState as useState6, useCallback as useCallback5, useMemo as useMemo3 } from "react";
 import { jsx as jsx32 } from "react/jsx-runtime";
 var AppMetaContext = createContext2(void 0);
 var AppMetaProvider = ({ children }) => {
@@ -2700,16 +2701,26 @@ var AppMetaProvider = ({ children }) => {
     breadcrumbs: []
   });
   const setMeta = useCallback5((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 = useCallback5(() => {
-    setMetaState({
+    setMetaState((prev) => prev.title === "" && prev.description === "" && (prev.breadcrumbs?.length ?? 0) === 0 ? prev : {
       title: "",
       description: "",
       breadcrumbs: []
     });
   }, []);
-  return /* @__PURE__ */ jsx32(AppMetaContext.Provider, { value: { meta, setMeta, resetMeta }, children });
+  const contextValue = useMemo3(() => ({
+    meta,
+    setMeta,
+    resetMeta
+  }), [meta, setMeta, resetMeta]);
+  return /* @__PURE__ */ jsx32(AppMetaContext.Provider, { value: contextValue, children });
 };
 function createTypedAppMetaContext() {
   const TypedAppMetaContext = createContext2(void 0);
@@ -2720,16 +2731,28 @@ function createTypedAppMetaContext() {
       breadcrumbs: []
     });
     const setMeta = useCallback5((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 = useCallback5(() => {
-      setMetaState({
+      setMetaState((prev) => prev.title === "" && prev.description === "" && (prev.breadcrumbs?.length ?? 0) === 0 ? prev : {
         title: "",
         description: "",
         breadcrumbs: []
       });
     }, []);
-    return /* @__PURE__ */ jsx32(TypedAppMetaContext.Provider, { value: { meta, setMeta, resetMeta }, children });
+    const contextValue = useMemo3(() => ({
+      meta,
+      setMeta,
+      resetMeta
+    }), [meta, setMeta, resetMeta]);
+    return /* @__PURE__ */ jsx32(TypedAppMetaContext.Provider, { value: contextValue, children });
   };
   const useTypedAppMeta = () => {
     const context = useContext2(TypedAppMetaContext);
@@ -2742,27 +2765,39 @@ function createTypedAppMetaContext() {
 }
 
 // src/context/app-meta/hooks.ts
-import { useEffect as useEffect5, useMemo as useMemo3 } from "react";
+import { useEffect as useEffect5, useMemo as useMemo4 } from "react";
 function createPageTemplateHook({
   useTypedAppMeta
 }) {
   function usePageTemplate(options) {
     const { setMeta, resetMeta } = useTypedAppMeta();
-    const memoizedOptions = useMemo3(() => options, [
+    const backAction = useMemo4(() => {
+      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 = useMemo4(() => options.metadata, [JSON.stringify(options.metadata)]);
+    const stableOptions = useMemo4(() => ({
+      ...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
     ]);
     useEffect5(() => {
-      setMeta(memoizedOptions);
+      setMeta(stableOptions);
       return () => resetMeta();
-    }, [memoizedOptions, setMeta, resetMeta]);
+    }, [stableOptions, setMeta, resetMeta]);
   }
   return { usePageTemplate };
 }