@kingteza/crud-component 1.0.3 → 1.0.5

package/dist/src/components/common/button/ImportButton.js

@@ -0,0 +1,56 @@
+import { j as n } from "../../../../_virtual/jsx-runtime.js";
+import { useState as r, useRef as k, useCallback as c } from "react";
+import { TRANSLATION_NAMESPACE as C } from "../../../locale/hooks/translation-constants.js";
+import A from "./Button.js";
+import { useTranslation as T } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import h from "../../../../node_modules/@ant-design/icons/es/icons/ImportOutlined.js";
+function L({
+  onClick: e,
+  children: l,
+  accept: a,
+  className: m,
+  disabled: f,
+  type: p = "link"
+}) {
+  const [u, s] = r(!1), { t: x } = T(C), o = k(null), j = c(() => {
+    d((t) => t + 1), o.current && setTimeout(() => {
+      var t;
+      (t = o == null ? void 0 : o.current) == null || t.click();
+    }, 10);
+  }, []), [y, d] = r(0), g = c(
+    async (t) => {
+      s(!0);
+      const i = t.target.files[0];
+      i && await e(i), s(!1);
+    },
+    [e]
+  );
+  return /* @__PURE__ */ n.jsxs("div", { className: m, children: [
+    /* @__PURE__ */ n.jsx(
+      "input",
+      {
+        type: "file",
+        style: { display: "none" },
+        ref: o,
+        onChange: g,
+        accept: a
+      },
+      y
+    ),
+    /* @__PURE__ */ n.jsx(
+      A,
+      {
+        loading: u,
+        type: p,
+        disabled: f,
+        onClick: j,
+        icon: /* @__PURE__ */ n.jsx(h, {}),
+        tooltip: x("str.import"),
+        children: l
+      }
+    )
+  ] });
+}
+export {
+  L as ImportButton
+};

package/dist/src/components/common/button/NewButton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs"),a=require("./Button.cjs"),l=require("../../../locale/hooks/translation-constants.cjs"),x=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),j=require("../../../../node_modules/@ant-design/icons/es/icons/PlusOutlined.cjs"),m=({size:n,block:r,className:s,type:o="primary",onClick:t,title:u,to:i})=>{const{t:c}=x.useTranslation(l.TRANSLATION_NAMESPACE);return e.jsxRuntimeExports.jsx(a,{type:o,className:s,to:i,block:r,size:n,onClick:t&&(()=>t(!0)),icon:e.jsxRuntimeExports.jsx(j,{}),children:u??c("str.new")})};exports.NewButton=m;

package/dist/src/components/common/button/NewButton.js

@@ -0,0 +1,24 @@
+import { j as r } from "../../../../_virtual/jsx-runtime.js";
+import f from "./Button.js";
+import { TRANSLATION_NAMESPACE as u } from "../../../locale/hooks/translation-constants.js";
+import { useTranslation as c } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import x from "../../../../node_modules/@ant-design/icons/es/icons/PlusOutlined.js";
+const R = ({ size: t, block: n, className: m, type: e = "primary", onClick: o, title: i, to: s }) => {
+  const { t: p } = c(u);
+  return /* @__PURE__ */ r.jsx(
+    f,
+    {
+      type: e,
+      className: m,
+      to: s,
+      block: n,
+      size: t,
+      onClick: o && (() => o(!0)),
+      icon: /* @__PURE__ */ r.jsx(x, {}),
+      children: i ?? p("str.new")
+    }
+  );
+};
+export {
+  R as NewButton
+};

package/dist/src/components/common/button/PrintButton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs"),p=require("./Button.cjs"),x=require("../../../locale/hooks/translation-constants.cjs"),j=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),m=require("../../../../node_modules/@ant-design/icons/es/icons/PrinterOutlined.cjs"),q=({disabled:s,loading:e,block:i,className:o,type:u="primary",onClick:c,title:a,to:l})=>{const{t:n}=j.useTranslation(x.TRANSLATION_NAMESPACE),t=a??n("str.print");return r.jsxRuntimeExports.jsx(p,{type:u,className:o,to:l,loading:e,disabled:s,block:i,onClick:c,tooltip:t!=null&&t.trim()?"":n("str.print"),icon:r.jsxRuntimeExports.jsx(m,{}),children:t})};exports.PrintButton=q;

package/dist/src/components/common/button/PrintButton.js

