@kingteza/crud-component 1.0.6 → 1.0.9

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

@@ -1,20 +1,20 @@
 import { j as r } from "../../../../_virtual/jsx-runtime.js";
-import { Modal as k } from "antd";
-import H from "../../common/button/CloneButtonTable.js";
-import U from "../../common/button/DeleteButtonTable.js";
-import { ExportButton as F } from "../../common/button/ExportButton.js";
-import rr from "../../common/button/HideButtonTable.js";
-import { RefreshButton as or } from "../../common/button/RefreshButton.js";
-import tr from "../../common/button/UpdateButtonTable.js";
-import sr from "../../common/button/ViewButtonTable.js";
-import mr from "../../common/layout/VerticalSpace.js";
-import ur from "../../common/table/table.js";
-import { useMemo as L, useState as _, useEffect as nr, useCallback as er } from "react";
-import { useTranslation as fr } from "react-i18next";
-import { TRANSLATION_NAMESPACE as cr } from "../../../locale/hooks/translation-constants.js";
-import lr from "../CrudSearchComponent.js";
-import { CrudDecListView as jr } from "./CrudDecListView.js";
+import k from "../../common/button/CloneButtonTable.js";
+import H from "../../common/button/DeleteButtonTable.js";
+import { ExportButton as U } from "../../common/button/ExportButton.js";
+import F from "../../common/button/HideButtonTable.js";
+import { RefreshButton as rr } from "../../common/button/RefreshButton.js";
+import or from "../../common/button/UpdateButtonTable.js";
+import tr from "../../common/button/ViewButtonTable.js";
+import sr from "../../common/layout/VerticalSpace.js";
+import mr from "../../common/table/table.js";
+import { useMemo as L, useState as _, useEffect as ur, useCallback as nr } from "react";
+import { useTranslation as er } from "react-i18next";
+import { TRANSLATION_NAMESPACE as fr } from "../../../locale/hooks/translation-constants.js";
+import cr from "../CrudSearchComponent.js";
+import { CrudDecListView as lr } from "./CrudDecListView.js";
 import { getRendererValueCrudViewer as V } from "./CrudViewerUtil.js";
+import jr from "../../../../node_modules/antd/es/modal/index.js";
 function Or({
   idField: s = "id",
   loadingData: $,
@@ -49,7 +49,7 @@ function Or({
   actionWidth: Y = 190,
   ...Z
 }) {
-  const { t: d } = fr(cr), N = L(
+  const { t: d } = er(fr), N = L(
     () => f.map(
       ({ hideInTable: o, hidden: t, width: c, name: u, label: w, halign: D, ...z }) => ({
         title: w,
@@ -63,20 +63,20 @@ function Or({
     ),
     [f]
   ), [m, x] = _(), [b, g] = _();
-  nr(() => {
+  ur(() => {
     v && x((o) => {
       if (o)
         return v.find((t) => t[s] === o[s]);
     });
   }, [v, s, m]);
-  const O = er(
+  const O = nr(
     (o) => {
       var c;
       const t = a == null ? void 0 : a(o);
       return (Array.isArray(t) ? (c = t == null ? void 0 : t.filter(Boolean)) != null && c.length : t) || h || e || T || j ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
         t,
         (h || e) && /* @__PURE__ */ r.jsx(
-          tr,
+          or,
           {
             value: o,
             onClick: (u) => {
@@ -84,16 +84,16 @@ function Or({
             }
           }
         ),
-        T && /* @__PURE__ */ r.jsx(H, { value: o, onClick: (u) => T(u) }),
+        T && /* @__PURE__ */ r.jsx(k, { value: o, onClick: (u) => T(u) }),
         S && /* @__PURE__ */ r.jsx(
-          F,
+          U,
           {
             value: o,
             onClick: async (u) => await S(u)
           }
         ),
         p && /* @__PURE__ */ r.jsx(
-          rr,
+          F,
           {
             value: o,
             disabled: B,
@@ -105,7 +105,7 @@ function Or({
           }
         ),
         j && /* @__PURE__ */ r.jsx(
-          U,
+          H,
           {
             value: o,
             disabled: y,
@@ -148,7 +148,7 @@ function Or({
   }, [n, m, f]);
   return /* @__PURE__ */ r.jsxs("div", { children: [
     n && /* @__PURE__ */ r.jsx(
-      k,
+      jr,
       {
         width: "100%",
         open: !!m,
@@ -158,7 +158,7 @@ function Or({
         onCancel: () => x(void 0),
         children: !!m && /* @__PURE__ */ r.jsxs("div", { children: [
           /* @__PURE__ */ r.jsx(
-            jr,
+            lr,
             {
               layout: W,
               descListColumn: Q,
@@ -171,11 +171,11 @@ function Or({
         ] }, m == null ? void 0 : m[s])
       }
     ),
-    /* @__PURE__ */ r.jsx(lr, { fields: f, ...Z }),
-    /* @__PURE__ */ r.jsxs(mr, { children: [
-      !!C && /* @__PURE__ */ r.jsx(or, { onClick: C }),
+    /* @__PURE__ */ r.jsx(cr, { fields: f, ...Z }),
+    /* @__PURE__ */ r.jsxs(sr, { children: [
+      !!C && /* @__PURE__ */ r.jsx(rr, { onClick: C }),
       /* @__PURE__ */ r.jsx(
-        ur,
+        mr,
         {
           rowClassName: X,
           className: A,
@@ -202,7 +202,7 @@ function Or({
               fixed: "right",
               width: Y,
               render: (o, t) => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-                n && /* @__PURE__ */ r.jsx(sr, { value: t, onClick: x }),
+                n && /* @__PURE__ */ r.jsx(tr, { value: t, onClick: x }),
                 O(t)
               ] })
             }

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

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

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

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

package/dist/src/util/ImageUtil.cjs

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

package/dist/src/util/ImageUtil.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.0.6",
+  "version": "1.0.9",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",
@@ -59,9 +59,7 @@
     "mime": "^4.0.6",
     "papaparse": "^5.4.1",
     "path-browserify": "^1.0.1",
-    "react": "^18.3.1",
     "react-cropper": "^2.3.3",
-    "react-dom": "^18.3.1",
     "react-highlight-words": "^0.20.0",
     "react-responsive": "^10.0.0",
     "react-router": "^7.1.1",
@@ -69,6 +67,12 @@
     "react-show-more-text": "^1.7.1",
     "uuid": "^11.0.3"
   },
+  "peerDependencies": {
+    "i18next": ">=21.0.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "react-i18next": ">=11.0.0"
+  },
   "devDependencies": {
     "@eslint/js": "^9.17.0",
     "@types/file-saver": "^2.0.7",
@@ -93,11 +97,5 @@
     "vite": "^6.0.5",
     "vite-plugin-dts": "^4.4.0",
     "vite-tsconfig-paths": "^5.1.4"
-  },
-  "peerDependencies": {
-    "i18next": ">=21.0.0",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
-    "react-i18next": ">=11.0.0"
   }
 }