@kingteza/crud-component 1.34.1 → 1.35.0

package/dist/crud/actions/index.cjs.js

@@ -1 +1 @@
-"use strict";const v=require("react/jsx-runtime"),z=require("react"),b=require("../../common/button/CloneButtonTable.cjs.js"),r=require("../../common/button/DeleteButtonTable.cjs.js"),k=require("../../common/button/ExportButton.cjs.js"),C=require("../../common/button/HideButtonTable.cjs.js"),F=require("../../common/button/UpdateButtonTable.cjs.js"),R=require("../modal/index.cjs.js");function B({data:q,idField:u="id",extraAction:E,onUpdate:N,onClickUpdate:x,onClickClone:h,onDelete:G,onHide:J,onExport:K,isHiding:Q,isDeleting:S,confirmHiding:A,confirmDeleting:s,closeViewOnClickUpdate:H,recentUpdateOrDeleteId:W,setRecentUpdateOrDeleteId:m,setOpenView:L,inBuiltModalProps:f,updatable:T,deletable:g}){var $;const y=E==null?void 0:E(q),X=z.useRef(null),Y=z.useCallback((j,V=!0,c=!1)=>{var w;m==null||m(j[u]),f?(w=X.current)==null||w.update(j,V,c):c?h==null||h(j):x==null||x(j),H&&(L==null||L(void 0))},[f,x]),Z=z.useMemo(()=>!!(!T||T!=null&&T(q)),[T,q]),_=z.useMemo(()=>!!(!g||g!=null&&g(q)),[g,q]);return(Array.isArray(y)?($=y==null?void 0:y.filter(Boolean))!=null&&$.length:y)||N||Z&&x||f!=null&&f.onUpdate||h||f!=null&&f.onCreate||_&&G||K||J?v.jsxs(v.Fragment,{children:[f&&v.jsx(R,{ref:X,...f}),y,(N||x||(f==null?void 0:f.onUpdate))&&Z&&v.jsx(F,{value:q,onClick:j=>Y(j)}),(h||(f==null?void 0:f.onCreate))&&v.jsx(b,{value:q,onClick:j=>Y(j,!1,!0)}),K&&v.jsx(k.ExportButton,{value:q,onClick:async j=>await K(j)}),J&&v.jsx(C,{value:q,disabled:Q,shouldConfirm:A,loading:Q&&q[u]===W,onClick:async j=>{m==null||m(j[u]),await J({[u]:j[u]})}}),G&&_&&v.jsx(r,{value:q,disabled:S,shouldConfirm:s,loading:S&&q[u]===W,onClick:async j=>{m==null||m(j[u]),await G({[u]:j[u]})}})]}):void 0}module.exports=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),b=require("react"),$=require("../../common/button/CloneButtonTable.cjs.js"),H=require("../../common/button/DeleteButtonTable.cjs.js"),w=require("../../common/button/ExportButton.cjs.js"),B=require("../../common/button/HideButtonTable.cjs.js"),C=require("../../common/button/UpdateButtonTable.cjs.js"),k=require("../../util/crud/crud-action.util.cjs.js"),V=require("../modal/index.cjs.js");function K({data:u,idField:r="id",extraAction:c,onUpdate:L,onClickUpdate:v,onClickClone:m,onDelete:y,onHide:g,onExport:_,isHiding:o,isDeleting:S,confirmHiding:N,confirmDeleting:Q,closeViewOnClickUpdate:n,recentUpdateOrDeleteId:A,setRecentUpdateOrDeleteId:j,setOpenView:x,inBuiltModalProps:q,updatable:T,deletable:h}){const W=c==null?void 0:c(u),E=b.useRef(null),z=b.useCallback((f,Z=!0,G=!1)=>{var J;j==null||j(f[r]),q?(J=E.current)==null||J.update(f,Z,G):G?m==null||m(f):v==null||v(f),n&&(x==null||x(void 0))},[r,q,m,v,n,x,j]),X=b.useMemo(()=>!!(!T||T(u)),[T,u]),Y=b.useMemo(()=>!!(!h||h(u)),[h,u]);return s.jsxs(s.Fragment,{children:[q&&s.jsx(V,{ref:E,...q}),W,(L||v||(q==null?void 0:q.onUpdate))&&X&&s.jsx(C,{value:u,onClick:f=>z(f)}),(m||(q==null?void 0:q.onCreate))&&s.jsx($,{value:u,onClick:f=>z(f,!1,!0)}),_&&s.jsx(w.ExportButton,{value:u,onClick:async f=>await _(f)}),g&&s.jsx(B,{value:u,disabled:o,shouldConfirm:N,loading:o&&u[r]===A,onClick:async f=>{j==null||j(f[r]),await g({[r]:f[r]})}}),y&&Y&&s.jsx(H,{value:u,disabled:S,shouldConfirm:Q,loading:S&&u[r]===A,onClick:async f=>{j==null||j(f[r]),await y({[r]:f[r]})}})]})}function F(u){if(k.hasCrudActions(u,u.data))return s.jsx(K,{...u})}exports.CrudActionsInternal=K;exports.default=F;

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

