@kingteza/crud-component 1.0.15 → 1.0.17

package/dist/components/common/DatePicker/DatePicker.cjs

@@ -1 +1 @@
-"use strict";const d=require("react/jsx-runtime"),s=require("antd"),t=require("dayjs"),E=require("../../../_virtual/advancedFormat.cjs"),F=require("../../../_virtual/customParseFormat.cjs"),I=require("../../../_virtual/localeData.cjs"),v=require("../../../_virtual/weekday.cjs"),S=require("../../../_virtual/weekOfYear.cjs"),T=require("../../../_virtual/weekYear.cjs"),Y=require("../../../locale/hooks/translation-constants.cjs"),$=require("react"),L=require("react-i18next");t.extend(F);t.extend(E);t.extend(v);t.extend(I);t.extend(S);t.extend(T);const M=({type:_,required:q,label:o,rules:x=[],placeholder:a,disabledPastDays:c=!1,disableToday:i=!1,onEnter:z,disabled:f,nextFocus:B,onChange:r,range:m,showTime:l,disabledFutureDays:u,picker:k,defaultValue:O,value:y,format:P,autoComplete:G="off",enabledDates:H=[],renderExtraFooter:j,...p})=>{const{t:w}=L.useTranslation(Y.TRANSLATION_NAMESPACE),A=m?s.DatePicker.RangePicker:s.DatePicker,D=$.useCallback(e=>{if(!e)return!1;const n=t(),N=c&&e<n.startOf("day"),R=u&&e>n.endOf("day"),C=i&&e<n.endOf("day")&&n.startOf("day")<e;return N||R||C},[c,u,i]);return d.jsx(s.Form.Item,{...p,label:o,rules:[{required:q,message:`${o??a??""} ${w("err.validation.required")}`},...x],children:d.jsx(A,{renderExtraFooter:j,value:y,picker:k,defaultValue:O,format:P,onChange:e=>r==null?void 0:r(e),disabledDate:D,disabled:f,className:"w-100",placeholder:a,showTime:l})})};module.exports=M;
+"use strict";const d=require("react/jsx-runtime"),s=require("antd"),t=require("dayjs"),E=require("dayjs/plugin/advancedFormat"),F=require("dayjs/plugin/customParseFormat"),I=require("dayjs/plugin/localeData"),v=require("dayjs/plugin/weekday"),S=require("dayjs/plugin/weekOfYear"),T=require("dayjs/plugin/weekYear"),Y=require("../../../locale/hooks/translation-constants.cjs"),$=require("react"),L=require("react-i18next");t.extend(F);t.extend(E);t.extend(v);t.extend(I);t.extend(S);t.extend(T);const M=({type:_,required:q,label:o,rules:x=[],placeholder:a,disabledPastDays:c=!1,disableToday:i=!1,onEnter:z,disabled:f,nextFocus:B,onChange:r,range:m,showTime:l,disabledFutureDays:u,picker:k,defaultValue:O,value:y,format:P,autoComplete:G="off",enabledDates:H=[],renderExtraFooter:j,...p})=>{const{t:w}=L.useTranslation(Y.TRANSLATION_NAMESPACE),A=m?s.DatePicker.RangePicker:s.DatePicker,D=$.useCallback(e=>{if(!e)return!1;const n=t(),N=c&&e<n.startOf("day"),R=u&&e>n.endOf("day"),C=i&&e<n.endOf("day")&&n.startOf("day")<e;return N||R||C},[c,u,i]);return d.jsx(s.Form.Item,{...p,label:o,rules:[{required:q,message:`${o??a??""} ${w("err.validation.required")}`},...x],children:d.jsx(A,{renderExtraFooter:j,value:y,picker:k,defaultValue:O,format:P,onChange:e=>r==null?void 0:r(e),disabledDate:D,disabled:f,className:"w-100",placeholder:a,showTime:l})})};module.exports=M;

package/dist/components/common/DatePicker/DatePicker.js

@@ -1,12 +1,12 @@
 import { jsx as i } from "react/jsx-runtime";
 import { DatePicker as d, Form as C } from "antd";
 import e from "dayjs";
