@kingteza/crud-component 1.0.55 → 1.0.57

package/App.d.ts

@@ -15,6 +15,11 @@ export type Purchase = {
     id: string | number;
     name: string;
     image: string;
+    helloId: string;
+    hello?: {
+        id: string;
+        name: string;
+    };
 };
 declare function App(): import("react/jsx-runtime").JSX.Element;
 export default App;

package/common/button/Button.cjs.js

@@ -1 +1 @@
-"use strict";const c=require("react/jsx-runtime"),l=require("antd"),u=require("react"),j=require("../../locale/index.cjs.js");;/* empty css               */const g=require("../../hooks/NavigatorHooks.cjs.js"),x=({className:r,to:e,onClick:n,tooltip:o,ref:q,...t})=>{const{t:i}=j.useTranslationLib(),s=g.useNavigateOptional(),a=u.useMemo(()=>c.jsx(l.Button,{onClick:n||(e&&s?()=>s(e):void 0),className:r,...t,children:t.children}),[r,s,n,t,i,e]);return o?c.jsx(l.Tooltip,{title:o,children:a}):a},v=({className:r,to:e,onClick:n,tooltip:o,ref:q,...t})=>{const i=g.useNavigateOptional(),[s,a]=u.useState(!1),d=u.useCallback(async h=>{try{return a(!0),await n(h)}finally{a(!1)}},[n]),f=u.useMemo(()=>c.jsx(l.Button,{loading:s||t.loading,onClick:n?d:e?()=>{i?i==null||i(e):window.location.href=e}:void 0,className:r,...t}),[d,r,s,i,n,t,e]);return o?c.jsx(l.Tooltip,{title:o,children:f}):f};x.Async=v;module.exports=x;
+"use strict";const l=require("react/jsx-runtime"),d=require("antd"),s=require("react"),j=require("../../locale/index.cjs.js");;/* empty css               */const x=require("../../hooks/NavigatorHooks.cjs.js"),y=s.forwardRef(({className:r,to:n,onClick:e,tooltip:a,...t},u)=>{const{t:i}=j.useTranslationLib(),o=x.useNavigateOptional(),c=s.useMemo(()=>l.jsx(d.Button,{ref:u,onClick:e??(n&&o?()=>o(n):void 0),className:r,...t,children:t.children}),[r,o,e,t,i,n]);return a?l.jsx(d.Tooltip,{title:a,children:c}):c}),q=s.forwardRef(({className:r,to:n,onClick:e,tooltip:a,...t},u)=>{const i=x.useNavigateOptional(),[o,c]=s.useState(!1),f=s.useCallback(async h=>{try{return c(!0),await e(h)}finally{c(!1)}},[e]),g=s.useMemo(()=>l.jsx(d.Button,{ref:u,loading:o||t.loading,onClick:e?f:n?()=>{i?i==null||i(n):window.location.href=n}:void 0,className:r,...t}),[f,r,o,i,e,t,n,u]);return a?l.jsx(d.Tooltip,{title:a,children:g}):g});q.displayName="ButtonComponent.Async";y.Async=q;module.exports=y;

package/common/button/Button.d.ts

@@ -3,10 +3,9 @@ import { default as React } from 'react';
 export interface ButtonComponentProps extends ButtonProps {
     to?: string | number;
     tooltip?: string | undefined;
-    ref?: any;
 }
