@kingteza/crud-component 1.3.0 → 1.4.1

package/dist/crud/CrudTextAreaComponent.es.js

@@ -1,52 +1,54 @@
-import { jsx as d } from "react/jsx-runtime";
-import N from "../common/text-field/TextArea.es.js";
-import { RichTextEditor as T } from "../common/rich/index.es.js";
-import { Form as h } from "antd";
+import { jsx as a } from "react/jsx-runtime";
+import C from "../common/text-field/TextArea.es.js";
+import { RichTextEditor as N } from "../common/rich/index.es.js";
+import { Form as T } from "antd";
 import F from "../util/CrudUtil.es.js";
-const E = ({
-  onChange: e,
-  label: t,
-  required: r,
-  rules: m,
-  name: i,
+const w = ({
+  onChange: t,
+  label: r,
+  required: m,
+  rules: i,
+  name: l,
   updatable: s = !0,
-  ...a
+  ...e
 }) => {
-  const c = h.useFormInstance(), f = F.getRealName(i, "upsertFieldName");
-  if (a.rich)
-    return /* @__PURE__ */ d(
-      T,
+  const f = T.useFormInstance(), n = F.getRealName(l, "upsertFieldName");
+  if (e.rich)
+    return /* @__PURE__ */ a(
+      N,
       {
-        name: f,
-        label: t,
-        required: r,
-        rules: m,
-        disabled: !s
+        name: n,
+        label: r,
+        required: m,
+        rules: i,
+        disabled: !s,
+        help: e.fieldHelper
       }
     );
   {
-    const { placeholder: l, rows: p, cols: u, fieldClassName: x, fieldTooltip: C } = a;
-    return /* @__PURE__ */ d(
-      N,
+    const { placeholder: c, rows: p, cols: u, fieldClassName: h, fieldTooltip: x } = e;
+    return /* @__PURE__ */ a(
+      C,
       {
-        rules: m,
-        placeholder: l,
-        onChange: e ? (o) => {
-          var n;
-          return e((n = o == null ? void 0 : o.target) == null ? void 0 : n.value, c);
+        rules: i,
+        placeholder: c,
+        onChange: t ? (o) => {
+          var d;
+          return t((d = o == null ? void 0 : o.target) == null ? void 0 : d.value, f);
         } : void 0,
-        tooltip: C,
-        required: r,
+        tooltip: x,
+        required: m,
         disabled: !s,
-        name: i,
-        label: t,
-        className: x,
+        name: l,
+        label: r,
+        className: h,
         rows: p,
-        cols: u
+        cols: u,
+        help: e.fieldHelper
       }
     );
   }
 };
 export {
-  E as default
+  w as default
 };

package/dist/crud/FileCrudField.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
 import { InitialCrudField } from './CrudComponent';
 import { FileDownloadProvider, FileUploadProvider } from './ImageCrudField';
 export interface FileCrudField<T> extends _FileCrudField<T> {
@@ -12,6 +12,7 @@ export interface _FileCrudField<T> extends InitialCrudField<T> {
     accept?: string;
     maxCount?: number;
     block?: boolean;
+    help?: ReactNode;
 }
 export default function FileCrudFieldComponent<T>({ name, label, required, provider, onUploading, onRemoved, fieldClassName, accept, rules, maxCount, block, fieldHelper: help, ...props }: Readonly<_FileCrudField<T>>): import("react/jsx-runtime").JSX.Element;
 export declare const FileCrudCellValue: FC<{

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

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

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

@@ -4,24 +4,24 @@ import { Space as R, Tag as S, Tooltip as w, Avatar as I } from "antd";
 import { ShowMore as V } from "../../common/show-more/index.es.js";
 import { FileCrudCellValue as k } from "../FileCrudField.es.js";
 import { ImageCrudCellValue as x } from "../ImageCrudField.es.js";
-import g from "../../util/DateUtil.es.js";
+import y from "../../util/DateUtil.es.js";
 import j from "../../util/NumberUtil.es.js";
-import { tWithOrWithoutNS as y } from "../../locale/index.es.js";
+import { tWithOrWithoutNS as g } from "../../locale/index.es.js";
 import H from "../../util/CrudUtil.es.js";
 import { ErrorBoundaryComponent as h } from "../../common/error/ErrorBoundaryComponent.es.js";
 function z({
-  type: u,
+  type: c,
   render: i,
   ...l
 }) {
   try {
-    return u === "object" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : "" : u === "select" ? (t, o, r) => {
+    return c === "object" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : "" : c === "select" ? (t, o, r) => {
       if (!t) return "-";
       const n = l, a = t || (n.items ?? []).find(
         (m) => m[n.innerFieldId ?? "key"] === o[H.getRealName(l.name, "upsertFieldName")]
-      ), c = n.multiple ? Array.isArray(a) ? a.map((m) => m == null ? void 0 : m[n.innerFieldLabel ?? "name"]) : void 0 : a == null ? void 0 : a[n.innerFieldLabel ?? "value"];
-      return typeof i == "function" ? i(c, o, r) : Array.isArray(c) ? c.join(", ") : c;
-    } : u === "number" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : l != null && l.int ? j.toInt(t, l.formatted) : j.toMoney(t) : u === "enum" ? (t, o, r) => {
+      ), u = n.multiple ? Array.isArray(a) ? a.map((m) => m == null ? void 0 : m[n.innerFieldLabel ?? "name"]) : void 0 : a == null ? void 0 : a[n.innerFieldLabel ?? "value"];
+      return typeof i == "function" ? i(u, o, r) : Array.isArray(u) ? u.join(", ") : u;
+    } : c === "number" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : l != null && l.int ? j.toInt(t, l.formatted) : j.toMoney(t) : c === "enum" ? (t, o, r) => {
       var m;
       if (!t) return "-";
       const n = l;
@@ -31,50 +31,51 @@ function z({
         const f = Array.isArray(t) ? t : t ? [t] : [];
         return typeof n.tagRender == "object" ? /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(R, { wrap: !0, children: f.map((d, s) => {
           var b, A;
-          const v = (b = n.tagRender) == null ? void 0 : b[d], C = y(
+          const v = (b = n.tagRender) == null ? void 0 : b[d], C = g(
             ((A = n == null ? void 0 : n.translation) == null ? void 0 : A[d ?? ""]) ?? d
           );
           return v ? /* @__PURE__ */ e(S, { color: v.color, children: C }, s + d) : C;
         }) }) }) : n != null && n.translation ? /* @__PURE__ */ e(h, { children: f == null ? void 0 : f.map(
           (d) => {
             var s;
-            return y(((s = n == null ? void 0 : n.translation) == null ? void 0 : s[d ?? ""]) ?? d);
+            return g(((s = n == null ? void 0 : n.translation) == null ? void 0 : s[d ?? ""]) ?? d);
           }
         ).join(", ") }) : f == null ? void 0 : f.join(", ");
       }
-      const a = ((m = n == null ? void 0 : n.translation) == null ? void 0 : m[t ?? ""]) ?? t, c = y(a);
+      const a = ((m = n == null ? void 0 : n.translation) == null ? void 0 : m[t ?? ""]) ?? t, u = g(a);
       if (typeof n.tagRender == "object") {
         const f = n.tagRender[t];
         if (f)
-          return /* @__PURE__ */ e(S, { color: f.color, children: c });
+          return /* @__PURE__ */ e(S, { color: f.color, children: u });
       }
-      return c;
-    } : u === "date" ? (t, o, r) => {
+      return u;
+    } : c === "date" ? (t, o, r) => {
       if (!t) return "-";
-      const n = l != null && l.formatTime ? g.formatDateTime(t) : g.formatDate(t);
+      const n = l != null && l.formatTime ? y.formatDateTime(t) : y.formatDate(t);
       return /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : n });
-    } : u === "checkbox" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : t ? /* @__PURE__ */ e(T, {}) : /* @__PURE__ */ e(F, {}) : u === "image" ? (t, o, r) => t ? /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : /* @__PURE__ */ e(
+    } : c === "checkbox" ? (t, o, r) => typeof i == "function" ? i(t, o, r) : t ? /* @__PURE__ */ e(T, {}) : /* @__PURE__ */ e(F, {}) : c === "image" ? (t, o, r) => t ? /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : /* @__PURE__ */ e(
       x,
       {
         value: t,
         provider: l.provider
       }
-    ) }) : "-" : u === "file" ? (t, o, r) => t ? /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : /* @__PURE__ */ e(
+    ) }) : "-" : c === "file" ? (t, o, r) => t ? /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : /* @__PURE__ */ e(
       k,
       {
         value: t,
         provider: l.provider
       }
-    ) }) : "" : u === "time" ? (t, o, r) => {
+    ) }) : "" : c === "time" ? (t, o, r) => {
       if (!t) return "-";
-      const n = l == null ? void 0 : l.format, a = l == null ? void 0 : l.use12Hours, c = g.formatTime(
+      const n = l == null ? void 0 : l.format, a = l == null ? void 0 : l.use12Hours, u = y.formatTime(
         t,
         n || (a ? "hh:mm:ss A" : void 0)
       );
-      return /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : c });
-    } : u === "color" ? (t, o, r) => t ? typeof i == "function" ? i(t, o, r) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ e(w, { title: t, children: /* @__PURE__ */ e(I, { style: { backgroundColor: t } }) }) : String(t) : "-" : u === "textarea" ? (t, o, r) => {
+      return /* @__PURE__ */ e(h, { children: typeof i == "function" ? i(t, o, r) : u });
+    } : c === "color" ? (t, o, r) => t ? typeof i == "function" ? i(t, o, r) : typeof t == "string" && t.startsWith("#") ? /* @__PURE__ */ e(w, { title: t, children: /* @__PURE__ */ e(I, { style: { backgroundColor: t } }) }) : String(t) : "-" : c === "textarea" ? (t, o, r) => {
       if (!t) return "-";
-      const n = l, a = n.truncated ?? 1, c = typeof i == "function" ? i(t, o, r) : a ? /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(V, { lines: a === !0 ? 1 : a, children: n.rich ? /* @__PURE__ */ e(
+      const n = l, a = n.truncated ?? 1;
+      return typeof i == "function" ? i(t, o, r) : a ? /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(V, { lines: a === !0 ? 1 : a, children: n.rich ? /* @__PURE__ */ e(
         "div",
         {
           style: { all: "unset" },
@@ -87,7 +88,6 @@ function z({
           dangerouslySetInnerHTML: { __html: t }
         }
       ) : t;
-      return console.log("component", c), c;
     } : typeof i == "function" ? i : (t, o, r) => t;
   } catch (t) {
     return console.warn(

package/package.json

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