@kingteza/crud-component 1.0.55 → 1.0.57

package/crud/view/CrudViewer.es.js

@@ -1,9 +1,9 @@
-import { jsxs as D, Fragment as G, jsx as c } from "react/jsx-runtime";
+import { jsxs as D, Fragment as G, jsx as s } from "react/jsx-runtime";
 import { Modal as It } from "antd";
 import { DndContext as St } from "@dnd-kit/core";
-import { restrictToVerticalAxis as lt } from "@dnd-kit/modifiers";
-import { CSS as Bt } from "@dnd-kit/utilities";
-import { arrayMove as st, SortableContext as Ct, verticalListSortingStrategy as xt, useSortable as Rt } from "@dnd-kit/sortable";
+import { restrictToVerticalAxis as Bt } from "@dnd-kit/modifiers";
+import { CSS as Ct } from "@dnd-kit/utilities";
+import { arrayMove as et, SortableContext as Rt, verticalListSortingStrategy as xt, useSortable as Nt } from "@dnd-kit/sortable";
 import Dt from "../../common/button/Button.es.js";
 import Et from "../../common/button/CloneButtonTable.es.js";
 import Lt from "../../common/button/DeleteButtonTable.es.js";
@@ -13,28 +13,29 @@ import { RefreshButton as jt } from "../../common/button/RefreshButton.es.js";
 import zt from "../../common/button/UpdateButtonTable.es.js";
 import Vt from "../../common/button/ViewButtonTable.es.js";
 import wt from "../../common/table/table.es.js";
-import et, { useMemo as I, useState as J, useEffect as ct, useCallback as K, useContext as Nt } from "react";
-import { useTranslationLib as _t } from "../../locale/index.es.js";
-import $t from "../CrudSearchComponent.es.js";
-import { CrudDecListView as qt } from "./CrudDecListView.es.js";
+import ut, { useMemo as T, useState as J, useEffect as st, useCallback as K, useContext as _t } from "react";
+import { useTranslationLib as $t } from "../../locale/index.es.js";
+import qt from "../CrudSearchComponent.es.js";
+import { CrudDecListView as Gt } from "./CrudDecListView.es.js";
 import { getRendererValueCrudViewer as mt } from "./CrudViewerUtil.es.js";
