@kingteza/crud-component 1.0.52 → 1.0.55

package/common/icon/KIcon.cjs.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),r=require("@ant-design/icons"),s=require("../../node_modules/.pnpm/@iconify_react@6.0.1_react@18.3.1/node_modules/@iconify/react/dist/iconify.cjs.js"),u=require("react"),i=e=>n=>t.jsx(s.Icon,{...n,icon:e}),I=({icon:e,component:n,...c})=>{const o=u.useMemo(()=>n??i(e),[e,n]);return t.jsx(r,{...c,component:o})};module.exports=I;
+"use strict";const n=require("react/jsx-runtime"),s=require("@ant-design/icons"),o=require("@iconify/react"),u=require("react"),i=e=>t=>n.jsx(o.Icon,{...t,icon:e}),I=({icon:e,component:t,...r})=>{const c=u.useMemo(()=>t??i(e),[e,t]);return n.jsx(s,{...r,component:c})};module.exports=I;

package/common/icon/KIcon.es.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import c from "@ant-design/icons";
-import { Icon as e } from "../../node_modules/.pnpm/@iconify_react@6.0.1_react@18.3.1/node_modules/@iconify/react/dist/iconify.es.js";
+import { Icon as e } from "@iconify/react";
 import { useMemo as s } from "react";
 const f = (o) => (r) => /* @__PURE__ */ t(e, { ...r, icon: o }), u = ({ icon: o, component: r, ...n }) => {
   const m = s(() => r ?? f(o), [o, r]);

package/common/picker/ImagePicker.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),je=require("../../node_modules/.pnpm/react-advanced-cropper@0.20.1_react@18.3.1/node_modules/react-advanced-cropper/dist/index.esm-bundler.cjs.js");;/* empty css                                                                                                                          */;/* empty css               */const O=require("@ant-design/icons"),F=require("antd"),s=require("react"),he=require("../../locale/index.cjs.js"),I=require("../button/Button.cjs.js"),we=require("../../util/ImageUtil.cjs.js"),be=require("../../icons/FlipHIcon.cjs.js"),Ce=require("../../icons/FlipVIcon.cjs.js"),Se=F.Form.Item,Y="crud-component.image-picker.button-state";function Z(n){return new Promise((u,p)=>{const o=new FileReader;o.readAsDataURL(n),o.onload=()=>u(o.result),o.onerror=m=>p(m)})}const ve=({values:n=[],required:u,buttonType:p,label:o,name:m,onChange:f,aspectRatio:h,buttonTitle:w,hidePreview:b,buttonSize:g="large",showButtonText:x=!0,showOnlyIcon:B=!1,icon:U=t.jsx(O.UploadOutlined,{}),loading:k,maxCount:C=1,onAdd:a,onRemove:R,listType:q,...E})=>{const[te,re]=s.useState(""),[se,ne]=s.useState(""),[oe,A]=s.useState(!1),T=s.useRef(),l=s.useRef(null),[i,z]=s.useState([]),[j,P]=s.useState(),ie=s.useRef(),ae=()=>A(!1),ce=async e=>{!e.url&&!e.preview&&(e.preview=await Z(e.originFileObj)),ne(e.url||e.preview),A(!0),re(e.name)},[D,N]=s.useState(!1),H=e=>{var r;(r=l.current)==null||r.rotateImage(e?-90:90)},L=s.useCallback(e=>{var r;l.current&&((r=l.current)==null||r.flipImage(e==="h",e==="v"))},[]);s.useEffect(()=>{f==null||f(i[0],i)},[i,f]);const le=async()=>{var y;const e=(y=l.current)==null?void 0:y.getCanvas(),{type:r,size:c,name:S,uid:v}=T.current;N(!0),e==null||e.toBlob(async ge=>{const xe=Object.assign(new File([ge],S,{type:r}),{uid:v}),Q=await we.resizeImage(xe),_=await Z(Q);console.log({url:_});const X={url:_,name:S,uid:v,type:r,size:c,thumbUrl:_,originFileObj:Q};if(a)try{N(!0),await a(X)}finally{N(!1)}z([X,...i]),N(!1)}),P(void 0)},ue=()=>{P(void 0),T.current=void 0},V=s.useCallback(e=>{const r=e;if(r){T.current=r;const c=new FileReader;c.addEventListener("load",()=>{var S;if(typeof c.result=="string"){P(c.result);const v=localStorage.getItem(Y),y=v?JSON.parse(v):void 0;y&&((S=l.current)==null||S.setState(y)),setTimeout(()=>{K(l.current)},100)}}),c.readAsDataURL(r)}},[]);s.useEffect(()=>{if(n!=null&&n.length||typeof n=="string"){const e=Array.isArray(n)?n.map(r=>[{uid:n,url:r}]):[{uid:n,url:n}];z(e)}},[n]);const{t:d}=he.useTranslationLib(),de=s.useMemo(()=>u?{required:u,validator:(e,r,c)=>{j||i!=null&&i.length?c():c(`${o??""} ${d("err.validation.required")}`)}}:void 0,[u,j,i==null?void 0:i.length,o,d]),J=w??d("message.uploadButtonText"),W=s.useMemo(()=>t.jsx(ee,{showLoadingIndicator:D,_buttonTitle:J,buttonSize:g,buttonType:p,fileList:i,hidePreview:b,icon:U,loading:k,listType:q,maxCount:C,onChangeFile:V,onRemove:R,showButtonText:x,handlePreview:ce,setFileList:z}),[D,J,g,p,i,b,U,k,q,C,V,R,x]);ie.current=W.props.beforeUpload;const[pe,$]=s.useState(0),[me,G]=s.useState(0),[M,fe]=s.useState();s.useEffect(()=>{const e=setTimeout(()=>{M&&localStorage.setItem(Y,JSON.stringify(M))},400);return()=>clearTimeout(e)},[M]),s.useEffect(()=>{if(!j){$(0),G(0);const e=setTimeout(()=>{var r;(r=l.current)==null||r.reset()},1500);return()=>clearTimeout(e)}},[j]);const K=s.useCallback(async e=>{if(e){const r=e.getCoordinates();fe(e.getState()),$((r==null?void 0:r.width)??10),G((r==null?void 0:r.height)??10)}},[]);return t.jsxs(t.Fragment,{children:[t.jsx(Se,{label:o,...E,name:m,className:"mb-0",rules:[de,...E.rules??[]],children:W}),t.jsxs(F.Modal,{open:!!j,maskClosable:!1,onOk:le,closable:!1,onCancel:ue,destroyOnHidden:!0,children:[t.jsx(je.Cropper,{ref:l,stencilProps:{grid:!0},style:{border:"1px solid black"},src:j,onChange:e=>{K(e)},aspectRatio:h?{minimum:h,maximum:h}:void 0}),t.jsx("p",{className:"text-center",children:[pe,me].join(" ⨉ ")}),t.jsx("div",{className:"mt-2 d-flex justify-content-center",children:t.jsxs(F.Space.Compact,{children:[t.jsx(I,{size:"large",tooltip:d("str.rotateLeft"),icon:t.jsx(O.RotateLeftOutlined,{}),onClick:()=>H(!0)}),t.jsx(I,{size:"large",icon:t.jsx(O.RotateRightOutlined,{}),tooltip:d("str.rotateRight"),onClick:()=>H(!1)}),t.jsx(I,{size:"large",icon:t.jsx(be,{}),tooltip:d("str.flipHorizontal"),onClick:()=>L("h")}),t.jsx(I,{size:"large",icon:t.jsx(Ce,{}),tooltip:d("str.flipVertical"),onClick:()=>L("v")})]})})]}),t.jsx(F.Modal,{open:oe,title:te,footer:null,onCancel:ae,children:t.jsx("div",{className:"text-center",children:t.jsx("img",{alt:"example",style:{maxWidth:"400px"},src:se})})})]})},ee=({_buttonTitle:n,buttonSize:u,buttonType:p,fileList:o,hidePreview:m,icon:f,loading:h,maxCount:w,onChangeFile:b,onRemove:g,showButtonText:x,handlePreview:B,setFileList:U,showLoadingIndicator:k,listType:C="picture"})=>t.jsx(t.Fragment,{children:t.jsxs(F.Upload,{accept:"image/x-png,image/gif,image/jpeg",fileList:o,defaultFileList:o,onChange:()=>{},className:(o.length>=w?" hide-upload ":"")+" mb-0",multiple:!1,onPreview:m?void 0:B,onDrop:a=>(b(a.dataTransfer.files.item(0)),!1),listType:C,showUploadList:!m,onRemove:a=>{const R=o.filter(q=>a.uid!==q.uid);g==null||g(a),U(R)},beforeUpload:async a=>(b(a),!1),maxCount:w,children:[k&&t.jsx(O.LoadingOutlined,{}),t.jsx("div",{className:"d-flex flex-column",children:o.length<w&&(C==="picture-circle"?t.jsx(O.UploadOutlined,{}):t.jsx(I,{loading:h,tooltip:x?void 0:n,size:u,icon:f,type:x?p:"text",children:x?n:void 0}))})]},o.length)});exports.UploadComponent=ee;exports.default=ve;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),je=require("react-advanced-cropper");;/* empty css                                                                                                                          */;/* empty css               */const O=require("@ant-design/icons"),U=require("antd"),s=require("react"),he=require("../../locale/index.cjs.js"),I=require("../button/Button.cjs.js"),we=require("../../util/ImageUtil.cjs.js"),Ce=require("../../icons/FlipHIcon.cjs.js"),be=require("../../icons/FlipVIcon.cjs.js"),ve=U.Form.Item,Y="crud-component.image-picker.button-state";function Z(o){return new Promise((u,p)=>{const n=new FileReader;n.readAsDataURL(o),n.onload=()=>u(n.result),n.onerror=m=>p(m)})}const Se=({values:o=[],required:u,buttonType:p,label:n,name:m,onChange:f,aspectRatio:h,buttonTitle:w,hidePreview:C,buttonSize:g="large",showButtonText:x=!0,showOnlyIcon:_=!1,icon:k=t.jsx(O.UploadOutlined,{}),loading:F,maxCount:b=1,onAdd:a,onRemove:R,listType:q,...A})=>{const[te,re]=s.useState(""),[se,oe]=s.useState(""),[ne,B]=s.useState(!1),T=s.useRef(),l=s.useRef(null),[i,z]=s.useState([]),[j,P]=s.useState(),ie=s.useRef(),ae=()=>B(!1),ce=async e=>{!e.url&&!e.preview&&(e.preview=await Z(e.originFileObj)),oe(e.url||e.preview),B(!0),re(e.name)},[D,N]=s.useState(!1),H=e=>{var r;(r=l.current)==null||r.rotateImage(e?-90:90)},L=s.useCallback(e=>{var r;l.current&&((r=l.current)==null||r.flipImage(e==="h",e==="v"))},[]);s.useEffect(()=>{f==null||f(i[0],i)},[i,f]);const le=async()=>{var y;const e=(y=l.current)==null?void 0:y.getCanvas(),{type:r,size:c,name:v,uid:S}=T.current;N(!0),e==null||e.toBlob(async ge=>{const xe=Object.assign(new File([ge],v,{type:r}),{uid:S}),Q=await we.resizeImage(xe),E=await Z(Q);console.log({url:E});const X={url:E,name:v,uid:S,type:r,size:c,thumbUrl:E,originFileObj:Q};if(a)try{N(!0),await a(X)}finally{N(!1)}z([X,...i]),N(!1)}),P(void 0)},ue=()=>{P(void 0),T.current=void 0},V=s.useCallback(e=>{const r=e;if(r){T.current=r;const c=new FileReader;c.addEventListener("load",()=>{var v;if(typeof c.result=="string"){P(c.result);const S=localStorage.getItem(Y),y=S?JSON.parse(S):void 0;y&&((v=l.current)==null||v.setState(y)),setTimeout(()=>{K(l.current)},100)}}),c.readAsDataURL(r)}},[]);s.useEffect(()=>{if(o!=null&&o.length||typeof o=="string"){const e=Array.isArray(o)?o.map(r=>[{uid:o,url:r}]):[{uid:o,url:o}];z(e)}},[o]);const{t:d}=he.useTranslationLib(),de=s.useMemo(()=>u?{required:u,validator:(e,r,c)=>{j||i!=null&&i.length?c():c(`${n??""} ${d("err.validation.required")}`)}}:void 0,[u,j,i==null?void 0:i.length,n,d]),J=w??d("message.uploadButtonText"),W=s.useMemo(()=>t.jsx(ee,{showLoadingIndicator:D,_buttonTitle:J,buttonSize:g,buttonType:p,fileList:i,hidePreview:C,icon:k,loading:F,listType:q,maxCount:b,onChangeFile:V,onRemove:R,showButtonText:x,handlePreview:ce,setFileList:z}),[D,J,g,p,i,C,k,F,q,b,V,R,x]);ie.current=W.props.beforeUpload;const[pe,$]=s.useState(0),[me,G]=s.useState(0),[M,fe]=s.useState();s.useEffect(()=>{const e=setTimeout(()=>{M&&localStorage.setItem(Y,JSON.stringify(M))},400);return()=>clearTimeout(e)},[M]),s.useEffect(()=>{if(!j){$(0),G(0);const e=setTimeout(()=>{var r;(r=l.current)==null||r.reset()},1500);return()=>clearTimeout(e)}},[j]);const K=s.useCallback(async e=>{if(e){const r=e.getCoordinates();fe(e.getState()),$((r==null?void 0:r.width)??10),G((r==null?void 0:r.height)??10)}},[]);return t.jsxs(t.Fragment,{children:[t.jsx(ve,{label:n,...A,name:m,className:"mb-0",rules:[de,...A.rules??[]],children:W}),t.jsxs(U.Modal,{open:!!j,maskClosable:!1,onOk:le,closable:!1,onCancel:ue,destroyOnHidden:!0,children:[t.jsx(je.Cropper,{ref:l,stencilProps:{grid:!0},style:{border:"1px solid black"},src:j,onChange:e=>{K(e)},aspectRatio:h?{minimum:h,maximum:h}:void 0}),t.jsx("p",{className:"text-center",children:[pe,me].join(" ⨉ ")}),t.jsx("div",{className:"mt-2 d-flex justify-content-center",children:t.jsxs(U.Space.Compact,{children:[t.jsx(I,{size:"large",tooltip:d("str.rotateLeft"),icon:t.jsx(O.RotateLeftOutlined,{}),onClick:()=>H(!0)}),t.jsx(I,{size:"large",icon:t.jsx(O.RotateRightOutlined,{}),tooltip:d("str.rotateRight"),onClick:()=>H(!1)}),t.jsx(I,{size:"large",icon:t.jsx(Ce,{}),tooltip:d("str.flipHorizontal"),onClick:()=>L("h")}),t.jsx(I,{size:"large",icon:t.jsx(be,{}),tooltip:d("str.flipVertical"),onClick:()=>L("v")})]})})]}),t.jsx(U.Modal,{open:ne,title:te,footer:null,onCancel:ae,children:t.jsx("div",{className:"text-center",children:t.jsx("img",{alt:"example",style:{maxWidth:"400px"},src:se})})})]})},ee=({_buttonTitle:o,buttonSize:u,buttonType:p,fileList:n,hidePreview:m,icon:f,loading:h,maxCount:w,onChangeFile:C,onRemove:g,showButtonText:x,handlePreview:_,setFileList:k,showLoadingIndicator:F,listType:b="picture"})=>t.jsxs(U.Upload,{accept:"image/x-png,image/gif,image/jpeg",fileList:n,defaultFileList:n,onChange:()=>{},className:(n.length>=w?" hide-upload ":"")+" mb-0",multiple:!1,onPreview:m?void 0:_,onDrop:a=>(C(a.dataTransfer.files.item(0)),!1),listType:b,showUploadList:!m,onRemove:a=>{const R=n.filter(q=>a.uid!==q.uid);g==null||g(a),k(R)},beforeUpload:async a=>(C(a),!1),maxCount:w,children:[F&&t.jsx(O.LoadingOutlined,{}),t.jsx("div",{className:"d-flex flex-column",children:n.length<w&&(b==="picture-circle"?t.jsx(O.UploadOutlined,{}):t.jsx(I,{loading:h,tooltip:x?void 0:o,size:u,icon:f,type:x?p:"text",children:x?o:void 0}))})]},n.length);exports.UploadComponent=ee;exports.default=Se;

