@kingteza/crud-component 1.0.14 → 1.0.16

package/dist/components/crud/view/CrudViewer.js

@@ -1,118 +1,118 @@
-import { j as r } from "../../../_virtual/jsx-runtime.js";
-import { Modal as k } from "antd";
-import H from "../../common/button/CloneButtonTable.js";
-import U from "../../common/button/DeleteButtonTable.js";
-import { ExportButton as F } from "../../common/button/ExportButton.js";
-import rr from "../../common/button/HideButtonTable.js";
-import { RefreshButton as or } from "../../common/button/RefreshButton.js";
-import tr from "../../common/button/UpdateButtonTable.js";
-import sr from "../../common/button/ViewButtonTable.js";
-import mr from "../../common/layout/VerticalSpace.js";
-import ur from "../../common/table/table.js";
-import { useMemo as L, useState as _, useEffect as nr, useCallback as er } from "react";
-import { TRANSLATION_NAMESPACE as fr } from "../../../locale/hooks/translation-constants.js";
-import cr from "../CrudSearchComponent.js";
-import { CrudDecListView as lr } from "./CrudDecListView.js";
-import { getRendererValueCrudViewer as V } from "./CrudViewerUtil.js";
-import { useTranslation as jr } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
-function Or({
-  idField: s = "id",
-  loadingData: $,
-  fields: f,
-  isDeleting: y,
-  isHiding: B,
-  viewable: n = !1,
-  paginateProps: l,
-  onDelete: j,
-  onHide: p,
-  onUpdate: h,
-  data: v = [],
+import { jsxs as v, Fragment as M, jsx as n } from "react/jsx-runtime";
+import { Modal as U } from "antd";
+import F from "../../common/button/CloneButtonTable.js";
+import rr from "../../common/button/DeleteButtonTable.js";
+import { ExportButton as or } from "../../common/button/ExportButton.js";
+import tr from "../../common/button/HideButtonTable.js";
+import { RefreshButton as mr } from "../../common/button/RefreshButton.js";
+import ur from "../../common/button/UpdateButtonTable.js";
+import nr from "../../common/button/ViewButtonTable.js";
+import fr from "../../common/layout/VerticalSpace.js";
+import cr from "../../common/table/table.js";
+import { useMemo as $, useState as q, useEffect as er, useCallback as lr } from "react";
+import { useTranslation as sr } from "react-i18next";
+import { TRANSLATION_NAMESPACE as hr } from "../../../locale/hooks/translation-constants.js";
+import ar from "../CrudSearchComponent.js";
+import { CrudDecListView as vr } from "./CrudDecListView.js";
+import { getRendererValueCrudViewer as A } from "./CrudViewerUtil.js";
+function _r({
+  idField: t = "id",
+  loadingData: G,
+  fields: e,
+  isDeleting: S,
+  isHiding: b,
+  viewable: f = !1,
+  paginateProps: s,
+  onDelete: h,
+  onHide: i,
+  onUpdate: T,
+  data: y = [],
   extraAction: a,
-  onClickUpdate: e,
-  minusHeight: I,
-  scroll: q,
-  onClickClone: T,
-  className: A,
-  expandable: G,
-  size: J,
-  bordered: K,
-  descListColumn: Q,
-  extraView: i,
-  decListLayout: W,
-  scrollToTop: ar,
-  onClickRefresh: C,
+  onClickUpdate: c,
+  minusHeight: N,
+  scroll: J,
+  onClickClone: B,
+  className: K,
+  expandable: Q,
+  size: W,
+  bordered: X,
+  descListColumn: Y,
+  extraView: g,
+  decListLayout: Z,
+  scrollToTop: Tr,
+  onClickRefresh: O,
   closeViewOnClickUpdate: R,
-  onExport: S,
-  confirmHiding: E,
-  confirmDeleting: M,
-  rowClassName: X,
-  actionWidth: Y = 190,
-  ...Z
+  onExport: I,
+  confirmHiding: z,
+  confirmDeleting: E,
+  rowClassName: d,
+  actionWidth: P = 190,
+  ...w
 }) {
-  const { t: d } = jr(fr), N = L(
-    () => f.map(
-      ({ hideInTable: o, hidden: t, width: c, name: u, label: w, halign: D, ...z }) => ({
-        title: w,
-        width: c,
+  const { t: D } = sr(hr), L = $(
+    () => e.map(
+      ({ hideInTable: r, hidden: o, width: l, name: u, label: H, halign: x, ...V }) => ({
+        title: H,
+        width: l,
         key: u,
         dataIndex: u,
-        hidden: o || t,
-        align: D ?? (z.type === "number" ? "right" : void 0),
-        render: V(z)
+        hidden: r || o,
+        align: x ?? (V.type === "number" ? "right" : void 0),
+        render: A(V)
       })
     ),
-    [f]
-  ), [m, x] = _(), [b, g] = _();
-  nr(() => {
-    v && x((o) => {
-      if (o)
-        return v.find((t) => t[s] === o[s]);
+    [e]
+  ), [m, p] = q(), [C, j] = q();
+  er(() => {
+    y && p((r) => {
+      if (r)
+        return y.find((o) => o[t] === r[t]);
     });
-  }, [v, s, m]);
-  const O = er(
-    (o) => {
-      var c;
-      const t = a == null ? void 0 : a(o);
-      return (Array.isArray(t) ? (c = t == null ? void 0 : t.filter(Boolean)) != null && c.length : t) || h || e || T || j ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-        t,
-        (h || e) && /* @__PURE__ */ r.jsx(
-          tr,
+  }, [y, t, m]);
+  const _ = lr(
+    (r) => {
+      var l;
+      const o = a == null ? void 0 : a(r);
+      return (Array.isArray(o) ? (l = o == null ? void 0 : o.filter(Boolean)) != null && l.length : o) || T || c || B || h ? /* @__PURE__ */ v(M, { children: [
+        o,
+        (T || c) && /* @__PURE__ */ n(
+          ur,
           {
-            value: o,
+            value: r,
             onClick: (u) => {
-              g(u[s]), e == null || e(o), R && x(void 0);
+              j(u[t]), c == null || c(r), R && p(void 0);
             }
           }
         ),
-        T && /* @__PURE__ */ r.jsx(H, { value: o, onClick: (u) => T(u) }),
-        S && /* @__PURE__ */ r.jsx(
-          F,
+        B && /* @__PURE__ */ n(F, { value: r, onClick: (u) => B(u) }),
+        I && /* @__PURE__ */ n(
+          or,
           {
-            value: o,
-            onClick: async (u) => await S(u)
+            value: r,
+            onClick: async (u) => await I(u)
           }
         ),
-        p && /* @__PURE__ */ r.jsx(
-          rr,
+        i && /* @__PURE__ */ n(
+          tr,
           {
-            value: o,
-            disabled: B,
-            shouldConfirm: E,
-            loading: B && o[s] === b,
+            value: r,
+            disabled: b,
+            shouldConfirm: z,
+            loading: b && r[t] === C,
             onClick: async (u) => {
-              g(u[s]), await p({ [s]: u[s] });
+              j(u[t]), await i({ [t]: u[t] });
             }
           }
         ),
-        j && /* @__PURE__ */ r.jsx(
-          U,
+        h && /* @__PURE__ */ n(
+          rr,
           {
-            value: o,
-            disabled: y,
-            shouldConfirm: M,
-            loading: y && o[s] === b,
+            value: r,
+            disabled: S,
+            shouldConfirm: E,
+            loading: S && r[t] === C,
             onClick: async (u) => {
-              g(u[s]), await j({ [s]: u[s] });
+              j(u[t]), await h({ [t]: u[t] });
             }
           }
         )
@@ -120,98 +120,98 @@ function Or({
     },
     [
       R,
-      M,
       E,
+      z,
       a,
-      s,
-      y,
-      B,
-      T,
-      e,
-      j,
+      t,
       S,
-      p,
+      b,
+      B,
+      c,
       h,
-      b
+      I,
+      i,
+      T,
+      C
     ]
-  ), P = L(() => {
-    let o = typeof n == "string" ? m == null ? void 0 : m[n] : void 0;
-    if (typeof o == "object") {
-      const t = f.find((c) => c.name === n);
-      o = V(t)(
-        o,
+  ), k = $(() => {
+    let r = typeof f == "string" ? m == null ? void 0 : m[f] : void 0;
+    if (typeof r == "object") {
+      const o = e.find((l) => l.name === f);
+      r = A(o)(
+        r,
         m,
         0
       );
     }
-    return o;
-  }, [n, m, f]);
-  return /* @__PURE__ */ r.jsxs("div", { children: [
-    n && /* @__PURE__ */ r.jsx(
-      k,
+    return r;
+  }, [f, m, e]);
+  return /* @__PURE__ */ v("div", { children: [
+    f && /* @__PURE__ */ n(
+      U,
       {
         width: "100%",
         open: !!m,
-        title: P ?? /* @__PURE__ */ r.jsx("div", { children: " " }),
-        footer: /* @__PURE__ */ r.jsx(r.Fragment, {}),
+        title: k ?? /* @__PURE__ */ n("div", { children: " " }),
+        footer: /* @__PURE__ */ n(M, {}),
         closable: !0,
-        onCancel: () => x(void 0),
-        children: !!m && /* @__PURE__ */ r.jsxs("div", { children: [
-          /* @__PURE__ */ r.jsx(
-            lr,
+        onCancel: () => p(void 0),
+        children: !!m && /* @__PURE__ */ v("div", { children: [
+          /* @__PURE__ */ n(
+            vr,
             {
-              layout: W,
-              descListColumn: Q,
+              layout: Z,
+              descListColumn: Y,
               data: m,
-              fields: f,
-              action: O(m)
+              fields: e,
+              action: _(m)
             }
           ),
-          i == null ? void 0 : i(m)
-        ] }, m == null ? void 0 : m[s])
+          g == null ? void 0 : g(m)
+        ] }, m == null ? void 0 : m[t])
       }
     ),
-    /* @__PURE__ */ r.jsx(cr, { fields: f, ...Z }),
-    /* @__PURE__ */ r.jsxs(mr, { children: [
-      !!C && /* @__PURE__ */ r.jsx(or, { onClick: C }),
-      /* @__PURE__ */ r.jsx(
-        ur,
+    /* @__PURE__ */ n(ar, { fields: e, ...w }),
+    /* @__PURE__ */ v(fr, { children: [
+      !!O && /* @__PURE__ */ n(mr, { onClick: O }),
+      /* @__PURE__ */ n(
+        cr,
         {
-          rowClassName: X,
-          className: A,
-          scroll: q ?? (I ? {
-            y: `calc(100vh - ${I})`
+          rowClassName: d,
+          className: K,
+          scroll: J ?? (N ? {
+            y: `calc(100vh - ${N})`
           } : void 0),
           id: "crud-table",
-          dataSource: v,
-          loading: $,
-          bordered: K,
-          size: J,
-          expandable: G,
-          pagination: l ? {
-            total: l.count,
-            onChange: l.setPage,
-            current: l.page,
-            pageSize: l.pageSize
+          dataSource: y,
+          loading: G,
+          bordered: X,
+          size: W,
+          expandable: Q,
+          pagination: s ? {
+            total: s.count,
+            onChange: s.setPage,
+            current: s.page,
+            pageSize: s.pageSize
           } : void 0,
-          columns: h || e || j || a || n ? [
-            ...N,
+          columns: T || c || h || a || f ? [
+            ...L,
             {
-              title: d("str.action"),
+              title: D("str.action"),
               dataIndex: "",
               fixed: "right",
-              width: Y,
-              render: (o, t) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-                n && /* @__PURE__ */ r.jsx(sr, { value: t, onClick: x }),
-                O(t)
+              width: P,
+              render: (r, o) => /* @__PURE__ */ v(M, { children: [
+                f && /* @__PURE__ */ n(nr, { value: o, onClick: p }),
+                _(o)
               ] })
             }
-          ] : N
+          ] : L
         }
       )
     ] })
   ] });
 }
 export {
-  Or as default
+  _r as default
 };

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

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

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

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

package/dist/locale/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./hooks/translation-constants.cjs"),u=require("./translations/en.cjs"),n=require("../node_modules/i18next/dist/esm/i18next.cjs"),o=require("../node_modules/react-i18next/dist/es/initReactI18next.cjs"),s={en:{[a.TRANSLATION_NAMESPACE]:u}},i=(e={})=>{const{translations:t=s,language:r="en"}=e;return n.default.use(o.initReactI18next).init({resources:t,lng:r,fallbackLng:"en",ns:a.TRANSLATION_NAMESPACE,interpolation:{escapeValue:!1}}),n.default},l=(e,t)=>{n.default.addResourceBundle(e,a.TRANSLATION_NAMESPACE,t,!0,!0)};exports.defaultTranslations=s;exports.setupI18n=i;exports.updateTranslations=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./hooks/translation-constants.cjs"),o=require("./translations/en.cjs"),t=require("i18next"),u=require("react-i18next"),a={en:{[s.TRANSLATION_NAMESPACE]:o}},i=(e={})=>{const{translations:n=a,language:r="en"}=e;return t.use(u.initReactI18next).init({resources:n,lng:r,fallbackLng:"en",ns:s.TRANSLATION_NAMESPACE,interpolation:{escapeValue:!1}}),t},l=(e,n)=>{t.addResourceBundle(e,s.TRANSLATION_NAMESPACE,n,!0,!0)};exports.defaultTranslations=a;exports.setupI18n=i;exports.updateTranslations=l;

package/dist/locale/index.js

@@ -1,7 +1,7 @@
 import { TRANSLATION_NAMESPACE as o } from "./hooks/translation-constants.js";
 import a from "./translations/en.js";
-import t from "../node_modules/i18next/dist/esm/i18next.js";
-import { initReactI18next as s } from "../node_modules/react-i18next/dist/es/initReactI18next.js";
+import t from "i18next";
+import { initReactI18next as s } from "react-i18next";
 const i = {
   en: {
     [o]: a

package/dist/util/DateUtil.cjs

@@ -1 +1 @@
-"use strict";const e=require("../_virtual/dayjs.min.cjs"),a=require("../node_modules/i18next/dist/esm/i18next.cjs"),o=t=>e(t).locale(a.default.language).format("YYYY-MM-DD HH:mm"),m=t=>e(t).locale(a.default.language).format("YYYY-MM-DD HH:mm:ss"),n=t=>e(t).locale(a.default.language).format("YYYY-MM-DD"),l=(t,r="HH:mm:ss")=>e(t).locale(a.default.language).format(r),s={formatDateTime:o,formatDate:n,formatDateTimeWithSecond:m,formatTime:l};module.exports=s;
+"use strict";const e=require("dayjs"),a=require("i18next"),o=t=>e(t).locale(a.language).format("YYYY-MM-DD HH:mm"),m=t=>e(t).locale(a.language).format("YYYY-MM-DD HH:mm:ss"),n=t=>e(t).locale(a.language).format("YYYY-MM-DD"),s=(t,r="HH:mm:ss")=>e(t).locale(a.language).format(r),c={formatDateTime:o,formatDate:n,formatDateTimeWithSecond:m,formatTime:s};module.exports=c;

package/dist/util/DateUtil.js

@@ -1,6 +1,6 @@
-import t from "../_virtual/dayjs.min.js";
-import e from "../node_modules/i18next/dist/esm/i18next.js";
-const m = (a) => t(a).locale(e.language).format("YYYY-MM-DD HH:mm"), r = (a) => t(a).locale(e.language).format("YYYY-MM-DD HH:mm:ss"), n = (a) => t(a).locale(e.language).format("YYYY-MM-DD"), l = (a, o = "HH:mm:ss") => t(a).locale(e.language).format(o), c = { formatDateTime: m, formatDate: n, formatDateTimeWithSecond: r, formatTime: l };
+import a from "dayjs";
+import e from "i18next";
+const m = (t) => a(t).locale(e.language).format("YYYY-MM-DD HH:mm"), r = (t) => a(t).locale(e.language).format("YYYY-MM-DD HH:mm:ss"), n = (t) => a(t).locale(e.language).format("YYYY-MM-DD"), l = (t, o = "HH:mm:ss") => a(t).locale(e.language).format(o), s = { formatDateTime: m, formatDate: n, formatDateTimeWithSecond: r, formatTime: l };
 export {
-  c as default
+  s as default
 };

package/dist/util/ImageUtil.cjs

@@ -1 +1 @@
-"use strict";const c=require("../node_modules/browser-image-compression/dist/browser-image-compression.cjs");class g{async resizeImage(t){const e=await c(t,{maxSizeMB:1,maxWidthOrHeight:1920,useWebWorker:!0}),a=t.uid;return Object.assign(e,{uid:a,lastModifiedDate:new Date})}async getImageData(t){const e=await this.getImageData0(t);if(e){const a=new Image;a.src=e.data;const r=await new Promise(n=>{a.onload=function(){n({height:a.height,width:a.width})}});return Object.assign(e,r),e}else return null}async getImageData0(t){try{if(t.startsWith("data:image/")){const e=t.match(/^data:image\/(png|jpeg|jpg);base64,(.*)$/);if(!e)throw new Error("Invalid base64 image data");return{data:t,type:e[1]}}else{const e=await fetch(t);if(!e.ok)throw new Error("Network response was not ok");const a=await e.blob();return new Promise((r,n)=>{const s=new FileReader;s.onloadend=function(){const o=s.result,i=o.match(/^data:image\/(png|jpeg|jpg);base64,/);i?r({data:o,type:i[1]}):n(new Error("Could not determine image type"))},s.onerror=n,s.readAsDataURL(a)})}}catch(e){return console.warn(e),null}}}const d=new g;module.exports=d;
+"use strict";const c=require("browser-image-compression");class g{async resizeImage(t){const e=await c(t,{maxSizeMB:1,maxWidthOrHeight:1920,useWebWorker:!0}),a=t.uid;return Object.assign(e,{uid:a,lastModifiedDate:new Date})}async getImageData(t){const e=await this.getImageData0(t);if(e){const a=new Image;a.src=e.data;const o=await new Promise(n=>{a.onload=function(){n({height:a.height,width:a.width})}});return Object.assign(e,o),e}else return null}async getImageData0(t){try{if(t.startsWith("data:image/")){const e=t.match(/^data:image\/(png|jpeg|jpg);base64,(.*)$/);if(!e)throw new Error("Invalid base64 image data");return{data:t,type:e[1]}}else{const e=await fetch(t);if(!e.ok)throw new Error("Network response was not ok");const a=await e.blob();return new Promise((o,n)=>{const s=new FileReader;s.onloadend=function(){const r=s.result,i=r.match(/^data:image\/(png|jpeg|jpg);base64,/);i?o({data:r,type:i[1]}):n(new Error("Could not determine image type"))},s.onerror=n,s.readAsDataURL(a)})}}catch(e){return console.warn(e),null}}}const d=new g;module.exports=d;

package/dist/util/ImageUtil.js

@@ -1,4 +1,4 @@
-import c from "../node_modules/browser-image-compression/dist/browser-image-compression.js";
+import c from "browser-image-compression";
 class g {
   async resizeImage(t) {
     const e = await c(t, {

package/dist/util/ValidationUtil.cjs

@@ -1 +1 @@
-"use strict";const i=require("../node_modules/i18next/dist/esm/i18next.cjs"),a=require("./NumberUtil.cjs"),o=e=>[{required:!0,message:`${e} ${i.t("err.validation.required")}`}],s=()=>[{min:8,message:i.t("err.validation.minLength8")}],d=()=>[{type:"number",validator(e,r,t){const n=Number(r);isNaN(n)&&r||n<0||n>100?t(i.t("err.validation.percentage")):t()},message:i.t("err.validation.percentage")}],u=e=>[{max:Number(e),min:0,type:"number",message:i.t("err.validation.maximumValueExceeded").replace("%maxValue%",a.default.toMoney(e))}],l=()=>[{validator:(e,r,t)=>(r.length===12||r.length===10)&&r.search(/^([0-9]{9}[x|X|v|V])|([0-9]{12})$/)!==-1?t():t(i.t("err.validation.invalidNic"))}],m=e=>[{message:`${i.t("err.validation.invalid")} ${e}`,pattern:/^(?:0|94|\+94|0094)?(?:(11|21|23|24|25|26|27|31|32|33|34|35|36|37|38|41|45|47|51|52|54|55|57|63|65|66|67|81|91)(0|2|3|4|5|7|9)|7(0|1|2|4|5|6|7|8)\d)\d{6}$/}],v=()=>[{message:`${i.t("err.validation.positiveNumber")}`,type:"number",validator(e,r,t){r<=0?t(e.message):t()}}],g={percentageValidation:d,required:o,maxValidation:u,passwordValidation:s,nicValidation:l,phoneValidation:m,positiveNumberValidation:v};module.exports=g;
+"use strict";const i=require("i18next"),a=require("./NumberUtil.cjs"),o=e=>[{required:!0,message:`${e} ${i.t("err.validation.required")}`}],s=()=>[{min:8,message:i.t("err.validation.minLength8")}],d=()=>[{type:"number",validator(e,r,t){const n=Number(r);isNaN(n)&&r||n<0||n>100?t(i.t("err.validation.percentage")):t()},message:i.t("err.validation.percentage")}],u=e=>[{max:Number(e),min:0,type:"number",message:i.t("err.validation.maximumValueExceeded").replace("%maxValue%",a.default.toMoney(e))}],l=()=>[{validator:(e,r,t)=>(r.length===12||r.length===10)&&r.search(/^([0-9]{9}[x|X|v|V])|([0-9]{12})$/)!==-1?t():t(i.t("err.validation.invalidNic"))}],m=e=>[{message:`${i.t("err.validation.invalid")} ${e}`,pattern:/^(?:0|94|\+94|0094)?(?:(11|21|23|24|25|26|27|31|32|33|34|35|36|37|38|41|45|47|51|52|54|55|57|63|65|66|67|81|91)(0|2|3|4|5|7|9)|7(0|1|2|4|5|6|7|8)\d)\d{6}$/}],v=()=>[{message:`${i.t("err.validation.positiveNumber")}`,type:"number",validator(e,r,t){r<=0?t(e.message):t()}}],g={percentageValidation:d,required:o,maxValidation:u,passwordValidation:s,nicValidation:l,phoneValidation:m,positiveNumberValidation:v};module.exports=g;

package/dist/util/ValidationUtil.js

@@ -1,4 +1,4 @@
-import { t as r } from "../node_modules/i18next/dist/esm/i18next.js";
+import { t as r } from "i18next";
 import n from "./NumberUtil.js";
 const o = (e) => [
   {

package/package.json

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