-type ComponentType = React.FC<ButtonComponentProps> & {
-    Async: React.FC<ButtonComponentProps>;
+type ComponentType = React.ForwardRefExoticComponent<ButtonComponentProps & React.RefAttributes<HTMLElement>> & {
+    Async: React.ForwardRefExoticComponent<ButtonComponentProps & React.RefAttributes<HTMLElement>>;
 };
 declare const _default: ComponentType;
 export default _default;

package/common/button/Button.es.js

@@ -1,64 +1,57 @@
-import { jsx as l } from "react/jsx-runtime";
-import { Button as d, Tooltip as u } from "antd";
-import { useMemo as m, useState as b, useCallback as v } from "react";
-import { useTranslationLib as w } from "../../locale/index.es.js";
+import { jsx as c } from "react/jsx-runtime";
+import { Button as u, Tooltip as f } from "antd";
+import { forwardRef as y, useMemo as g, useState as v, useCallback as A } from "react";
+import { useTranslationLib as B } from "../../locale/index.es.js";
 /* empty css             */
-import { useNavigateOptional as g } from "../../hooks/NavigatorHooks.es.js";
-const x = ({
-  className: r,
-  to: t,
-  onClick: n,
-  tooltip: a,
-  ref: h,
-  ...e
-}) => {
-  const { t: i } = w(), o = g(), s = m(
-    () => /* @__PURE__ */ l(
-      d,
-      {
-        onClick: n || (t && o ? () => o(t) : void 0),
-        className: r,
-        ...e,
-        children: e.children
-      }
-    ),
-    [r, o, n, e, i, t]
-  );
-  return a ? /* @__PURE__ */ l(u, { title: a, children: s }) : s;
-}, A = ({
-  className: r,
-  to: t,
-  onClick: n,
-  tooltip: a,
-  ref: h,
-  ...e
-}) => {
-  const i = g(), [o, s] = b(!1), c = v(
-    async (y) => {
-      try {
-        return s(!0), await n(y);
-      } finally {
-        s(!1);
-      }
-    },
-    [n]
-  ), f = m(
-    () => /* @__PURE__ */ l(
-      d,
-      {
-        loading: o || e.loading,
-        onClick: n ? c : t ? () => {
-          i ? i == null || i(t) : window.location.href = t;
-        } : void 0,
-        className: r,
-        ...e
-      }
-    ),
-    [c, r, o, i, n, e, t]
-  );
-  return a ? /* @__PURE__ */ l(u, { title: a, children: f }) : f;
-};
-x.Async = A;
+import { useNavigateOptional as h } from "../../hooks/NavigatorHooks.es.js";
+const p = y(
+  ({ className: r, to: n, onClick: t, tooltip: a, ...o }, l) => {
+    const { t: e } = B(), i = h(), s = g(
+      () => /* @__PURE__ */ c(
+        u,
+        {
+          ref: l,
+          onClick: t ?? (n && i ? () => i(n) : void 0),
+          className: r,
+          ...o,
+          children: o.children
+        }
+      ),
+      [r, i, t, o, e, n]
+    );
+    return a ? /* @__PURE__ */ c(f, { title: a, children: s }) : s;
+  }
+), b = y(
+  ({ className: r, to: n, onClick: t, tooltip: a, ...o }, l) => {
+    const e = h(), [i, s] = v(!1), d = A(
+      async (w) => {
+        try {
+          return s(!0), await t(w);
+        } finally {
+          s(!1);
+        }
+      },
+      [t]
+    ), m = g(
+      () => /* @__PURE__ */ c(
+        u,
+        {
+          ref: l,
+          loading: i || o.loading,
+          onClick: t ? d : n ? () => {
+            e ? e == null || e(n) : window.location.href = n;
+          } : void 0,
+          className: r,
+          ...o
+        }
+      ),
+      [d, r, i, e, t, o, n, l]
+    );
+    return a ? /* @__PURE__ */ c(f, { title: a, children: m }) : m;
+  }
+);
+b.displayName = "ButtonComponent.Async";
+p.Async = b;
 export {
-  x as default
+  p as default
 };

package/crud/CrudComponent.cjs.js

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),y=require("antd"),le=require("dayjs"),o=require("react"),ie=require("./CrudForm.cjs.js"),ce=require("./CrudFormWizard.cjs.js"),re=require("./import/CrudImportButton.cjs.js"),ue=require("./view/CrudViewer.cjs.js"),de=require("../common/button/NewButton.cjs.js"),fe=require("../common/button/PrintButton.cjs.js"),pe=require("../locale/index.cjs.js"),{useForm:me}=y.Form;function ye({idField:x="id",onCreate:C,onDelete:T,onHide:U,onUpdate:f,fields:l,data:W,grid:_,isHiding:A,isCreating:S,isDeleting:E,isUpdating:q,paginateProps:H,onPrint:V,printing:L,viewable:R,loadingData:G,formBuilder:J,extraAction:K,minusHeight:Q,cloneable:X,fullWidthModal:Y=!0,wizard:i,extraView:Z,importable:P,onClickNew:N,size:$,...z}){const{t:v}=pe.useTranslationLib(),[j,F]=o.useState(!1),[p,k]=o.useState(),[ee,B]=o.useState(),[c]=me(),O=o.useCallback(async s=>{const u=i?s:await c.validateFields(),r=l.filter(e=>e.type==="color"),a={};r.forEach(e=>{var d;const t=c.getFieldValue(e.name);a[e.name]=typeof t=="string"?t:(d=t==null?void 0:t.toHexString())==null?void 0:d.toUpperCase()}),Object.assign(u,a),p&&f?(await f({...u,[x]:p[x]}),k(void 0)):!p&&C&&await C(u),B(void 0),c.resetFields(),F(!1)},[l,c,x,C,f,p,i]),[te,w]=o.useState(!1),[ne,b]=o.useState(!1);o.useEffect(()=>{j?(w(!1),b(!1)):g(void 0)},[j]);const D=o.useCallback(async s=>{w(s),b(!0)},[]),I=o.useCallback(async()=>{b(!0)},[]),[se,M]=o.useState(!1),h=o.useCallback(async(s,u=!0,r=!1)=>{try{M(!0),F(!0),u&&g("update");const a={};for(const e of l){const t=s[e.name];if(r&&e.type==="image"){const d=t;try{const ae=await e.provider.clone(d);a[e.name]=ae;continue}catch{continue}}e.type==="date"?t&&(a[e.name]=le(t)):e.type==="select"?e.multiple&&Array.isArray(t)?a[e.name]=t.map(d=>d[e.innerFieldId??"id"]):t&&typeof t=="object"?a[e.name]=t[e.innerFieldId??"id"]:(t&&typeof t=="string"||typeof t=="number")&&(a[e.name]=t):a[e.name]=t}c.setFieldsValue(a),B(a),u&&k(s)}finally{M(!1)}},[l,c]),[m,g]=o.useState(),oe=o.useCallback(async s=>{g("clone"),h(s,!1,!0)},[h]);return n.jsxs(n.Fragment,{children:[n.jsxs(y.Space,{direction:"vertical",className:"w-100",children:[n.jsxs("div",{className:"w-100 d-flex",children:[n.jsx("div",{style:{flex:1},children:n.jsx(de.NewButton,{onClick:()=>{N?N():(F(s=>!s),g("new"))},className:"flex-1"})}),n.jsxs(y.Space,{children:[!!V&&n.jsx(fe.PrintButton,{className:"float-right",loading:L,onClick:V}),!!P&&n.jsx(re,{fields:l,importProps:P})]})]}),n.jsx(ue,{...z,minusHeight:Q,data:W,size:$,fields:l,extraAction:K,idField:x,isDeleting:E,loadingData:G,onClickUpdate:f?h:void 0,onHide:U,isHiding:A,onDelete:T,onUpdate:f,onClickClone:X?oe:void 0,paginateProps:H,viewable:R,extraView:Z})]}),n.jsx(y.Modal,{width:Y?"100%":void 0,title:v(m??"new"),open:j,confirmLoading:S||q,okText:v("str."+(m==="update"?"update":"save")),cancelText:v("str.cancel"),cancelButtonProps:{disabled:ne,hidden:!!i},okButtonProps:{disabled:te,hidden:!!i},onCancel:async()=>{try{if(m==="clone"){const s=i?p:c.getFieldsValue(),u=l.filter(r=>r.type==="image");for(const r of u)s[r.name]&&r.provider.delete(s[r.name])}}finally{}i||c.resetFields(),B(void 0),k(void 0),F(!1)},onOk:()=>O(),destroyOnHidden:!0,children:n.jsxs(y.Spin,{spinning:se,children:[!i&&n.jsx(ie.CrudForm,{purpose:m,fields:l,form:c,formBuilder:J,grid:_,onDeleteFile:I,onUploadFile:D}),i&&n.jsx(ce,{submitting:S||q,className:"mt-2",onSave:O,updatingValue:ee,fields:l,onDeleteFile:I,onUploadFile:D,purpose:m,wizard:i})]})})]})}module.exports=ye;
+"use strict";const t=require("react/jsx-runtime"),y=require("antd"),ce=require("dayjs"),n=require("react"),re=require("./CrudForm.cjs.js"),ue=require("./CrudFormWizard.cjs.js"),de=require("./import/CrudImportButton.cjs.js"),fe=require("./view/CrudViewer.cjs.js"),pe=require("../common/button/NewButton.cjs.js"),me=require("../common/button/PrintButton.cjs.js"),Fe=require("../locale/index.cjs.js"),M=require("../util/CrudUtil.cjs.js"),{useForm:ye}=y.Form;function ge({idField:g="id",onCreate:v,onDelete:T,onHide:W,onUpdate:p,fields:i,data:_,grid:A,isHiding:E,isCreating:q,isDeleting:H,isUpdating:N,paginateProps:L,onPrint:V,printing:G,viewable:J,loadingData:K,formBuilder:Q,extraAction:X,minusHeight:Y,cloneable:Z,fullWidthModal:$=!0,wizard:c,extraView:z,importable:P,onClickNew:O,size:ee,...te}){const{t:j}=Fe.useTranslationLib(),[k,x]=n.useState(!1),[m,B]=n.useState(),[se,b]=n.useState(),[r]=ye(),R=n.useCallback(async s=>{const d=c?s:await r.validateFields(),u=i.filter(o=>o.type==="color"),a={};u.forEach(o=>{var f;const l=M.getRealName(o.name,"upsertFieldName"),e=r.getFieldValue(l);a[l]=typeof e=="string"?e:(f=e==null?void 0:e.toHexString())==null?void 0:f.toUpperCase()}),Object.assign(d,a),m&&p?(await p({...d,[g]:m[g]}),B(void 0)):!m&&v&&await v(d),b(void 0),r.resetFields(),x(!1)},[i,r,g,v,p,m,c]),[ne,U]=n.useState(!1),[oe,h]=n.useState(!1);n.useEffect(()=>{k?(U(!1),h(!1)):C(void 0)},[k]);const w=n.useCallback(async s=>{U(s),h(!0)},[]),D=n.useCallback(async()=>{h(!0)},[]),[ae,I]=n.useState(!1),S=n.useCallback(async(s,d=!0,u=!1)=>{try{I(!0),x(!0),d&&C("update");const a={};for(const o of i){const l=M.getRealName(o.name,"upsertFieldName"),e=s[l];if(u&&o.type==="image"){const f=e;try{const ie=await o.provider.clone(f);a[l]=ie;continue}catch{continue}}o.type==="date"?e&&(a[l]=ce(e)):o.type==="select"?o.multiple&&Array.isArray(e)?a[l]=e.map(f=>f[o.innerFieldId??"id"]):e&&typeof e=="object"?a[l]=e[o.innerFieldId??"id"]:(e&&typeof e=="string"||typeof e=="number")&&(a[l]=e):a[l]=e}r.setFieldsValue(a),b(a),d&&B(s)}finally{I(!1)}},[i,r]),[F,C]=n.useState(),le=n.useCallback(async s=>{C("clone"),S(s,!1,!0)},[S]);return t.jsxs(t.Fragment,{children:[t.jsxs(y.Space,{direction:"vertical",className:"w-100",children:[t.jsxs("div",{className:"w-100 d-flex",children:[t.jsx("div",{style:{flex:1},children:t.jsx(pe.NewButton,{onClick:()=>{O?O():(x(s=>!s),C("new"))},className:"flex-1"})}),t.jsxs(y.Space,{children:[!!V&&t.jsx(me.PrintButton,{className:"float-right",loading:G,onClick:V}),!!P&&t.jsx(de,{fields:i,importProps:P})]})]}),t.jsx(fe,{...te,minusHeight:Y,data:_,size:ee,fields:i,extraAction:X,idField:g,isDeleting:H,loadingData:K,onClickUpdate:p?S:void 0,onHide:W,isHiding:E,onDelete:T,onUpdate:p,onClickClone:Z?le:void 0,paginateProps:L,viewable:J,extraView:z})]}),t.jsx(y.Modal,{width:$?"100%":void 0,title:j(F??"new"),open:k,confirmLoading:q||N,okText:j("str."+(F==="update"?"update":"save")),cancelText:j("str.cancel"),cancelButtonProps:{disabled:oe,hidden:!!c},okButtonProps:{disabled:ne,hidden:!!c},onCancel:async()=>{try{if(F==="clone"){const s=c?m:r.getFieldsValue(),d=i.filter(u=>u.type==="image");for(const u of d)s[u.name]&&u.provider.delete(s[u.name])}}finally{}c||r.resetFields(),b(void 0),B(void 0),x(!1)},onOk:()=>R(),destroyOnHidden:!0,children:t.jsxs(y.Spin,{spinning:ae,children:[!c&&t.jsx(re.CrudForm,{purpose:F,fields:i,form:r,formBuilder:Q,grid:A,onDeleteFile:D,onUploadFile:w}),c&&t.jsx(ue,{submitting:q||N,className:"mt-2",onSave:R,updatingValue:se,fields:i,onDeleteFile:D,onUploadFile:w,purpose:F,wizard:c})]})})]})}module.exports=ge;

