@kingteza/crud-component 1.32.1 → 1.34.0

package/dist/common/rich/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var O=Object.create;var j=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var L=(r,n,s,u)=>{if(n&&typeof n=="object"||typeof n=="function")for(let c of W(n))!K.call(r,c)&&c!==s&&j(r,c,{get:()=>n[c],enumerable:!(u=U(n,c))||u.enumerable});return r};var A=(r,n,s)=>(s=r!=null?O(z(r)):{},L(n||!r||!r.__esModule?j(s,"default",{value:r,enumerable:!0}):s,r));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),k=require("antd"),o=require("react"),D=require("../../util/ValidationUtil.cjs.js"),G=o.lazy(async()=>{const{default:r}=await import("react-quill"),{Quill:n}=r,s=n.import("blots/block");return s.tagName="div",n.register(s),{default:u=>g.jsx(r,{...u})}}),J=({formLayoutProps:r,name:n,label:s,required:u,rules:c=[],disabled:v,help:F})=>{const d=k.Form.useFormInstance(),[m,x]=o.useState(""),T=o.useRef(!1),i="    ",f=t=>{if(!t)return"";if(typeof t=="string")return t;try{return String(t)}catch{return""}},H=()=>function(t){const e=this.quill,a=e.getSelection(!0);if(a){const b=a.index,S=a.index+a.length,Q=e.getText(),h=[];for(let l=b;l<=S;l++)(l===0||Q[l-1]===`
-`)&&h.push(l);if(h.length===0&&h.push(b),t>0){let l=0;h.forEach(p=>{e.insertText(p+l,i),l+=i.length}),e.setSelection(b+i.length,S+h.length*i.length)}else{let l=0;h.forEach(N=>{const R=N-l;e.getText(R,i.length)===i&&(e.deleteText(R,i.length),l+=i.length)});const p=Math.max(0,b-i.length),B=Math.max(p,S-l);e.setSelection(p,B)}}},w=()=>function(){const t=this.quill,e=t.getSelection(!0);return e?(t.insertText(e.index,i),t.setSelection(e.index+i.length),!1):!0},C=()=>function(){const t=this.quill,e=t.getSelection(!0);return e&&e.index>=i.length&&t.getText(e.index-i.length,i.length)===i?(t.deleteText(e.index-i.length,i.length),t.setSelection(e.index-i.length),!1):!0},V=o.useMemo(()=>{const t=H(),e=w(),a=C();return{toolbar:{container:[["bold","italic","underline","strike","blockquote"],[{list:"ordered"},{list:"bullet"}],[{indent:"-1"},{indent:"+1"}],["link"],["clean"]],handlers:{indent:t}},keyboard:{bindings:{tab:{key:"Tab",handler:e},"shift-tab":{key:"Tab",shiftKey:!0,handler:a}}}}},[]),q=o.useMemo(()=>["bold","italic","underline","strike","blockquote","list","bullet","link"],[]);o.useEffect(()=>{const t=d.getFieldValue(n),e=f(t);e&&e!=="<p></p>"&&e!=="<p><br></p>"&&e!=="<div></div>"&&x(e)},[d,n]);const y=k.Form.useWatch(n,d);o.useEffect(()=>{if(T.current)return;const t=f(y),e=f(m);t!==e&&x(!t||t==="<p></p>"||t==="<p><br></p>"||t==="<div></div>"?"":t)},[y]);const E=o.useCallback(t=>{const e=f(t);T.current=!0,x(e);const a=!e||e==="<p></p>"||e.trim()==="<p><br></p>"||e==="<div></div>"||e.trim()==="<div></div>"?void 0:e;d.setFieldValue(n,a),setTimeout(()=>{T.current=!1},0),d.validateFields([n]).catch(()=>{})},[d,n]),I=o.useMemo(()=>u?[...c,...D.required(s??"")]:c,[u,c,s]),M=o.useMemo(()=>f(m)||"",[m]),P=o.useMemo(()=>({readOnly:!!v,value:String(M||""),onChange:E,theme:"snow",className:"rich-text-editor",modules:V,formats:q}),[v,M,E,V,q]);return g.jsx(k.Form.Item,{help:F,name:n,label:s,rules:I,...r,children:g.jsx(o.Suspense,{fallback:g.jsx("div",{children:"Loading editor..."}),children:g.jsx(G,{...P})})})};exports.RichTextEditor=J;
+"use strict";var z=Object.create;var H=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var G=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var X=(r,n,o,h)=>{if(n&&typeof n=="object"||typeof n=="function")for(let c of D(n))!J.call(r,c)&&c!==o&&H(r,c,{get:()=>n[c],enumerable:!(h=A(n,c))||h.enumerable});return r};var j=(r,n,o)=>(o=r!=null?z(G(r)):{},X(n||!r||!r.__esModule?H(o,"default",{value:r,enumerable:!0}):o,r));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),k=require("antd"),s=require("react"),Y=require("../../util/ValidationUtil.cjs.js"),Z=async()=>{const{Quill:r}=await import("react-quill-new"),n=r.import("blots/block");n.tagName="div",r.register(n)},_=({formLayoutProps:r,name:n,label:o,required:h,rules:c=[],disabled:V,help:C})=>{const u=k.Form.useFormInstance(),[b,g]=s.useState(""),[p,Q]=s.useState(!1),[q,B]=s.useState(null),T=s.useRef(!1),i="    ";s.useEffect(()=>{Q(!0)},[]),s.useEffect(()=>{if(!p)return;let t=!1;return(async()=>{await Z();const{default:e}=await import("react-quill-new");t||B(()=>e)})(),()=>{t=!0}},[p]);const f=t=>{if(!t)return"";if(typeof t=="string")return t;try{return String(t)}catch{return""}},I=()=>function(t){const e=this.quill,a=e.getSelection(!0);if(a){const x=a.index,S=a.index+a.length,W=e.getText(),d=[];for(let l=x;l<=S;l++)(l===0||W[l-1]===`
+`)&&d.push(l);if(d.length===0&&d.push(x),t>0){let l=0;d.forEach(m=>{e.insertText(m+l,i),l+=i.length}),e.setSelection(x+i.length,S+d.length*i.length)}else{let l=0;d.forEach(L=>{const F=L-l;e.getText(F,i.length)===i&&(e.deleteText(F,i.length),l+=i.length)});const m=Math.max(0,x-i.length),K=Math.max(m,S-l);e.setSelection(m,K)}}},N=()=>function(){const t=this.quill,e=t.getSelection(!0);return e?(t.insertText(e.index,i),t.setSelection(e.index+i.length),!1):!0},P=()=>function(){const t=this.quill,e=t.getSelection(!0);return e&&e.index>=i.length&&t.getText(e.index-i.length,i.length)===i?(t.deleteText(e.index-i.length,i.length),t.setSelection(e.index-i.length),!1):!0},E=s.useMemo(()=>{const t=I(),e=N(),a=P();return{toolbar:{container:[["bold","italic","underline","strike","blockquote"],[{list:"ordered"},{list:"bullet"}],[{indent:"-1"},{indent:"+1"}],["link"],["clean"]],handlers:{indent:t}},keyboard:{bindings:{tab:{key:"Tab",handler:e},"shift-tab":{key:"Tab",shiftKey:!0,handler:a}}}}},[]),y=s.useMemo(()=>["bold","italic","underline","strike","blockquote","list","bullet","link"],[]);s.useEffect(()=>{const t=u.getFieldValue(n),e=f(t);e&&e!=="<p></p>"&&e!=="<p><br></p>"&&e!=="<div></div>"&&g(e)},[u,n]);const M=k.Form.useWatch(n,u);s.useEffect(()=>{if(T.current)return;const t=f(M),e=f(b);t!==e&&g(!t||t==="<p></p>"||t==="<p><br></p>"||t==="<div></div>"?"":t)},[M]);const R=s.useCallback(t=>{const e=f(t);T.current=!0,g(e);const a=!e||e==="<p></p>"||e.trim()==="<p><br></p>"||e==="<div></div>"||e.trim()==="<div></div>"?void 0:e;u.setFieldValue(n,a),setTimeout(()=>{T.current=!1},0),u.validateFields([n]).catch(()=>{})},[u,n]),O=s.useMemo(()=>h?[...c,...Y.required(o??"")]:c,[h,c,o]),w=s.useMemo(()=>f(b)||"",[b]),U=s.useMemo(()=>({readOnly:!!V,value:String(w||""),onChange:R,theme:"snow",className:"rich-text-editor",modules:E,formats:y}),[V,w,R,E,y]);return v.jsx(k.Form.Item,{help:C,name:n,label:o,rules:O,...r,children:p&&q?v.jsx(q,{...U}):v.jsx("div",{className:"rich-text-editor rich-text-editor--loading",children:"Loading editor..."})})};exports.RichTextEditor=_;