@@ -0,0 +1,26 @@
+import { j as r } from "../../../../_virtual/jsx-runtime.js";
+import u from "./Button.js";
+import { TRANSLATION_NAMESPACE as x } from "../../../locale/hooks/translation-constants.js";
+import { useTranslation as a } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import j from "../../../../node_modules/@ant-design/icons/es/icons/PrinterOutlined.js";
+const l = ({ disabled: n, loading: i, block: m, className: p, type: s = "primary", onClick: c, title: e, to: f }) => {
+  const { t: o } = a(x), t = e ?? o("str.print");
+  return /* @__PURE__ */ r.jsx(
+    u,
+    {
+      type: s,
+      className: p,
+      to: f,
+      loading: i,
+      disabled: n,
+      block: m,
+      onClick: c,
+      tooltip: t != null && t.trim() ? "" : o("str.print"),
+      icon: /* @__PURE__ */ r.jsx(j, {}),
+      children: t
+    }
+  );
+};
+export {
+  l as PrintButton
+};

package/dist/src/components/common/button/RefreshButton.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs"),c=require("../../../locale/hooks/translation-constants.cjs"),l=require("./Button.cjs"),x=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),R=require("../../../../node_modules/@ant-design/icons/es/icons/ReloadOutlined.cjs"),j=({disabled:r,block:n,className:s,type:o="primary",onClick:t,title:u,to:i})=>{const{t:a}=x.useTranslation(c.TRANSLATION_NAMESPACE);return e.jsxRuntimeExports.jsx(l,{type:o,disabled:r,className:s,to:i,block:n,onClick:t&&(()=>t(!0)),icon:e.jsxRuntimeExports.jsx(R,{}),children:u??a("str.refresh")})};exports.RefreshButton=j;

package/dist/src/components/common/button/RefreshButton.js

@@ -0,0 +1,24 @@
+import { j as o } from "../../../../_virtual/jsx-runtime.js";
+import { TRANSLATION_NAMESPACE as f } from "../../../locale/hooks/translation-constants.js";
+import u from "./Button.js";
+import { useTranslation as c } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+import x from "../../../../node_modules/@ant-design/icons/es/icons/ReloadOutlined.js";
+const E = ({ disabled: t, block: m, className: n, type: e = "primary", onClick: r, title: s, to: i }) => {
+  const { t: p } = c(f);
+  return /* @__PURE__ */ o.jsx(
+    u,
+    {
+      type: e,
+      disabled: t,
+      className: n,
+      to: i,
+      block: m,
+      onClick: r && (() => r(!0)),
+      icon: /* @__PURE__ */ o.jsx(x, {}),
+      children: s ?? p("str.refresh")
+    }
+  );
+};
+export {
+  E as RefreshButton
+};

package/dist/src/components/common/button/UnHideButton.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("../../../../_virtual/jsx-runtime.cjs"),C=require("antd"),n=require("react"),d=require("./Button.cjs"),E=require("../../../locale/hooks/translation-constants.cjs"),R=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),f=require("../../../../node_modules/@ant-design/icons/es/icons/UpCircleOutlined.cjs");function T({shouldConfirm:m=!0,block:r,value:i,loading:u,onClick:a,text:c,disabled:l,type:x="link",hidden:q}){const{t:e}=R.useTranslation(E.TRANSLATION_NAMESPACE),s=n.useMemo(()=>c??e("str.unhide"),[c,e]),[p,o]=n.useState(!1);n.useEffect(()=>{o(u??!1)},[u]);const j=n.useCallback(async()=>{try{o(!0),await a(i)}finally{o(!1)}},[a,i]);return m?t.jsxRuntimeExports.jsx(C.Popconfirm,{title:e("qus.doYouWantToHide"),okText:s.toUpperCase(),cancelText:e("str.no").toUpperCase(),onConfirm:j,children:t.jsxRuntimeExports.jsx(d,{tooltip:s,icon:t.jsxRuntimeExports.jsx(f,{}),disabled:l,loading:p,type:x,danger:!0,hidden:q,block:r})}):t.jsxRuntimeExports.jsx(d,{tooltip:s,icon:t.jsxRuntimeExports.jsx(f,{}),disabled:l,loading:p,type:x,danger:!0,block:r,onClick:j})}module.exports=T;

package/dist/src/components/common/button/UnHideButton.js

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

package/dist/src/components/common/button/UpdateButtonTable.cjs

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

package/dist/src/components/common/button/UpdateButtonTable.js

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

package/dist/src/components/common/button/ViewButtonTable.cjs

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

package/dist/src/components/common/button/ViewButtonTable.js

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