package/crud/CrudComponent.d.ts

@@ -60,7 +60,11 @@ export type CrudFieldGrid = {
     xl?: number;
     xxl?: number;
 };
-export interface SelectCrudField<T, ItemType extends SelectFieldItem = SelectFieldItem> extends InitialCrudField<T> {
+export interface SelectCrudField<T, ItemType extends SelectFieldItem = SelectFieldItem> extends Omit<InitialCrudField<T>, "name"> {
+    name: InitialCrudField<T>["name"] | {
+        name: keyof T | (string | number)[];
+        upsertFieldName: keyof T | (string | number)[];
+    };
     type: "select";
     placeholder?: string;
     /**

package/crud/CrudComponent.es.js

@@ -1,204 +1,205 @@
-import { jsxs as y, Fragment as re, jsx as c } from "react/jsx-runtime";
-import { Form as ce, Space as _, Modal as de, Spin as me } from "antd";
-import fe from "dayjs";
-import { useState as d, useCallback as F, useEffect as ue } from "react";
-import { CrudForm as pe } from "./CrudForm.es.js";
-import ye from "./CrudFormWizard.es.js";
-import Fe from "./import/CrudImportButton.es.js";
-import ge from "./view/CrudViewer.es.js";
-import { NewButton as ve } from "../common/button/NewButton.es.js";
-import { PrintButton as Be } from "../common/button/PrintButton.es.js";
-import { useTranslationLib as Ce } from "../locale/index.es.js";
-const { useForm: he } = ce;
-function Me({
-  idField: g = "id",
-  onCreate: C,
-  onDelete: w,
-  onHide: A,
+import { jsxs as F, Fragment as de, jsx as d } from "react/jsx-runtime";
+import { Form as me, Space as w, Modal as ue, Spin as fe } from "antd";
+import pe from "dayjs";
+import { useState as m, useCallback as g, useEffect as ye } from "react";
+import { CrudForm as Fe } from "./CrudForm.es.js";
+import ge from "./CrudFormWizard.es.js";
+import ve from "./import/CrudImportButton.es.js";
+import Ce from "./view/CrudViewer.es.js";
+import { NewButton as Be } from "../common/button/NewButton.es.js";
+import { PrintButton as he } from "../common/button/PrintButton.es.js";
+import { useTranslationLib as ke } from "../locale/index.es.js";
+import A from "../util/CrudUtil.es.js";
+const { useForm: be } = me;
+function We({
+  idField: v = "id",
+  onCreate: h,
+  onDelete: E,
+  onHide: H,
   onUpdate: f,
-  fields: l,
-  data: E,
-  grid: H,
-  isHiding: L,
+  fields: i,
+  data: L,
+  grid: R,
+  isHiding: q,
   isCreating: P,
-  isDeleting: q,
+  isDeleting: G,
   isUpdating: j,
-  paginateProps: G,
-  onPrint: N,
-  printing: J,
-  viewable: K,
-  loadingData: Q,
-  formBuilder: R,
-  extraAction: X,
-  minusHeight: Y,
-  cloneable: Z,
-  fullWidthModal: $ = !0,
-  wizard: i,
-  extraView: z,
-  importable: O,
+  paginateProps: J,
+  onPrint: O,
+  printing: K,
+  viewable: Q,
+  loadingData: X,
+  formBuilder: Y,
+  extraAction: Z,
+  minusHeight: $,
+  cloneable: z,
+  fullWidthModal: ee = !0,
+  wizard: s,
+  extraView: te,
+  importable: U,
   onClickNew: D,
-  size: ee,
-  ...te
+  size: oe,
+  ...ne
 }) {
-  const { t: h } = Ce(), [k, v] = d(!1), [u, b] = d(), [oe, x] = d(), [a] = he(), I = F(
-    async (o) => {
-      const r = i ? o : await a.validateFields(), s = l.filter((e) => e.type === "color"), n = {};
-      s.forEach((e) => {
-        var m;
-        const t = a.getFieldValue(e.name);
-        n[e.name] = typeof t == "string" ? t : (m = t == null ? void 0 : t.toHexString()) == null ? void 0 : m.toUpperCase();
-      }), Object.assign(r, n), u && f ? (await f({
-        ...r,
-        [g]: u[g]
-      }), b(void 0)) : !u && C && await C(r), x(void 0), a.resetFields(), v(!1);
+  const { t: k } = ke(), [b, C] = m(!1), [p, N] = m(), [le, x] = m(), [a] = be(), I = g(
+    async (t) => {
+      const c = s ? t : await a.validateFields(), r = i.filter((o) => o.type === "color"), n = {};
+      r.forEach((o) => {
+        var u;
+        const l = A.getRealName(o.name, "upsertFieldName"), e = a.getFieldValue(l);
+        n[l] = typeof e == "string" ? e : (u = e == null ? void 0 : e.toHexString()) == null ? void 0 : u.toUpperCase();
+      }), Object.assign(c, n), p && f ? (await f({
+        ...c,
+        [v]: p[v]
+      }), N(void 0)) : !p && h && await h(c), x(void 0), a.resetFields(), C(!1);
     },
-    [l, a, g, C, f, u, i]
-  ), [ne, M] = d(!1), [le, V] = d(!1);
-  ue(() => {
-    k ? (M(!1), V(!1)) : B(void 0);
-  }, [k]);
-  const T = F(async (o) => {
-    M(o), V(!0);
-  }, []), U = F(async () => {
+    [i, a, v, h, f, p, s]
+  ), [ie, M] = m(!1), [se, V] = m(!1);
+  ye(() => {
+    b ? (M(!1), V(!1)) : B(void 0);
+  }, [b]);
+  const T = g(async (t) => {
+    M(t), V(!0);
+  }, []), W = g(async () => {
     V(!0);
-  }, []), [ie, W] = d(!1), S = F(
-    async (o, r = !0, s = !1) => {
+  }, []), [ae, _] = m(!1), S = g(
+    async (t, c = !0, r = !1) => {
       try {
-        W(!0), v(!0), r && B("update");
+        _(!0), C(!0), c && B("update");
         const n = {};
-        for (const e of l) {
-          const t = o[e.name];
-          if (s && e.type === "image") {
-            const m = t;
+        for (const o of i) {
+          const l = A.getRealName(o.name, "upsertFieldName"), e = t[l];
+          if (r && o.type === "image") {
+            const u = e;
             try {
-              const se = await e.provider.clone(m);
-              n[e.name] = se;
+              const ce = await o.provider.clone(u);
+              n[l] = ce;
               continue;
             } catch {
               continue;
             }
           }
-          e.type === "date" ? t && (n[e.name] = fe(t)) : e.type === "select" ? e.multiple && Array.isArray(t) ? n[e.name] = t.map(
-            (m) => m[e.innerFieldId ?? "id"]
-          ) : t && typeof t == "object" ? n[e.name] = t[e.innerFieldId ?? "id"] : (t && typeof t == "string" || typeof t == "number") && (n[e.name] = t) : n[e.name] = t;
+          o.type === "date" ? e && (n[l] = pe(e)) : o.type === "select" ? o.multiple && Array.isArray(e) ? n[l] = e.map(
+            (u) => u[o.innerFieldId ?? "id"]
+          ) : e && typeof e == "object" ? n[l] = e[o.innerFieldId ?? "id"] : (e && typeof e == "string" || typeof e == "number") && (n[l] = e) : n[l] = e;
         }
-        a.setFieldsValue(n), x(n), r && b(o);
+        a.setFieldsValue(n), x(n), c && N(t);
       } finally {
-        W(!1);
+        _(!1);
       }
     },
-    [l, a]
-  ), [p, B] = d(), ae = F(
-    async (o) => {
-      B("clone"), S(o, !1, !0);
+    [i, a]
+  ), [y, B] = m(), re = g(
+    async (t) => {
+      B("clone"), S(t, !1, !0);
     },
     [S]
   );
-  return /* @__PURE__ */ y(re, { children: [
-    /* @__PURE__ */ y(_, { direction: "vertical", className: "w-100", children: [
-      /* @__PURE__ */ y("div", { className: "w-100 d-flex", children: [
-        /* @__PURE__ */ c("div", { style: { flex: 1 }, children: /* @__PURE__ */ c(
-          ve,
+  return /* @__PURE__ */ F(de, { children: [
+    /* @__PURE__ */ F(w, { direction: "vertical", className: "w-100", children: [
+      /* @__PURE__ */ F("div", { className: "w-100 d-flex", children: [
+        /* @__PURE__ */ d("div", { style: { flex: 1 }, children: /* @__PURE__ */ d(
+          Be,
           {
             onClick: () => {
-              D ? D() : (v((o) => !o), B("new"));
+              D ? D() : (C((t) => !t), B("new"));
             },
             className: "flex-1"
           }
         ) }),
-        /* @__PURE__ */ y(_, { children: [
-          !!N && /* @__PURE__ */ c(
-            Be,
+        /* @__PURE__ */ F(w, { children: [
+          !!O && /* @__PURE__ */ d(
+            he,
             {
               className: "float-right",
-              loading: J,
-              onClick: N
+              loading: K,
+              onClick: O
             }
           ),
-          !!O && /* @__PURE__ */ c(Fe, { fields: l, importProps: O })
+          !!U && /* @__PURE__ */ d(ve, { fields: i, importProps: U })
         ] })
       ] }),
-      /* @__PURE__ */ c(
-        ge,
+      /* @__PURE__ */ d(
+        Ce,
         {
-          ...te,
-          minusHeight: Y,
-          data: E,
-          size: ee,
-          fields: l,
-          extraAction: X,
-          idField: g,
-          isDeleting: q,
-          loadingData: Q,
+          ...ne,
+          minusHeight: $,
+          data: L,
+          size: oe,
+          fields: i,
+          extraAction: Z,
+          idField: v,
+          isDeleting: G,
+          loadingData: X,
           onClickUpdate: f ? S : void 0,
-          onHide: A,
-          isHiding: L,
-          onDelete: w,
+          onHide: H,
+          isHiding: q,
+          onDelete: E,
           onUpdate: f,
-          onClickClone: Z ? ae : void 0,
-          paginateProps: G,
-          viewable: K,
-          extraView: z
+          onClickClone: z ? re : void 0,
+          paginateProps: J,
+          viewable: Q,
+          extraView: te
         }
       )
     ] }),
-    /* @__PURE__ */ c(
-      de,
+    /* @__PURE__ */ d(
+      ue,
       {
-        width: $ ? "100%" : void 0,
-        title: h(p ?? "new"),
-        open: k,
+        width: ee ? "100%" : void 0,
+        title: k(y ?? "new"),
+        open: b,
         confirmLoading: P || j,
-        okText: h("str." + (p === "update" ? "update" : "save")),
-        cancelText: h("str.cancel"),
+        okText: k("str." + (y === "update" ? "update" : "save")),
+        cancelText: k("str.cancel"),
         cancelButtonProps: {
-          disabled: le,
-          hidden: !!i
+          disabled: se,
+          hidden: !!s
         },
         okButtonProps: {
-          disabled: ne,
-          hidden: !!i
+          disabled: ie,
+          hidden: !!s
         },
         onCancel: async () => {
           try {
-            if (p === "clone") {
-              const o = i ? u : a.getFieldsValue(), r = l.filter((s) => s.type === "image");
-              for (const s of r)
-                o[s.name] && s.provider.delete(
-                  o[s.name]
+            if (y === "clone") {
+              const t = s ? p : a.getFieldsValue(), c = i.filter((r) => r.type === "image");
+              for (const r of c)
+                t[r.name] && r.provider.delete(
+                  t[r.name]
                 );
             }
           } finally {
           }
-          i || a.resetFields(), x(void 0), b(void 0), v(!1);
+          s || a.resetFields(), x(void 0), N(void 0), C(!1);
         },
         onOk: () => I(),
         destroyOnHidden: !0,
-        children: /* @__PURE__ */ y(me, { spinning: ie, children: [
-          !i && /* @__PURE__ */ c(
-            pe,
+        children: /* @__PURE__ */ F(fe, { spinning: ae, children: [
+          !s && /* @__PURE__ */ d(
+            Fe,
             {
-              purpose: p,
-              fields: l,
+              purpose: y,
+              fields: i,
               form: a,
-              formBuilder: R,
-              grid: H,
-              onDeleteFile: U,
+              formBuilder: Y,
+              grid: R,
+              onDeleteFile: W,
               onUploadFile: T
             }
           ),
-          i && /* @__PURE__ */ c(
-            ye,
+          s && /* @__PURE__ */ d(
+            ge,
             {
               submitting: P || j,
               className: "mt-2",
               onSave: I,
-              updatingValue: oe,
-              fields: l,
-              onDeleteFile: U,
+              updatingValue: le,
+              fields: i,
+              onDeleteFile: W,
               onUploadFile: T,
-              purpose: p,
-              wizard: i
+              purpose: y,
+              wizard: s
             }
           )
         ] })
@@ -207,5 +208,5 @@ function Me({
   ] });
 }
 export {
-  Me as default
+  We as default
 };

package/crud/CrudField.cjs.js

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