package/common/picker/ImagePicker.es.js

@@ -1,8 +1,8 @@
-import { jsx as r, jsxs as z, Fragment as ne } from "react/jsx-runtime";
-import { Cropper as xe } from "../../node_modules/.pnpm/react-advanced-cropper@0.20.1_react@18.3.1/node_modules/react-advanced-cropper/dist/index.esm-bundler.es.js";
+import { jsx as r, jsxs as z, Fragment as Ie } from "react/jsx-runtime";
+import { Cropper as xe } from "react-advanced-cropper";
 /* empty css                                                                                                                        */
 /* empty css             */
-import { RotateLeftOutlined as Fe, RotateRightOutlined as Oe, UploadOutlined as se, LoadingOutlined as Se } from "@ant-design/icons";
+import { RotateLeftOutlined as Fe, RotateRightOutlined as Oe, UploadOutlined as ne, LoadingOutlined as Se } from "@ant-design/icons";
 import { Form as Ue, Modal as te, Space as ke, Upload as Re } from "antd";
 import H, { useRef as L, useState as w, useCallback as V, useEffect as j, useMemo as re } from "react";
 import { useTranslationLib as Ne } from "../../locale/index.es.js";
@@ -30,7 +30,7 @@ const Ke = ({
   buttonSize: f = "large",
   showButtonText: g = !0,
   showOnlyIcon: _ = !1,
-  icon: S = /* @__PURE__ */ r(se, {}),
+  icon: S = /* @__PURE__ */ r(ne, {}),
   loading: U,
   maxCount: y = 1,
   onAdd: s,
@@ -38,8 +38,8 @@ const Ke = ({
   listType: R,
   ...E
 }) => {
-  const [ae, le] = H.useState(""), [ce, de] = H.useState(""), [me, M] = H.useState(!1), T = L(), l = L(null), [n, P] = w([]), [h, B] = w(), pe = L(), ue = () => M(!1), fe = async (e) => {
-    !e.url && !e.preview && (e.preview = await ie(e.originFileObj)), de(e.url || e.preview), M(!0), le(e.name);
+  const [se, ae] = H.useState(""), [le, ce] = H.useState(""), [de, M] = H.useState(!1), T = L(), l = L(null), [n, P] = w([]), [h, B] = w(), me = L(), pe = () => M(!1), ue = async (e) => {
+    !e.url && !e.preview && (e.preview = await ie(e.originFileObj)), ce(e.url || e.preview), M(!0), ae(e.name);
   }, [J, N] = w(!1), W = (e) => {
     var t;
     (t = l.current) == null || t.rotateImage(e ? -90 : 90);
@@ -50,13 +50,13 @@ const Ke = ({
   j(() => {
     u == null || u(n[0], n);
   }, [n, u]);
-  const ge = async () => {
+  const fe = async () => {
     var F;
     const e = (F = l.current) == null ? void 0 : F.getCanvas(), { type: t, size: a, name: I, uid: x } = T.current;
-    N(!0), e == null || e.toBlob(async (ye) => {
-      const Ie = Object.assign(new File([ye], I, { type: t }), {
+    N(!0), e == null || e.toBlob(async (ve) => {
+      const ye = Object.assign(new File([ve], I, { type: t }), {
         uid: x
-      }), q = await je.resizeImage(Ie), D = await ie(q);
+      }), q = await je.resizeImage(ye), D = await ie(q);
       console.log({ url: D });
       const ee = {
         url: D,
@@ -75,7 +75,7 @@ const Ke = ({
         }
       P([ee, ...n]), N(!1);
     }), B(void 0);
-  }, he = () => {
+  }, ge = () => {
     B(void 0), T.current = void 0;
   }, G = V((e) => {
     const t = e;
@@ -100,7 +100,7 @@ const Ke = ({
       P(e);
     }
   }, [o]);
-  const { t: d } = Ne(), we = re(
+  const { t: d } = Ne(), he = re(
     () => c ? {
       required: c,
       validator: (e, t, a) => {
@@ -125,7 +125,7 @@ const Ke = ({
         onChangeFile: G,
         onRemove: k,
         showButtonText: g,
-        handlePreview: fe,
+        handlePreview: ue,
         setFileList: P
       }
     ),
@@ -145,8 +145,8 @@ const Ke = ({
       g
     ]
   );
-  pe.current = Q.props.beforeUpload;
-  const [Ce, X] = w(0), [be, Y] = w(0), [A, ve] = w();
+  me.current = Q.props.beforeUpload;
+  const [we, X] = w(0), [Ce, Y] = w(0), [A, be] = w();
   j(() => {
     const e = setTimeout(() => {
       A && localStorage.setItem(oe, JSON.stringify(A));
@@ -165,10 +165,10 @@ const Ke = ({
   const Z = V(async (e) => {
     if (e) {
       const t = e.getCoordinates();
-      ve(e.getState()), X((t == null ? void 0 : t.width) ?? 10), Y((t == null ? void 0 : t.height) ?? 10);
+      be(e.getState()), X((t == null ? void 0 : t.width) ?? 10), Y((t == null ? void 0 : t.height) ?? 10);
     }
   }, []);
-  return /* @__PURE__ */ z(ne, { children: [
+  return /* @__PURE__ */ z(Ie, { children: [
     /* @__PURE__ */ r(
       Pe,
       {
@@ -176,7 +176,7 @@ const Ke = ({
         ...E,
         name: p,
         className: "mb-0",
-        rules: [we, ...E.rules ?? []],
+        rules: [he, ...E.rules ?? []],
         children: Q
       }
     ),
@@ -185,9 +185,9 @@ const Ke = ({
       {
         open: !!h,
         maskClosable: !1,
-        onOk: ge,
+        onOk: fe,
         closable: !1,
-        onCancel: he,
+        onCancel: ge,
         destroyOnHidden: !0,
         children: [
           /* @__PURE__ */ r(
@@ -208,7 +208,7 @@ const Ke = ({
               } : void 0
             }
           ),
-          /* @__PURE__ */ r("p", { className: "text-center", children: [Ce, be].join(" ⨉ ") }),
+          /* @__PURE__ */ r("p", { className: "text-center", children: [we, Ce].join(" ⨉ ") }),
           /* @__PURE__ */ r("div", { className: "mt-2 d-flex justify-content-center", children: /* @__PURE__ */ z(ke.Compact, { children: [
             /* @__PURE__ */ r(
               O,
@@ -253,11 +253,11 @@ const Ke = ({
     /* @__PURE__ */ r(
       te,
       {
-        open: me,
-        title: ae,
+        open: de,
+        title: se,
         footer: null,
-        onCancel: ue,
-        children: /* @__PURE__ */ r("div", { className: "text-center", children: /* @__PURE__ */ r("img", { alt: "example", style: { maxWidth: "400px" }, src: ce }) })
+        onCancel: pe,
+        children: /* @__PURE__ */ r("div", { className: "text-center", children: /* @__PURE__ */ r("img", { alt: "example", style: { maxWidth: "400px" }, src: le }) })
       }
     )
   ] });
@@ -277,7 +277,7 @@ const Ke = ({
   setFileList: S,
   showLoadingIndicator: U,
   listType: y = "picture"
-}) => /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ z(
+}) => /* @__PURE__ */ z(
   Re,
   {
     accept: "image/x-png,image/gif,image/jpeg",
@@ -299,7 +299,7 @@ const Ke = ({
     maxCount: b,
     children: [
       U && /* @__PURE__ */ r(Se, {}),
-      /* @__PURE__ */ r("div", { className: "d-flex flex-column", children: i.length < b && (y === "picture-circle" ? /* @__PURE__ */ r(se, {}) : /* @__PURE__ */ r(
+      /* @__PURE__ */ r("div", { className: "d-flex flex-column", children: i.length < b && (y === "picture-circle" ? /* @__PURE__ */ r(ne, {}) : /* @__PURE__ */ r(
         O,
         {
           loading: C,
@@ -313,7 +313,7 @@ const Ke = ({
     ]
   },
   i.length
-) });
+);
 export {
   Be as UploadComponent,
   Ke as default

package/crud/view/CrudViewer.cjs.js

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

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 { Modal as It } from "antd";
-import { DndContext as St } from "../../node_modules/.pnpm/@dnd-kit_core@6.3.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@dnd-kit/core/dist/core.esm.es.js";
-import { restrictToVerticalAxis as lt } from "../../node_modules/.pnpm/@dnd-kit_modifiers@9.0.0_@dnd-kit_core@6.3.1_react-dom@18.3.1_react@18.3.1__react@18.3.1__react@18.3.1/node_modules/@dnd-kit/modifiers/dist/modifiers.esm.es.js";
-import { CSS as Bt } from "../../node_modules/.pnpm/@dnd-kit_utilities@3.2.2_react@18.3.1/node_modules/@dnd-kit/utilities/dist/utilities.esm.es.js";
-import { arrayMove as st, SortableContext as Ct, verticalListSortingStrategy as xt, useSortable as Rt } from "../../node_modules/.pnpm/@dnd-kit_sortable@10.0.0_@dnd-kit_core@6.3.1_react-dom@18.3.1_react@18.3.1__react@18.3.1__react@18.3.1/node_modules/@dnd-kit/sortable/dist/sortable.esm.es.js";
+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 Dt from "../../common/button/Button.es.js";
 import Et from "../../common/button/CloneButtonTable.es.js";
 import Lt from "../../common/button/DeleteButtonTable.es.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.0.52",
+  "version": "1.0.55",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",
@@ -38,6 +38,7 @@
     "build": "npm run clean && tsc && vite build && cp package.json README.md .npmignore dist/",
     "publish-npm": "yarn build && cd dist && npm whoami >/dev/null 2>&1 || npm login && npm publish",
     "lint": "eslint .",
+    "tsc": "tsc",
     "preview": "vite preview"
   },
   "exports": {

package/_virtual/_commonjsHelpers.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}exports.getDefaultExportFromCjs=e;

package/_virtual/_commonjsHelpers.es.js

@@ -1,6 +0,0 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as getDefaultExportFromCjs
-};

package/_virtual/index.cjs.js

@@ -1 +0,0 @@
-"use strict";const e=require("./_commonjsHelpers.cjs.js"),r=require("../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.cjs.js");var s=r.__require();const t=e.getDefaultExportFromCjs(s);module.exports=t;

package/_virtual/index.cjs2.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;

package/_virtual/index.es.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.es.js";
-import { __require as s } from "../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js";
-var e = s();
-const t = /* @__PURE__ */ r(e);
-export {
-  t as default
-};

package/_virtual/index.es2.js

@@ -1,4 +0,0 @@
-var s = { exports: {} };
-export {
-  s as __module
-};