@kingteza/crud-component 1.0.40 → 1.0.42

package/common/button/UnHideButton.es.js

@@ -1,70 +1,69 @@
-import { jsx as o } from "react/jsx-runtime";
-import { UpCircleOutlined as c } from "@ant-design/icons";
-import { Popconfirm as g } from "antd";
-import { useMemo as x, useState as A, useEffect as U, useCallback as _ } from "react";
-import { useTranslation as k } from "react-i18next";
+import { jsx as t } from "react/jsx-runtime";
+import { UpCircleOutlined as p } from "@ant-design/icons";
+import { Popconfirm as x } from "antd";
+import { useMemo as T, useState as U, useEffect as k, useCallback as _ } from "react";
+import { useTranslationLib as h } from "../../locale/index.es.js";
 import d from "./Button.es.js";
-import { TRANSLATION_NAMESPACE as E } from "../../locale/hooks/translation-constants.es.js";
-function O({
+function E({
   shouldConfirm: C = !0,
-  block: e,
+  block: r,
   value: i,
   loading: a,
   onClick: s,
-  text: f,
-  disabled: l,
-  type: m = "link",
-  hidden: T
+  text: l,
+  disabled: u,
+  type: f = "link",
+  hidden: g
 }) {
-  const { t } = k(E), n = x(() => f ?? t("str.unhide"), [f, t]), [u, r] = A(!1);
-  U(() => {
-    r(a ?? !1);
+  const { t: o } = h(), n = T(() => l ?? o("str.unhide"), [l, o]), [m, e] = U(!1);
+  k(() => {
+    e(a ?? !1);
   }, [a]);
-  const p = _(
+  const c = _(
     async () => {
       try {
-        r(!0), await s(i);
+        e(!0), await s(i);
       } finally {
-        r(!1);
+        e(!1);
       }
     },
     [s, i]
   );
-  return C ? /* @__PURE__ */ o(
-    g,
+  return C ? /* @__PURE__ */ t(
+    x,
     {
-      title: t("qus.doYouWantToHide"),
+      title: o("qus.doYouWantToHide"),
       okText: n.toUpperCase(),
-      cancelText: t("str.no").toUpperCase(),
-      onConfirm: p,
-      children: /* @__PURE__ */ o(
+      cancelText: o("str.no").toUpperCase(),
+      onConfirm: c,
+      children: /* @__PURE__ */ t(
         d,
         {
           tooltip: n,
-          icon: /* @__PURE__ */ o(c, {}),
-          disabled: l,
-          loading: u,
-          type: m,
+          icon: /* @__PURE__ */ t(p, {}),
+          disabled: u,
+          loading: m,
+          type: f,
           danger: !0,
-          hidden: T,
-          block: e
+          hidden: g,
+          block: r
         }
       )
     }
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ t(
     d,
     {
       tooltip: n,
-      icon: /* @__PURE__ */ o(c, {}),
-      disabled: l,
-      loading: u,
-      type: m,
+      icon: /* @__PURE__ */ t(p, {}),
+      disabled: u,
+      loading: m,
+      type: f,
       danger: !0,
-      block: e,
-      onClick: p
+      block: r,
+      onClick: c
     }
   );
 }
 export {
-  O as default
+  E as default
 };

package/common/button/UpdateButtonTable.cjs.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),o=require("@ant-design/icons"),r=require("react-i18next"),i=require("./Button.cjs.js"),u=require("../../locale/hooks/translation-constants.cjs.js");function c({value:n,onClick:e}){const{t:s}=r.useTranslation(u.TRANSLATION_NAMESPACE);return t.jsx(i,{tooltip:s("str.update"),type:"link",onClick:()=>e(n),icon:t.jsx(o.EditOutlined,{})})}module.exports=c;
+"use strict";const t=require("react/jsx-runtime"),o=require("@ant-design/icons"),s=require("../../locale/index.cjs.js"),r=require("./Button.cjs.js");function u({value:e,onClick:n}){const{t:i}=s.useTranslationLib();return t.jsx(r,{tooltip:i("str.update"),type:"link",onClick:()=>n(e),icon:t.jsx(o.EditOutlined,{})})}module.exports=u;

package/common/button/UpdateButtonTable.es.js

@@ -1,20 +1,19 @@
 import { jsx as t } from "react/jsx-runtime";
-import { EditOutlined as i } from "@ant-design/icons";
-import { useTranslation as m } from "react-i18next";
+import { EditOutlined as r } from "@ant-design/icons";
+import { useTranslationLib as e } from "../../locale/index.es.js";
 import p from "./Button.es.js";
-import { TRANSLATION_NAMESPACE as e } from "../../locale/hooks/translation-constants.es.js";
-function d({ value: o, onClick: r }) {
-  const { t: n } = m(e);
+function f({ value: o, onClick: n }) {
+  const { t: i } = e();
   return /* @__PURE__ */ t(
     p,
     {
-      tooltip: n("str.update"),
+      tooltip: i("str.update"),
       type: "link",
-      onClick: () => r(o),
-      icon: /* @__PURE__ */ t(i, {})
+      onClick: () => n(o),
+      icon: /* @__PURE__ */ t(r, {})
     }
   );
 }
 export {
-  d as default
+  f as default
 };

package/common/button/ViewButtonTable.cjs.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),i=require("@ant-design/icons"),o=require("react-i18next"),r=require("./Button.cjs.js"),u=require("../../locale/hooks/translation-constants.cjs.js");function c({value:n,onClick:e}){const{t:s}=o.useTranslation(u.TRANSLATION_NAMESPACE);return t.jsx(r,{type:"link",onClick:()=>e(n),icon:t.jsx(i.EyeOutlined,{}),tooltip:s("str.view")})}module.exports=c;
+"use strict";const t=require("react/jsx-runtime"),o=require("@ant-design/icons"),s=require("../../locale/index.cjs.js"),r=require("./Button.cjs.js");function u({value:e,onClick:n}){const{t:i}=s.useTranslationLib();return t.jsx(r,{type:"link",onClick:()=>n(e),icon:t.jsx(o.EyeOutlined,{}),tooltip:i("str.view")})}module.exports=u;

package/common/button/ViewButtonTable.es.js

@@ -1,20 +1,19 @@
-import { jsx as o } from "react/jsx-runtime";
-import { EyeOutlined as n } from "@ant-design/icons";
-import { useTranslation as e } from "react-i18next";
+import { jsx as t } from "react/jsx-runtime";
+import { EyeOutlined as r } from "@ant-design/icons";
+import { useTranslationLib as e } from "../../locale/index.es.js";
 import m from "./Button.es.js";
-import { TRANSLATION_NAMESPACE as p } from "../../locale/hooks/translation-constants.es.js";
-function c({ value: t, onClick: r }) {
-  const { t: i } = e(p);
-  return /* @__PURE__ */ o(
+function s({ value: o, onClick: i }) {
+  const { t: n } = e();
+  return /* @__PURE__ */ t(
     m,
     {
       type: "link",
-      onClick: () => r(t),
-      icon: /* @__PURE__ */ o(n, {}),
-      tooltip: i("str.view")
+      onClick: () => i(o),
+      icon: /* @__PURE__ */ t(r, {}),
+      tooltip: n("str.view")
     }
   );
 }
 export {
-  c as default
+  s as default
 };

package/common/date-picker/DatePicker.cjs.js

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

package/common/date-picker/DatePicker.es.js

@@ -1,51 +1,50 @@
 import { jsx as i } from "react/jsx-runtime";
 import { DatePicker as d, Form as C } from "antd";
-import e from "dayjs";
-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.es.js";
-import { useCallback as L } from "react";
-import { useTranslation as M } from "react-i18next";
-e.extend(R);
-e.extend(I);
-e.extend(T);
-e.extend(S);
-e.extend(Y);
-e.extend($);
-const et = ({
-  type: _,
+import t from "dayjs";
+import E from "dayjs/plugin/advancedFormat";
+import I from "dayjs/plugin/customParseFormat";
+import L from "dayjs/plugin/localeData";
+import N from "dayjs/plugin/weekday";
+import R from "dayjs/plugin/weekOfYear";
+import b from "dayjs/plugin/weekYear";
+import { useTranslationLib as z } from "../../locale/index.es.js";
+import { useCallback as A } from "react";
+t.extend(I);
+t.extend(E);
+t.extend(N);
+t.extend(L);
+t.extend(R);
+t.extend(b);
+const h = ({
+  type: B,
   required: c,
   label: m,
   rules: p = [],
   placeholder: a,
   disabledPastDays: n = !1,
   disableToday: f = !1,
-  onEnter: z,
+  onEnter: G,
   disabled: l,
-  nextFocus: B,
+  nextFocus: H,
   onChange: r,
   range: x,
   showTime: k,
   disabledFutureDays: s,
-  picker: O,
-  defaultValue: u,
-  value: y,
+  picker: u,
+  defaultValue: y,
+  value: O,
   format: w,
-  autoComplete: G = "off",
-  enabledDates: H = [],
-  renderExtraFooter: A,
-  ...N
+  autoComplete: J = "off",
+  enabledDates: K = [],
+  renderExtraFooter: D,
+  ...F
 }) => {
-  const { t: P } = M(q), D = x ? d.RangePicker : d, E = L(
-    (t) => {
-      if (!t)
+  const { t: P } = z(), j = x ? d.RangePicker : d, v = A(
+    (e) => {
+      if (!e)
         return !1;
-      const o = e(), F = n && t < o.startOf("day"), j = s && t > o.endOf("day"), v = f && t < o.endOf("day") && o.startOf("day") < t;
-      return F || j || v;
+      const o = t(), Y = n && e < o.startOf("day"), $ = s && e > o.endOf("day"), q = f && e < o.endOf("day") && o.startOf("day") < e;
+      return Y || $ || q;
     },
     [n, s, f]
     // Dependencies for useCallback
@@ -53,7 +52,7 @@ const et = ({
   return /* @__PURE__ */ i(
     C.Item,
     {
-      ...N,
+      ...F,
       label: m,
       rules: [
         {
@@ -65,15 +64,15 @@ const et = ({
         ...p
       ],
       children: /* @__PURE__ */ i(
-        D,
+        j,
         {
-          renderExtraFooter: A,
-          value: y,
-          picker: O,
-          defaultValue: u,
+          renderExtraFooter: D,
+          value: O,
+          picker: u,
+          defaultValue: y,
           format: w,
-          onChange: (t) => r == null ? void 0 : r(t),
-          disabledDate: E,
+          onChange: (e) => r == null ? void 0 : r(e),
+          disabledDate: v,
           disabled: l,
           className: "w-100",
           placeholder: a,
@@ -84,5 +83,5 @@ const et = ({
   );
 };
 export {
-  et as default
+  h as default
 };

package/common/date-picker/TimePicker.cjs.js

@@ -1 +1 @@
-"use strict";const l=require("react/jsx-runtime"),c=require("antd"),C=require("dayjs"),q=require("react"),F=require("react-i18next"),M=require("../../locale/hooks/translation-constants.cjs.js"),$=({type:v,required:T,label:r,rules:f=[],placeholder:t,disabledPast:i=!1,disableCurrent:m=!1,onEnter:w,disabled:x,use12Hours:k,nextFocus:D,onChange:s,range:n,disabledFuture:a,defaultValue:j,value:p,format:A,autoComplete:H="off",renderExtraFooter:N,...P})=>{const{t:R}=F.useTranslation(M.TRANSLATION_NAMESPACE),u=q.useMemo(()=>t||(n?["From","To"]:"Select time"),[t,n]);console.log(u);const y=n?c.TimePicker.RangePicker:c.TimePicker,E=q.useCallback(e=>{if(!e)return!1;const o=C(),I=i&&e<o,S=a&&e>o,d=m&&e<o&&o<e;return I||S||d},[m,a,i]);return l.jsx(c.Form.Item,{...P,label:r,rules:[{required:T,message:`${r??t??""} ${R("err.validation.required")}`},...f],children:l.jsx(y,{use12Hours:k,renderExtraFooter:N,value:p,defaultValue:j,format:A,onChange:e=>s==null?void 0:s(e),disabledDate:E,disabled:x,className:"w-100",placeholder:u})})};module.exports=$;
+"use strict";const l=require("react/jsx-runtime"),n=require("antd"),E=require("dayjs"),f=require("react"),H=require("../../locale/index.cjs.js"),I=({type:L,required:q,label:i,rules:x=[],placeholder:o,disabledPast:r=!1,disableCurrent:m=!1,onEnter:M,disabled:k,use12Hours:T,nextFocus:N,onChange:t,range:c,disabledFuture:u,defaultValue:j,value:p,format:d,autoComplete:S="off",renderExtraFooter:y,...P})=>{const{t:R}=H.useTranslationLib(),a=f.useMemo(()=>o||(c?["From","To"]:"Select time"),[o,c]);console.log(a);const F=c?n.TimePicker.RangePicker:n.TimePicker,$=f.useCallback(e=>{if(!e)return!1;const s=E(),v=r&&e<s,w=u&&e>s,D=m&&e<s&&s<e;return v||w||D},[m,u,r]);return l.jsx(n.Form.Item,{...P,label:i,rules:[{required:q,message:`${i??o??""} ${R("err.validation.required")}`},...x],children:l.jsx(F,{use12Hours:T,renderExtraFooter:y,value:p,defaultValue:j,format:d,onChange:e=>t==null?void 0:t(e),disabledDate:$,disabled:k,className:"w-100",placeholder:a})})};module.exports=I;

package/common/date-picker/TimePicker.es.js

@@ -1,71 +1,70 @@
-import { jsx as p } from "react/jsx-runtime";
-import { TimePicker as a, Form as M } from "antd";
-import R from "dayjs";
-import { useMemo as $, useCallback as q } from "react";
-import { useTranslation as v } from "react-i18next";
-import { TRANSLATION_NAMESPACE as w } from "../../locale/hooks/translation-constants.es.js";
+import { jsx as a } from "react/jsx-runtime";
+import { TimePicker as l, Form as E } from "antd";
+import H from "dayjs";
+import { useMemo as I, useCallback as L } from "react";
+import { useTranslationLib as M } from "../../locale/index.es.js";
 const K = ({
-  type: C,
-  required: l,
-  label: r,
-  rules: T = [],
+  type: N,
+  required: p,
+  label: c,
+  rules: k = [],
   placeholder: t,
-  disabledPast: c = !1,
-  disableCurrent: i = !1,
-  onEnter: D,
-  disabled: k,
-  use12Hours: u,
-  nextFocus: H,
-  onChange: e,
-  range: s,
+  disabledPast: i = !1,
+  disableCurrent: r = !1,
+  onEnter: R,
+  disabled: u,
+  use12Hours: T,
+  nextFocus: S,
+  onChange: s,
+  range: m,
   disabledFuture: n,
-  defaultValue: A,
-  value: N,
-  format: x,
-  autoComplete: L = "off",
-  renderExtraFooter: y,
-  ...E
+  defaultValue: x,
+  value: y,
+  format: d,
+  autoComplete: z = "off",
+  renderExtraFooter: j,
+  ...F
 }) => {
-  const { t: P } = v(w), f = $(
-    () => t || (s ? ["From", "To"] : "Select time"),
-    [t, s]
+  const { t: P } = M(), f = I(
+    () => t || (m ? ["From", "To"] : "Select time"),
+    [t, m]
   );
   console.log(f);
-  const S = s ? a.RangePicker : a, d = q(
+  const $ = m ? l.RangePicker : l, q = L(
     (o) => {
       if (!o)
         return !1;
-      const m = R(), j = c && o < m, F = n && o > m, I = i && o < m && m < o;
-      return j || F || I;
+      const e = H(), v = i && o < e, w = n && o > e, D = r && o < e && e < o;
+      return v || w || D;
     },
-    [i, n, c]
+    [r, n, i]
     // Dependencies for useCallback
   );
-  return /* @__PURE__ */ p(
-    M.Item,
+  return /* @__PURE__ */ a(
+    E.Item,
     {
-      ...E,
-      label: r,
+      ...F,
+      label: c,
       rules: [
         {
-          required: l,
-          message: `${r ?? t ?? ""} ${P(
+          required: p,
+          message: `${c ?? t ?? ""} ${P(
             "err.validation.required"
           )}`
         },
-        ...T
+        ...k
       ],
-      children: /* @__PURE__ */ p(
-        S,
+      children: /* @__PURE__ */ a(
+        $,
         {
-          use12Hours: u,
-          renderExtraFooter: y,
-          value: N,
-          defaultValue: A,
-          format: x,
-          onChange: (o) => e == null ? void 0 : e(o),
-          disabledDate: d,
-          disabled: k,
+          use12Hours: T,
+          renderExtraFooter: j,
+          value: y,
+          defaultValue: x,
+          format: d,
+          onChange: (o) => s == null ? void 0 : s(o),
+          disabledDate: q,
+          disabled: u,
           className: "w-100",
           placeholder: f
         }

package/common/loading/LoadingIndicator.cjs.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),r=require("antd"),o=require("react-i18next"),i=require("../button/Button.cjs.js"),c=require("../../locale/hooks/translation-constants.cjs.js"),u=({loading:s,children:n,error:a})=>{const{t:e}=o.useTranslation(c.TRANSLATION_NAMESPACE);return t.jsx(r.Skeleton,{loading:s,paragraph:!0,className:"h-100",children:a?t.jsx(r.Result,{status:"404",title:404,subTitle:e("err.notFound"),className:"",extra:t.jsx(i,{to:-1,type:"primary",children:e("str.goBack")})}):n})};module.exports=u;
+"use strict";const t=require("react/jsx-runtime"),r=require("antd"),i=require("../../locale/index.cjs.js"),o=require("../button/Button.cjs.js"),u=({loading:s,children:n,error:a})=>{const{t:e}=i.useTranslationLib();return t.jsx(r.Skeleton,{loading:s,paragraph:!0,className:"h-100",children:a?t.jsx(r.Result,{status:"404",title:404,subTitle:e("err.notFound"),className:"",extra:t.jsx(o,{to:-1,type:"primary",children:e("str.goBack")})}):n})};module.exports=u;

package/common/loading/LoadingIndicator.es.js

@@ -1,10 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import { Skeleton as n, Result as s } from "antd";
-import { useTranslation as m } from "react-i18next";
-import i from "../button/Button.es.js";
-import { TRANSLATION_NAMESPACE as p } from "../../locale/hooks/translation-constants.es.js";
-const N = ({ loading: o, children: e, error: a }) => {
-  const { t: r } = m(p);
+import { useTranslationLib as i } from "../../locale/index.es.js";
+import m from "../button/Button.es.js";
+const d = ({ loading: o, children: e, error: a }) => {
+  const { t: r } = i();
   return (
     // <Spin spinning={loading} className="h-100">
     /* @__PURE__ */ t(n, { loading: o, paragraph: !0, className: "h-100", children: a ? /* @__PURE__ */ t(
@@ -14,11 +13,11 @@ const N = ({ loading: o, children: e, error: a }) => {
         title: 404,
         subTitle: r("err.notFound"),
         className: "",
-        extra: /* @__PURE__ */ t(i, { to: -1, type: "primary", children: r("str.goBack") })
+        extra: /* @__PURE__ */ t(m, { to: -1, type: "primary", children: r("str.goBack") })
       }
     ) : e })
   );
 };
 export {
-  N as default
+  d as default
 };

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