-import I from "../../../_virtual/advancedFormat.js";
-import R from "../../../_virtual/customParseFormat.js";
-import S from "../../../_virtual/localeData.js";
-import T from "../../../_virtual/weekday.js";
-import Y from "../../../_virtual/weekOfYear.js";
-import $ from "../../../_virtual/weekYear.js";
+import I from "dayjs/plugin/advancedFormat";
+import R from "dayjs/plugin/customParseFormat";
+import S from "dayjs/plugin/localeData";
+import T from "dayjs/plugin/weekday";
+import Y from "dayjs/plugin/weekOfYear";
+import $ from "dayjs/plugin/weekYear";
 import { TRANSLATION_NAMESPACE as q } from "../../../locale/hooks/translation-constants.js";
 import { useCallback as L } from "react";
 import { useTranslation as M } from "react-i18next";

package/dist/components/common/button/Button.cjs

@@ -1 +1 @@
-"use strict";const d=require("react/jsx-runtime"),g=require("antd"),y=require("../../../locale/hooks/translation-constants.cjs"),l=require("react"),f=require("react-i18next"),c=require("react-router-dom");;/* empty css            */const x=({className:s,to:e,onClick:t,tooltip:a,ref:q,...n})=>{var u;const{t:o}=f.useTranslation(y.TRANSLATION_NAMESPACE),i=l.useContext(c.UNSAFE_NavigationContext)?(u=c.useNavigate)==null?void 0:u.call(c):void 0,r=l.useMemo(()=>d.jsx(g.Button,{onClick:t||(e&&i?()=>i(e):void 0),className:s,...n,children:n.children||o(`button.${n.type}`)}),[s,i,t,n,o,e]);return a?d.jsx(g.Tooltip,{title:a,children:r}):r},j=({className:s,to:e,onClick:t,tooltip:a,ref:q,...n})=>{const o=c.useNavigate(),[v,i]=l.useState(!1),r=l.useCallback(async A=>{try{return i(!0),await t(A)}finally{i(!1)}},[t]),u=l.useMemo(()=>d.jsx(g.Button,{loading:v||n.loading,onClick:t?r:e?()=>o(e):void 0,className:s,...n}),[r,s,v,o,t,n,e]);return a?d.jsx(g.Tooltip,{title:a,children:u}):u};x.Async=j;module.exports=x;
+"use strict";const g=require("react/jsx-runtime"),q=require("antd"),A=require("../../../locale/hooks/translation-constants.cjs"),l=require("react"),f=require("react-i18next");;/* empty css            */const d=require("react-router"),x=({className:s,to:n,onClick:t,tooltip:i,ref:y,...e})=>{var c;const{t:a}=f.useTranslation(A.TRANSLATION_NAMESPACE);let r;try{r=(c=d.useNavigate)==null?void 0:c.call(d)}catch(u){console.error(u)}const o=l.useMemo(()=>g.jsx(q.Button,{onClick:t||(n&&r?()=>r(n):void 0),className:s,...e,children:e.children||a(`button.${e.type}`)}),[s,r,t,e,a,n]);return i?g.jsx(q.Tooltip,{title:i,children:o}):o},h=({className:s,to:n,onClick:t,tooltip:i,ref:y,...e})=>{const a=d.useNavigate(),[r,o]=l.useState(!1),c=l.useCallback(async v=>{try{return o(!0),await t(v)}finally{o(!1)}},[t]),u=l.useMemo(()=>g.jsx(q.Button,{loading:r||e.loading,onClick:t?c:n?()=>a(n):void 0,className:s,...e}),[c,s,r,a,t,e,n]);return i?g.jsx(q.Tooltip,{title:i,children:u}):u};x.Async=h;module.exports=x;

package/dist/components/common/button/Button.js

@@ -1,64 +1,71 @@
-import { jsx as u } from "react/jsx-runtime";
-import { Button as d, Tooltip as f } from "antd";
-import { TRANSLATION_NAMESPACE as y } from "../../../locale/hooks/translation-constants.js";
-import { useContext as b, useMemo as l, useState as h, useCallback as x } from "react";
-import { useTranslation as N } from "react-i18next";
-import { UNSAFE_NavigationContext as S, useNavigate as g } from "react-router-dom";
+import { jsx as m } from "react/jsx-runtime";
+import { Button as u, Tooltip as f } from "antd";
+import { TRANSLATION_NAMESPACE as h } from "../../../locale/hooks/translation-constants.js";
+import { useMemo as d, useState as v, useCallback as b } from "react";
+import { useTranslation as T } from "react-i18next";
 /* empty css          */
