@kingteza/crud-component 1.41.0 → 1.42.0

package/dist/crud/view/CrudEnumCell.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("antd"),j=require("../../locale/index.cjs.js"),h=require("../../common/error/ErrorBoundaryComponent.cjs.js"),s=require("../../util/CopyUtilComponent.cjs.js");function x({field:r,value:p}){var b;if(!p)return"-";if(r.multiple){const t=(Array.isArray(p)?p:p?[p]:[]).map(o=>{var y,i;const n=(y=r.tagRender)==null?void 0:y[o],a=j.tWithOrWithoutNS(((i=r==null?void 0:r.translation)==null?void 0:i[o??""])??o,void 0,o);return{tagProps:n,translatedValue:a,item:o}});if(typeof r.tagRender=="object")return e.jsx(s.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:()=>t.map(({translatedValue:o,item:n})=>o??n).join(", "),children:e.jsx(h.ErrorBoundaryComponent,{children:e.jsx(c.Space,{wrap:!0,children:t.map(({tagProps:o,translatedValue:n,item:a},y)=>o?e.jsx(c.Tag,{color:o.color,children:n},y+a):n)})})});if(r!=null&&r.translation)return e.jsx(s.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:()=>t.map(({translatedValue:o,item:n})=>o??n).join(", "),children:e.jsx(h.ErrorBoundaryComponent,{children:t==null?void 0:t.map(({translatedValue:o,item:n})=>o??n).join(", ")})});{const o=t.map(({translatedValue:n,item:a})=>n??a).join(", ");return e.jsx(c.Typography.Text,{copyable:s.copyableFn(r.copyable,o),children:o})}}const l=((b=r==null?void 0:r.translation)==null?void 0:b[p??""])??p,u=j.tWithOrWithoutNS(l,void 0,p);if(typeof r.tagRender=="object"){const t=r.tagRender[p];if(t)return e.jsx(s.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:u,children:e.jsx(c.Tag,{color:t.color,children:u})})}return e.jsx(c.Typography.Text,{copyable:s.copyableFn(r.copyable,u),children:u})}exports.CrudEnumCell=x;

package/dist/crud/view/CrudEnumCell.d.ts

@@ -0,0 +1,6 @@
+import { EnumCrudField } from '../CrudComponent';
+export type CrudEnumCellProps = {
+    field: EnumCrudField<{}>;
+    value: any;
+};
+export declare function CrudEnumCell({ field, value }: Readonly<CrudEnumCellProps>): import("react/jsx-runtime").JSX.Element | "-";

package/dist/crud/view/CrudEnumCell.es.js

@@ -0,0 +1,60 @@
+import { jsx as c } from "react/jsx-runtime";
+import { Space as x, Tag as h, Typography as u } from "antd";
+import { tWithOrWithoutNS as i } from "../../locale/index.es.js";
+import { ErrorBoundaryComponent as g } from "../../common/error/ErrorBoundaryComponent.es.js";
+import { CopyToClipboardButtonWrapper as m, copyableFn as j } from "../../util/CopyUtilComponent.es.js";
+function B({ field: r, value: p }) {
+  var s;
+  if (!p) return "-";
+  if (r.multiple) {
+    const t = (Array.isArray(p) ? p : p ? [p] : []).map(
+      (o) => {
+        var y, b;
+        const n = (y = r.tagRender) == null ? void 0 : y[o], a = i(
+          ((b = r == null ? void 0 : r.translation) == null ? void 0 : b[o ?? ""]) ?? o,
+          void 0,
+          o
+        );
+        return {
+          tagProps: n,
+          translatedValue: a,
+          item: o
+        };
+      }
+    );
+    if (typeof r.tagRender == "object")
+      return /* @__PURE__ */ c(
+        m,
+        {
+          copyable: r.copyable,
+          value: () => t.map(({ translatedValue: o, item: n }) => o ?? n).join(", "),
+          children: /* @__PURE__ */ c(g, { children: /* @__PURE__ */ c(x, { wrap: !0, children: t.map(({ tagProps: o, translatedValue: n, item: a }, y) => o ? /* @__PURE__ */ c(h, { color: o.color, children: n }, y + a) : n) }) })
+        }
+      );
+    if (r != null && r.translation)
+      return /* @__PURE__ */ c(
+        m,
+        {
+          copyable: r.copyable,
+          value: () => t.map(({ translatedValue: o, item: n }) => o ?? n).join(", "),
+          children: /* @__PURE__ */ c(g, { children: t == null ? void 0 : t.map(
+            ({ translatedValue: o, item: n }) => o ?? n
+          ).join(", ") })
+        }
+      );
+    {
+      const o = t.map(({ translatedValue: n, item: a }) => n ?? a).join(", ");
+      return /* @__PURE__ */ c(u.Text, { copyable: j(r.copyable, o), children: o });
+    }
+  }
+  const l = ((s = r == null ? void 0 : r.translation) == null ? void 0 : s[p ?? ""]) ?? p, e = i(l, void 0, p);
+  if (typeof r.tagRender == "object") {
+    const t = r.tagRender[p];
+    if (t)
+      return /* @__PURE__ */ c(m, { copyable: r.copyable, value: e, children: /* @__PURE__ */ c(h, { color: t.color, children: e }) });
+  }
+  return /* @__PURE__ */ c(u.Text, { copyable: j(r.copyable, e), children: e });
+}
+export {
+  B as CrudEnumCell
+};