package/dist/src/components/common/check-box/CheckBox.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("../../../../_virtual/jsx-runtime.cjs"),c=require("antd"),u=c.Form.Item,d=({onChange:e,label:x,initialValue:t=!1,disabled:n,switch:s=!1,...m})=>r.jsxRuntimeExports.jsxs(u,{...m,valuePropName:"checked",initialValue:t,label:s?x:void 0,children:[!!s&&r.jsxRuntimeExports.jsx(c.Switch,{disabled:n,defaultChecked:t,onChange:e&&(o=>e(o))}),!s&&r.jsxRuntimeExports.jsx(c.Checkbox,{disabled:n,defaultChecked:t,onChange:e&&(o=>e(o.target.checked)),children:x})]});module.exports=d;

package/dist/src/components/common/check-box/CheckBox.js

@@ -0,0 +1,40 @@
+import { j as c } from "../../../../_virtual/jsx-runtime.js";
+import { Form as x, Switch as f, Checkbox as h } from "antd";
+const k = x.Item, n = ({
+  onChange: e,
+  label: m,
+  initialValue: o = !1,
+  disabled: s,
+  switch: r = !1,
+  ...d
+}) => /* @__PURE__ */ c.jsxs(
+  k,
+  {
+    ...d,
+    valuePropName: "checked",
+    initialValue: o,
+    label: r ? m : void 0,
+    children: [
+      !!r && /* @__PURE__ */ c.jsx(
+        f,
+        {
+          disabled: s,
+          defaultChecked: o,
+          onChange: e && ((t) => e(t))
+        }
+      ),
+      !r && /* @__PURE__ */ c.jsx(
+        h,
+        {
+          disabled: s,
+          defaultChecked: o,
+          onChange: e && ((t) => e(t.target.checked)),
+          children: m
+        }
+      )
+    ]
+  }
+);
+export {
+  n as default
+};

package/dist/src/components/common/description/DescList.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("../../../../_virtual/jsx-runtime.cjs"),o=require("antd"),u=require("react"),a=require("../../../util/NumberUtil.cjs"),m=o.Descriptions.Item,x=({list:s,keepEmptyValues:r,...i})=>{const c=u.useMemo(()=>{const t=r?s:s.filter(e=>e&&!!e.value);return t.forEach(e=>{!e.noFormatting&&!isNaN(e.value)&&(e.value=a.default.toMoney(e.value))}),t},[r,s]);return n.jsxRuntimeExports.jsx(o.Descriptions,{...i,children:c.map(({label:t,value:e})=>n.jsxRuntimeExports.jsx(m,{label:t,children:e},t))})};module.exports=x;

package/dist/src/components/common/description/DescList.js

@@ -0,0 +1,16 @@
+import { j as i } from "../../../../_virtual/jsx-runtime.js";
+import { Descriptions as s } from "antd";
+import { useMemo as a } from "react";
+import c from "../../../util/NumberUtil.js";
+const u = s.Item, j = ({ list: t, keepEmptyValues: e, ...n }) => {
+  const m = a(() => {
+    const r = e ? t : t.filter((o) => o && !!o.value);
+    return r.forEach((o) => {
+      !o.noFormatting && !isNaN(o.value) && (o.value = c.toMoney(o.value));
+    }), r;
+  }, [e, t]);
+  return /* @__PURE__ */ i.jsx(s, { ...n, children: m.map(({ label: r, value: o }) => /* @__PURE__ */ i.jsx(u, { label: r, children: o }, r)) });
+};
+export {
+  j as default
+};

package/dist/src/components/common/layout/VerticalSpace.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("../../../../_virtual/jsx-runtime.cjs"),s=require("antd"),c=({children:e,className:t=""})=>r.jsxRuntimeExports.jsx(s.Space,{direction:"vertical",className:[t,"w-100"].join(" "),children:e});module.exports=c;

package/dist/src/components/common/layout/VerticalSpace.js

@@ -0,0 +1,6 @@
+import { j as e } from "../../../../_virtual/jsx-runtime.js";
+import { Space as a } from "antd";
+const s = ({ children: r, className: t = "" }) => /* @__PURE__ */ e.jsx(a, { direction: "vertical", className: [t, "w-100"].join(" "), children: r });
+export {
+  s as default
+};

package/dist/src/components/common/loading/LoadingIndicator.cjs

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

package/dist/src/components/common/loading/LoadingIndicator.js

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

package/dist/src/components/common/picker/ImagePicker.cjs

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