@kingteza/crud-component 1.22.2 → 1.23.0

package/dist/crud/import/CrudImportComponent.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),T=require("@ant-design/icons"),O=require("papaparse"),f=require("antd"),L=require("file-saver"),n=require("react"),R=require("../../locale/index.cjs.js"),z=require("../view/CrudViewer.cjs.js"),$=require("../../util/DateUtil.cjs.js"),H=require("../../common/button/Button.cjs.js"),U=require("../../common/button/ImportButton.cjs.js");function Y({onCloseMethod:w,open:y,fields:q,importProps:a}){const[c,g]=n.useState([]),[C,k]=n.useState(!1),[D,S]=n.useState(0);n.useEffect(()=>{y||(g([]),k(!1))},[y]);const p=n.useMemo(()=>new Map(q.filter(e=>{var t;return!e.hidden&&!((t=e.importProps)!=null&&t.hidden)&&!e.readonly}).map(e=>[e.name,e])),[q]),A=n.useMemo(()=>Array.from(p.values()).flatMap(e=>{var t;return[e.name,...((t=e.importProps)==null?void 0:t.extraFields)??[]]}),[p]),M=n.useCallback(async function(){const e=`${A.join(",")}
-`,t=new Blob([e],{type:"text/csv;charset=utf-8;"});L.saveAs(t,(a==null?void 0:a.name)+" - "+$.formatDateTimeWithSecond(new Date).replaceAll(":","-")+".csv")},[A,a==null?void 0:a.name]),{t:i}=R.useTranslationLib(),_=n.useCallback(async e=>{const t=new FileReader;t.onerror=console.error,t.onload=async r=>{var o;const d=(o=r==null?void 0:r.target)==null?void 0:o.result,l=O.parse(d,{header:!0});g(l.data.map((u,m)=>({...u,id_private_private:"crud-import-"+m})))},t.readAsText(e)},[]),B=n.useCallback(async e=>{console.log("Deleting item from import component",e,c),g(t=>t.filter(r=>r.id_private_private!==e))},[c]),j=n.useMemo(()=>{var t,r,d;let e=!1;for(const l of c)for(const[o,u]of p.entries()){const m=l[o],h=m||!isNaN(m);if(u.required&&!h)if((r=(t=u.importProps)==null?void 0:t.extraFields)!=null&&r.length)for(const v of((d=u.importProps)==null?void 0:d.extraFields)??[])if(l[v]||!isNaN(l[v])){e=!1;break}else return!0;else return!0}return e},[c,p]),x=n.useCallback(e=>(t,r)=>{var l,o,u;const d=t||!isNaN(t);if(e.required&&!d){let m=i("err.validation.required");if((o=(l=e.importProps)==null?void 0:l.extraFields)!=null&&o.length){const h=(u=e.importProps)==null?void 0:u.extraFields;(h==null?void 0:h.find(E=>!r[E]))&&(m="Either one of these fields is required: "+[e.name,...h].join(", "))}return s.jsxs(f.Tooltip,{className:"d-flex",title:m,children:[s.jsx(T.WarningTwoTone,{twoToneColor:"#ee9702"}),t]})}return t},[i]),I=n.useCallback(async e=>{S(e)},[]),b=n.useCallback(async()=>{try{k(!0),await a.onClickImport(c,I),w(!1)}finally{k(!1),S(0)}},[c,a,w,I]),{modal:F}=f.App.useApp(),V=n.useCallback(async()=>{j?F.warning?F.warning({title:i("str.warning"),content:i("qus.importWithIssues"),okText:i("str.import"),onOk:b,okCancel:!0,closable:!0}):(console.error("You must wrap your react app with App component. https://ant.design/components/app"),window.confirm(i("qus.importWithIssues"))&&b()):b()},[j,b,i]),N=n.useMemo(()=>Array.from(p.values()).flatMap(e=>{var t,r,d,l;return e.type==="text"?[{...e,label:e.name,render:x(e)},...((r=(t=e.importProps)==null?void 0:t.extraFields)==null?void 0:r.map((o,u)=>({...e,name:o,label:o,render:x(e)})))??[]]:e.type==="select"?[{...e,label:e.name,type:"text",render:x(e)},...((l=(d=e.importProps)==null?void 0:d.extraFields)==null?void 0:l.map(o=>({...e,name:o,label:o,type:"text",render:x(e)})))??[]]:[{...e,label:e.name,render:x(e)}]}),[p,x]),W=n.useMemo(()=>N.map(e=>({...e,hideInTable:!1})),[N]);return s.jsxs(f.Modal,{title:[i("str.import"),a==null?void 0:a.name].filter(Boolean).join(" "),width:"100%",open:y,onOk:V,destroyOnHidden:!0,onCancel:()=>w(!1),okText:i("str.import"),confirmLoading:C,okButtonProps:{disabled:!(c!=null&&c.length)},footer:(e,{OkBtn:t,CancelBtn:r})=>s.jsxs(f.Space,{children:[s.jsx(r,{}),s.jsx(t,{}),j&&s.jsx(f.Tooltip,{className:"d-flex",title:"Some fields have issue. Please review before submit.",children:s.jsx(T.WarningTwoTone,{twoToneColor:"#ee9702"})})]}),children:[s.jsxs(f.Space,{children:[s.jsx(H,{onClick:M,icon:s.jsx(T.DownloadOutlined,{}),children:i("str.downloadCsvTemplate")}),s.jsx(U.ImportButton,{disabled:C,type:"default",onClick:_,accept:".csv",children:i("str.importCsvFile")})]}),s.jsx(f.Spin,{spinning:C,indicator:D?s.jsx(f.Progress,{type:"circle",percent:D*100,size:50,format:e=>`${parseInt(e)}%`}):void 0,children:s.jsx(z,{data:c,bordered:!0,size:"small",idField:"id_private_private",onDelete:B,confirmDeleting:!1,fields:W})})]})}module.exports=Y;
+"use strict";const s=require("react/jsx-runtime"),T=require("@ant-design/icons"),O=require("papaparse"),f=require("antd"),L=require("file-saver"),r=require("react"),R=require("../../locale/index.cjs.js"),z=require("../view/CrudViewer.cjs.js"),$=require("../../util/DateUtil.cjs.js"),H=require("../../common/button/Button.cjs.js"),U=require("../../common/button/ImportButton.cjs.js");function Y({onCloseMethod:w,open:y,fields:q,importProps:o}){const[c,C]=r.useState([]),[g,k]=r.useState(!1),[D,S]=r.useState(0);r.useEffect(()=>{y||(C([]),k(!1))},[y]);const p=r.useMemo(()=>new Map(q.filter(e=>{var t;return!e.hidden&&!((t=e.importProps)!=null&&t.hidden)&&!e.readonly}).map(e=>[e.name,e])),[q]),A=r.useMemo(()=>Array.from(p.values()).flatMap(e=>{var t;return[e.name,...((t=e.importProps)==null?void 0:t.extraFields)??[]]}),[p]),E=r.useCallback(async function(){const e=`${A.join(",")}
+`,t=new Blob([e],{type:"text/csv;charset=utf-8;"});L.saveAs(t,(o==null?void 0:o.name)+" - "+$.formatDateTimeWithSecond(new Date).replaceAll(":","-")+".csv")},[A,o==null?void 0:o.name]),{t:i}=R.useTranslationLib(),M=r.useCallback(async e=>{const t=new FileReader;t.onerror=console.error,t.onload=async n=>{var a;const u=(a=n==null?void 0:n.target)==null?void 0:a.result,l=O.parse(u,{header:!0});C(l.data.map((d,m)=>({...d,id_private_private:"crud-import-"+m})))},t.readAsText(e)},[]),B=r.useCallback(async e=>{console.log("Deleting item from import component",e,c),C(t=>t.filter(n=>n.id_private_private!==(e==null?void 0:e.id_private_private)))},[c]),v=r.useMemo(()=>{var t,n,u;let e=!1;for(const l of c)for(const[a,d]of p.entries()){const m=l[a],h=m||!isNaN(m);if(d.required&&!h)if((n=(t=d.importProps)==null?void 0:t.extraFields)!=null&&n.length)for(const j of((u=d.importProps)==null?void 0:u.extraFields)??[])if(l[j]||!isNaN(l[j])){e=!1;break}else return!0;else return!0}return e},[c,p]),x=r.useCallback(e=>(t,n)=>{var l,a,d;const u=t||!isNaN(t);if(e.required&&!u){let m=i("err.validation.required");if((a=(l=e.importProps)==null?void 0:l.extraFields)!=null&&a.length){const h=(d=e.importProps)==null?void 0:d.extraFields;(h==null?void 0:h.find(_=>!n[_]))&&(m="Either one of these fields is required: "+[e.name,...h].join(", "))}return s.jsxs(f.Tooltip,{className:"d-flex",title:m,children:[s.jsx(T.WarningTwoTone,{twoToneColor:"#ee9702"}),t]})}return t},[i]),I=r.useCallback(async e=>{S(e)},[]),b=r.useCallback(async()=>{try{k(!0),await o.onClickImport(c,I),w(!1)}finally{k(!1),S(0)}},[c,o,w,I]),{modal:F}=f.App.useApp(),V=r.useCallback(async()=>{v?F.warning?F.warning({title:i("str.warning"),content:i("qus.importWithIssues"),okText:i("str.import"),onOk:b,okCancel:!0,closable:!0}):(console.error("You must wrap your react app with App component. https://ant.design/components/app"),window.confirm(i("qus.importWithIssues"))&&b()):b()},[v,b,i]),N=r.useMemo(()=>Array.from(p.values()).flatMap(e=>{var t,n,u,l;return e.type==="text"?[{...e,label:e.name,render:x(e)},...((n=(t=e.importProps)==null?void 0:t.extraFields)==null?void 0:n.map((a,d)=>({...e,name:a,label:a,render:x(e)})))??[]]:e.type==="select"?[{...e,label:e.name,type:"text",render:x(e)},...((l=(u=e.importProps)==null?void 0:u.extraFields)==null?void 0:l.map(a=>({...e,name:a,label:a,type:"text",render:x(e)})))??[]]:[{...e,label:e.name,render:x(e)}]}),[p,x]),W=r.useMemo(()=>N.map(e=>({...e,hideInTable:!1})),[N]);return s.jsxs(f.Modal,{title:[i("str.import"),o==null?void 0:o.name].filter(Boolean).join(" "),width:"100%",open:y,onOk:V,destroyOnHidden:!0,onCancel:()=>w(!1),okText:i("str.import"),confirmLoading:g,okButtonProps:{disabled:!(c!=null&&c.length)},footer:(e,{OkBtn:t,CancelBtn:n})=>s.jsxs(f.Space,{children:[s.jsx(n,{}),s.jsx(t,{}),v&&s.jsx(f.Tooltip,{className:"d-flex",title:"Some fields have issue. Please review before submit.",children:s.jsx(T.WarningTwoTone,{twoToneColor:"#ee9702"})})]}),children:[s.jsxs(f.Space,{children:[s.jsx(H,{onClick:E,icon:s.jsx(T.DownloadOutlined,{}),children:i("str.downloadCsvTemplate")}),s.jsx(U.ImportButton,{disabled:g,type:"default",onClick:M,accept:".csv",children:i("str.importCsvFile")})]}),s.jsx(f.Spin,{spinning:g,indicator:D?s.jsx(f.Progress,{type:"circle",percent:D*100,size:50,format:e=>`${parseInt(e)}%`}):void 0,children:s.jsx(z,{data:c,bordered:!0,size:"small",idField:"id_private_private",onDelete:B,fields:W})})]})}module.exports=Y;