package/dist/crud/view/CrudViewerUtil.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("@ant-design/icons"),b=require("antd"),B=require("../FileCrudField.cjs.js"),W=require("../ImageCrudField.cjs.js"),C=require("../../util/DateUtil.cjs.js"),v=require("../../util/NumberUtil.cjs.js"),T=require("../../locale/index.cjs.js"),F=require("../../util/CrudUtil.cjs.js"),h=require("../../common/error/ErrorBoundaryComponent.cjs.js"),i=require("../../util/CopyUtilComponent.cjs.js"),q=require("../../util/ObjectUtil.cjs.js");function S({type:d,render:e,...p}){try{return d==="object"?(o,n,a)=>t.jsx(i.CopyToClipboardButtonWrapper,{copyable:p.copyable,value:o,children:typeof e=="function"?e(o,n,a):""}):d==="select"?(o,n,a)=>{if(!o)return"-";const r=p,c=o||(r.items??[]).find(s=>s[r.innerFieldId??"key"]===q.getValueByPath(n,F.getRealName(p.name,"upsertFieldName"))),u=r.multiple?Array.isArray(c)?c.map(s=>s==null?void 0:s[r.innerFieldLabel??"name"]):void 0:c==null?void 0:c[r.innerFieldLabel??"value"];return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,u),children:typeof e=="function"?e(u,n,a):Array.isArray(u)?u.join(", "):u})}:d==="number"?(o,n,a)=>{const r=p;return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,o),children:typeof e=="function"?e(o,n,a):r.int?v.default.toInt(o,r.formatted):v.default.toMoney(o)})}:d==="enum"?(o,n,a)=>{var s;if(!o)return"-";const r=p;if(typeof e=="function")return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:e(o,n,a)});if(r.multiple){const f=(Array.isArray(o)?o:o?[o]:[]).map(l=>{var j,m;const y=(j=r.tagRender)==null?void 0:j[l],x=T.tWithOrWithoutNS(((m=r==null?void 0:r.translation)==null?void 0:m[l??""])??l,void 0,l);return{tagProps:y,translatedValue:x,item:l}});if(typeof r.tagRender=="object")return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:()=>f.map(({translatedValue:l,item:y})=>l??y).join(", "),children:t.jsx(h.ErrorBoundaryComponent,{children:t.jsx(b.Space,{wrap:!0,children:f.map(({tagProps:l,translatedValue:y,item:x},j)=>l?t.jsx(b.Tag,{color:l.color,children:y},j+x):y)})})});if(r!=null&&r.translation)return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:()=>f.map(({translatedValue:l,item:y})=>l??y).join(", "),children:t.jsx(h.ErrorBoundaryComponent,{children:f==null?void 0:f.map(({translatedValue:l,item:y})=>l??y).join(", ")})});{const l=f.map(({translatedValue:y,item:x})=>y??x).join(", ");return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,l),children:l})}}const c=((s=r==null?void 0:r.translation)==null?void 0:s[o??""])??o,u=T.tWithOrWithoutNS(c,void 0,o);if(typeof r.tagRender=="object"){const f=r.tagRender[o];if(f)return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:u,children:t.jsx(b.Tag,{color:f.color,children:u})})}return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,u),children:u})}:d==="date"?(o,n,a)=>{if(!o)return"-";const r=p,c=r.formatTime?C.formatDateTime(o):C.formatDate(o);return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:c,children:t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):c})})}:d==="checkbox"?(o,n,a)=>typeof e=="function"?e(o,n,a):o?t.jsx(g.CheckOutlined,{}):t.jsx(g.CloseOutlined,{}):d==="image"?(o,n,a)=>o?t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):t.jsx(W.ImageCrudCellValue,{value:o,provider:p.provider})}):"-":d==="file"?(o,n,a)=>o?t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):t.jsx(B.FileCrudCellValue,{value:o,provider:p.provider})}):"":d==="time"?(o,n,a)=>{if(!o)return"-";const r=p,c=r.format,u=r.use12Hours,s=C.formatTime(o,c||(u?"hh:mm:ss A":void 0));return t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:s,children:t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):s})})}:d==="color"?(o,n,a)=>{const r=p;return o?t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:t.jsx(h.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,a):typeof o=="string"&&o.startsWith("#")?t.jsx(b.Tooltip,{title:o,children:t.jsx(b.Avatar,{style:{backgroundColor:o}})}):String(o)})}):"-"}:d==="textarea"?(o,n,a)=>{if(!o)return"-";const r=p,c=r.truncated??1,u=typeof o=="string"&&o.split(" ").length<10;return typeof e=="function"?t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:e(o,n,a)}):c?t.jsx(h.ErrorBoundaryComponent,{children:t.jsx(b.Typography.Paragraph,{ellipsis:!u&&{rows:c===!0?1:c,expandable:"collapsible"},copyable:i.copyableFn(r.copyable,o),children:r.rich?t.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:o}}):o})}):r.rich?t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:t.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:o}})}):t.jsx(i.CopyToClipboardButtonWrapper,{copyable:r.copyable,value:o,children:o})}:typeof e=="function"?e:(o,n,a)=>{const r=p;return t.jsx(b.Typography.Text,{copyable:i.copyableFn(r.copyable,o),children:o})}}catch(o){return console.warn("An error occurred while rendering the value for field: "+String(p.name),o),"-"}}exports.getRendererValueCrudViewer=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),b=require("@ant-design/icons"),y=require("antd"),C=require("../FileCrudField.cjs.js"),h=require("../ImageCrudField.cjs.js"),f=require("../../util/DateUtil.cjs.js"),m=require("../../util/NumberUtil.cjs.js"),x=require("../../util/CrudUtil.cjs.js"),d=require("../../common/error/ErrorBoundaryComponent.cjs.js"),u=require("../../util/CopyUtilComponent.cjs.js"),j=require("../../util/ObjectUtil.cjs.js"),v=require("./CrudEnumCell.cjs.js");function g({type:c,render:e,...i}){try{return c==="object"?(o,n,l)=>r.jsx(u.CopyToClipboardButtonWrapper,{copyable:i.copyable,value:o,children:typeof e=="function"?e(o,n,l):""}):c==="select"?(o,n,l)=>{if(!o)return"-";const t=i,a=o||(t.items??[]).find(s=>s[t.innerFieldId??"key"]===j.getValueByPath(n,x.getRealName(i.name,"upsertFieldName"))),p=t.multiple?Array.isArray(a)?a.map(s=>s==null?void 0:s[t.innerFieldLabel??"name"]):void 0:a==null?void 0:a[t.innerFieldLabel??"value"];return r.jsx(y.Typography.Text,{copyable:u.copyableFn(t.copyable,p),children:typeof e=="function"?e(p,n,l):Array.isArray(p)?p.join(", "):p})}:c==="number"?(o,n,l)=>{const t=i;return r.jsx(y.Typography.Text,{copyable:u.copyableFn(t.copyable,o),children:typeof e=="function"?e(o,n,l):t.int?m.default.toInt(o,t.formatted):m.default.toMoney(o)})}:c==="enum"?(o,n,l)=>{const t=i;return typeof e=="function"?o?r.jsx(u.CopyToClipboardButtonWrapper,{copyable:t.copyable,value:o,children:e(o,n,l)}):"-":r.jsx(v.CrudEnumCell,{field:t,value:o})}:c==="date"?(o,n,l)=>{if(!o)return"-";const t=i,a=t.formatTime?f.formatDateTime(o):f.formatDate(o);return r.jsx(u.CopyToClipboardButtonWrapper,{copyable:t.copyable,value:a,children:r.jsx(d.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,l):a})})}:c==="checkbox"?(o,n,l)=>typeof e=="function"?e(o,n,l):o?r.jsx(b.CheckOutlined,{}):r.jsx(b.CloseOutlined,{}):c==="image"?(o,n,l)=>o?r.jsx(d.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,l):r.jsx(h.ImageCrudCellValue,{value:o,provider:i.provider})}):"-":c==="file"?(o,n,l)=>o?r.jsx(d.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,l):r.jsx(C.FileCrudCellValue,{value:o,provider:i.provider})}):"":c==="time"?(o,n,l)=>{if(!o)return"-";const t=i,a=t.format,p=t.use12Hours,s=f.formatTime(o,a||(p?"hh:mm:ss A":void 0));return r.jsx(u.CopyToClipboardButtonWrapper,{copyable:t.copyable,value:s,children:r.jsx(d.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,l):s})})}:c==="color"?(o,n,l)=>{const t=i;return o?r.jsx(u.CopyToClipboardButtonWrapper,{copyable:t.copyable,value:o,children:r.jsx(d.ErrorBoundaryComponent,{children:typeof e=="function"?e(o,n,l):typeof o=="string"&&o.startsWith("#")?r.jsx(y.Tooltip,{title:o,children:r.jsx(y.Avatar,{style:{backgroundColor:o}})}):String(o)})}):"-"}:c==="textarea"?(o,n,l)=>{if(!o)return"-";const t=i,a=t.truncated??1,p=typeof o=="string"&&o.split(" ").length<10;return typeof e=="function"?r.jsx(u.CopyToClipboardButtonWrapper,{copyable:t.copyable,value:o,children:e(o,n,l)}):a?r.jsx(d.ErrorBoundaryComponent,{children:r.jsx(y.Typography.Paragraph,{ellipsis:!p&&{rows:a===!0?1:a,expandable:"collapsible"},copyable:u.copyableFn(t.copyable,o),children:t.rich?r.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:o}}):o})}):t.rich?r.jsx(u.CopyToClipboardButtonWrapper,{copyable:t.copyable,value:o,children:r.jsx("div",{style:{all:"unset"},dangerouslySetInnerHTML:{__html:o}})}):r.jsx(u.CopyToClipboardButtonWrapper,{copyable:t.copyable,value:o,children:o})}:typeof e=="function"?e:(o,n,l)=>{const t=i;return r.jsx(y.Typography.Text,{copyable:u.copyableFn(t.copyable,o),children:o})}}catch(o){return console.warn("An error occurred while rendering the value for field: "+String(i.name),o),"-"}}exports.getRendererValueCrudViewer=g;

