@kingteza/crud-component 1.45.0 → 1.46.1

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

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

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

@@ -1,40 +1,44 @@
-import { jsx as V } from "react/jsx-runtime";
-import { Form as k } from "antd";
-import { useState as v, useRef as $, useEffect as x, useMemo as u, useCallback as j } from "react";
+import { jsx as k } from "react/jsx-runtime";
+import { Form as v } from "antd";
+import { useState as H, useRef as $, useEffect as x, useMemo as u, useCallback as j } from "react";
 import K from "../../util/ValidationUtil.es.js";
 const O = async () => {
-  const { Quill: o } = await import("react-quill-new"), i = o.import("blots/block");
-  i.tagName = "div", o.register(i);
-}, J = 22, Y = 8, Z = (o, i) => {
-  const s = {};
-  return o != null && o > 0 && (s["--rich-editor-min-height"] = `${o * J + Y}px`), i != null && i > 0 && (s.width = `min(100%, ${i}ch)`), s;
+  const { Quill: l } = await import("react-quill-new"), i = l.import("blots/block");
+  i.tagName = "p", l.register(i);
+  const o = l.prototype.getSemanticHTML;
+  l.prototype.getSemanticHTML = function(...h) {
+    return o.apply(this, h).replaceAll(" ", " ").replaceAll("  ", "  ");
+  };
+}, J = 22, Y = 8, Z = (l, i) => {
+  const o = {};
+  return l != null && l > 0 && (o["--rich-editor-min-height"] = `${l * J + Y}px`), i != null && i > 0 && (o.width = `min(100%, ${i}ch)`), o;
 }, lt = ({
-  formLayoutProps: o,
+  formLayoutProps: l,
   name: i,
-  label: s,
-  required: y,
-  rules: p = [],
-  disabled: q,
-  help: P,
-  rows: R,
-  cols: H
+  label: o,
+  required: h,
+  rules: f = [],
+  disabled: T,
+  help: F,
+  rows: q,
+  cols: R
 }) => {
-  const c = k.useFormInstance(), [m, h] = v(""), [T, Q] = v(!1), [I, M] = v(
+  const c = v.useFormInstance(), [b, g] = H(""), [S, N] = H(!1), [A, P] = H(
     null
-  ), b = $(!1), n = "    ";
+  ), y = $(!1), n = "    ";
   x(() => {
-    Q(!0);
+    N(!0);
   }, []), x(() => {
-    if (!T) return;
+    if (!S) return;
     let e = !1;
     return (async () => {
       await O();
       const { default: t } = await import("react-quill-new");
-      e || M(() => t);
+      e || P(() => t);
     })(), () => {
       e = !0;
     };
-  }, [T]);
+  }, [S]);
   const d = (e) => {
     if (!e) return "";
     if (typeof e == "string") return e;
@@ -43,35 +47,35 @@ const O = async () => {
     } catch {
       return "";
     }
-  }, X = () => function(e) {
-    const t = this.quill, l = t.getSelection(!0);
-    if (l) {
-      const f = l.index, E = l.index + l.length, G = t.getText(), a = [];
-      for (let r = f; r <= E; r++)
-        (r === 0 || G[r - 1] === `
+  }, Q = () => function(e) {
+    const t = this.quill, s = t.getSelection(!0);
+    if (s) {
+      const p = s.index, V = s.index + s.length, D = t.getText(), a = [];
+      for (let r = p; r <= V; r++)
+        (r === 0 || D[r - 1] === `
 `) && a.push(r);
-      if (a.length === 0 && a.push(f), e > 0) {
+      if (a.length === 0 && a.push(p), e > 0) {
         let r = 0;
-        a.forEach((g) => {
-          t.insertText(g + r, n), r += n.length;
+        a.forEach((m) => {
+          t.insertText(m + r, n), r += n.length;
         }), t.setSelection(
-          f + n.length,
-          E + a.length * n.length
+          p + n.length,
+          V + a.length * n.length
         );
       } else {
         let r = 0;
         a.forEach((W) => {
-          const N = W - r;
-          t.getText(N, n.length) === n && (t.deleteText(N, n.length), r += n.length);
+          const w = W - r;
+          t.getText(w, n.length) === n && (t.deleteText(w, n.length), r += n.length);
         });
-        const g = Math.max(0, f - n.length), U = Math.max(g, E - r);
-        t.setSelection(g, U);
+        const m = Math.max(0, p - n.length), U = Math.max(m, V - r);
+        t.setSelection(m, U);
       }
     }
-  }, B = () => function() {
+  }, X = () => function() {
     const e = this.quill, t = e.getSelection(!0);
     return t ? (e.insertText(t.index, n), e.setSelection(t.index + n.length), !1) : !0;
-  }, L = () => function() {
+  }, B = () => function() {
     const e = this.quill, t = e.getSelection(!0);
     return t && t.index >= n.length && e.getText(
       t.index - n.length,
@@ -80,8 +84,8 @@ const O = async () => {
       t.index - n.length,
       n.length
     ), e.setSelection(t.index - n.length), !1) : !0;
-  }, A = u(() => {
-    const e = X(), t = B(), l = L();
+  }, I = u(() => {
+    const e = Q(), t = X(), s = B();
     return {
       toolbar: {
         container: [
@@ -104,12 +108,12 @@ const O = async () => {
           "shift-tab": {
             key: "Tab",
             shiftKey: !0,
-            handler: l
+            handler: s
           }
         }
       }
     };
-  }, []), C = u(
+  }, []), M = u(
     () => [
       "bold",
       "italic",
@@ -124,58 +128,58 @@ const O = async () => {
   );
   x(() => {
     const e = c.getFieldValue(i), t = d(e);
-    t && t !== "<p></p>" && t !== "<p><br></p>" && t !== "<div></div>" && h(t);
+    t && t !== "<p></p>" && t !== "<p><br></p>" && t !== "<div></div>" && g(t);
   }, [c, i]);
-  const _ = k.useWatch(i, c);
+  const C = v.useWatch(i, c);
   x(() => {
-    if (b.current)
+    if (y.current)
       return;
-    const e = d(_), t = d(m);
-    e !== t && h(!e || e === "<p></p>" || e === "<p><br></p>" || e === "<div></div>" ? "" : e);
-  }, [_]);
-  const w = j(
+    const e = d(C), t = d(b);
+    e !== t && g(!e || e === "<p></p>" || e === "<p><br></p>" || e === "<div></div>" ? "" : e);
+  }, [C]);
+  const L = j(
     (e) => {
       const t = d(e);
-      b.current = !0, h(t);
-      const l = !t || t === "<p></p>" || t.trim() === "<p><br></p>" || t === "<div></div>" || t.trim() === "<div></div>" ? void 0 : t;
-      c.setFieldValue(i, l), setTimeout(() => {
-        b.current = !1;
+      y.current = !0, g(t);
+      const s = !t || t === "<p></p>" || t.trim() === "<p><br></p>" || t === "<div></div>" || t.trim() === "<div></div>" ? void 0 : t;
+      c.setFieldValue(i, s), setTimeout(() => {
+        y.current = !1;
       }, 0), c.validateFields([i]).catch(() => {
       });
     },
     [c, i]
+  ), G = u(
+    () => h ? [...f, ...K.required(o ?? "")] : f,
+    [h, f, o]
+  ), _ = u(() => d(b) || "", [b]), E = u(
+    () => Z(q, R),
+    [q, R]
   ), z = u(
-    () => y ? [...p, ...K.required(s ?? "")] : p,
-    [y, p, s]
-  ), F = u(() => d(m) || "", [m]), S = u(
-    () => Z(R, H),
-    [R, H]
-  ), D = u(
     () => ({
-      readOnly: !!q,
-      value: String(F || ""),
-      onChange: w,
+      readOnly: !!T,
+      value: String(_ || ""),
+      onChange: L,
       theme: "snow",
       className: "rich-text-editor",
-      style: S,
-      modules: A,
-      formats: C
+      style: E,
+      modules: I,
+      formats: M
     }),
-    [q, F, w, A, C, S]
+    [T, _, L, I, M, E]
   );
-  return /* @__PURE__ */ V(
-    k.Item,
+  return /* @__PURE__ */ k(
+    v.Item,
     {
-      help: P,
+      help: F,
       name: i,
-      label: s,
-      rules: z,
-      ...o,
-      children: T && I ? /* @__PURE__ */ V(I, { ...D }) : /* @__PURE__ */ V(
+      label: o,
+      rules: G,
+      ...l,
+      children: S && A ? /* @__PURE__ */ k(A, { ...z }) : /* @__PURE__ */ k(
         "div",
         {
           className: "rich-text-editor rich-text-editor--loading",
-          style: S,
+          style: E,
           children: "Loading editor..."
         }
       )

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