package/dist/common/rich/index.d.ts

@@ -9,6 +9,6 @@ export interface RichTextEditorProps {
     required?: boolean;
     rules?: Rule[];
     disabled?: boolean;
-    formLayoutProps?: Pick<FormItemProps, "layout" | 'labelCol' | 'wrapperCol'>;
+    formLayoutProps?: Pick<FormItemProps, "layout" | "labelCol" | "wrapperCol">;
 }
 export declare const RichTextEditor: FC<RichTextEditorProps>;

package/dist/common/rich/index.es.js

@@ -1,20 +1,36 @@
-import { jsx as d } from "react/jsx-runtime";
-import { Form as S } from "antd";
-import W, { useState as j, useRef as z, useMemo as u, useEffect as w, useCallback as K, Suspense as L } from "react";
-import O from "../../util/ValidationUtil.es.js";
-const A = W.lazy(async () => {
-  const { default: h } = await import("react-quill"), { Quill: r } = h, o = r.import("blots/block");
-  return o.tagName = "div", r.register(o), { default: (f) => /* @__PURE__ */ d(h, { ...f }) };
-}), Z = ({
-  formLayoutProps: h,
+import { jsx as v } from "react/jsx-runtime";
+import { Form as V } from "antd";
+import { useState as S, useRef as z, useEffect as g, useMemo as a, useCallback as A } from "react";
+import D from "../../util/ValidationUtil.es.js";
+const G = async () => {
+  const { Quill: u } = await import("react-quill-new"), r = u.import("blots/block");
+  r.tagName = "div", u.register(r);
+}, $ = ({
+  formLayoutProps: u,
   name: r,
-  label: o,
-  required: f,
-  rules: b = [],
-  disabled: V,
-  help: C
+  label: x,
+  required: q,
+  rules: p = [],
+  disabled: y,
+  help: M
 }) => {
-  const s = S.useFormInstance(), [m, g] = j(""), T = z(!1), n = "    ", a = (e) => {
+  const o = V.useFormInstance(), [m, d] = S(""), [b, B] = S(!1), [E, I] = S(
+    null
+  ), T = z(!1), n = "    ";
+  g(() => {
+    B(!0);
+  }, []), g(() => {
+    if (!b) return;
+    let e = !1;
+    return (async () => {
+      await G();
+      const { default: t } = await import("react-quill-new");
+      e || I(() => t);
+    })(), () => {
+      e = !0;
+    };
+  }, [b]);
+  const c = (e) => {
     if (!e) return "";
     if (typeof e == "string") return e;
     try {
@@ -22,36 +38,45 @@ const A = W.lazy(async () => {
     } catch {
       return "";
     }
-  }, F = () => function(e) {
+  }, N = () => function(e) {
     const t = this.quill, l = t.getSelection(!0);
     if (l) {
-      const x = l.index, k = l.index + l.length, N = t.getText(), c = [];
-      for (let i = x; i <= k; i++)
-        (i === 0 || N[i - 1] === `
-`) && c.push(i);
-      if (c.length === 0 && c.push(x), e > 0) {
+      const h = l.index, k = l.index + l.length, K = t.getText(), s = [];
+      for (let i = h; i <= k; i++)
+        (i === 0 || K[i - 1] === `
+`) && s.push(i);
+      if (s.length === 0 && s.push(h), e > 0) {
         let i = 0;
-        c.forEach((p) => {
-          t.insertText(p + i, n), i += n.length;
-        }), t.setSelection(x + n.length, k + c.length * n.length);
+        s.forEach((f) => {
+          t.insertText(f + i, n), i += n.length;
+        }), t.setSelection(
+          h + n.length,
+          k + s.length * n.length
+        );
       } else {
         let i = 0;
-        c.forEach((U) => {
-          const R = U - i;
-          t.getText(R, n.length) === n && (t.deleteText(R, n.length), i += n.length);
+        s.forEach((O) => {
+          const Q = O - i;
+          t.getText(Q, n.length) === n && (t.deleteText(Q, n.length), i += n.length);
         });
-        const p = Math.max(0, x - n.length), P = Math.max(p, k - i);
-        t.setSelection(p, P);
+        const f = Math.max(0, h - n.length), L = Math.max(f, k - i);
+        t.setSelection(f, L);
       }
     }
-  }, I = () => function() {
+  }, P = () => function() {
     const e = this.quill, t = e.getSelection(!0);
     return t ? (e.insertText(t.index, n), e.setSelection(t.index + n.length), !1) : !0;
-  }, M = () => function() {
+  }, U = () => function() {
     const e = this.quill, t = e.getSelection(!0);
-    return t && t.index >= n.length && e.getText(t.index - n.length, n.length) === n ? (e.deleteText(t.index - n.length, n.length), e.setSelection(t.index - n.length), !1) : !0;
-  }, v = u(() => {
-    const e = F(), t = I(), l = M();
+    return t && t.index >= n.length && e.getText(
+      t.index - n.length,
+      n.length
+    ) === n ? (e.deleteText(
+      t.index - n.length,
+      n.length
+    ), e.setSelection(t.index - n.length), !1) : !0;
+  }, w = a(() => {
+    const e = N(), t = P(), l = U();
     return {
       toolbar: {
         container: [
@@ -79,49 +104,68 @@ const A = W.lazy(async () => {
         }
       }
     };
-  }, []), q = u(() => [
-    "bold",
-    "italic",
-    "underline",
-    "strike",
-    "blockquote",
-    "list",
-    "bullet",
-    "link"
-  ], []);
-  w(() => {
-    const e = s.getFieldValue(r), t = a(e);
-    t && t !== "<p></p>" && t !== "<p><br></p>" && t !== "<div></div>" && g(t);
-  }, [s, r]);
-  const y = S.useWatch(r, s);
-  w(() => {
+  }, []), H = a(
+    () => [
+      "bold",
+      "italic",
+      "underline",
+      "strike",
+      "blockquote",
+      "list",
+      "bullet",
+      "link"
+    ],
+    []
+  );
+  g(() => {
+    const e = o.getFieldValue(r), t = c(e);
+    t && t !== "<p></p>" && t !== "<p><br></p>" && t !== "<div></div>" && d(t);
+  }, [o, r]);
+  const R = V.useWatch(r, o);
+  g(() => {
     if (T.current)
       return;
-    const e = a(y), t = a(m);
-    e !== t && g(!e || e === "<p></p>" || e === "<p><br></p>" || e === "<div></div>" ? "" : e);
-  }, [y]);
-  const E = K((e) => {
-    const t = a(e);
-    T.current = !0, g(t);
-    const l = !t || t === "<p></p>" || t.trim() === "<p><br></p>" || t === "<div></div>" || t.trim() === "<div></div>" ? void 0 : t;
-    s.setFieldValue(r, l), setTimeout(() => {
-      T.current = !1;
-    }, 0), s.validateFields([r]).catch(() => {
-    });
-  }, [s, r]), Q = u(
-    () => f ? [...b, ...O.required(o ?? "")] : b,
-    [f, b, o]
-  ), H = u(() => a(m) || "", [m]), B = u(() => ({
-    readOnly: !!V,
-    value: String(H || ""),
-    onChange: E,
-    theme: "snow",
-    className: "rich-text-editor",
-    modules: v,
-    formats: q
-  }), [V, H, E, v, q]);
-  return /* @__PURE__ */ d(S.Item, { help: C, name: r, label: o, rules: Q, ...h, children: /* @__PURE__ */ d(L, { fallback: /* @__PURE__ */ d("div", { children: "Loading editor..." }), children: /* @__PURE__ */ d(A, { ...B }) }) });
+    const e = c(R), t = c(m);
+    e !== t && d(!e || e === "<p></p>" || e === "<p><br></p>" || e === "<div></div>" ? "" : e);
+  }, [R]);
+  const C = A(
+    (e) => {
+      const t = c(e);
+      T.current = !0, d(t);
+      const l = !t || t === "<p></p>" || t.trim() === "<p><br></p>" || t === "<div></div>" || t.trim() === "<div></div>" ? void 0 : t;
+      o.setFieldValue(r, l), setTimeout(() => {
+        T.current = !1;
+      }, 0), o.validateFields([r]).catch(() => {
+      });
+    },
+    [o, r]
+  ), W = a(
+    () => q ? [...p, ...D.required(x ?? "")] : p,
+    [q, p, x]
+  ), F = a(() => c(m) || "", [m]), j = a(
+    () => ({
+      readOnly: !!y,
+      value: String(F || ""),
+      onChange: C,
+      theme: "snow",
+      className: "rich-text-editor",
+      modules: w,
+      formats: H
+    }),
+    [y, F, C, w, H]
+  );
+  return /* @__PURE__ */ v(
+    V.Item,
+    {
+      help: M,
+      name: r,
+      label: x,
+      rules: W,
+      ...u,
+      children: b && E ? /* @__PURE__ */ v(E, { ...j }) : /* @__PURE__ */ v("div", { className: "rich-text-editor rich-text-editor--loading", children: "Loading editor..." })
+    }
+  );
 };
 export {
-  Z as RichTextEditor
+  $ as RichTextEditor
 };

package/dist/context/CrudComponentProvider.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("react"),u=require("../locale/index.cjs.js"),a=r.createContext({}),c=({children:o,i18nOptions:e})=>{const t=r.useRef(!1);return r.useMemo(()=>{t.current||(u.setupI18n(e||{}),t.current=!0)},[]),r.useEffect(()=>{t.current&&e&&u.setupI18n(e)},[e==null?void 0:e.language]),s.jsx(a.Provider,{value:{},children:o})};exports.CrudComponentProvider=c;exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),r=require("react"),c=require("../locale/index.cjs.js"),l=require("./CrudNavigateContext.cjs.js"),C=r.createContext({}),s=({children:a,i18nOptions:e,navigatorType:u="react-router",navigate:d})=>{const t=r.useRef(!1);r.useMemo(()=>{t.current||(c.setupI18n(e||{}),t.current=!0)},[]),r.useEffect(()=>{t.current&&e&&c.setupI18n(e)},[e==null?void 0:e.language]);const n=r.useMemo(()=>({navigatorType:u}),[u]);return o.jsx(l.CrudNavigateProvider,{navigate:d,children:o.jsx(C.Provider,{value:n,children:a})})};exports.CrudComponentProvider=s;exports.default=s;

package/dist/context/CrudComponentProvider.d.ts

@@ -1,5 +1,6 @@
 import { default as React, ReactNode } from 'react';
 import { SetupI18nOptions } from '../locale';
+import { CrudNavigateFn } from './CrudNavigateContext';
 export interface CrudComponentProviderProps {
     children: ReactNode;
     /**
@@ -7,6 +8,19 @@ export interface CrudComponentProviderProps {
      * If not provided, defaults will be used
      */
     i18nOptions?: SetupI18nOptions;
+    /**
+     * Hints which router you use (docs / future use). Wire navigation with `navigate` and/or optional sync modules:
+     * - `react-router`: `@kingteza/crud-component/react-router` exports `CrudReactRouterNavigateSync`, or pass `navigate` from `useNavigate()`.
+     * - `nextjs`: `@kingteza/crud-component/next` exports `CrudNextNavigateSync`, or pass a `navigate` wrapper around `useRouter()`.
+     *
+     * @default "react-router"
+     */
+    navigatorType?: "react-router" | "nextjs";
+    /**
+     * Imperative navigation for `useNavigateOptional` (e.g. `Button` with `to`). If omitted, use the optional
+     * `react-router` or `next` package entry sync components.
+     */
+    navigate?: CrudNavigateFn;
 }
 export declare const CrudComponentProvider: React.FC<CrudComponentProviderProps>;
 export default CrudComponentProvider;

package/dist/context/CrudComponentProvider.es.js

@@ -1,18 +1,26 @@
-import { jsx as f } from "react/jsx-runtime";
-import o, { useRef as a, useEffect as c, createContext as m } from "react";
-import { setupI18n as t } from "../locale/index.es.js";
-const d = m({}), C = ({
-  children: u,
-  i18nOptions: e
+import { jsx as u } from "react/jsx-runtime";
+import m, { useRef as d, useEffect as l, useMemo as s, createContext as x } from "react";
+import { setupI18n as o } from "../locale/index.es.js";
+import { CrudNavigateProvider as C } from "./CrudNavigateContext.es.js";
+const v = x({}), M = ({
+  children: c,
+  i18nOptions: e,
+  navigatorType: t = "react-router",
+  navigate: a
 }) => {
-  const r = a(!1);
-  return o.useMemo(() => {
-    r.current || (t(e || {}), r.current = !0);
-  }, []), c(() => {
-    r.current && e && t(e);
-  }, [e == null ? void 0 : e.language]), /* @__PURE__ */ f(d.Provider, { value: {}, children: u });
+  const r = d(!1);
+  m.useMemo(() => {
+    r.current || (o(e || {}), r.current = !0);
+  }, []), l(() => {
+    r.current && e && o(e);
+  }, [e == null ? void 0 : e.language]);
+  const f = s(
+    () => ({ navigatorType: t }),
+    [t]
+  );
+  return /* @__PURE__ */ u(C, { navigate: a, children: /* @__PURE__ */ u(v.Provider, { value: f, children: c }) });
 };
 export {
-  C as CrudComponentProvider,
-  C as default
+  M as CrudComponentProvider,
+  M as default
 };

package/dist/context/CrudNavigateContext.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),e=require("react"),a=e.createContext(void 0),o=e.createContext(()=>{});function C({children:i,navigate:t}){const[r,n]=e.useState(),s=e.useCallback(g=>{n(g)},[]),v=e.useMemo(()=>t??r,[t,r]);return u.jsx(o.Provider,{value:s,children:u.jsx(a.Provider,{value:v,children:i})})}function c(){return e.useContext(a)}function d(){return e.useContext(o)}exports.CrudNavigateProvider=C;exports.useCrudNavigateFromContext=c;exports.useCrudNavigateRegister=d;

package/dist/context/CrudNavigateContext.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+/** Matches common `useNavigate()` / App Router usage used by this library. */
+export type CrudNavigateFn = (to: string | number | Record<string, unknown>, options?: {
+    replace?: boolean;
+    state?: unknown;
+}) => void;
+type RegisterNavigateFn = (navigate: CrudNavigateFn | undefined) => void;
+export declare function CrudNavigateProvider({ children, navigate: injectedNavigate, }: {
+    readonly children: ReactNode;
+    readonly navigate?: CrudNavigateFn;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useCrudNavigateFromContext(): CrudNavigateFn | undefined;
+export declare function useCrudNavigateRegister(): RegisterNavigateFn;
+export {};

package/dist/context/CrudNavigateContext.es.js

@@ -0,0 +1,29 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useState as c, useCallback as d, useMemo as x, createContext as o, useContext as a } from "react";
+const n = o(
+  void 0
+), u = o(() => {
+});
+function f({
+  children: i,
+  navigate: e
+}) {
+  const [t, s] = c(), v = d((C) => {
+    s(C);
+  }, []), g = x(
+    () => e ?? t,
+    [e, t]
+  );
+  return /* @__PURE__ */ r(u.Provider, { value: v, children: /* @__PURE__ */ r(n.Provider, { value: g, children: i }) });
+}
+function l() {
+  return a(n);
+}
+function p() {
+  return a(u);
+}
+export {
+  f as CrudNavigateProvider,
+  l as useCrudNavigateFromContext,
+  p as useCrudNavigateRegister
+};

package/dist/context/index.d.ts

@@ -1,2 +1,3 @@
 export { default as useWindowDimensions } from './WindowDimension';
 export { CrudComponentProvider, type CrudComponentProviderProps } from './CrudComponentProvider';
+export type { CrudNavigateFn } from './CrudNavigateContext';

package/dist/crud/CrudComponent.d.ts

@@ -144,6 +144,7 @@ export interface ObjectCrudField<T> extends InitialCrudField<T>, Copyable<true>
 export interface TextBasedFieldProps<T> extends InitialCrudField<T>, AddonFieldProps, Copyable<false> {
     placeholder?: string;
     type: "text" | "time" | "email" | "password";
+    maxLength?: number;
     onChange?: (value: string, form: FormInstance<T>) => void;
 }
 export interface PhoneNumberFieldProps<T> extends Omit<TextBasedFieldProps<T>, "type">, PhoneNumberConfigProps {

package/dist/crud/CrudField.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),x=require("antd"),k=require("react"),K=require("react-highlight-words"),Q=require("../locale/index.cjs.js"),V=require("./FileCrudField.cjs.js"),X=require("./ImageCrudField.cjs.js"),Y=require("../common/check-box/CheckBox.cjs.js"),Z=require("../common/date-picker/DatePicker.cjs.js"),ee=require("../common/date-picker/TimePicker.cjs.js"),U=require("../common/select/SelectComponent.cjs.js"),re=require("../common/text-field/NumberField.cjs.js"),te=require("../common/text-field/PhoneNumberField.cjs.js"),ae=require("../common/text-field/TextField.cjs.js"),le=require("../common/tooltip/TooltipComponent.cjs.js"),ne=require("./CrudTextAreaComponent.cjs.js"),M=require("../util/CrudUtil.cjs.js");function oe(w){const{label:o,name:c,type:j,required:i,hidden:P,rules:h=[],updatable:g=!0,readonly:R=!1,fieldClassName:u,customFormFieldRender:T,fieldTooltip:v,fieldHelper:f,formLayoutProps:y,...e}=w,C=x.Form.useFormInstance();k.useEffect(()=>{if(j==="select"){const{items:a=[],onSearch:n,searchOnType:s}=e;!(a!=null&&a.length)&&!s&&(n==null||n(void 0,C,e==null?void 0:e.updatingValue))}},[C,e,j,e==null?void 0:e.updatingValue]);const{t:S}=Q.useTranslationLibNoNS();if(R||P)return r.jsx(r.Fragment,{});if(T)return T(C,w);switch(j){case"text":case"email":case"password":{const{onChange:a,placeholder:n,addonAfter:s,addonBefore:p}=e;return r.jsx(ae.default,{...y,placeholder:n,disabled:!g,rules:h,required:i,onChange:a?b=>a(b,C):void 0,type:j,name:c,tooltip:v,label:o,className:u,autoComplete:"new-password",addonAfter:s,addonBefore:p,help:f})}case"phone":{const{onChange:a,placeholder:n,addonAfter:s,addonBefore:p}=e;return r.jsx(te,{...e,...y,placeholder:n,disabled:!g,rules:h,required:i,onChange:a?b=>a(b,C):void 0,type:j,name:c,tooltip:v,label:o,className:u,autoComplete:"new-password",addonAfter:s,addonBefore:p,help:f})}case"number":{const{onChange:a,placeholder:n,allowMinus:s,min:p,max:b,addonAfter:d,addonBefore:N}=e;return r.jsx(re,{...y,placeholder:n,disabled:!g,moneyField:!!e.formatted,type:j,onChange:a?t=>a(t,C):void 0,rules:h,autoComplete:"false",required:i,tooltip:v,className:u,min:s?null:p,max:b,addonAfter:d,addonBefore:N,name:c,label:o,help:f})}case"date":{const{range:a,disableToday:n,disabledFutureDays:s,disabledPastDays:p,onChange:b,placeholder:d,format:N}=e;return r.jsx(Z,{...y,placeholder:d,required:i,disabled:!g,type:j,format:N,tooltip:v,range:a,name:c,label:o,onChange:b?t=>b(t,C):void 0,className:u,disableToday:n,disabledFutureDays:s,disabledPastDays:p,help:f})}case"time":{const{range:a=!1,disableCurrent:n,disabledFuture:s,disabledPast:p,onChange:b,use12Hours:d,format:N,placeholder:t}=e;return r.jsx(ee,{...y,placeholder:t,required:i,format:N,disabled:!g,type:j,tooltip:v,range:a,use12Hours:d,name:c,label:o,onChange:b?F=>b(F,C):void 0,className:u,disableCurrent:n,disabledFuture:s,disabledPast:p,help:f})}case"textarea":return r.jsx(ne,{...w});case"image":return r.jsx(X.default,{...e,required:i,name:c,label:o,rules:h,fieldHelper:f,fieldClassName:u,onRemoved:e.onRemoved,onUploading:e.onUploading,provider:e.provider});case"file":return r.jsx(V.default,{...e,required:i,name:c,label:o,rules:h,fieldHelper:f,fieldClassName:u,onRemoved:e.onRemoved,onUploading:e.onUploading,provider:e.provider});case"select":return r.jsx(_,{...e,required:i,name:c,label:o,rules:h,fieldClassName:u,form:C,help:f,updatable:g,readonly:R,fieldTooltip:v,fieldHelper:f});case"enum":{const{enum:a,translation:n,onChange:s,onSearch:p,multiple:b,tagRender:d}=e,N=Array.isArray(a)?a:Object.keys(a);return"radio"in e&&e.radio?r.jsx(x.Form.Item,{...e,...y,name:c,required:i,tooltip:v,rules:h,label:o,className:["w-100",u].join(" "),help:f,children:r.jsx(x.Radio.Group,{...e,onChange:s?t=>{var F;return s((F=t==null?void 0:t.target)==null?void 0:F.value,C)}:void 0,children:N.map(t=>r.jsx(x.Radio,{disabled:!g,value:t,children:n?S(n[t]):t},t))})}):"checkbox"in e&&e.checkbox?r.jsx(x.Form.Item,{...e,...y,name:c,required:i,tooltip:v,rules:h,label:o,className:["w-100",u].join(" "),help:f,children:r.jsx(x.Checkbox.Group,{className:"w-100",children:N.map(t=>{const F=r.jsx(x.Checkbox,{disabled:!g,value:t,children:n?S(n[t]):t},t);return"checkboxGrid"in e&&e.checkboxGrid?r.jsx(x.Col,{...e.checkboxGrid,children:F}):F})})}):r.jsx(U,{...e,...y,tagRender:typeof d=="function"?d:d?t=>{const{value:F,label:O}=t,q=d[F];return q?r.jsx(x.Tag,{color:q.color,children:O}):r.jsx(x.Tag,{children:O})}:void 0,onChange:s?t=>s(t,C):void 0,className:["w-100",u].join(" "),name:c,items:N,required:i,tooltip:v,rules:h,label:o,help:f,disabled:!g,onSearch:p?t=>p(t,C):void 0,allowClear:!0,mode:b?"multiple":void 0,showLoadingInEmptyIndicator:!0,itemBuilder:t=>r.jsx(x.Select.Option,{value:t,children:n?S(n[t]):t},t)})}case"checkbox":{const{onChange:a,switch:n}=e;return r.jsx(Y,{...y,className:u,rules:h,onChange:a?s=>a(s,C):void 0,label:o,tooltip:v,disabled:!g,name:c,help:f,switch:n})}case"color":return r.jsx(D,{...e,type:"color",required:i,name:c,label:o,rules:h,fieldClassName:u,updatable:g,readonly:R,fieldTooltip:v,fieldHelper:f});default:return r.jsx(r.Fragment,{children:`${j} Not Implemented`})}}function _(w){const{items:o=[],loading:c,searchOnType:j,onSearch:i,multiple:P,onChange:h,highlightSearch:g,required:R,fieldClassName:u,rules:T,fieldTooltip:v,updatable:f,label:y,name:e,tagRender:C,updatingValue:S,onSet:a,placeholder:n,allowClear:s=!0,selectOptionRender:p,formLayoutProps:b}=w,d=w.form,[N,t]=k.useState(""),F=k.useMemo(()=>M.getRealName(e),[e]),O=k.useMemo(()=>M.getRealName(e,"upsertFieldName"),[e]),q=x.Form.useWatch(F,d),[H,I]=k.useState(!0);k.useEffect(()=>{a&&H&&q&&(a==null||a(q,o,d),I(!1))},[H,d,o,F,a,q]),k.useEffect(()=>{q&&I(!0)},[q]);const W=k.useCallback(async l=>{t(l),j&&(i==null||i(l,d,S))},[d,i,j,S]),$=k.useCallback(l=>p?p(l):l.value,[p]);return r.jsx(U,{...w,...b,showLoadingInEmptyIndicator:!0,maxTagCount:"responsive",maxTagPlaceholder:l=>r.jsxs(le,{title:r.jsx(r.Fragment,{children:l.map(m=>r.jsxs(r.Fragment,{children:[m.label," ",r.jsx("br",{})]}))}),children:["+",l==null?void 0:l.length]}),placeholder:n,onSelect:l=>{a==null||a(l==null?void 0:l.key,o,d)},onChange:h?l=>{t(""),h(l,d)}:void 0,mode:P?"multiple":void 0,className:["w-100",u].join(" "),name:O,items:o,required:R,tooltip:v,tagRender:C,rules:T,disabled:!f,label:y,allowClear:s,onSearch:W,loading:c,filterOption:g?(l,m)=>{var L,A,B;try{const E=l.toLowerCase().split(/\s+/),z=((typeof(m==null?void 0:m.children)=="string"?m==null?void 0:m.children:(A=(L=m==null?void 0:m.children)==null?void 0:L.props)==null?void 0:A.textToHighlight)??"").toLowerCase(),J=(((B=m==null?void 0:m.value)==null?void 0:B.toString())??"").toLowerCase();return E.every(G=>z.indexOf(G)>=0||J.indexOf(G)>=0)}catch{return!0}}:void 0,itemBuilder:g?l=>{const m=l.value?String(l.value):void 0;return r.jsx(x.Select.Option,{value:l.key,title:m,disabled:l.disabled,children:r.jsx(K,{highlightClassName:"highlight-text",searchWords:(N??"").split(" "),autoEscape:!0,textToHighlight:m??""})},l.key)}:l=>r.jsx(x.Select.Option,{value:l.key,title:l.value,disabled:l.disabled,children:$(l)},l.key)})}function D(w){const{formLayoutProps:o,required:c,fieldClassName:j,rules:i,fieldTooltip:P,updatable:h,label:g,name:R,fieldHelper:u}=w;return r.jsx(x.Form.Item,{...o,label:g,name:R,required:c,rules:i,tooltip:P,help:u,getValueFromEvent:T=>typeof T=="object"?T.toHexString():T,children:r.jsx(x.ColorPicker,{disabledAlpha:!0,format:"hex",defaultFormat:"hex",showText:!0,trigger:"click",className:j,disabled:!h,...w.innerProps})})}exports.ColorCrudFieldComponent=D;exports.SelectCrudFieldComponent=_;exports.default=oe;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),x=require("antd"),k=require("react"),K=require("react-highlight-words"),Q=require("../locale/index.cjs.js"),V=require("./FileCrudField.cjs.js"),X=require("./ImageCrudField.cjs.js"),Y=require("../common/check-box/CheckBox.cjs.js"),Z=require("../common/date-picker/DatePicker.cjs.js"),ee=require("../common/date-picker/TimePicker.cjs.js"),U=require("../common/select/SelectComponent.cjs.js"),re=require("../common/text-field/NumberField.cjs.js"),te=require("../common/text-field/PhoneNumberField.cjs.js"),ae=require("../common/text-field/TextField.cjs.js"),le=require("../common/tooltip/TooltipComponent.cjs.js"),ne=require("./CrudTextAreaComponent.cjs.js"),M=require("../util/CrudUtil.cjs.js");function oe(w){const{label:o,name:c,type:j,required:d,hidden:P,rules:h=[],updatable:g=!0,readonly:R=!1,fieldClassName:u,customFormFieldRender:T,fieldTooltip:v,fieldHelper:f,formLayoutProps:y,...e}=w,C=x.Form.useFormInstance();k.useEffect(()=>{if(j==="select"){const{items:a=[],onSearch:n,searchOnType:s}=e;!(a!=null&&a.length)&&!s&&(n==null||n(void 0,C,e==null?void 0:e.updatingValue))}},[C,e,j,e==null?void 0:e.updatingValue]);const{t:S}=Q.useTranslationLibNoNS();if(R||P)return r.jsx(r.Fragment,{});if(T)return T(C,w);switch(j){case"text":case"email":case"password":{const{maxLength:a,onChange:n,placeholder:s,addonAfter:p,addonBefore:b}=e;return r.jsx(ae.default,{...y,maxLength:a,placeholder:s,disabled:!g,rules:h,required:d,onChange:n?i=>n(i,C):void 0,type:j,name:c,tooltip:v,label:o,className:u,autoComplete:"new-password",addonAfter:p,addonBefore:b,help:f})}case"phone":{const{onChange:a,placeholder:n,addonAfter:s,addonBefore:p}=e;return r.jsx(te,{...e,...y,placeholder:n,disabled:!g,rules:h,required:d,onChange:a?b=>a(b,C):void 0,type:j,name:c,tooltip:v,label:o,className:u,autoComplete:"new-password",addonAfter:s,addonBefore:p,help:f})}case"number":{const{onChange:a,placeholder:n,allowMinus:s,min:p,max:b,addonAfter:i,addonBefore:N}=e;return r.jsx(re,{...y,placeholder:n,disabled:!g,moneyField:!!e.formatted,type:j,onChange:a?t=>a(t,C):void 0,rules:h,autoComplete:"false",required:d,tooltip:v,className:u,min:s?null:p,max:b,addonAfter:i,addonBefore:N,name:c,label:o,help:f})}case"date":{const{range:a,disableToday:n,disabledFutureDays:s,disabledPastDays:p,onChange:b,placeholder:i,format:N}=e;return r.jsx(Z,{...y,placeholder:i,required:d,disabled:!g,type:j,format:N,tooltip:v,range:a,name:c,label:o,onChange:b?t=>b(t,C):void 0,className:u,disableToday:n,disabledFutureDays:s,disabledPastDays:p,help:f})}case"time":{const{range:a=!1,disableCurrent:n,disabledFuture:s,disabledPast:p,onChange:b,use12Hours:i,format:N,placeholder:t}=e;return r.jsx(ee,{...y,placeholder:t,required:d,format:N,disabled:!g,type:j,tooltip:v,range:a,use12Hours:i,name:c,label:o,onChange:b?F=>b(F,C):void 0,className:u,disableCurrent:n,disabledFuture:s,disabledPast:p,help:f})}case"textarea":return r.jsx(ne,{...w});case"image":return r.jsx(X.default,{...e,required:d,name:c,label:o,rules:h,fieldHelper:f,fieldClassName:u,onRemoved:e.onRemoved,onUploading:e.onUploading,provider:e.provider});case"file":return r.jsx(V.default,{...e,required:d,name:c,label:o,rules:h,fieldHelper:f,fieldClassName:u,onRemoved:e.onRemoved,onUploading:e.onUploading,provider:e.provider});case"select":return r.jsx(_,{...e,required:d,name:c,label:o,rules:h,fieldClassName:u,form:C,help:f,updatable:g,readonly:R,fieldTooltip:v,fieldHelper:f});case"enum":{const{enum:a,translation:n,onChange:s,onSearch:p,multiple:b,tagRender:i}=e,N=Array.isArray(a)?a:Object.keys(a);return"radio"in e&&e.radio?r.jsx(x.Form.Item,{...e,...y,name:c,required:d,tooltip:v,rules:h,label:o,className:["w-100",u].join(" "),help:f,children:r.jsx(x.Radio.Group,{...e,onChange:s?t=>{var F;return s((F=t==null?void 0:t.target)==null?void 0:F.value,C)}:void 0,children:N.map(t=>r.jsx(x.Radio,{disabled:!g,value:t,children:n?S(n[t]):t},t))})}):"checkbox"in e&&e.checkbox?r.jsx(x.Form.Item,{...e,...y,name:c,required:d,tooltip:v,rules:h,label:o,className:["w-100",u].join(" "),help:f,children:r.jsx(x.Checkbox.Group,{className:"w-100",children:N.map(t=>{const F=r.jsx(x.Checkbox,{disabled:!g,value:t,children:n?S(n[t]):t},t);return"checkboxGrid"in e&&e.checkboxGrid?r.jsx(x.Col,{...e.checkboxGrid,children:F}):F})})}):r.jsx(U,{...e,...y,tagRender:typeof i=="function"?i:i?t=>{const{value:F,label:O}=t,q=i[F];return q?r.jsx(x.Tag,{color:q.color,children:O}):r.jsx(x.Tag,{children:O})}:void 0,onChange:s?t=>s(t,C):void 0,className:["w-100",u].join(" "),name:c,items:N,required:d,tooltip:v,rules:h,label:o,help:f,disabled:!g,onSearch:p?t=>p(t,C):void 0,allowClear:!0,mode:b?"multiple":void 0,showLoadingInEmptyIndicator:!0,itemBuilder:t=>r.jsx(x.Select.Option,{value:t,children:n?S(n[t]):t},t)})}case"checkbox":{const{onChange:a,switch:n}=e;return r.jsx(Y,{...y,className:u,rules:h,onChange:a?s=>a(s,C):void 0,label:o,tooltip:v,disabled:!g,name:c,help:f,switch:n})}case"color":return r.jsx(D,{...e,type:"color",required:d,name:c,label:o,rules:h,fieldClassName:u,updatable:g,readonly:R,fieldTooltip:v,fieldHelper:f});default:return r.jsx(r.Fragment,{children:`${j} Not Implemented`})}}function _(w){const{items:o=[],loading:c,searchOnType:j,onSearch:d,multiple:P,onChange:h,highlightSearch:g,required:R,fieldClassName:u,rules:T,fieldTooltip:v,updatable:f,label:y,name:e,tagRender:C,updatingValue:S,onSet:a,placeholder:n,allowClear:s=!0,selectOptionRender:p,formLayoutProps:b}=w,i=w.form,[N,t]=k.useState(""),F=k.useMemo(()=>M.getRealName(e),[e]),O=k.useMemo(()=>M.getRealName(e,"upsertFieldName"),[e]),q=x.Form.useWatch(F,i),[H,L]=k.useState(!0);k.useEffect(()=>{a&&H&&q&&(a==null||a(q,o,i),L(!1))},[H,i,o,F,a,q]),k.useEffect(()=>{q&&L(!0)},[q]);const W=k.useCallback(async l=>{t(l),j&&(d==null||d(l,i,S))},[i,d,j,S]),$=k.useCallback(l=>p?p(l):l.value,[p]);return r.jsx(U,{...w,...b,showLoadingInEmptyIndicator:!0,maxTagCount:"responsive",maxTagPlaceholder:l=>r.jsxs(le,{title:r.jsx(r.Fragment,{children:l.map(m=>r.jsxs(r.Fragment,{children:[m.label," ",r.jsx("br",{})]}))}),children:["+",l==null?void 0:l.length]}),placeholder:n,onSelect:l=>{a==null||a(l==null?void 0:l.key,o,i)},onChange:h?l=>{t(""),h(l,i)}:void 0,mode:P?"multiple":void 0,className:["w-100",u].join(" "),name:O,items:o,required:R,tooltip:v,tagRender:C,rules:T,disabled:!f,label:y,allowClear:s,onSearch:W,loading:c,filterOption:g?(l,m)=>{var I,A,B;try{const E=l.toLowerCase().split(/\s+/),z=((typeof(m==null?void 0:m.children)=="string"?m==null?void 0:m.children:(A=(I=m==null?void 0:m.children)==null?void 0:I.props)==null?void 0:A.textToHighlight)??"").toLowerCase(),J=(((B=m==null?void 0:m.value)==null?void 0:B.toString())??"").toLowerCase();return E.every(G=>z.indexOf(G)>=0||J.indexOf(G)>=0)}catch{return!0}}:void 0,itemBuilder:g?l=>{const m=l.value?String(l.value):void 0;return r.jsx(x.Select.Option,{value:l.key,title:m,disabled:l.disabled,children:r.jsx(K,{highlightClassName:"highlight-text",searchWords:(N??"").split(" "),autoEscape:!0,textToHighlight:m??""})},l.key)}:l=>r.jsx(x.Select.Option,{value:l.key,title:l.value,disabled:l.disabled,children:$(l)},l.key)})}function D(w){const{formLayoutProps:o,required:c,fieldClassName:j,rules:d,fieldTooltip:P,updatable:h,label:g,name:R,fieldHelper:u}=w;return r.jsx(x.Form.Item,{...o,label:g,name:R,required:c,rules:d,tooltip:P,help:u,getValueFromEvent:T=>typeof T=="object"?T.toHexString():T,children:r.jsx(x.ColorPicker,{disabledAlpha:!0,format:"hex",defaultFormat:"hex",showText:!0,trigger:"click",className:j,disabled:!h,...w.innerProps})})}exports.ColorCrudFieldComponent=D;exports.SelectCrudFieldComponent=_;exports.default=oe;