@kingteza/crud-component 1.32.1 → 1.34.0

package/dist/crud/CrudReportComponent.es.js

@@ -1,112 +1,141 @@
-import { jsxs as c, jsx as t, Fragment as k } from "react/jsx-runtime";
-import { FileExcelOutlined as E } from "@ant-design/icons";
-import { Form as B, Space as G, Row as M, Col as b, Radio as R } from "antd";
-import { useMemo as P, useState as F, useCallback as ee, useEffect as w } from "react";
-import N from "./CrudField.es.js";
-import re from "./view/CrudViewer.es.js";
-import { SelectFieldInReport as te } from "../common/report/SelectFieldInReport.es.js";
-import { getRendererValueCrudViewer as O } from "./view/CrudViewerUtil.es.js";
-import { useTranslationLib as le } from "../locale/index.es.js";
-import oe from "../common/select/SelectComponent.es.js";
-import _ from "../common/button/Button.es.js";
-import { PrintButton as se } from "../common/button/PrintButton.es.js";
-const $ = { lg: 6, md: 8, sm: 12, xs: 24 }, ae = { lg: 12, md: 16, sm: 24, xs: 24 };
-function ge({
-  fields: i,
-  data: n,
-  idField: z,
-  loadingData: u,
-  onSubmit: T,
-  paginateProps: D,
-  size: H,
-  onClickPrint: h,
-  onClickExcelExport: y,
-  minusHeight: J,
-  extraSearchFields: C,
-  searchOnMount: I,
-  summary: K,
-  showFieldsSelectingMode: Q = "checkbox"
+import { jsxs as b, jsx as r, Fragment as re } from "react/jsx-runtime";
+import { FileExcelOutlined as le } from "@ant-design/icons";
+import { Form as v, Space as $, Row as k, Col as w, Radio as I } from "antd";
+import { useMemo as oe, useState as V, useCallback as z, useRef as se, useEffect as T } from "react";
+import q from "./CrudField.es.js";
+import ne from "./view/CrudViewer.es.js";
+import { SelectFieldInReport as ie } from "../common/report/SelectFieldInReport.es.js";
+import { getRendererValueCrudViewer as D } from "./view/CrudViewerUtil.es.js";
+import { useTranslationLib as ae } from "../locale/index.es.js";
+import de from "../common/select/SelectComponent.es.js";
+import H from "../common/button/Button.es.js";
+import { PrintButton as ue } from "../common/button/PrintButton.es.js";
+const K = { lg: 6, md: 8, sm: 12, xs: 24 }, me = { lg: 12, md: 16, sm: 24, xs: 24 };
+function ve({
+  fields: s,
+  data: o,
+  idField: u,
+  loadingData: n,
+  onSubmit: f,
+  paginateProps: R,
+  size: U,
+  onClickPrint: S,
+  onClickExcelExport: B,
+  minusHeight: W,
+  extraSearchFields: A,
+  searchOnMount: O,
+  summary: X,
+  showFieldsSelectingMode: Y = "checkbox",
+  cachedSearchProps: a
 }) {
-  const { t: U } = le(), { searchable: W, selectable: d, sortable: v, defaultSort: p } = P(() => {
-    var f, m, L, j, x;
-    const e = [], r = [], o = [];
-    let a;
-    for (const l of i.filter((Z) => !Z.hidden))
-      l.type === "image" || !l.report || ((f = l.report) != null && f.searchable && e.push(l), (m = l.report) != null && m.sortable && (r.push(l), !a && ((L = l.report) != null && L.defaultSort) && (a = l)), l.hideInTable || o.push({
-        id: l.name,
-        label: l.label,
-        lock: (j = l.report) == null ? void 0 : j.lock,
-        alreadySelected: (x = l.report) == null ? void 0 : x.alreadySelected
+  const { t: Z } = ae(), { searchable: E, selectable: c, sortable: j, defaultSort: y } = oe(() => {
+    var g, p, h, G, _;
+    const e = [], t = [], l = [];
+    let m;
+    for (const i of s.filter((te) => !te.hidden))
+      i.type === "image" || !i.report || ((g = i.report) != null && g.searchable && e.push(i), (p = i.report) != null && p.sortable && (t.push(i), !m && ((h = i.report) != null && h.defaultSort) && (m = i)), i.hideInTable || l.push({
+        id: i.name,
+        label: i.label,
+        lock: (G = i.report) == null ? void 0 : G.lock,
+        alreadySelected: (_ = i.report) == null ? void 0 : _.alreadySelected
       }));
     return {
-      defaultSort: a,
+      defaultSort: m,
       searchable: e,
-      sortable: r,
-      selectable: o
+      sortable: t,
+      selectable: l
     };
-  }, [i]), [S, V] = F(
+  }, [s]), [N, L] = V(
     []
-  ), g = ee(
+  ), F = z(
+    (e) => {
+      L(
+        s.filter((t) => e.includes(t.name)).map((t) => ({ ...t, hideInTable: !1 }))
+      );
+    },
+    [s]
+  ), C = z(
     async ({
       sortBy: e,
-      sortByType: r,
-      showFields: o = [],
-      ...a
+      sortByType: t,
+      showFields: l = [],
+      ...m
     }) => {
-      const f = [];
-      e && f.push({
+      var h;
+      const g = [];
+      e && g.push({
         field: e,
-        sort: r ?? "DESC"
-      }), V(
-        i.filter((m) => o.includes(m.name)).map((m) => ({ ...m, hideInTable: !1 }))
-      ), T({ showFields: o, sortBy: f, ...a });
+        sort: t ?? "DESC"
+      }), F(l);
+      const p = { showFields: l, sortBy: g, ...m };
+      a && (ce(
+        a.key,
+        a.saveMode,
+        p
+      ), (h = a.onSave) == null || h.call(a, p)), f(p);
     },
-    [i, T]
-  ), [s] = B.useForm(), [q, X] = F(!1), [A, Y] = F(!0);
-  return w(() => {
-    if (I && A) {
+    [F, a, f]
+  ), [d] = v.useForm(), M = se(!1), [J, P] = V(!1), [x, ee] = V(!0);
+  return T(() => {
+    if (O && x) {
       const e = setTimeout(() => {
-        s.validateFields().then((r) => {
-          g(r);
-        }), Y(!1);
+        d.validateFields().then((t) => {
+          C(t);
+        }), ee(!1);
       }, 200);
       return () => clearTimeout(e);
     }
-  }, [g, s, A, I]), w(() => {
-    var r, o;
-    !s.getFieldValue("sortBy") && p && s.setFieldsValue({
-      sortBy: p.name,
-      sortByType: typeof ((r = p.report) == null ? void 0 : r.defaultSort) == "string" ? (o = p.report) == null ? void 0 : o.defaultSort : "ASC"
+  }, [C, d, x, O]), T(() => {
+    var t, l;
+    !d.getFieldValue("sortBy") && y && d.setFieldsValue({
+      sortBy: y.name,
+      sortByType: typeof ((t = y.report) == null ? void 0 : t.defaultSort) == "string" ? (l = y.report) == null ? void 0 : l.defaultSort : "ASC"
     });
-  }, [p, s]), w(() => {
-    if (q) {
-      const e = d.filter((r) => r.alreadySelected).map((r) => r.id);
-      V(
-        i.filter((r) => e.includes(r.name)).map((r) => ({ ...r, hideInTable: !1 }))
-      ), X(!1);
+  }, [y, d]), T(() => {
+    if (!a || M.current)
+      return;
+    M.current = !0;
+    const e = fe(
+      a.key,
+      a.saveMode
+    ), t = {
+      ...a.defaultValue ?? {},
+      ...e ?? {}
+    };
+    if (Object.keys(t).length === 0)
+      return;
+    d.setFieldsValue(pe(t));
+    const l = t.showFields;
+    l != null && l.length && F(l);
+  }, [F, a, d]), T(() => {
+    if (J) {
+      const e = c.filter((t) => t.alreadySelected).map((t) => t.id);
+      L(
+        s.filter((t) => e.includes(t.name)).map((t) => ({ ...t, hideInTable: !1 }))
+      ), P(!1);
     }
-  }, [i, q, d]), /* @__PURE__ */ c(G, { className: "w-100", direction: "vertical", children: [
-    /* @__PURE__ */ c(B, { form: s, layout: "vertical", onFinish: g, children: [
-      /* @__PURE__ */ c(M, { gutter: [8, 8], children: [
-        W.map((e) => {
-          var r, o, a;
-          return /* @__PURE__ */ t(
-            b,
+  }, [s, J, c]), /* @__PURE__ */ b($, { className: "w-100", direction: "vertical", children: [
+    /* @__PURE__ */ b(v, { form: d, layout: "vertical", onFinish: C, children: [
+      /* @__PURE__ */ b(k, { gutter: [8, 8], children: [
+        E.map((e) => {
+          var t, l, m;
+          return /* @__PURE__ */ r(
+            w,
             {
-              ...e.grid ?? $,
+              ...e.grid ?? K,
               style: { alignSelf: "end" },
-              children: (r = e.report) != null && r.customRender ? e.report.customRender(s) : e.type === "date" ? /* @__PURE__ */ t(
-                N,
+              children: (t = e.report) != null && t.customRender ? e.report.customRender(d) : e.type === "date" ? /* @__PURE__ */ r(
+                q,
                 {
                   ...e,
                   type: "date",
-                  range: (o = e.report) == null ? void 0 : o.range,
-                  required: !!((a = e.report) != null && a.required),
+                  range: (l = e.report) == null ? void 0 : l.range,
+                  required: !!((m = e.report) != null && m.required),
                   readonly: !1,
                   fieldClassName: "mb-0"
                 }
-              ) : e.type === "select" ? /* @__PURE__ */ t(
-                N,
+              ) : e.type === "select" ? /* @__PURE__ */ r(
+                q,
                 {
                   ...e,
                   type: "select",
@@ -115,8 +144,8 @@ function ge({
                   readonly: !1,
                   fieldClassName: "mb-0"
                 }
-              ) : /* @__PURE__ */ t(
-                N,
+              ) : /* @__PURE__ */ r(
+                q,
                 {
                   ...e,
                   readonly: !1,
@@ -128,37 +157,37 @@ function ge({
             e.name
           );
         }),
-        !!(d != null && d.length) && /* @__PURE__ */ t(b, { ...ae, children: /* @__PURE__ */ t(
-          te,
+        !!(c != null && c.length) && /* @__PURE__ */ r(w, { ...me, children: /* @__PURE__ */ r(
+          ie,
           {
-            items: d,
+            items: c,
             name: "showFields",
             mode: "multiple",
-            label: U("str.showFields"),
+            label: Z("str.showFields"),
             className: "mb-0",
-            selectingMode: Q
+            selectingMode: Y
           }
         ) }),
-        !!v.length && /* @__PURE__ */ t(b, { ...$, children: /* @__PURE__ */ t(
-          oe,
+        !!j.length && /* @__PURE__ */ r(w, { ...K, children: /* @__PURE__ */ r(
+          de,
           {
             label: "Sort By",
             name: "sortBy",
-            items: v.map((e) => ({ id: e.name, label: e.label })),
+            items: j.map((e) => ({ id: e.name, label: e.label })),
             nameFieldInArray: "label",
             fieldId: "id",
             className: "mb-0",
-            dropdownRender: (e) => /* @__PURE__ */ c(k, { children: [
+            dropdownRender: (e) => /* @__PURE__ */ b(re, { children: [
               e,
-              /* @__PURE__ */ t(B.Item, { name: "sortByType", noStyle: !0, className: "mt-3", children: /* @__PURE__ */ t(
-                R.Group,
+              /* @__PURE__ */ r(v.Item, { name: "sortByType", noStyle: !0, className: "mt-3", children: /* @__PURE__ */ r(
+                I.Group,
                 {
                   className: "w-100",
                   defaultValue: "DESC",
                   optionType: "button",
-                  children: /* @__PURE__ */ c(M, { children: [
-                    /* @__PURE__ */ t(b, { xs: 12, children: /* @__PURE__ */ t(
-                      R,
+                  children: /* @__PURE__ */ b(k, { children: [
+                    /* @__PURE__ */ r(w, { xs: 12, children: /* @__PURE__ */ r(
+                      I,
                       {
                         className: "w-100",
                         style: {
@@ -169,8 +198,8 @@ function ge({
                         children: "Ascending"
                       }
                     ) }),
-                    /* @__PURE__ */ t(b, { xs: 12, children: /* @__PURE__ */ t(
-                      R,
+                    /* @__PURE__ */ r(w, { xs: 12, children: /* @__PURE__ */ r(
+                      I,
                       {
                         className: "w-100",
                         style: {
@@ -187,69 +216,99 @@ function ge({
             ] })
           }
         ) }),
-        C ? C(s) : null
+        A ? A(d) : null
       ] }),
-      /* @__PURE__ */ t(
-        _,
+      /* @__PURE__ */ r(
+        H,
         {
           className: "mt-3",
           type: "primary",
           block: !0,
           htmlType: "submit",
-          disabled: u,
+          disabled: n,
           children: "Submit"
         }
       )
     ] }),
-    /* @__PURE__ */ c(G, { children: [
-      !!h && /* @__PURE__ */ t(
-        se,
+    /* @__PURE__ */ b($, { children: [
+      !!S && /* @__PURE__ */ r(
+        ue,
         {
-          disabled: u || !n.length,
-          onClick: () => h == null ? void 0 : h({
+          disabled: n || !o.length,
+          onClick: () => S == null ? void 0 : S({
             tableId: "#crud-table table",
-            data: n,
-            fields: S.map((e) => ({
+            data: o,
+            fields: N.map((e) => ({
               ...e,
-              render: O(e)
+              render: D(e)
             }))
           })
         }
       ),
-      !!y && /* @__PURE__ */ t(
-        _,
+      !!B && /* @__PURE__ */ r(
+        H,
         {
-          disabled: u || !n.length,
-          onClick: () => y == null ? void 0 : y({
+          disabled: n || !o.length,
+          onClick: () => B == null ? void 0 : B({
             tableId: "#crud-table table",
-            data: n,
-            fields: S.map((e) => ({
+            data: o,
+            fields: N.map((e) => ({
               ...e,
-              render: O(e)
+              render: D(e)
             }))
           }),
-          icon: /* @__PURE__ */ t(E, {}),
-          className: `group ${u || !n.length ? "" : "crud-excel-export-btn"}`,
+          icon: /* @__PURE__ */ r(le, {}),
+          className: `group ${n || !o.length ? "" : "crud-excel-export-btn"}`,
           children: "Excel"
         }
       )
     ] }),
-    K,
-    /* @__PURE__ */ t(
-      re,
+    X,
+    /* @__PURE__ */ r(
+      ne,
       {
-        minusHeight: J,
-        data: n,
-        size: H,
-        fields: S,
-        idField: z,
-        loadingData: u,
-        paginateProps: D,
+        minusHeight: W,
+        data: o,
+        size: U,
+        fields: N,
+        idField: u,
+        loadingData: n,
+        paginateProps: R,
         viewable: !1
       }
     )
   ] });
 }
+function Q(s) {
+  return typeof globalThis.window > "u" ? null : s === "local" ? globalThis.window.localStorage : globalThis.window.sessionStorage;
+}
+function fe(s, o) {
+  const u = Q(o);
+  if (!u)
+    return null;
+  try {
+    const n = u.getItem(s);
+    return n ? JSON.parse(n) : null;
+  } catch {
+    return null;
+  }
+}
+function ce(s, o, u) {
+  const n = Q(o);
+  if (n)
+    try {
+      n.setItem(s, JSON.stringify(u));
+    } catch {
+    }
+}
+function pe(s) {
+  const { sortBy: o, showFields: u, ...n } = s, f = { ...n };
+  if (u !== void 0 && (f.showFields = u), o != null && o.length) {
+    const R = o[0];
+    f.sortBy = R.field, f.sortByType = R.sort;
+  }
+  return f;
+}
 export {
-  ge as default
+  ve as default
 };

package/dist/crud/CrudTextAreaComponent.cjs.js

@@ -1 +1 @@
-"use strict";const u=require("react/jsx-runtime"),C=require("../common/text-field/TextArea.cjs.js"),T=require("../common/rich/index.cjs.js"),j=require("antd"),F=require("../util/CrudUtil.cjs.js"),R=({onChange:r,label:i,required:s,rules:n,name:o,updatable:c=!0,formLayoutProps:l,...e})=>{const a=j.Form.useFormInstance(),m=F.getRealName(o,"upsertFieldName");if(e.rich)return u.jsx(T.RichTextEditor,{name:m,label:i,required:s,rules:n,disabled:!c,help:e.fieldHelper,formLayoutProps:l});{const{placeholder:x,rows:f,cols:h,fieldClassName:N,fieldTooltip:q}=e;return u.jsx(C.default,{...l,rules:n,placeholder:x,onChange:r?t=>{var d;return r((d=t==null?void 0:t.target)==null?void 0:d.value,a)}:void 0,tooltip:q,required:s,disabled:!c,name:o,label:i,className:N,rows:f,cols:h,help:e.fieldHelper})}};module.exports=R;
+"use strict";const u=require("react/jsx-runtime"),T=require("../common/text-field/TextArea.cjs.js"),j=require("../common/rich/index.cjs.js"),F=require("antd"),R=require("../util/CrudUtil.cjs.js"),g=({onChange:r,label:i,required:s,rules:n,name:o,updatable:c=!0,formLayoutProps:l,maxLength:a,...e})=>{const m=F.Form.useFormInstance(),x=R.getRealName(o,"upsertFieldName");if(e.rich)return u.jsx(j.RichTextEditor,{name:x,label:i,required:s,rules:n,disabled:!c,help:e.fieldHelper,formLayoutProps:l});{const{placeholder:f,rows:h,cols:N,fieldClassName:q,fieldTooltip:C}=e;return u.jsx(T.default,{...l,maxLength:a,rules:n,placeholder:f,onChange:r?t=>{var d;return r((d=t==null?void 0:t.target)==null?void 0:d.value,m)}:void 0,tooltip:C,required:s,disabled:!c,name:o,label:i,className:q,rows:h,cols:N,help:e.fieldHelper})}};module.exports=g;

package/dist/crud/CrudTextAreaComponent.d.ts

@@ -3,6 +3,7 @@ import { FormInstance } from 'antd/lib';
 import { Copyable } from '../util/CopyUtilComponent';
 interface InitialTextAreaProps<T> extends InitialCrudField<T> {
     type: "textarea";
+    maxLength?: number;
     onChange?: (value: string, form: FormInstance<T>) => void;
     /**
      * number of lines to show. If false will not show truncated
@@ -19,5 +20,5 @@ interface RichTextAreaProps<T> extends InitialTextAreaProps<T> {
     rich?: true;
 }
 export type TextAreaBasedFieldProps<T> = TextAreaProps<T> & RichTextAreaProps<T> & Copyable<false>;
-declare const CrudTextAreaComponent: <T>({ onChange, label, required, rules, name, updatable, formLayoutProps, ...props }: TextAreaBasedFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const CrudTextAreaComponent: <T>({ onChange, label, required, rules, name, updatable, formLayoutProps, maxLength, ...props }: TextAreaBasedFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default CrudTextAreaComponent;

package/dist/crud/CrudTextAreaComponent.es.js

@@ -1,9 +1,9 @@
 import { jsx as a } from "react/jsx-runtime";
-import N from "../common/text-field/TextArea.es.js";
-import { RichTextEditor as T } from "../common/rich/index.es.js";
-import { Form as F } from "antd";
-import g from "../util/CrudUtil.es.js";
-const E = ({
+import T from "../common/text-field/TextArea.es.js";
+import { RichTextEditor as F } from "../common/rich/index.es.js";
+import { Form as g } from "antd";
+import A from "../util/CrudUtil.es.js";
+const I = ({
   onChange: o,
   label: r,
   required: i,
@@ -11,14 +11,15 @@ const E = ({
   name: l,
   updatable: d = !0,
   formLayoutProps: s,
+  maxLength: f,
   ...e
 }) => {
-  const f = F.useFormInstance(), c = g.getRealName(l, "upsertFieldName");
+  const c = g.useFormInstance(), p = A.getRealName(l, "upsertFieldName");
   if (e.rich)
     return /* @__PURE__ */ a(
-      T,
+      F,
       {
-        name: c,
+        name: p,
         label: r,
         required: i,
         rules: m,
@@ -28,30 +29,31 @@ const E = ({
       }
     );
   {
-    const { placeholder: p, rows: h, cols: u, fieldClassName: x, fieldTooltip: C } = e;
+    const { placeholder: h, rows: u, cols: x, fieldClassName: C, fieldTooltip: N } = e;
     return /* @__PURE__ */ a(
-      N,
+      T,
       {
         ...s,
+        maxLength: f,
         rules: m,
-        placeholder: p,
+        placeholder: h,
         onChange: o ? (t) => {
           var n;
-          return o((n = t == null ? void 0 : t.target) == null ? void 0 : n.value, f);
+          return o((n = t == null ? void 0 : t.target) == null ? void 0 : n.value, c);
         } : void 0,
-        tooltip: C,
+        tooltip: N,
         required: i,
         disabled: !d,
         name: l,
         label: r,
-        className: x,
-        rows: h,
-        cols: u,
+        className: C,
+        rows: u,
+        cols: x,
         help: e.fieldHelper
       }
     );
   }
 };
 export {
-  E as default
+  I as default
 };

package/dist/crud/index.d.ts

@@ -5,7 +5,7 @@ export { CrudForm, CrudFormFields } from './CrudForm';
 export type { CurdFormFieldsProps } from './CrudForm';
 export { default as CrudFormWizard } from './CrudFormWizard';
 export type { CrudFormWizardProps } from './CrudFormWizard';
-export type { CrudReportComponentProps, CrudReportSubmitForm, ReportCrudFields, SearchOnlyFields, } from './CrudReportComponent';
+export type { CrudReportComponentProps, CrudReportSubmitForm, ReportCrudFields, SearchOnlyFields, SearchPropsCacheProps, } from './CrudReportComponent';
 export { default as CrudReportComponent } from './CrudReportComponent';
 export { default as CrudSearchComponent } from './CrudSearchComponent';
 export type { CrudSearchComponentProps, CrudSearchOption, } from './CrudSearchComponent';

package/dist/hooks/NavigatorHooks.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react-router-dom");function o(){return e.useInRouterContext()?e.useNavigate():(t=>{console.warn("React router not found, navigating to",t)})}exports.useNavigateOptional=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),n=require("../context/CrudNavigateContext.cjs.js"),r=(e,t)=>{typeof process<"u"&&process.env.NODE_ENV!=="production"&&console.warn("[@kingteza/crud-component] No navigator configured. Pass `navigate` to CrudComponentProvider, or render CrudReactRouterNavigateSync / CrudNextNavigateSync from the optional entry points. Attempted navigation:",e,t)};function a(){const e=n.useCrudNavigateFromContext();return o.useMemo(()=>e??r,[e])}exports.useNavigateOptional=a;

package/dist/hooks/NavigatorHooks.d.ts

@@ -1 +1,6 @@
-export declare function useNavigateOptional(): import('react-router-dom').NavigateFunction;
+import { CrudNavigateFn } from '../context/CrudNavigateContext';
+/**
+ * Returns `navigate` from `CrudComponentProvider` (prop or optional sync modules).
+ * Falls back to a no-op that warns in development when nothing is configured.
+ */
+export declare function useNavigateOptional(): CrudNavigateFn;

package/dist/hooks/NavigatorHooks.es.js

@@ -1,9 +1,16 @@
-import { useInRouterContext as e, useNavigate as n } from "react-router-dom";
-function r() {
-  return e() ? n() : ((t) => {
-    console.warn("React router not found, navigating to", t);
-  });
+import { useMemo as e } from "react";
+import { useCrudNavigateFromContext as n } from "../context/CrudNavigateContext.es.js";
+const r = (o, t) => {
+  typeof process < "u" && process.env.NODE_ENV !== "production" && console.warn(
+    "[@kingteza/crud-component] No navigator configured. Pass `navigate` to CrudComponentProvider, or render CrudReactRouterNavigateSync / CrudNextNavigateSync from the optional entry points. Attempted navigation:",
+    o,
+    t
+  );
+};
+function u() {
+  const o = n();
+  return e(() => o ?? r, [o]);
 }
 export {
-  r as useNavigateOptional
+  u as useNavigateOptional
 };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { TRANSLATION_NAMESPACE } from './locale/hooks/translation-constants';
 export { setupI18n, updateTranslations } from './locale';
-export { CrudComponentProvider, type CrudComponentProviderProps } from './context';
+export { CrudComponentProvider, type CrudComponentProviderProps, type CrudNavigateFn, } from './context';
 export * from './crud';
 export type * from './crud';

package/dist/navigator/CrudNextNavigateSync.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),i=require("next/navigation"),c=require("../context/CrudNavigateContext.cjs.js");function f(e){return typeof e=="string"?e:"pathname"in e&&typeof e.pathname=="string"?e.pathname:"/"}function s(){const e=i.useRouter(),t=c.useCrudNavigateRegister();return u.useLayoutEffect(()=>(t((r,n)=>{if(typeof r=="number"){r<0?e.back():r>0&&typeof e.forward=="function"&&e.forward();return}const a=f(r);n!=null&&n.replace?e.replace(a):e.push(a)}),()=>t(void 0)),[t,e]),null}exports.CrudNextNavigateSync=s;

package/dist/navigator/CrudNextNavigateSync.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Registers Next.js App Router navigation with {@link CrudComponentProvider}.
+ * Use in a client component, inside `CrudComponentProvider`, instead of installing `react-router-dom`.
+ *
+ * @example
+ * ```tsx
+ * import { CrudComponentProvider } from "@kingteza/crud-component";
+ * import { CrudNextNavigateSync } from "@kingteza/crud-component/next";
+ *
+ * export default function RootLayout({ children }) {
+ *   return (
+ *     <CrudComponentProvider navigatorType="nextjs">
+ *       <CrudNextNavigateSync />
+ *       {children}
+ *     </CrudComponentProvider>
+ *   );
+ * }
+ * ```
+ */
+export declare function CrudNextNavigateSync(): null;

package/dist/navigator/CrudNextNavigateSync.es.js

@@ -0,0 +1,20 @@
+import { useLayoutEffect as f } from "react";
+import { useRouter as u } from "next/navigation";
+import { useCrudNavigateRegister as i } from "../context/CrudNavigateContext.es.js";
+function c(e) {
+  return typeof e == "string" ? e : "pathname" in e && typeof e.pathname == "string" ? e.pathname : "/";
+}
+function g() {
+  const e = u(), t = i();
+  return f(() => (t((r, n) => {
+    if (typeof r == "number") {
+      r < 0 ? e.back() : r > 0 && typeof e.forward == "function" && e.forward();
+      return;
+    }
+    const a = c(r);
+    n != null && n.replace ? e.replace(a) : e.push(a);
+  }), () => t(void 0)), [t, e]), null;
+}
+export {
+  g as CrudNextNavigateSync
+};

package/dist/navigator/CrudReactRouterNavigateSync.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),u=require("react-router-dom"),a=require("../context/CrudNavigateContext.cjs.js");function o(){const t=u.useNavigate(),e=a.useCrudNavigateRegister();return r.useLayoutEffect(()=>(e(t),()=>e(void 0)),[t,e]),null}exports.CrudReactRouterNavigateSync=o;