@kingteza/crud-component 1.0.43 → 1.0.45

package/App.d.ts

@@ -1,2 +1,17 @@
+export declare enum PurchaseStatus {
+    PENDING = "PENDING",
+    COMPLETED = "COMPLETED",
+    CANCELLED = "CANCELLED"
+}
+export declare enum TestEnum {
+    TEST = "TEST",
+    TEST2 = "TEST2",
+    TEST3 = "TEST3"
+}
+export type Purchase = {
+    status: PurchaseStatus;
+    test: TestEnum;
+    value: string;
+};
 declare function App(): import("react/jsx-runtime").JSX.Element;
 export default App;

package/common/button/Button.cjs.js

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

package/common/button/Button.es.js

@@ -1,74 +1,74 @@
 import { jsx as f } from "react/jsx-runtime";
-import { Button as d, Tooltip as m } from "antd";
-import { useMemo as y, useState as g, useCallback as v } from "react";
+import { Button as u, Tooltip as m } from "antd";
+import { useMemo as h, useState as b, useCallback as v } from "react";
 import { useTranslationLib as w } from "../../locale/index.es.js";
 /* empty css             */
-import { useNavigate as h } from "react-router-dom";
+import { useNavigate as y } from "react-router-dom";
 const x = ({
   className: i,
   to: r,
-  onClick: e,
+  onClick: t,
   tooltip: a,
-  ref: b,
+  ref: g,
   ...n
 }) => {
   var l;
-  const { t } = w();
+  const { t: e } = w();
   let o;
   try {
-    o = (l = h) == null ? void 0 : l();
+    o = (l = y) == null ? void 0 : l();
   } catch (s) {
     console.error(s);
   }
-  const c = y(
+  const c = h(
     () => /* @__PURE__ */ f(
-      d,
+      u,
       {
-        onClick: e || (r && o ? () => o(r) : void 0),
+        onClick: t || (r && o ? () => o(r) : void 0),
         className: i,
         ...n,
-        children: n.children || t(`button.${n.type}`)
+        children: n.children
       }
     ),
-    [i, o, e, n, t, r]
+    [i, o, t, n, e, r]
   );
   return a ? /* @__PURE__ */ f(m, { title: a, children: c }) : c;
 }, A = ({
   className: i,
   to: r,
-  onClick: e,
+  onClick: t,
   tooltip: a,
-  ref: b,
+  ref: g,
   ...n
 }) => {
-  let t;
+  let e;
   try {
-    t = h();
-  } catch (u) {
-    console.error(u);
+    e = y();
+  } catch (d) {
+    console.error(d);
   }
-  const [o, c] = g(!1), l = v(
-    async (u) => {
+  const [o, c] = b(!1), l = v(
+    async (d) => {
       try {
-        return c(!0), await e(u);
+        return c(!0), await t(d);
       } finally {
         c(!1);
       }
     },
-    [e]
-  ), s = y(
+    [t]
+  ), s = h(
     () => /* @__PURE__ */ f(
-      d,
+      u,
       {
         loading: o || n.loading,
-        onClick: e ? l : r ? () => {
-          t ? t == null || t(r) : window.location.href = r;
+        onClick: t ? l : r ? () => {
+          e ? e == null || e(r) : window.location.href = r;
         } : void 0,
         className: i,
         ...n
       }
     ),
-    [l, i, o, t, e, n, r]
+    [l, i, o, e, t, n, r]
   );
   return a ? /* @__PURE__ */ f(m, { title: a, children: s }) : s;
 };

package/crud/CrudComponent.d.ts

@@ -100,13 +100,16 @@ export interface SelectCrudField<T, ItemType extends SelectFieldItem = SelectFie
 export interface EnumCrudField<T> extends InitialCrudField<T> {
     type: "enum";
     placeholder?: string;
+    name: keyof T;
     enum: object | object[];
     radio?: boolean;
     translation?: object;
     multiple?: boolean;
-    tagRender?: SelectTagRenderProps;
-    onChange?: (value: any, form: FormInstance<T>) => void;
-    onSearch?: (keyword: any, form: FormInstance<T>) => void;
+    tagRender?: Record<string, {
+        color: string;
+    }> | SelectTagRenderProps;
+    onChange?: (value: T[keyof T], form: FormInstance<T>) => void;
+    onSearch?: (keyword: string, form: FormInstance<T>) => void;
 }
 export interface ObjectCrudField<T> extends InitialCrudField<T> {
     type: "object";

package/crud/CrudField.cjs.js

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

package/crud/CrudField.es.js

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

package/crud/view/CrudViewerUtil.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),r=require("@ant-design/icons"),v=require("antd"),y=require("../../common/show-more/index.cjs.js"),d=require("../FileCrudField.cjs.js"),g=require("../ImageCrudField.cjs.js"),m=require("../../util/DateUtil.cjs.js"),s=require("../../util/NumberUtil.cjs.js"),x=require("../../locale/index.cjs.js");function j({type:a,render:i,...u}){return a==="object"?(t,n,o)=>typeof i=="function"?i(t,n,o):"":a==="select"?(t,n,o)=>{const e=u;let c=e.multiple?Array.isArray(t)?t.map(f=>f==null?void 0:f[e.innerFieldLabel??"name"]):void 0:t==null?void 0:t[e.innerFieldLabel??"name"];return(!c&&typeof t=="string"||typeof t=="number")&&(c=t),typeof i=="function"?i(c,n,o):Array.isArray(c)?c.join(", "):c}:a==="number"?(t,n,o)=>typeof i=="function"?i(t,n,o):u!=null&&u.int?s.default.toInt(t,u.formatted):s.default.toMoney(t):a==="enum"?(t,n,o)=>{var c;const e=x.t(((c=u==null?void 0:u.translation)==null?void 0:c[t??""])??t);return typeof i=="function"?i(t,n,o):e}:a==="date"?(t,n,o)=>{if(!t)return"-";const e=u!=null&&u.formatTime?m.formatDateTime(t):m.formatDate(t);return typeof i=="function"?i(t,n,o):e}:a==="checkbox"?(t,n,o)=>typeof i=="function"?i(t,n,o):t?l.jsx(r.CheckOutlined,{}):l.jsx(r.CloseOutlined,{}):a==="image"?(t,n,o)=>typeof i=="function"?i(t,n,o):l.jsx(g.ImageCrudCellValue,{value:t,provider:u.provider}):a==="file"?(t,n,o)=>typeof i=="function"?i(t,n,o):l.jsx(d.FileCrudCellValue,{value:t,provider:u.provider}):a==="time"?(t,n,o)=>{if(!t)return"-";const e=u==null?void 0:u.format,c=u==null?void 0:u.use12Hours,f=m.formatTime(t,e||(c?"hh:mm:ss A":void 0));return typeof i=="function"?i(t,n,o):f}:a==="color"?(t,n,o)=>typeof i=="function"?i(t,n,o):typeof t=="string"&&t.startsWith("#")?l.jsx(v.Tooltip,{title:t,children:l.jsx(v.Avatar,{style:{backgroundColor:t}})}):String(t):a==="textarea"?(t,n,o)=>{const e=(u==null?void 0:u.truncated)??1;return typeof i=="function"?i(t,n,o):e?l.jsx(y.ShowMore,{lines:e===!0?1:e,children:t}):t}:typeof i=="function"?i:t=>t}exports.getRendererValueCrudViewer=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),d=require("@ant-design/icons"),r=require("antd"),y=require("../../common/show-more/index.cjs.js"),j=require("../FileCrudField.cjs.js"),x=require("../ImageCrudField.cjs.js"),m=require("../../util/DateUtil.cjs.js"),v=require("../../util/NumberUtil.cjs.js"),s=require("../../locale/index.cjs.js");function b({type:a,render:n,...i}){return a==="object"?(t,u,e)=>typeof n=="function"?n(t,u,e):"":a==="select"?(t,u,e)=>{const o=i;let c=o.multiple?Array.isArray(t)?t.map(l=>l==null?void 0:l[o.innerFieldLabel??"name"]):void 0:t==null?void 0:t[o.innerFieldLabel??"name"];return(!c&&typeof t=="string"||typeof t=="number")&&(c=t),typeof n=="function"?n(c,u,e):Array.isArray(c)?c.join(", "):c}:a==="number"?(t,u,e)=>typeof n=="function"?n(t,u,e):i!=null&&i.int?v.default.toInt(t,i.formatted):v.default.toMoney(t):a==="enum"?(t,u,e)=>{var l;const o=s.t(((l=i==null?void 0:i.translation)==null?void 0:l[t??""])??t),c=i==null?void 0:i.tagRender;if(typeof n=="function")return n(t,u,e);if(typeof c=="object"){const g=c[t];if(g)return f.jsx(r.Tag,{color:g.color,children:o})}return o}:a==="date"?(t,u,e)=>{if(!t)return"-";const o=i!=null&&i.formatTime?m.formatDateTime(t):m.formatDate(t);return typeof n=="function"?n(t,u,e):o}:a==="checkbox"?(t,u,e)=>typeof n=="function"?n(t,u,e):t?f.jsx(d.CheckOutlined,{}):f.jsx(d.CloseOutlined,{}):a==="image"?(t,u,e)=>typeof n=="function"?n(t,u,e):f.jsx(x.ImageCrudCellValue,{value:t,provider:i.provider}):a==="file"?(t,u,e)=>typeof n=="function"?n(t,u,e):f.jsx(j.FileCrudCellValue,{value:t,provider:i.provider}):a==="time"?(t,u,e)=>{if(!t)return"-";const o=i==null?void 0:i.format,c=i==null?void 0:i.use12Hours,l=m.formatTime(t,o||(c?"hh:mm:ss A":void 0));return typeof n=="function"?n(t,u,e):l}:a==="color"?(t,u,e)=>typeof n=="function"?n(t,u,e):typeof t=="string"&&t.startsWith("#")?f.jsx(r.Tooltip,{title:t,children:f.jsx(r.Avatar,{style:{backgroundColor:t}})}):String(t):a==="textarea"?(t,u,e)=>{const o=(i==null?void 0:i.truncated)??1;return typeof n=="function"?n(t,u,e):o?f.jsx(y.ShowMore,{lines:o===!0?1:o,children:t}):t}:typeof n=="function"?n:t=>t}exports.getRendererValueCrudViewer=b;

package/crud/view/CrudViewerUtil.es.js

@@ -1,54 +1,61 @@
 import { jsx as l } from "react/jsx-runtime";
-import { CheckOutlined as y, CloseOutlined as e } from "@ant-design/icons";
-import { Tooltip as b, Avatar as g } from "antd";
-import { ShowMore as h } from "../../common/show-more/index.es.js";
-import { FileCrudCellValue as C } from "../FileCrudField.es.js";
-import { ImageCrudCellValue as A } from "../ImageCrudField.es.js";
+import { CheckOutlined as g, CloseOutlined as y } from "@ant-design/icons";
+import { Tag as b, Tooltip as h, Avatar as C } from "antd";
+import { ShowMore as A } from "../../common/show-more/index.es.js";
+import { FileCrudCellValue as T } from "../FileCrudField.es.js";
+import { ImageCrudCellValue as j } from "../ImageCrudField.es.js";
 import r from "../../util/DateUtil.es.js";
 import v from "../../util/NumberUtil.es.js";
 import { t as x } from "../../locale/index.es.js";
 function I({
-  type: m,
-  render: i,
-  ...o
+  type: a,
+  render: o,
+  ...i
 }) {
-  return m === "object" ? (t, n, f) => typeof i == "function" ? i(t, n, f) : "" : m === "select" ? (t, n, f) => {
-    const u = o;
-    let a = u.multiple ? Array.isArray(t) ? t.map((c) => c == null ? void 0 : c[u.innerFieldLabel ?? "name"]) : void 0 : t == null ? void 0 : t[u.innerFieldLabel ?? "name"];
-    return (!a && typeof t == "string" || typeof t == "number") && (a = t), typeof i == "function" ? i(a, n, f) : Array.isArray(a) ? a.join(", ") : a;
-  } : m === "number" ? (t, n, f) => typeof i == "function" ? i(t, n, f) : o != null && o.int ? v.toInt(t, o.formatted) : v.toMoney(t) : m === "enum" ? (t, n, f) => {
-    var a;
+  return a === "object" ? (t, n, f) => typeof o == "function" ? o(t, n, f) : "" : a === "select" ? (t, n, f) => {
+    const u = i;
+    let m = u.multiple ? Array.isArray(t) ? t.map((c) => c == null ? void 0 : c[u.innerFieldLabel ?? "name"]) : void 0 : t == null ? void 0 : t[u.innerFieldLabel ?? "name"];
+    return (!m && typeof t == "string" || typeof t == "number") && (m = t), typeof o == "function" ? o(m, n, f) : Array.isArray(m) ? m.join(", ") : m;
+  } : a === "number" ? (t, n, f) => typeof o == "function" ? o(t, n, f) : i != null && i.int ? v.toInt(t, i.formatted) : v.toMoney(t) : a === "enum" ? (t, n, f) => {
+    var c;
     const u = x(
-      ((a = o == null ? void 0 : o.translation) == null ? void 0 : a[t ?? ""]) ?? t
-    );
-    return typeof i == "function" ? i(t, n, f) : u;
-  } : m === "date" ? (t, n, f) => {
+      ((c = i == null ? void 0 : i.translation) == null ? void 0 : c[t ?? ""]) ?? t
+    ), m = i == null ? void 0 : i.tagRender;
+    if (typeof o == "function")
+      return o(t, n, f);
+    if (typeof m == "object") {
+      const e = m[t];
+      if (e)
+        return /* @__PURE__ */ l(b, { color: e.color, children: u });
+    }
+    return u;
+  } : a === "date" ? (t, n, f) => {
     if (!t) return "-";
-    const u = o != null && o.formatTime ? r.formatDateTime(t) : r.formatDate(t);
-    return typeof i == "function" ? i(t, n, f) : u;
-  } : m === "checkbox" ? (t, n, f) => typeof i == "function" ? i(t, n, f) : t ? /* @__PURE__ */ l(y, {}) : /* @__PURE__ */ l(e, {}) : m === "image" ? (t, n, f) => typeof i == "function" ? i(t, n, f) : /* @__PURE__ */ l(
-    A,
+    const u = i != null && i.formatTime ? r.formatDateTime(t) : r.formatDate(t);
+    return typeof o == "function" ? o(t, n, f) : u;
+  } : a === "checkbox" ? (t, n, f) => typeof o == "function" ? o(t, n, f) : t ? /* @__PURE__ */ l(g, {}) : /* @__PURE__ */ l(y, {}) : a === "image" ? (t, n, f) => typeof o == "function" ? o(t, n, f) : /* @__PURE__ */ l(
+    j,
     {
       value: t,
-      provider: o.provider
+      provider: i.provider
     }
-  ) : m === "file" ? (t, n, f) => typeof i == "function" ? i(t, n, f) : /* @__PURE__ */ l(
-    C,
+  ) : a === "file" ? (t, n, f) => typeof o == "function" ? o(t, n, f) : /* @__PURE__ */ l(
+    T,
     {
       value: t,
-      provider: o.provider
+      provider: i.provider
     }
-  ) : m === "time" ? (t, n, f) => {
+  ) : a === "time" ? (t, n, f) => {
     if (!t) return "-";
-    const u = o == null ? void 0 : o.format, a = o == null ? void 0 : o.use12Hours, c = r.formatTime(
+    const u = i == null ? void 0 : i.format, m = i == null ? void 0 : i.use12Hours, c = r.formatTime(
       t,
-      u || (a ? "hh:mm:ss A" : void 0)
+      u || (m ? "hh:mm:ss A" : void 0)
     );
-    return typeof i == "function" ? i(t, n, f) : c;
-  } : m === "color" ? (t, n, f) => typeof i == "function" ? i(t, n, f) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ l(b, { title: t, children: /* @__PURE__ */ l(g, { style: { backgroundColor: t } }) }) : String(t) : m === "textarea" ? (t, n, f) => {
-    const u = (o == null ? void 0 : o.truncated) ?? 1;
-    return typeof i == "function" ? i(t, n, f) : u ? /* @__PURE__ */ l(h, { lines: u === !0 ? 1 : u, children: t }) : t;
-  } : typeof i == "function" ? i : (t) => t;
+    return typeof o == "function" ? o(t, n, f) : c;
+  } : a === "color" ? (t, n, f) => typeof o == "function" ? o(t, n, f) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ l(h, { title: t, children: /* @__PURE__ */ l(C, { style: { backgroundColor: t } }) }) : String(t) : a === "textarea" ? (t, n, f) => {
+    const u = (i == null ? void 0 : i.truncated) ?? 1;
+    return typeof o == "function" ? o(t, n, f) : u ? /* @__PURE__ */ l(A, { lines: u === !0 ? 1 : u, children: t }) : t;
+  } : typeof o == "function" ? o : (t) => t;
 }
 export {
   I as getRendererValueCrudViewer

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.0.43",
+  "version": "1.0.45",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",
@@ -86,7 +86,7 @@
     "@types/react-show-more-text": "^1.4.5",
     "@types/uuid": "^10.0.0",
     "@vitejs/plugin-react": "^4.3.4",
-    "antd": "^5.22.6",
+    "antd": "^5.22.7",
     "eslint": "^9.17.0",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.16",