-const T = ({
-  className: i,
+import { useNavigate as g } from "react-router";
+const S = ({
+  className: o,
   to: e,
   onClick: t,
-  tooltip: a,
-  ref: v,
+  tooltip: i,
+  ref: y,
   ...n
 }) => {
-  var c;
-  const { t: r } = N(y), o = b(S) ? (c = g) == null ? void 0 : c() : void 0, s = l(
-    () => /* @__PURE__ */ u(
-      d,
+  var l;
+  const { t: a } = T(h);
+  let r;
+  try {
+    r = (l = g) == null ? void 0 : l();
+  } catch (s) {
+    console.error(s);
+  }
+  const c = d(
+    () => /* @__PURE__ */ m(
+      u,
       {
-        onClick: t || (e && o ? () => o(e) : void 0),
-        className: i,
+        onClick: t || (e && r ? () => r(e) : void 0),
+        className: o,
         ...n,
-        children: n.children || r(`button.${n.type}`)
+        children: n.children || a(`button.${n.type}`)
       }
     ),
-    [i, o, t, n, r, e]
+    [o, r, t, n, a, e]
   );
-  return a ? /* @__PURE__ */ u(f, { title: a, children: s }) : s;
-}, C = ({
-  className: i,
+  return i ? /* @__PURE__ */ m(f, { title: i, children: c }) : c;
+}, x = ({
+  className: o,
   to: e,
   onClick: t,
-  tooltip: a,
-  ref: v,
+  tooltip: i,
+  ref: y,
   ...n
 }) => {
-  const r = g(), [m, o] = h(!1), s = x(
+  const a = g(), [r, c] = v(!1), l = b(
     async (A) => {
       try {
-        return o(!0), await t(A);
+        return c(!0), await t(A);
       } finally {
-        o(!1);
+        c(!1);
       }
     },
     [t]
-  ), c = l(
-    () => /* @__PURE__ */ u(
-      d,
+  ), s = d(
+    () => /* @__PURE__ */ m(
+      u,
       {
-        loading: m || n.loading,
-        onClick: t ? s : e ? () => r(e) : void 0,
-        className: i,
+        loading: r || n.loading,
+        onClick: t ? l : e ? () => a(e) : void 0,
+        className: o,
         ...n
       }
     ),
-    [s, i, m, r, t, n, e]
+    [l, o, r, a, t, n, e]
   );
-  return a ? /* @__PURE__ */ u(f, { title: a, children: c }) : c;
+  return i ? /* @__PURE__ */ m(f, { title: i, children: s }) : s;
 };
-T.Async = C;
+S.Async = x;
 export {
-  T as default
+  S as default
 };

package/dist/util/ImageUtil.cjs

@@ -1 +1 @@
-"use strict";const c=require("../node_modules/browser-image-compression/dist/browser-image-compression.cjs");class g{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 r=await new Promise(n=>{a.onload=function(){n({height:a.height,width:a.width})}});return Object.assign(e,r),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((r,n)=>{const s=new FileReader;s.onloadend=function(){const o=s.result,i=o.match(/^data:image\/(png|jpeg|jpg);base64,/);i?r({data:o,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 d=new g;module.exports=d;
+"use strict";const c=require("browser-image-compression");class g{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 d=new g;module.exports=d;

package/dist/util/ImageUtil.js

@@ -1,4 +1,4 @@
-import c from "../node_modules/browser-image-compression/dist/browser-image-compression.js";
+import c from "browser-image-compression";
 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.15",
+  "version": "1.0.17",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",
@@ -105,6 +105,8 @@
     "i18next": ">=21.0.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "react-i18next": ">=11.0.0"
+    "react-i18next": ">=11.0.0",
+    "react-router": ">=6.0.0",
+    "react-router-dom": ">=6.0.0"
   }
 }