package/dist/crud/import/CrudImportComponent.es.js

@@ -11,14 +11,14 @@ import ee from "../../common/button/Button.es.js";
 import { ImportButton as te } from "../../common/button/ImportButton.es.js";
 function pe({
   onCloseMethod: g,
-  open: x,
+  open: v,
   fields: F,
   importProps: o
 }) {
-  const [l, v] = A([]), [C, k] = A(!1), [I, N] = A(0);
+  const [l, x] = A([]), [C, k] = A(!1), [I, N] = A(0);
   Q(() => {
-    x || (v([]), k(!1));
-  }, [x]);
+    v || (x([]), k(!1));
+  }, [v]);
   const p = w(
     () => new Map(
       F.filter((e) => {
@@ -27,7 +27,7 @@ function pe({
       }).map((e) => [e.name, e])
     ),
     [F]
-  ), S = w(
+  ), _ = w(
     () => Array.from(p.values()).flatMap((e) => {
       var t;
       return [
@@ -38,20 +38,20 @@ function pe({
     [p]
   ), W = f(
     async function() {
-      const e = `${S.join(",")}
+      const e = `${_.join(",")}
 `, t = new Blob([e], { type: "text/csv;charset=utf-8;" });
       K(
         t,
         (o == null ? void 0 : o.name) + " - " + P.formatDateTimeWithSecond(/* @__PURE__ */ new Date()).replaceAll(":", "-") + ".csv"
       );
     },
-    [S, o == null ? void 0 : o.name]
+    [_, o == null ? void 0 : o.name]
   ), { t: a } = X(), L = f(async (e) => {
     const t = new FileReader();
     t.onerror = console.error, t.onload = async (r) => {
       var n;
       const c = (n = r == null ? void 0 : r.target) == null ? void 0 : n.result, s = R.parse(c, { header: !0 });
-      v(
+      x(
         s.data.map((d, m) => ({
           ...d,
           id_private_private: "crud-import-" + m
@@ -60,7 +60,7 @@ function pe({
     }, t.readAsText(e);
   }, []), M = f(
     async (e) => {
-      console.log("Deleting item from import component", e, l), v((t) => t.filter((r) => r.id_private_private !== e));
+      console.log("Deleting item from import component", e, l), x((t) => t.filter((r) => r.id_private_private !== (e == null ? void 0 : e.id_private_private)));
     },
     [l]
   ), T = w(() => {
@@ -97,16 +97,16 @@ function pe({
       return t;
     },
     [a]
-  ), E = f(async (e) => {
+  ), S = f(async (e) => {
     N(e);
   }, []), y = f(async () => {
     try {
-      k(!0), await o.onClickImport(l, E), g(!1);
+      k(!0), await o.onClickImport(l, S), g(!1);
     } finally {
       k(!1), N(0);
     }
-  }, [l, o, g, E]), { modal: _ } = U.useApp(), z = f(async () => {
-    T ? _.warning ? _.warning({
+  }, [l, o, g, S]), { modal: E } = U.useApp(), z = f(async () => {
+    T ? E.warning ? E.warning({
       title: a("str.warning"),
       content: a("qus.importWithIssues"),
       okText: a("str.import"),
@@ -160,7 +160,7 @@ function pe({
     {
       title: [a("str.import"), o == null ? void 0 : o.name].filter(Boolean).join(" "),
       width: "100%",
-      open: x,
+      open: v,
       onOk: z,
       destroyOnHidden: !0,
       onCancel: () => g(!1),
@@ -223,7 +223,6 @@ function pe({
                 size: "small",
                 idField: "id_private_private",
                 onDelete: M,
-                confirmDeleting: !1,
                 fields: $
               }
             )

package/dist/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.cjs.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../../_virtual/index.cjs5.js");/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/var u;function a(){return u||(u=1,(function(o){(function(){var f={}.hasOwnProperty;function n(){for(var e="",t=0;t<arguments.length;t++){var r=arguments[t];r&&(e=s(e,c(r)))}return e}function c(e){if(typeof e=="string"||typeof e=="number")return e;if(typeof e!="object")return"";if(Array.isArray(e))return n.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var t="";for(var r in e)f.call(e,r)&&e[r]&&(t=s(t,r));return t}function s(e,t){return t?e?e+" "+t:e+t:e}o.exports?(n.default=n,o.exports=n):window.classNames=n})()})(i.__module)),i.__module.exports}exports.__require=a;

package/dist/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.es.js

@@ -0,0 +1,42 @@
+import { __module as s } from "../../../../../_virtual/index.es5.js";
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var u;
+function c() {
+  return u ? s.exports : (u = 1, (function(i) {
+    (function() {
+      var f = {}.hasOwnProperty;
+      function n() {
+        for (var r = "", t = 0; t < arguments.length; t++) {
+          var e = arguments[t];
+          e && (r = o(r, a(e)));
+        }
+        return r;
+      }
+      function a(r) {
+        if (typeof r == "string" || typeof r == "number")
+          return r;
+        if (typeof r != "object")
+          return "";
+        if (Array.isArray(r))
+          return n.apply(null, r);
+        if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
+          return r.toString();
+        var t = "";
+        for (var e in r)
+          f.call(r, e) && r[e] && (t = o(t, e));
+        return t;
+      }
+      function o(r, t) {
+        return t ? r ? r + " " + t : r + t : r;
+      }
+      i.exports ? (n.default = n, i.exports = n) : window.classNames = n;
+    })();
+  })(s), s.exports);
+}
+export {
+  c as __require
+};