@@ -22,7 +22,10 @@ export interface CrudActionsProps<T, FormType> {
     setOpenView?: (data: T | undefined) => void;
     inBuiltModalProps?: CrudModalProps<T, FormType>;
 }
-declare function CrudActions<T, FormType>({ data, idField, extraAction, onUpdate, onClickUpdate, onClickClone, onDelete, onHide, onExport, isHiding, isDeleting, confirmHiding, confirmDeleting, closeViewOnClickUpdate, recentUpdateOrDeleteId, setRecentUpdateOrDeleteId, setOpenView, inBuiltModalProps, updatable, deletable, }: CrudActionsProps<T, FormType> & {
+export declare function CrudActionsInternal<T, FormType>({ data, idField, extraAction, onUpdate, onClickUpdate, onClickClone, onDelete, onHide, onExport, isHiding, isDeleting, confirmHiding, confirmDeleting, closeViewOnClickUpdate, recentUpdateOrDeleteId, setRecentUpdateOrDeleteId, setOpenView, inBuiltModalProps, updatable, deletable, }: CrudActionsProps<T, FormType> & {
+    data: T;
+}): import("react/jsx-runtime").JSX.Element;
+declare function CrudActions<T, FormType>(props: CrudActionsProps<T, FormType> & {
     data: T;
 }): import("react/jsx-runtime").JSX.Element | undefined;
 export default CrudActions;

package/dist/crud/actions/index.es.js

@@ -1,85 +1,104 @@
-import { jsxs as r, Fragment as C, jsx as j } from "react/jsx-runtime";
-import { useRef as F, useCallback as c, useMemo as H } from "react";
-import R from "../../common/button/CloneButtonTable.es.js";
-import B from "../../common/button/DeleteButtonTable.es.js";
-import { ExportButton as I } from "../../common/button/ExportButton.es.js";
-import D from "../../common/button/HideButtonTable.es.js";
-import U from "../../common/button/UpdateButtonTable.es.js";
-import s from "../modal/index.es.js";
-function l({
-  data: v,
-  idField: y = "id",
-  extraAction: J,
-  onUpdate: S,
+import { jsx as h, jsxs as w, Fragment as C } from "react/jsx-runtime";
+import { useRef as k, useCallback as B, useMemo as W } from "react";
+import V from "../../common/button/CloneButtonTable.es.js";
+import F from "../../common/button/DeleteButtonTable.es.js";
+import { ExportButton as c } from "../../common/button/ExportButton.es.js";
+import M from "../../common/button/HideButtonTable.es.js";
+import s from "../../common/button/UpdateButtonTable.es.js";
+import { hasCrudActions as P } from "../../util/crud/crud-action.util.es.js";
+import R from "../modal/index.es.js";
+function I({
+  data: f,
+  idField: u = "id",
+  extraAction: y,
+  onUpdate: X,
   onClickUpdate: T,
-  onClickClone: q,
-  onDelete: K,
-  onHide: L,
-  onExport: N,
-  isHiding: W,
-  isDeleting: X,
-  confirmHiding: x,
-  confirmDeleting: V,
-  closeViewOnClickUpdate: b,
-  recentUpdateOrDeleteId: Y,
-  setRecentUpdateOrDeleteId: h,
-  setOpenView: Q,
-  inBuiltModalProps: f,
-  updatable: z,
-  deletable: G
+  onClickClone: b,
+  onDelete: q,
+  onHide: x,
+  onExport: z,
+  isHiding: E,
+  isDeleting: G,
+  confirmHiding: Y,
+  confirmDeleting: Z,
+  closeViewOnClickUpdate: J,
+  recentUpdateOrDeleteId: K,
+  setRecentUpdateOrDeleteId: r,
+  setOpenView: o,
+  inBuiltModalProps: v,
+  updatable: j,
+  deletable: g
 }) {
-  var A;
-  const g = J == null ? void 0 : J(v), Z = F(null), _ = c(
-    (m, k = !0, E = !1) => {
-      var u;
-      h == null || h(m[y]), f ? (u = Z.current) == null || u.update(m, k, E) : E ? q == null || q(m) : T == null || T(m), b && (Q == null || Q(void 0));
+  const _ = y == null ? void 0 : y(f), L = k(null), N = B(
+    (m, H = !0, Q = !1) => {
+      var S;
+      r == null || r(m[u]), v ? (S = L.current) == null || S.update(m, H, Q) : Q ? b == null || b(m) : T == null || T(m), J && (o == null || o(void 0));
     },
-    [f, T]
-  ), $ = H(() => !!(!z || z != null && z(v)), [z, v]), w = H(() => !!(!G || G != null && G(v)), [G, v]);
-  return (Array.isArray(g) ? (A = g == null ? void 0 : g.filter(Boolean)) != null && A.length : g) || S || $ && T || f != null && f.onUpdate || q || f != null && f.onCreate || w && K || N || L ? /* @__PURE__ */ r(C, { children: [
-    f && /* @__PURE__ */ j(s, { ref: Z, ...f }),
-    g,
-    (S || T || (f == null ? void 0 : f.onUpdate)) && $ && /* @__PURE__ */ j(U, { value: v, onClick: (m) => _(m) }),
-    (q || (f == null ? void 0 : f.onCreate)) && /* @__PURE__ */ j(
-      R,
+    [
+      u,
+      v,
+      b,
+      T,
+      J,
+      o,
+      r
+    ]
+  ), $ = W(
+    () => !!(!j || j(f)),
+    [j, f]
+  ), A = W(
+    () => !!(!g || g(f)),
+    [g, f]
+  );
+  return /* @__PURE__ */ w(C, { children: [
+    v && /* @__PURE__ */ h(R, { ref: L, ...v }),
+    _,
+    (X || T || (v == null ? void 0 : v.onUpdate)) && $ && /* @__PURE__ */ h(s, { value: f, onClick: (m) => N(m) }),
+    (b || (v == null ? void 0 : v.onCreate)) && /* @__PURE__ */ h(
+      V,
       {
-        value: v,
-        onClick: (m) => _(m, !1, !0)
+        value: f,
+        onClick: (m) => N(m, !1, !0)
       }
     ),
-    N && /* @__PURE__ */ j(
-      I,
+    z && /* @__PURE__ */ h(
+      c,
       {
-        value: v,
-        onClick: async (m) => await N(m)
+        value: f,
+        onClick: async (m) => await z(m)
       }
     ),
-    L && /* @__PURE__ */ j(
-      D,
+    x && /* @__PURE__ */ h(
+      M,
       {
-        value: v,
-        disabled: W,
-        shouldConfirm: x,
-        loading: W && v[y] === Y,
+        value: f,
+        disabled: E,
+        shouldConfirm: Y,
+        loading: E && f[u] === K,
         onClick: async (m) => {
-          h == null || h(m[y]), await L({ [y]: m[y] });
+          r == null || r(m[u]), await x({ [u]: m[u] });
         }
       }
     ),
-    K && w && /* @__PURE__ */ j(
-      B,
+    q && A && /* @__PURE__ */ h(
+      F,
       {
-        value: v,
-        disabled: X,
-        shouldConfirm: V,
-        loading: X && v[y] === Y,
+        value: f,
+        disabled: G,
+        shouldConfirm: Z,
+        loading: G && f[u] === K,
         onClick: async (m) => {
-          h == null || h(m[y]), await K({ [y]: m[y] });
+          r == null || r(m[u]), await q({ [u]: m[u] });
         }
       }
     )
-  ] }) : void 0;
+  ] });
+}
+function d(f) {
+  if (P(f, f.data))
+    return /* @__PURE__ */ h(I, { ...f });
 }
 export {
-  l as default
+  I as CrudActionsInternal,
+  d as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),x=require("../../common/description/DescList.cjs.js"),j=require("react"),C=require("../../locale/index.cjs.js"),V=require("./CrudViewerUtil.cjs.js"),v=require("../../util/CrudUtil.cjs.js"),f=require("../actions/index.cjs.js"),p=require("../../util/ObjectUtil.cjs.js");function w({className:m,fields:i,data:e,descListColumn:a={xs:1,md:3,sm:2,lg:4},layout:d,keepEmptyValues:b,inBuiltModalProps:u,...s}){const{t:o}=C.useTranslationLib(),g=j.useMemo(()=>{const l=i.filter(({hidden:t,hideInDescList:n})=>!t&&!n).map((t,n)=>{const q=v.getRealName(t.name);return{label:t.label,noFormatting:!0,value:V.getRendererValueCrudViewer(t)(p.getValueByPath(e,q),e,n)}}),c=e?r.jsx(f,{data:e,...s,inBuiltModalProps:u?{...u,fields:i}:void 0}):void 0;return c&&l.push({label:o("str.action"),value:c}),l},[e,i,o,s]);return e?r.jsx(x,{keepEmptyValues:b,bordered:!0,column:a,className:m,layout:d,list:g}):r.jsx(r.Fragment,{})}exports.CrudDecListView=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),C=require("../../common/description/DescList.cjs.js"),h=require("react"),x=require("../../locale/index.cjs.js"),j=require("./CrudViewerUtil.cjs.js"),w=require("../../util/CrudUtil.cjs.js"),V=require("../actions/index.cjs.js"),v=require("../../util/ObjectUtil.cjs.js"),f=require("../../util/crud/crud-action.util.cjs.js");function L({className:a,fields:n,data:e,descListColumn:d={xs:1,md:3,sm:2,lg:4},layout:m,keepEmptyValues:q,inBuiltModalProps:o,...i}){const{t:s}=x.useTranslationLib(),b=h.useMemo(()=>{const c=n.filter(({hidden:t,hideInDescList:u})=>!t&&!u).map((t,u)=>{const g=w.getRealName(t.name);return{label:t.label,noFormatting:!0,value:j.getRendererValueCrudViewer(t)(v.getValueByPath(e,g),e,u)}}),l=f.hasCrudActions(i,e)?r.jsx(V.CrudActionsInternal,{data:e,...i,inBuiltModalProps:o?{...o,fields:n}:void 0}):void 0;return l&&c.push({label:s("str.action"),value:l}),c},[e,n,s,i]);return e?r.jsx(C,{keepEmptyValues:q,bordered:!0,column:d,className:a,layout:m,list:b}):r.jsx(r.Fragment,{})}exports.CrudDecListView=L;

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

@@ -1,57 +1,61 @@
-import { jsx as m, Fragment as C } from "react/jsx-runtime";
-import d from "../../common/description/DescList.es.js";
-import { useMemo as v } from "react";
-import { useTranslationLib as V } from "../../locale/index.es.js";
-import { getRendererValueCrudViewer as x } from "./CrudViewerUtil.es.js";
-import F from "../../util/CrudUtil.es.js";
-import L from "../actions/index.es.js";
-import { getValueByPath as h } from "../../util/ObjectUtil.es.js";
+import { jsx as m, Fragment as g } from "react/jsx-runtime";
+import C from "../../common/description/DescList.es.js";
+import { useMemo as b } from "react";
+import { useTranslationLib as v } from "../../locale/index.es.js";
+import { getRendererValueCrudViewer as w } from "./CrudViewerUtil.es.js";
+import V from "../../util/CrudUtil.es.js";
+import { CrudActionsInternal as x } from "../actions/index.es.js";
+import { getValueByPath as F } from "../../util/ObjectUtil.es.js";
+import { hasCrudActions as L } from "../../util/crud/crud-action.util.es.js";
 function T({
-  className: p,
+  className: c,
   fields: t,
-  data: r,
+  data: o,
   descListColumn: f = { xs: 1, md: 3, sm: 2, lg: 4 },
-  layout: c,
+  layout: p,
   keepEmptyValues: a,
-  inBuiltModalProps: i,
-  ...n
+  inBuiltModalProps: n,
+  ...e
 }) {
-  const { t: u } = V(), g = v(() => {
-    const l = t.filter(({ hidden: e, hideInDescList: o }) => !e && !o).map((e, o) => {
-      const b = F.getRealName(e.name);
+  const { t: s } = v(), h = b(() => {
+    const l = t.filter(({ hidden: r, hideInDescList: i }) => !r && !i).map((r, i) => {
+      const d = V.getRealName(r.name);
       return {
-        label: e.label,
+        label: r.label,
         noFormatting: !0,
-        value: x(e)(
-          h(r, b),
-          r,
-          o
+        value: w(r)(
+          F(o, d),
+          o,
+          i
         )
       };
-    }), s = r ? /* @__PURE__ */ m(
-      L,
+    }), u = L(
+      e,
+      o
+    ) ? /* @__PURE__ */ m(
+      x,
       {
-        data: r,
-        ...n,
-        inBuiltModalProps: i ? { ...i, fields: t } : void 0
+        data: o,
+        ...e,
+        inBuiltModalProps: n ? { ...n, fields: t } : void 0
       }
     ) : void 0;
-    return s && l.push({
-      label: u("str.action"),
-      value: s
+    return u && l.push({
+      label: s("str.action"),
+      value: u
     }), l;
-  }, [r, t, u, n]);
-  return r ? /* @__PURE__ */ m(
-    d,
+  }, [o, t, s, e]);
+  return o ? /* @__PURE__ */ m(
+    C,
     {
       keepEmptyValues: a,
       bordered: !0,
       column: f,
-      className: p,
-      layout: c,
-      list: g
+      className: c,
+      layout: p,
+      list: h
     }
-  ) : /* @__PURE__ */ m(C, {});
+  ) : /* @__PURE__ */ m(g, {});
 }
 export {
   T as CrudDecListView

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

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),qt=require("antd"),Ct=require("@dnd-kit/core"),St=require("@dnd-kit/modifiers"),It=require("@dnd-kit/utilities"),T=require("@dnd-kit/sortable"),Rt=require("../../common/button/Button.cjs.js"),lt=require("../../common/button/RefreshButton.cjs.js"),Mt=require("../../common/button/ViewButtonTable.cjs.js"),dt=require("../actions/index.cjs.js"),Tt=require("../../common/table/table.cjs.js"),s=require("react"),Vt=require("../../locale/index.cjs.js"),Bt=require("../CrudSearchComponent.cjs.js"),Dt=require("./CrudDecListView.cjs.js"),st=require("./CrudViewerUtil.cjs.js"),Ot=require("@ant-design/icons"),rt=require("../../util/CrudUtil.cjs.js"),Nt=require("../../common/layout/VerticalSpace.cjs.js"),kt=s.memo(Tt);function Et({summary:j,idField:o="id",loadingData:q,fields:h,isDeleting:l,isHiding:V,viewable:c=!1,paginateProps:f,onDelete:S,deletable:M,updatable:k,onHide:z,onUpdate:B,data:I=[],extraAction:D,onClickUpdate:O,minusHeight:E,scroll:$,onClickClone:A,className:_,expandable:G,size:J,bordered:K,descListColumn:ut,extraView:L,decListLayout:it,scrollToTop:zt,onClickRefresh:Q,closeViewOnClickUpdate:X,onExport:Y,confirmHiding:Z,confirmDeleting:W,rowClassName:P,actionWidth:H=190,draggable:t,rowSelection:U,...ft}){const{t:w}=Vt.useTranslationLib(),p=s.useMemo(()=>h.map(({hideInTable:e,hidden:r,width:u,label:m,halign:R,...C})=>{const N=rt.getRealName(C.name);return{title:m,width:u,key:N,dataIndex:N,hidden:e||r,align:R??(C.type==="number"?"right":void 0),render:st.getRendererValueCrudViewer(C),sorter:C.sorter,defaultSortOrder:C.defaultSortOrder}}),[h]),[i,d]=s.useState(),[F,a]=s.useState(),[y,b]=s.useState([]),mt=s.useCallback(e=>{d(e)},[]);s.useEffect(()=>{I&&b(I)},[I]),s.useEffect(()=>{I&&d(e=>{if(e)return I.find(r=>r[o]===e[o])})},[I,o,i]);const g=s.useCallback(e=>{var m;const{active:r,over:u}=e;if(t!=null&&t.onDragEnd&&(t==null||t.onDragEnd(e)),r.id!==(u==null?void 0:u.id)){const R=y.findIndex(x=>x[o]===r.id),C=y.findIndex(x=>x[o]===(u==null?void 0:u.id)),N=T.arrayMove(y,R,C);b(x=>{const ht=x.findIndex(v=>v[o]===(r==null?void 0:r.id)),yt=x.findIndex(v=>v[o]===(u==null?void 0:u.id));return T.arrayMove(x,ht,yt)}),(m=t==null?void 0:t.onDrag)==null||m.call(t,{newOrder:N.map(x=>x[o])})}},[y,o,t]),xt=s.useMemo(()=>{let e=typeof c=="string"?i==null?void 0:i[c]:void 0;if(typeof e=="object"){const r=h.find(u=>rt.getRealName(u.name)===c);e=st.getRendererValueCrudViewer(r)(e,i,0)}return e},[c,i,h]),tt=s.useMemo(()=>({rowSelection:U,rowClassName:P,className:_,scroll:$??(E?{y:`calc(100vh - ${E})`}:void 0),id:"crud-table",bordered:K,size:J,expandable:G}),[U,P,_,$,E,K,J,G]),et=s.useMemo(()=>f?{...f,total:f.count,onChange:f.setPage,current:f.page,pageSize:f.pageSize}:void 0,[f]),nt=s.useMemo(()=>{const e=B||O||S||D||c,r=[];return t&&r.push({key:"key",align:"center",width:5,title:t==null?void 0:t.columnLabel,render:()=>n.jsx(Lt,{tooltip:t==null?void 0:t.tooltip})}),r.push(...p),e&&e&&r.push({title:w("str.action"),fixed:"right",width:H,render:(u,m)=>n.jsxs(n.Fragment,{children:[c&&n.jsx(Mt,{value:m,onClick:typeof c=="object"?()=>{var R;return(R=c.onClick)==null?void 0:R.call(c,m)}:mt}),n.jsx(dt,{data:m,idField:o,extraAction:D,onUpdate:B,onClickUpdate:O,onClickClone:A,onDelete:S,deletable:M,updatable:k,onHide:z,onExport:Y,isHiding:V,isDeleting:l,confirmHiding:Z,confirmDeleting:W,closeViewOnClickUpdate:X,recentUpdateOrDeleteId:F,setRecentUpdateOrDeleteId:a,setOpenView:d})]})}),r},[p,B,O,S,M,k,D,c,w,H]),ot=s.useMemo(()=>y.map(e=>e[o]),[y,o]),jt=s.useCallback(()=>{const e=n.jsx(kt,{...tt,summary:j,dataSource:y,loading:q,components:t?{body:{row:vt}}:void 0,pagination:et,columns:nt});return t?n.jsx(Ct.DndContext,{modifiers:[St.restrictToVerticalAxis],onDragEnd:g,children:n.jsx(T.SortableContext,{items:ot,strategy:T.verticalListSortingStrategy,children:e})}):e},[tt,y,q,et,nt,j,t,ot,g]);return n.jsxs("div",{children:[(typeof c=="boolean"||typeof c=="string")&&n.jsx(qt.Modal,{width:"100%",open:!!i,title:xt??n.jsx("div",{children:" "}),footer:n.jsx(n.Fragment,{}),closable:!0,onCancel:()=>d(void 0),children:!!i&&n.jsxs("div",{children:[n.jsx(Dt.CrudDecListView,{layout:it,descListColumn:ut,data:i,fields:h,idField:o,extraAction:D,onUpdate:B,onClickUpdate:O,onClickClone:A,onDelete:S,deletable:M,updatable:k,onHide:z,onExport:Y,isHiding:V,isDeleting:l,confirmHiding:Z,confirmDeleting:W,closeViewOnClickUpdate:X,recentUpdateOrDeleteId:F,setRecentUpdateOrDeleteId:a,setOpenView:d}),L==null?void 0:L(i)]},i==null?void 0:i[o])}),n.jsx(Bt,{fields:h,...ft}),n.jsxs(Nt,{children:[!!Q&&n.jsx(lt.RefreshButton,{onClick:Q}),jt()]})]})}const ct=s.createContext({}),Lt=({tooltip:j})=>{const{setActivatorNodeRef:o,listeners:q}=s.useContext(ct);return n.jsx(Rt,{type:"text",size:"small",tooltip:j,icon:n.jsx(Ot.HolderOutlined,{}),style:{cursor:"move",border:"none"},ref:o,...q})},vt=j=>{const{attributes:o,listeners:q,setNodeRef:h,setActivatorNodeRef:l,transform:V,transition:c,isDragging:f}=T.useSortable({id:j["data-row-key"]}),S={...j.style,transform:It.CSS.Translate.toString(V),transition:c,...f?{position:"relative",zIndex:9999}:{}},M=s.useMemo(()=>({setActivatorNodeRef:l,listeners:q}),[l,q]);return n.jsx(ct.Provider,{value:M,children:n.jsx("tr",{...j,ref:h,style:S,...o})})};module.exports=Et;
+"use strict";const n=require("react/jsx-runtime"),qt=require("antd"),Ct=require("@dnd-kit/core"),St=require("@dnd-kit/modifiers"),It=require("@dnd-kit/utilities"),T=require("@dnd-kit/sortable"),Rt=require("../../common/button/Button.cjs.js"),lt=require("../../common/button/RefreshButton.cjs.js"),dt=require("../../common/button/ViewButtonTable.cjs.js"),Mt=require("../actions/index.cjs.js"),Tt=require("../../common/table/table.cjs.js"),s=require("react"),Vt=require("../../locale/index.cjs.js"),Bt=require("../CrudSearchComponent.cjs.js"),Dt=require("./CrudDecListView.cjs.js"),st=require("./CrudViewerUtil.cjs.js"),Ot=require("@ant-design/icons"),rt=require("../../util/CrudUtil.cjs.js"),Nt=require("../../common/layout/VerticalSpace.cjs.js"),kt=s.memo(Tt);function Et({summary:j,idField:o="id",loadingData:q,fields:h,isDeleting:l,isHiding:V,viewable:c=!1,paginateProps:f,onDelete:S,deletable:d,updatable:k,onHide:z,onUpdate:B,data:I=[],extraAction:D,onClickUpdate:O,minusHeight:E,scroll:$,onClickClone:A,className:_,expandable:G,size:J,bordered:K,descListColumn:ut,extraView:L,decListLayout:it,scrollToTop:zt,onClickRefresh:Q,closeViewOnClickUpdate:X,onExport:Y,confirmHiding:Z,confirmDeleting:W,rowClassName:P,actionWidth:H=190,draggable:t,rowSelection:U,...ft}){const{t:w}=Vt.useTranslationLib(),p=s.useMemo(()=>h.map(({hideInTable:e,hidden:r,width:u,label:m,halign:R,...C})=>{const N=rt.getRealName(C.name);return{title:m,width:u,key:N,dataIndex:N,hidden:e||r,align:R??(C.type==="number"?"right":void 0),render:st.getRendererValueCrudViewer(C),sorter:C.sorter,defaultSortOrder:C.defaultSortOrder}}),[h]),[i,M]=s.useState(),[F,a]=s.useState(),[y,b]=s.useState([]),mt=s.useCallback(e=>{M(e)},[]);s.useEffect(()=>{I&&b(I)},[I]),s.useEffect(()=>{I&&M(e=>{if(e)return I.find(r=>r[o]===e[o])})},[I,o,i]);const g=s.useCallback(e=>{var m;const{active:r,over:u}=e;if(t!=null&&t.onDragEnd&&(t==null||t.onDragEnd(e)),r.id!==(u==null?void 0:u.id)){const R=y.findIndex(x=>x[o]===r.id),C=y.findIndex(x=>x[o]===(u==null?void 0:u.id)),N=T.arrayMove(y,R,C);b(x=>{const ht=x.findIndex(v=>v[o]===(r==null?void 0:r.id)),yt=x.findIndex(v=>v[o]===(u==null?void 0:u.id));return T.arrayMove(x,ht,yt)}),(m=t==null?void 0:t.onDrag)==null||m.call(t,{newOrder:N.map(x=>x[o])})}},[y,o,t]),xt=s.useMemo(()=>{let e=typeof c=="string"?i==null?void 0:i[c]:void 0;if(typeof e=="object"){const r=h.find(u=>rt.getRealName(u.name)===c);e=st.getRendererValueCrudViewer(r)(e,i,0)}return e},[c,i,h]),tt=s.useMemo(()=>({rowSelection:U,rowClassName:P,className:_,scroll:$??(E?{y:`calc(100vh - ${E})`}:void 0),id:"crud-table",bordered:K,size:J,expandable:G}),[U,P,_,$,E,K,J,G]),et=s.useMemo(()=>f?{...f,total:f.count,onChange:f.setPage,current:f.page,pageSize:f.pageSize}:void 0,[f]),nt=s.useMemo(()=>{const e=B||O||S||D||c,r=[];return t&&r.push({key:"key",align:"center",width:5,title:t==null?void 0:t.columnLabel,render:()=>n.jsx(Lt,{tooltip:t==null?void 0:t.tooltip})}),r.push(...p),e&&e&&r.push({title:w("str.action"),fixed:"right",width:H,render:(u,m)=>n.jsxs(n.Fragment,{children:[c&&n.jsx(dt,{value:m,onClick:typeof c=="object"?()=>{var R;return(R=c.onClick)==null?void 0:R.call(c,m)}:mt}),n.jsx(Mt.default,{data:m,idField:o,extraAction:D,onUpdate:B,onClickUpdate:O,onClickClone:A,onDelete:S,deletable:d,updatable:k,onHide:z,onExport:Y,isHiding:V,isDeleting:l,confirmHiding:Z,confirmDeleting:W,closeViewOnClickUpdate:X,recentUpdateOrDeleteId:F,setRecentUpdateOrDeleteId:a,setOpenView:M})]})}),r},[p,B,O,S,d,k,D,c,w,H]),ot=s.useMemo(()=>y.map(e=>e[o]),[y,o]),jt=s.useCallback(()=>{const e=n.jsx(kt,{...tt,summary:j,dataSource:y,loading:q,components:t?{body:{row:vt}}:void 0,pagination:et,columns:nt});return t?n.jsx(Ct.DndContext,{modifiers:[St.restrictToVerticalAxis],onDragEnd:g,children:n.jsx(T.SortableContext,{items:ot,strategy:T.verticalListSortingStrategy,children:e})}):e},[tt,y,q,et,nt,j,t,ot,g]);return n.jsxs("div",{children:[(typeof c=="boolean"||typeof c=="string")&&n.jsx(qt.Modal,{width:"100%",open:!!i,title:xt??n.jsx("div",{children:" "}),footer:n.jsx(n.Fragment,{}),closable:!0,onCancel:()=>M(void 0),children:!!i&&n.jsxs("div",{children:[n.jsx(Dt.CrudDecListView,{layout:it,descListColumn:ut,data:i,fields:h,idField:o,extraAction:D,onUpdate:B,onClickUpdate:O,onClickClone:A,onDelete:S,deletable:d,updatable:k,onHide:z,onExport:Y,isHiding:V,isDeleting:l,confirmHiding:Z,confirmDeleting:W,closeViewOnClickUpdate:X,recentUpdateOrDeleteId:F,setRecentUpdateOrDeleteId:a,setOpenView:M}),L==null?void 0:L(i)]},i==null?void 0:i[o])}),n.jsx(Bt,{fields:h,...ft}),n.jsxs(Nt,{children:[!!Q&&n.jsx(lt.RefreshButton,{onClick:Q}),jt()]})]})}const ct=s.createContext({}),Lt=({tooltip:j})=>{const{setActivatorNodeRef:o,listeners:q}=s.useContext(ct);return n.jsx(Rt,{type:"text",size:"small",tooltip:j,icon:n.jsx(Ot.HolderOutlined,{}),style:{cursor:"move",border:"none"},ref:o,...q})},vt=j=>{const{attributes:o,listeners:q,setNodeRef:h,setActivatorNodeRef:l,transform:V,transition:c,isDragging:f}=T.useSortable({id:j["data-row-key"]}),S={...j.style,transform:It.CSS.Translate.toString(V),transition:c,...f?{position:"relative",zIndex:9999}:{}},d=s.useMemo(()=>({setActivatorNodeRef:l,listeners:q}),[l,q]);return n.jsx(ct.Provider,{value:d,children:n.jsx("tr",{...j,ref:h,style:S,...o})})};module.exports=Et;

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"),C=require("./crud/CrudComponent.cjs.js"),r=require("./crud/CrudField.cjs.js"),t=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=C;exports.ColorCrudFieldComponent=r.ColorCrudFieldComponent;exports.CrudField=r.default;exports.SelectCrudFieldComponent=r.SelectCrudFieldComponent;exports.CrudFormWizard=t;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;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 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;

package/dist/util/crud/crud-action.util.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function p(a,n){const{extraAction:t,onUpdate:l,onClickUpdate:s,onClickClone:u,onDelete:C,onHide:d,onExport:f,inBuiltModalProps:e,updatable:r,deletable:c}=a;if(!n)return!1;const o=t==null?void 0:t(n),i=r?r(n):!0,b=c?c(n):!0;return!!((Array.isArray(o)?o.filter(Boolean).length:o)||l||i&&s||e!=null&&e.onUpdate||u||e!=null&&e.onCreate||b&&C||f||d)}exports.hasCrudActions=p;

package/dist/util/crud/crud-action.util.d.ts

@@ -0,0 +1,2 @@
+import { CrudActionsProps } from '../../crud';
+export declare function hasCrudActions<T, FormType>(props: CrudActionsProps<T, FormType>, data: T | undefined): boolean;

package/dist/util/crud/crud-action.util.es.js

@@ -0,0 +1,20 @@
+function d(a, n) {
+  const {
+    extraAction: t,
+    onUpdate: l,
+    onClickUpdate: s,
+    onClickClone: C,
+    onDelete: f,
+    onHide: p,
+    onExport: u,
+    inBuiltModalProps: e,
+    updatable: r,
+    deletable: c
+  } = a;
+  if (!n) return !1;
+  const o = t == null ? void 0 : t(n), U = r ? r(n) : !0, b = c ? c(n) : !0;
+  return !!((Array.isArray(o) ? o.filter(Boolean).length : o) || l || U && s || e != null && e.onUpdate || C || e != null && e.onCreate || b && f || u || p);
+}
+export {
+  d as hasCrudActions
+};

package/package.json

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