-import { HolderOutlined as Gt } from "@ant-design/icons";
-import Jt from "../../common/layout/VerticalSpace.es.js";
-const Kt = et.memo(wt);
-function io({
+import { HolderOutlined as Jt } from "@ant-design/icons";
+import ct from "../../util/CrudUtil.es.js";
+import Kt from "../../common/layout/VerticalSpace.es.js";
+const Qt = ut.memo(wt);
+function yo({
   idField: o = "id",
-  loadingData: S,
+  loadingData: I,
   fields: u,
-  isDeleting: x,
-  isHiding: l,
+  isDeleting: R,
+  isHiding: S,
   viewable: f = !1,
   paginateProps: h,
   onDelete: y,
-  onHide: R,
-  onUpdate: T,
+  onHide: x,
+  onUpdate: v,
   data: B = [],
   extraAction: C,
-  onClickUpdate: p,
+  onClickUpdate: l,
   minusHeight: O,
   scroll: Q,
   onClickClone: E,
@@ -42,86 +43,89 @@ function io({
   expandable: Y,
   size: Z,
   bordered: A,
-  descListColumn: ft,
+  descListColumn: it,
   extraView: j,
-  decListLayout: it,
-  scrollToTop: Yt,
+  decListLayout: ht,
+  scrollToTop: Zt,
   onClickRefresh: P,
   closeViewOnClickUpdate: W,
   onExport: z,
   confirmHiding: k,
   confirmDeleting: H,
   rowClassName: U,
-  actionWidth: b = 190,
+  actionWidth: a = 190,
   draggable: r,
-  ...ht
+  ...yt
 }) {
-  const { t: d } = _t(), F = I(
+  const { t: b } = $t(), d = T(
     () => u.map(
-      ({ hideInTable: t, hidden: n, width: m, name: s, label: _, halign: $, ...M }) => ({
-        title: _,
-        width: m,
-        key: s,
-        dataIndex: s,
-        hidden: t || n,
-        align: $ ?? (M.type === "number" ? "right" : void 0),
-        render: mt(M)
-      })
+      ({ hideInTable: t, hidden: n, width: m, label: e, halign: $, ...N }) => {
+        const M = ct.getRealName(N.name);
+        return {
+          title: e,
+          width: m,
+          key: M,
+          dataIndex: M,
+          hidden: t || n,
+          align: $ ?? (N.type === "number" ? "right" : void 0),
+          render: mt(N)
+        };
+      }
     ),
     [u]
-  ), [e, L] = J(), [V, w] = J(), [v, a] = J([]);
-  ct(() => {
-    B && a(B);
-  }, [B]), ct(() => {
+  ), [c, L] = J(), [V, w] = J(), [p, F] = J([]);
+  st(() => {
+    B && F(B);
+  }, [B]), st(() => {
     B && L((t) => {
       if (t)
         return B.find((n) => n[o] === t[o]);
     });
-  }, [B, o, e]);
-  const N = K(
+  }, [B, o, c]);
+  const _ = K(
     (t) => {
       var m;
       const n = C == null ? void 0 : C(t);
-      return (Array.isArray(n) ? (m = n == null ? void 0 : n.filter(Boolean)) != null && m.length : n) || T || p || E || y ? /* @__PURE__ */ D(G, { children: [
+      return (Array.isArray(n) ? (m = n == null ? void 0 : n.filter(Boolean)) != null && m.length : n) || v || l || E || y ? /* @__PURE__ */ D(G, { children: [
         n,
-        (T || p) && /* @__PURE__ */ c(
+        (v || l) && /* @__PURE__ */ s(
           zt,
           {
             value: t,
-            onClick: (s) => {
-              w(s[o]), p == null || p(t), W && L(void 0);
+            onClick: (e) => {
+              w(e[o]), l == null || l(t), W && L(void 0);
             }
           }
         ),
-        E && /* @__PURE__ */ c(Et, { value: t, onClick: (s) => E(s) }),
-        z && /* @__PURE__ */ c(
+        E && /* @__PURE__ */ s(Et, { value: t, onClick: (e) => E(e) }),
+        z && /* @__PURE__ */ s(
           Mt,
           {
             value: t,
-            onClick: async (s) => await z(s)
+            onClick: async (e) => await z(e)
           }
         ),
-        R && /* @__PURE__ */ c(
+        x && /* @__PURE__ */ s(
           Ot,
           {
             value: t,
-            disabled: l,
+            disabled: S,
             shouldConfirm: k,
-            loading: l && t[o] === V,
-            onClick: async (s) => {
-              w(s[o]), await R({ [o]: s[o] });
+            loading: S && t[o] === V,
+            onClick: async (e) => {
+              w(e[o]), await x({ [o]: e[o] });
             }
           }
         ),
-        y && /* @__PURE__ */ c(
+        y && /* @__PURE__ */ s(
           Lt,
           {
             value: t,
-            disabled: x,
+            disabled: R,
             shouldConfirm: H,
-            loading: x && t[o] === V,
-            onClick: async (s) => {
-              w(s[o]), await y({ [o]: s[o] });
+            loading: R && t[o] === V,
+            onClick: async (e) => {
+              w(e[o]), await y({ [o]: e[o] });
             }
           }
         )
@@ -133,51 +137,51 @@ function io({
       k,
       C,
       o,
-      x,
-      l,
+      R,
+      S,
       E,
-      p,
+      l,
       y,
       z,
-      R,
-      T,
+      x,
+      v,
       V
     ]
   ), g = K(
     (t) => {
-      var s;
+      var e;
       const { active: n, over: m } = t;
       if (r != null && r.onDragEnd && (r == null || r.onDragEnd(t)), n.id !== (m == null ? void 0 : m.id)) {
-        const _ = v.findIndex(
+        const $ = p.findIndex(
           (i) => i[o] === n.id
-        ), $ = v.findIndex(
+        ), N = p.findIndex(
           (i) => i[o] === (m == null ? void 0 : m.id)
-        ), M = st(v, _, $);
-        a((i) => {
+        ), M = et(p, $, N);
+        F((i) => {
           const vt = i.findIndex(
             (q) => q[o] === (n == null ? void 0 : n.id)
           ), Tt = i.findIndex(
             (q) => q[o] === (m == null ? void 0 : m.id)
           );
-          return st(i, vt, Tt);
-        }), (s = r == null ? void 0 : r.onDrag) == null || s.call(r, {
+          return et(i, vt, Tt);
+        }), (e = r == null ? void 0 : r.onDrag) == null || e.call(r, {
           newOrder: M.map((i) => i[o])
         });
       }
     },
-    [v, o, r]
-  ), yt = I(() => {
-    let t = typeof f == "string" ? e == null ? void 0 : e[f] : void 0;
+    [p, o, r]
+  ), lt = T(() => {
+    let t = typeof f == "string" ? c == null ? void 0 : c[f] : void 0;
     if (typeof t == "object") {
-      const n = u.find((m) => m.name === f);
+      const n = u.find((m) => ct.getRealName(m.name) === f);
       t = mt(n)(
         t,
-        e,
+        c,
         0
       );
     }
     return t;
-  }, [f, e, u]), tt = I(
+  }, [f, c, u]), tt = T(
     () => ({
       rowClassName: U,
       className: X,
@@ -188,7 +192,7 @@ function io({
       expandable: Y
     }),
     [U, X, Q, O, A, Z, Y]
-  ), ot = I(
+  ), ot = T(
     () => h ? {
       total: h.count,
       onChange: h.setPage,
@@ -196,50 +200,50 @@ function io({
       pageSize: h.pageSize
     } : void 0,
     [h]
-  ), nt = I(() => {
-    const t = T || p || y || C || f, n = [];
+  ), nt = T(() => {
+    const t = v || l || y || C || f, n = [];
     return r && n.push({
       key: "key",
       align: "center",
       width: 5,
       title: r == null ? void 0 : r.columnLabel,
-      render: () => /* @__PURE__ */ c(Qt, { tooltip: r == null ? void 0 : r.tooltip })
-    }), n.push(...F), t && t && n.push({
-      title: d("str.action"),
+      render: () => /* @__PURE__ */ s(Xt, { tooltip: r == null ? void 0 : r.tooltip })
+    }), n.push(...d), t && t && n.push({
+      title: b("str.action"),
       fixed: "right",
-      width: b,
-      render: (m, s) => /* @__PURE__ */ D(G, { children: [
-        f && /* @__PURE__ */ c(Vt, { value: s, onClick: L }),
-        N(s)
+      width: a,
+      render: (m, e) => /* @__PURE__ */ D(G, { children: [
+        f && /* @__PURE__ */ s(Vt, { value: e, onClick: L }),
+        _(e)
       ] })
     }), n;
   }, [
-    F,
-    T,
-    p,
+    d,
+    v,
+    l,
     y,
     C,
     f,
-    d,
     b,
-    N
-  ]), rt = I(
-    () => v.map((t) => t[o]),
-    [v, o]
+    a,
+    _
+  ]), rt = T(
+    () => p.map((t) => t[o]),
+    [p, o]
   ), pt = K(() => {
-    const t = /* @__PURE__ */ c(
-      Kt,
+    const t = /* @__PURE__ */ s(
+      Qt,
       {
         ...tt,
-        dataSource: v,
-        loading: S,
-        components: r ? { body: { row: Xt } } : void 0,
+        dataSource: p,
+        loading: I,
+        components: r ? { body: { row: Yt } } : void 0,
         pagination: ot,
         columns: nt
       }
     );
-    return r ? /* @__PURE__ */ c(St, { modifiers: [lt], onDragEnd: g, children: /* @__PURE__ */ c(
-      Ct,
+    return r ? /* @__PURE__ */ s(St, { modifiers: [Bt], onDragEnd: g, children: /* @__PURE__ */ s(
+      Rt,
       {
         items: rt,
         strategy: xt,
@@ -248,8 +252,8 @@ function io({
     ) }) : t;
   }, [
     tt,
-    v,
-    S,
+    p,
+    I,
     ot,
     nt,
     r,
@@ -257,71 +261,71 @@ function io({
     g
   ]);
   return /* @__PURE__ */ D("div", { children: [
-    f && /* @__PURE__ */ c(
+    f && /* @__PURE__ */ s(
       It,
       {
         width: "100%",
-        open: !!e,
-        title: yt ?? /* @__PURE__ */ c("div", { children: " " }),
-        footer: /* @__PURE__ */ c(G, {}),
+        open: !!c,
+        title: lt ?? /* @__PURE__ */ s("div", { children: " " }),
+        footer: /* @__PURE__ */ s(G, {}),
         closable: !0,
         onCancel: () => L(void 0),
-        children: !!e && /* @__PURE__ */ D("div", { children: [
-          /* @__PURE__ */ c(
-            qt,
+        children: !!c && /* @__PURE__ */ D("div", { children: [
+          /* @__PURE__ */ s(
+            Gt,
             {
-              layout: it,
-              descListColumn: ft,
-              data: e,
+              layout: ht,
+              descListColumn: it,
+              data: c,
               fields: u,
-              action: N(e)
+              action: _(c)
             }
           ),
-          j == null ? void 0 : j(e)
-        ] }, e == null ? void 0 : e[o])
+          j == null ? void 0 : j(c)
+        ] }, c == null ? void 0 : c[o])
       }
     ),
-    /* @__PURE__ */ c($t, { fields: u, ...ht }),
-    /* @__PURE__ */ D(Jt, { children: [
-      !!P && /* @__PURE__ */ c(jt, { onClick: P }),
+    /* @__PURE__ */ s(qt, { fields: u, ...yt }),
+    /* @__PURE__ */ D(Kt, { children: [
+      !!P && /* @__PURE__ */ s(jt, { onClick: P }),
       pt()
     ] })
   ] });
 }
-const ut = et.createContext({}), Qt = ({ tooltip: o }) => {
-  const { setActivatorNodeRef: S, listeners: u } = Nt(ut);
-  return /* @__PURE__ */ c(
+const ft = ut.createContext({}), Xt = ({ tooltip: o }) => {
+  const { setActivatorNodeRef: I, listeners: u } = _t(ft);
+  return /* @__PURE__ */ s(
     Dt,
     {
       type: "text",
       size: "small",
       tooltip: o,
-      icon: /* @__PURE__ */ c(Gt, {}),
+      icon: /* @__PURE__ */ s(Jt, {}),
       style: { cursor: "move", border: "none" },
-      ref: S,
+      ref: I,
       ...u
     }
   );
-}, Xt = (o) => {
+}, Yt = (o) => {
   const {
-    attributes: S,
+    attributes: I,
     listeners: u,
-    setNodeRef: x,
-    setActivatorNodeRef: l,
+    setNodeRef: R,
+    setActivatorNodeRef: S,
     transform: f,
     transition: h,
     isDragging: y
-  } = Rt({ id: o["data-row-key"] }), R = {
+  } = Nt({ id: o["data-row-key"] }), x = {
     ...o.style,
-    transform: Bt.Translate.toString(f),
+    transform: Ct.Translate.toString(f),
     transition: h,
     ...y ? { position: "relative", zIndex: 9999 } : {}
-  }, T = I(
-    () => ({ setActivatorNodeRef: l, listeners: u }),
-    [l, u]
+  }, v = T(
+    () => ({ setActivatorNodeRef: S, listeners: u }),
+    [S, u]
   );
-  return /* @__PURE__ */ c(ut.Provider, { value: T, children: /* @__PURE__ */ c("tr", { ...o, ref: x, style: R, ...S }) });
+  return /* @__PURE__ */ s(ft.Provider, { value: v, children: /* @__PURE__ */ s("tr", { ...o, ref: R, style: x, ...I }) });
 };
 export {
-  io as default
+  yo as default
 };

package/crud/view/CrudViewerUtil.cjs.js

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

package/crud/view/CrudViewerUtil.es.js

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

package/hooks/NavigatorHooks.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react-router-dom");function o(){return e.useInRouterContext()?e.useNavigate():(t=>{console.warn("React router not found, navigating to",t)})}exports.useNavigateOptional=o;

package/hooks/NavigatorHooks.d.ts

@@ -0,0 +1 @@
+export declare function useNavigateOptional(): import('react-router-dom').NavigateFunction;

package/hooks/NavigatorHooks.es.js

@@ -0,0 +1,9 @@
+import { useInRouterContext as e, useNavigate as n } from "react-router-dom";
+function r() {
+  return e() ? n() : ((t) => {
+    console.warn("React router not found, navigating to", t);
+  });
+}
+export {
+  r as useNavigateOptional
+};

package/icons/FlipHIcon.cjs.js

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),n=require("../common/icon/KIcon.cjs.js");function s(i){return t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...i,children:t.jsxs("g",{fill:i.fill,children:[t.jsx("path",{fillOpacity:.5,d:"M18 7a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1h-3v2h3a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3h-3v2z"}),t.jsx("path",{d:"M13 3h-2v18h2zM5 8a1 1 0 0 1 1-1h3V5H6a3 3 0 0 0-3 3v8a3 3 0 0 0 3 3h3v-2H6a1 1 0 0 1-1-1z"})]})})}const h=s,e=i=>t.jsx(n,{component:h,...i});module.exports=e;