package/dist/crud/view/CrudViewerUtil.es.js

@@ -1,171 +1,105 @@
 import { jsx as r } from "react/jsx-runtime";
-import { CheckOutlined as S, CloseOutlined as F } from "@ant-design/icons";
-import { Typography as h, Space as P, Tag as C, Tooltip as R, Avatar as V } from "antd";
-import { FileCrudCellValue as w } from "../FileCrudField.es.js";
-import { ImageCrudCellValue as I } from "../ImageCrudField.es.js";
-import T from "../../util/DateUtil.es.js";
-import j from "../../util/NumberUtil.es.js";
-import { tWithOrWithoutNS as A } from "../../locale/index.es.js";
-import k from "../../util/CrudUtil.es.js";
-import { ErrorBoundaryComponent as b } from "../../common/error/ErrorBoundaryComponent.es.js";
-import { CopyToClipboardButtonWrapper as m, copyableFn as d } from "../../util/CopyUtilComponent.es.js";
-import { getValueByPath as D } from "../../util/ObjectUtil.es.js";
-function J({
-  type: y,
-  render: e,
-  ...u
+import { CheckOutlined as d, CloseOutlined as v } from "@ant-design/icons";
+import { Typography as y, Tooltip as g, Avatar as C } from "antd";
+import { FileCrudCellValue as T } from "../FileCrudField.es.js";
+import { ImageCrudCellValue as x } from "../ImageCrudField.es.js";
+import b from "../../util/DateUtil.es.js";
+import h from "../../util/NumberUtil.es.js";
+import A from "../../util/CrudUtil.es.js";
+import { ErrorBoundaryComponent as p } from "../../common/error/ErrorBoundaryComponent.es.js";
+import { CopyToClipboardButtonWrapper as m, copyableFn as s } from "../../util/CopyUtilComponent.es.js";
+import { getValueByPath as F } from "../../util/ObjectUtil.es.js";
+import { CrudEnumCell as S } from "./CrudEnumCell.es.js";
+function M({
+  type: c,
+  render: l,
+  ...a
 }) {
   try {
-    return y === "object" ? (t, l, n) => /* @__PURE__ */ r(
+    return c === "object" ? (t, n, i) => /* @__PURE__ */ r(
       m,
       {
-        copyable: u.copyable,
+        copyable: a.copyable,
         value: t,
-        children: typeof e == "function" ? e(t, l, n) : ""
+        children: typeof l == "function" ? l(t, n, i) : ""
       }
-    ) : y === "select" ? (t, l, n) => {
+    ) : c === "select" ? (t, n, i) => {
       if (!t) return "-";
-      const o = u, a = t || (o.items ?? []).find(
-        (f) => f[o.innerFieldId ?? "key"] === D(l, k.getRealName(u.name, "upsertFieldName"))
-      ), c = o.multiple ? Array.isArray(a) ? a.map((f) => f == null ? void 0 : f[o.innerFieldLabel ?? "name"]) : void 0 : a == null ? void 0 : a[o.innerFieldLabel ?? "value"];
-      return /* @__PURE__ */ r(h.Text, { copyable: d(o.copyable, c), children: typeof e == "function" ? e(c, l, n) : Array.isArray(c) ? c.join(", ") : c });
-    } : y === "number" ? (t, l, n) => {
-      const o = u;
-      return /* @__PURE__ */ r(h.Text, { copyable: d(o.copyable, t), children: typeof e == "function" ? e(t, l, n) : o.int ? j.toInt(t, o.formatted) : j.toMoney(t) });
-    } : y === "enum" ? (t, l, n) => {
-      var f;
-      if (!t) return "-";
-      const o = u;
-      if (typeof e == "function")
-        return /* @__PURE__ */ r(
-          m,
-          {
-            copyable: o.copyable,
-            value: t,
-            children: e(t, l, n)
-          }
-        );
-      if (o.multiple) {
-        const s = (Array.isArray(t) ? t : t ? [t] : []).map((i) => {
-          var g, x;
-          const p = (g = o.tagRender) == null ? void 0 : g[i], v = A(
-            ((x = o == null ? void 0 : o.translation) == null ? void 0 : x[i ?? ""]) ?? i,
-            void 0,
-            i
-          );
-          return {
-            tagProps: p,
-            translatedValue: v,
-            item: i
-          };
-        });
-        if (typeof o.tagRender == "object")
-          return /* @__PURE__ */ r(
-            m,
-            {
-              copyable: o.copyable,
-              value: () => s.map(
-                ({ translatedValue: i, item: p }) => i ?? p
-              ).join(", "),
-              children: /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(P, { wrap: !0, children: s.map(({ tagProps: i, translatedValue: p, item: v }, g) => i ? /* @__PURE__ */ r(C, { color: i.color, children: p }, g + v) : p) }) })
-            }
-          );
-        if (o != null && o.translation)
-          return /* @__PURE__ */ r(
-            m,
-            {
-              copyable: o.copyable,
-              value: () => s.map(
-                ({ translatedValue: i, item: p }) => i ?? p
-              ).join(", "),
-              children: /* @__PURE__ */ r(b, { children: s == null ? void 0 : s.map(
-                ({ translatedValue: i, item: p }) => i ?? p
-              ).join(", ") })
-            }
-          );
+      const o = a, e = t || (o.items ?? []).find(
+        (f) => f[o.innerFieldId ?? "key"] === F(n, A.getRealName(a.name, "upsertFieldName"))
+      ), u = o.multiple ? Array.isArray(e) ? e.map((f) => f == null ? void 0 : f[o.innerFieldLabel ?? "name"]) : void 0 : e == null ? void 0 : e[o.innerFieldLabel ?? "value"];
+      return /* @__PURE__ */ r(y.Text, { copyable: s(o.copyable, u), children: typeof l == "function" ? l(u, n, i) : Array.isArray(u) ? u.join(", ") : u });
+    } : c === "number" ? (t, n, i) => {
+      const o = a;
+      return /* @__PURE__ */ r(y.Text, { copyable: s(o.copyable, t), children: typeof l == "function" ? l(t, n, i) : o.int ? h.toInt(t, o.formatted) : h.toMoney(t) });
+    } : c === "enum" ? (t, n, i) => {
+      const o = a;
+      return typeof l == "function" ? t ? /* @__PURE__ */ r(
+        m,
         {
-          const i = s.map(({ translatedValue: p, item: v }) => p ?? v).join(", ");
-          return /* @__PURE__ */ r(
-            h.Text,
-            {
-              copyable: d(o.copyable, i),
-              children: i
-            }
-          );
+          copyable: o.copyable,
+          value: t,
+          children: l(t, n, i)
         }
-      }
-      const a = ((f = o == null ? void 0 : o.translation) == null ? void 0 : f[t ?? ""]) ?? t, c = A(a, void 0, t);
-      if (typeof o.tagRender == "object") {
-        const s = o.tagRender[t];
-        if (s)
-          return /* @__PURE__ */ r(
-            m,
-            {
-              copyable: o.copyable,
-              value: c,
-              children: /* @__PURE__ */ r(C, { color: s.color, children: c })
-            }
-          );
-      }
-      return /* @__PURE__ */ r(h.Text, { copyable: d(o.copyable, c), children: c });
-    } : y === "date" ? (t, l, n) => {
+      ) : "-" : /* @__PURE__ */ r(S, { field: o, value: t });
+    } : c === "date" ? (t, n, i) => {
       if (!t) return "-";
-      const o = u, a = o.formatTime ? T.formatDateTime(t) : T.formatDate(t);
+      const o = a, e = o.formatTime ? b.formatDateTime(t) : b.formatDate(t);
       return /* @__PURE__ */ r(
         m,
         {
           copyable: o.copyable,
-          value: a,
-          children: /* @__PURE__ */ r(b, { children: typeof e == "function" ? e(t, l, n) : a })
+          value: e,
+          children: /* @__PURE__ */ r(p, { children: typeof l == "function" ? l(t, n, i) : e })
         }
       );
-    } : y === "checkbox" ? (t, l, n) => typeof e == "function" ? e(t, l, n) : t ? /* @__PURE__ */ r(S, {}) : /* @__PURE__ */ r(F, {}) : y === "image" ? (t, l, n) => t ? /* @__PURE__ */ r(b, { children: typeof e == "function" ? e(t, l, n) : /* @__PURE__ */ r(
-      I,
+    } : c === "checkbox" ? (t, n, i) => typeof l == "function" ? l(t, n, i) : t ? /* @__PURE__ */ r(d, {}) : /* @__PURE__ */ r(v, {}) : c === "image" ? (t, n, i) => t ? /* @__PURE__ */ r(p, { children: typeof l == "function" ? l(t, n, i) : /* @__PURE__ */ r(
+      x,
       {
         value: t,
-        provider: u.provider
+        provider: a.provider
       }
-    ) }) : "-" : y === "file" ? (t, l, n) => t ? /* @__PURE__ */ r(b, { children: typeof e == "function" ? e(t, l, n) : /* @__PURE__ */ r(
-      w,
+    ) }) : "-" : c === "file" ? (t, n, i) => t ? /* @__PURE__ */ r(p, { children: typeof l == "function" ? l(t, n, i) : /* @__PURE__ */ r(
+      T,
       {
         value: t,
-        provider: u.provider
+        provider: a.provider
       }
-    ) }) : "" : y === "time" ? (t, l, n) => {
+    ) }) : "" : c === "time" ? (t, n, i) => {
       if (!t) return "-";
-      const o = u, a = o.format, c = o.use12Hours, f = T.formatTime(
+      const o = a, e = o.format, u = o.use12Hours, f = b.formatTime(
         t,
-        a || (c ? "hh:mm:ss A" : void 0)
+        e || (u ? "hh:mm:ss A" : void 0)
       );
       return /* @__PURE__ */ r(
         m,
         {
           copyable: o.copyable,
           value: f,
-          children: /* @__PURE__ */ r(b, { children: typeof e == "function" ? e(t, l, n) : f })
+          children: /* @__PURE__ */ r(p, { children: typeof l == "function" ? l(t, n, i) : f })
         }
       );
-    } : y === "color" ? (t, l, n) => {
-      const o = u;
-      return t ? /* @__PURE__ */ r(m, { copyable: o.copyable, value: t, children: /* @__PURE__ */ r(b, { children: typeof e == "function" ? e(t, l, n) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ r(R, { title: t, children: /* @__PURE__ */ r(V, { style: { backgroundColor: t } }) }) : String(t) }) }) : "-";
-    } : y === "textarea" ? (t, l, n) => {
+    } : c === "color" ? (t, n, i) => {
+      const o = a;
+      return t ? /* @__PURE__ */ r(m, { copyable: o.copyable, value: t, children: /* @__PURE__ */ r(p, { children: typeof l == "function" ? l(t, n, i) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ r(g, { title: t, children: /* @__PURE__ */ r(C, { style: { backgroundColor: t } }) }) : String(t) }) }) : "-";
+    } : c === "textarea" ? (t, n, i) => {
       if (!t) return "-";
-      const o = u, a = o.truncated ?? 1, c = typeof t == "string" && t.split(" ").length < 10;
-      return typeof e == "function" ? /* @__PURE__ */ r(
+      const o = a, e = o.truncated ?? 1, u = typeof t == "string" && t.split(" ").length < 10;
+      return typeof l == "function" ? /* @__PURE__ */ r(
         m,
         {
           copyable: o.copyable,
           value: t,
-          children: e(t, l, n)
+          children: l(t, n, i)
         }
-      ) : a ? /* @__PURE__ */ r(b, { children: /* @__PURE__ */ r(
-        h.Paragraph,
+      ) : e ? /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
+        y.Paragraph,
         {
-          ellipsis: !c && {
-            rows: a === !0 ? 1 : a,
+          ellipsis: !u && {
+            rows: e === !0 ? 1 : e,
             expandable: "collapsible"
           },
-          copyable: d(o.copyable, t),
+          copyable: s(o.copyable, t),
           children: o.rich ? /* @__PURE__ */ r(
             "div",
             {
@@ -195,17 +129,17 @@ function J({
           children: t
         }
       );
-    } : typeof e == "function" ? e : (t, l, n) => {
-      const o = u;
-      return /* @__PURE__ */ r(h.Text, { copyable: d(o.copyable, t), children: t });
+    } : typeof l == "function" ? l : (t, n, i) => {
+      const o = a;
+      return /* @__PURE__ */ r(y.Text, { copyable: s(o.copyable, t), children: t });
     };
   } catch (t) {
     return console.warn(
-      "An error occurred while rendering the value for field: " + String(u.name),
+      "An error occurred while rendering the value for field: " + String(a.name),
       t
     ), "-";
   }
 }
 export {
-  J as getRendererValueCrudViewer
+  M as getRendererValueCrudViewer
 };

package/dist/crud/view/index.d.ts

@@ -1,5 +1,7 @@
 export { CrudDecListView } from './CrudDecListView';
 export type { CrudDecListViewProps, DescListColumn } from './CrudDecListView';
+export { CrudEnumCell } from './CrudEnumCell';
+export type { CrudEnumCellProps } from './CrudEnumCell';
 export { default as CrudViewer } from './CrudViewer';
 export type { CrudViewerProps } from './CrudViewer';
 export { getRendererValueCrudViewer } from './CrudViewerUtil';

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css               */const i=require("./locale/hooks/translation-constants.cjs.js"),u=require("./locale/index.cjs.js"),t=require("./crud/CrudComponent.cjs.js"),r=require("./crud/CrudField.cjs.js"),C=require("./crud/CrudFormWizard.cjs.js"),n=require("./crud/CrudReportComponent.cjs.js"),l=require("./crud/CrudSearchComponent.cjs.js"),e=require("./crud/ImageCrudField.cjs.js"),o=require("./crud/FileCrudField.cjs.js"),a=require("./crud/FileCrudDragNDropField.cjs.js"),s=require("./crud/CrudTextAreaComponent.cjs.js"),m=require("./crud/import/CrudImportComponent.cjs.js"),F=require("./crud/import/CrudImportButton.cjs.js"),p=require("./crud/actions/index.cjs.js"),c=require("./crud/view/CrudViewer.cjs.js"),q=require("./context/CrudComponentProvider.cjs.js"),d=require("./crud/CrudForm.cjs.js"),V=require("./crud/modal/index.cjs.js"),I=require("./crud/view/CrudDecListView.cjs.js"),g=require("./crud/view/CrudViewerUtil.cjs.js");exports.TRANSLATION_NAMESPACE=i.TRANSLATION_NAMESPACE;exports.setupI18n=u.setupI18n;exports.updateTranslations=u.updateTranslations;exports.CrudComponent=t;exports.ColorCrudFieldComponent=r.ColorCrudFieldComponent;exports.CrudField=r.default;exports.SelectCrudFieldComponent=r.SelectCrudFieldComponent;exports.CrudFormWizard=C;exports.CrudReportComponent=n;exports.CrudSearchComponent=l;exports.FileDownloadProvider=e.FileDownloadProvider;exports.FileUploadProvider=e.FileUploadProvider;exports.ImageCellValue=e.ImageCellValue;exports.ImageCrudCellValue=e.ImageCrudCellValue;exports.ImageCrudField=e.default;exports.FileCellValue=o.FileCellValue;exports.FileCrudCellValue=o.FileCrudCellValue;exports.FileCrudField=o.default;exports.FileCrudDragNDropField=a;exports.CrudTextAreaComponent=s;exports.CrudImportComponent=m;exports.CrudImportButton=F;exports.CrudActions=p.default;exports.CrudViewer=c;exports.CrudComponentProvider=q.CrudComponentProvider;exports.CrudForm=d.CrudForm;exports.CrudFormFields=d.CrudFormFields;exports.CrudModal=V;exports.CrudDecListView=I.CrudDecListView;exports.getRendererValueCrudViewer=g.getRendererValueCrudViewer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css               */const C=require("./locale/hooks/translation-constants.cjs.js"),u=require("./locale/index.cjs.js"),n=require("./crud/CrudComponent.cjs.js"),r=require("./crud/CrudField.cjs.js"),i=require("./crud/CrudFormWizard.cjs.js"),t=require("./crud/CrudReportComponent.cjs.js"),l=require("./crud/CrudSearchComponent.cjs.js"),e=require("./crud/ImageCrudField.cjs.js"),o=require("./crud/FileCrudField.cjs.js"),a=require("./crud/FileCrudDragNDropField.cjs.js"),m=require("./crud/CrudTextAreaComponent.cjs.js"),s=require("./crud/import/CrudImportComponent.cjs.js"),F=require("./crud/import/CrudImportButton.cjs.js"),p=require("./crud/actions/index.cjs.js"),c=require("./crud/view/CrudViewer.cjs.js"),q=require("./context/CrudComponentProvider.cjs.js"),d=require("./crud/CrudForm.cjs.js"),V=require("./crud/modal/index.cjs.js"),I=require("./crud/view/CrudDecListView.cjs.js"),g=require("./crud/view/CrudEnumCell.cjs.js"),A=require("./crud/view/CrudViewerUtil.cjs.js");exports.TRANSLATION_NAMESPACE=C.TRANSLATION_NAMESPACE;exports.setupI18n=u.setupI18n;exports.updateTranslations=u.updateTranslations;exports.CrudComponent=n;exports.ColorCrudFieldComponent=r.ColorCrudFieldComponent;exports.CrudField=r.default;exports.SelectCrudFieldComponent=r.SelectCrudFieldComponent;exports.CrudFormWizard=i;exports.CrudReportComponent=t;exports.CrudSearchComponent=l;exports.FileDownloadProvider=e.FileDownloadProvider;exports.FileUploadProvider=e.FileUploadProvider;exports.ImageCellValue=e.ImageCellValue;exports.ImageCrudCellValue=e.ImageCrudCellValue;exports.ImageCrudField=e.default;exports.FileCellValue=o.FileCellValue;exports.FileCrudCellValue=o.FileCrudCellValue;exports.FileCrudField=o.default;exports.FileCrudDragNDropField=a;exports.CrudTextAreaComponent=m;exports.CrudImportComponent=s;exports.CrudImportButton=F;exports.CrudActions=p.default;exports.CrudViewer=c;exports.CrudComponentProvider=q.CrudComponentProvider;exports.CrudForm=d.CrudForm;exports.CrudFormFields=d.CrudFormFields;exports.CrudModal=V;exports.CrudDecListView=I.CrudDecListView;exports.CrudEnumCell=g.CrudEnumCell;exports.getRendererValueCrudViewer=A.getRendererValueCrudViewer;

package/dist/index.es.js

@@ -1,6 +1,6 @@
 /* empty css             */
 import { TRANSLATION_NAMESPACE as t } from "./locale/hooks/translation-constants.es.js";
-import { setupI18n as a, updateTranslations as l } from "./locale/index.es.js";
+import { setupI18n as l, updateTranslations as u } from "./locale/index.es.js";
 import { default as m } from "./crud/CrudComponent.es.js";
 import { ColorCrudFieldComponent as p, default as f, SelectCrudFieldComponent as i } from "./crud/CrudField.es.js";
 import { default as x } from "./crud/CrudFormWizard.es.js";
@@ -8,7 +8,7 @@ import { default as F } from "./crud/CrudReportComponent.es.js";
 import { default as I } from "./crud/CrudSearchComponent.es.js";
 import { FileDownloadProvider as g, FileUploadProvider as c, ImageCellValue as w, ImageCrudCellValue as D, default as N } from "./crud/ImageCrudField.es.js";
 import { FileCellValue as S, FileCrudCellValue as T, default as v } from "./crud/FileCrudField.es.js";
-import { default as E } from "./crud/FileCrudDragNDropField.es.js";
+import { default as R } from "./crud/FileCrudDragNDropField.es.js";
 import { default as M } from "./crud/CrudTextAreaComponent.es.js";
 import { default as z } from "./crud/import/CrudImportComponent.es.js";
 import { default as O } from "./crud/import/CrudImportButton.es.js";
@@ -18,13 +18,15 @@ import { CrudComponentProvider as k } from "./context/CrudComponentProvider.es.j
 import { CrudForm as y, CrudFormFields as G } from "./crud/CrudForm.es.js";
 import { default as J } from "./crud/modal/index.es.js";
 import { CrudDecListView as Q } from "./crud/view/CrudDecListView.es.js";
-import { getRendererValueCrudViewer as Y } from "./crud/view/CrudViewerUtil.es.js";
+import { CrudEnumCell as Y } from "./crud/view/CrudEnumCell.es.js";
+import { getRendererValueCrudViewer as $ } from "./crud/view/CrudViewerUtil.es.js";
 export {
   p as ColorCrudFieldComponent,
   W as CrudActions,
   m as CrudComponent,
   k as CrudComponentProvider,
   Q as CrudDecListView,
+  Y as CrudEnumCell,
   f as CrudField,
   y as CrudForm,
   G as CrudFormFields,
@@ -38,7 +40,7 @@ export {
   b as CrudViewer,
   S as FileCellValue,
   T as FileCrudCellValue,
-  E as FileCrudDragNDropField,
+  R as FileCrudDragNDropField,
   v as FileCrudField,
   g as FileDownloadProvider,
   c as FileUploadProvider,
@@ -47,7 +49,7 @@ export {
   N as ImageCrudField,
   i as SelectCrudFieldComponent,
   t as TRANSLATION_NAMESPACE,
-  Y as getRendererValueCrudViewer,
-  a as setupI18n,
-  l as updateTranslations
+  $ as getRendererValueCrudViewer,
+  l as setupI18n,
+  u as updateTranslations
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.41.0",
+  "version": "1.42.0",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",