@kingteza/crud-component 1.0.50 → 1.0.52

package/common/picker/ImagePicker.es.js

@@ -1,281 +1,320 @@
-import { jsx as t, jsxs as N, Fragment as oe } from "react/jsx-runtime";
-/* empty css                                               */
+import { jsx as r, jsxs as z, Fragment as ne } from "react/jsx-runtime";
+import { Cropper as xe } from "../../node_modules/.pnpm/react-advanced-cropper@0.20.1_react@18.3.1/node_modules/react-advanced-cropper/dist/index.esm-bundler.es.js";
+/* empty css                                                                                                                        */
 /* empty css             */
-import { RotateLeftOutlined as ye, RotateRightOutlined as Ue, UploadOutlined as ne, LoadingOutlined as Ie } from "@ant-design/icons";
-import { Form as Oe, Modal as q, Upload as Fe } from "antd";
-import M, { useRef as A, useState as w, useEffect as j, useCallback as ee, useMemo as te } from "react";
-import { Cropper as Re } from "react-cropper";
-import { useTranslationLib as je } from "../../locale/index.es.js";
-import L from "../button/Button.es.js";
-import Ne from "../../util/ImageUtil.es.js";
-const Se = Oe.Item;
-function re(r) {
-  return new Promise((l, p) => {
-    const o = new FileReader();
-    o.readAsDataURL(r), o.onload = () => l(o.result), o.onerror = (m) => p(m);
+import { RotateLeftOutlined as Fe, RotateRightOutlined as Oe, UploadOutlined as se, LoadingOutlined as Se } from "@ant-design/icons";
+import { Form as Ue, Modal as te, Space as ke, Upload as Re } from "antd";
+import H, { useRef as L, useState as w, useCallback as V, useEffect as j, useMemo as re } from "react";
+import { useTranslationLib as Ne } from "../../locale/index.es.js";
+import O from "../button/Button.es.js";
+import je from "../../util/ImageUtil.es.js";
+import ze from "../../icons/FlipHIcon.es.js";
+import Te from "../../icons/FlipVIcon.es.js";
+const Pe = Ue.Item, oe = "crud-component.image-picker.button-state";
+function ie(o) {
+  return new Promise((c, m) => {
+    const i = new FileReader();
+    i.readAsDataURL(o), i.onload = () => c(i.result), i.onerror = (p) => m(p);
   });
 }
-const Ve = ({
-  values: r = [],
-  required: l,
-  buttonType: p,
-  label: o,
-  name: m,
-  onChange: f,
-  aspectRatio: S,
-  buttonTitle: C,
+const Ke = ({
+  values: o = [],
+  required: c,
+  buttonType: m,
+  label: i,
+  name: p,
+  onChange: u,
+  aspectRatio: C,
+  buttonTitle: b,
   hidePreview: v,
-  buttonSize: u = "large",
+  buttonSize: f = "large",
   showButtonText: g = !0,
   showOnlyIcon: _ = !1,
-  icon: U = /* @__PURE__ */ t(ne, {}),
-  loading: I,
-  maxCount: b = 1,
-  onAdd: c,
-  onRemove: O,
-  listType: F,
+  icon: S = /* @__PURE__ */ r(se, {}),
+  loading: U,
+  maxCount: y = 1,
+  onAdd: s,
+  onRemove: k,
+  listType: R,
   ...E
 }) => {
-  const [ie, ae] = M.useState(""), [se, ce] = M.useState(""), [le, J] = M.useState(!1), k = A(), i = A(), [a, D] = w([]), [h, P] = w(), de = A(), pe = () => J(!1), me = async (e) => {
-    !e.url && !e.preview && (e.preview = await re(e.originFileObj)), ce(e.url || e.preview), J(!0), ae(e.name);
-  }, [V, R] = w(!1), fe = () => {
-  }, W = (e) => {
-    var n;
-    (n = i == null ? void 0 : i.current) == null || n.cropper.rotate(e ? -90 : 90);
-  };
+  const [ae, le] = H.useState(""), [ce, de] = H.useState(""), [me, M] = H.useState(!1), T = L(), l = L(null), [n, P] = w([]), [h, B] = w(), pe = L(), ue = () => M(!1), fe = async (e) => {
+    !e.url && !e.preview && (e.preview = await ie(e.originFileObj)), de(e.url || e.preview), M(!0), le(e.name);
+  }, [J, N] = w(!1), W = (e) => {
+    var t;
+    (t = l.current) == null || t.rotateImage(e ? -90 : 90);
+  }, $ = V((e) => {
+    var t;
+    l.current && ((t = l.current) == null || t.flipImage(e === "h", e === "v"));
+  }, []);
   j(() => {
-    f == null || f(a[0], a);
-  }, [a, f]);
-  const ue = () => {
-    var y;
-    const e = (y = i == null ? void 0 : i.current) == null ? void 0 : y.cropper.getCroppedCanvas(), { type: n, size: s, name: d, uid: x } = k.current;
-    R(!0), e == null || e.toBlob(async (be) => {
-      const xe = Object.assign(new File([be], d, { type: n }), {
+    u == null || u(n[0], n);
+  }, [n, u]);
+  const ge = async () => {
+    var F;
+    const e = (F = l.current) == null ? void 0 : F.getCanvas(), { type: t, size: a, name: I, uid: x } = T.current;
+    N(!0), e == null || e.toBlob(async (ye) => {
+      const Ie = Object.assign(new File([ye], I, { type: t }), {
         uid: x
-      }), X = await Ne.resizeImage(xe), Y = await re(X), Z = {
-        url: Y,
-        name: d,
+      }), q = await je.resizeImage(Ie), D = await ie(q);
+      console.log({ url: D });
+      const ee = {
+        url: D,
+        name: I,
         uid: x,
-        type: n,
-        size: s,
-        thumbUrl: Y,
-        originFileObj: X
+        type: t,
+        size: a,
+        thumbUrl: D,
+        originFileObj: q
       };
-      if (c)
+      if (s)
         try {
-          R(!0), await c(Z);
+          N(!0), await s(ee);
         } finally {
-          R(!1);
+          N(!1);
         }
-      D([Z, ...a]), R(!1);
-    }), P(void 0);
-  }, ge = () => {
-    P(void 0), k.current = void 0;
-  }, $ = ee((e) => {
-    const n = e;
-    if (n) {
-      k.current = n;
-      const s = new FileReader();
-      s.addEventListener("load", () => {
-        var d;
-        if (typeof s.result == "string") {
-          P(s.result);
-          const x = localStorage.getItem("cropper.box"), y = x ? JSON.parse(x) : void 0;
-          y && ((d = i == null ? void 0 : i.current) == null || d.cropper.setCropBoxData(y)), setTimeout(() => {
-            Q();
+      P([ee, ...n]), N(!1);
+    }), B(void 0);
+  }, he = () => {
+    B(void 0), T.current = void 0;
+  }, G = V((e) => {
+    const t = e;
+    if (t) {
+      T.current = t;
+      const a = new FileReader();
+      a.addEventListener("load", () => {
+        var I;
+        if (typeof a.result == "string") {
+          B(a.result);
+          const x = localStorage.getItem(oe), F = x ? JSON.parse(x) : void 0;
+          F && ((I = l.current) == null || I.setState(F)), setTimeout(() => {
+            Z(l.current);
           }, 100);
         }
-      }), s.readAsDataURL(n);
+      }), a.readAsDataURL(t);
     }
   }, []);
   j(() => {
-    if (r != null && r.length || typeof r == "string") {
-      const e = Array.isArray(r) ? r.map((n) => [{ uid: r, url: n }]) : [{ uid: r, url: r }];
-      D(e);
+    if (o != null && o.length || typeof o == "string") {
+      const e = Array.isArray(o) ? o.map((t) => [{ uid: o, url: t }]) : [{ uid: o, url: o }];
+      P(e);
     }
-  }, [r]);
-  const { t: z } = je(), he = te(
-    () => l ? {
-      required: l,
-      validator: (e, n, s) => {
-        h || a != null && a.length ? s() : s(`${o ?? ""} ${z("err.validation.required")}`);
+  }, [o]);
+  const { t: d } = Ne(), we = re(
+    () => c ? {
+      required: c,
+      validator: (e, t, a) => {
+        h || n != null && n.length ? a() : a(`${i ?? ""} ${d("err.validation.required")}`);
       }
     } : void 0,
-    [l, h, a == null ? void 0 : a.length, o, z]
-  ), H = C ?? z("message.fileUploadMessage2"), T = te(
-    () => /* @__PURE__ */ t(
-      ke,
+    [c, h, n == null ? void 0 : n.length, i, d]
+  ), K = b ?? d("message.uploadButtonText"), Q = re(
+    () => /* @__PURE__ */ r(
+      Be,
       {
-        showLoadingIndicator: V,
-        _buttonTitle: H,
-        buttonSize: u,
-        buttonType: p,
-        fileList: a,
+        showLoadingIndicator: J,
+        _buttonTitle: K,
+        buttonSize: f,
+        buttonType: m,
+        fileList: n,
         hidePreview: v,
-        icon: U,
-        loading: I,
-        listType: F,
-        maxCount: b,
-        onChangeFile: $,
-        onRemove: O,
+        icon: S,
+        loading: U,
+        listType: R,
+        maxCount: y,
+        onChangeFile: G,
+        onRemove: k,
         showButtonText: g,
-        handlePreview: me,
-        setFileList: D
+        handlePreview: fe,
+        setFileList: P
       }
     ),
     [
-      V,
-      H,
-      u,
-      p,
-      a,
+      J,
+      K,
+      f,
+      m,
+      n,
       v,
+      S,
       U,
-      I,
-      F,
-      b,
-      $,
-      O,
+      R,
+      y,
+      G,
+      k,
       g
     ]
   );
-  de.current = T.props.beforeUpload;
-  const [we, G] = w(0), [Ce, K] = w(0), [B, ve] = w();
+  pe.current = Q.props.beforeUpload;
+  const [Ce, X] = w(0), [be, Y] = w(0), [A, ve] = w();
   j(() => {
     const e = setTimeout(() => {
-      B && localStorage.setItem("cropper.box", JSON.stringify(B));
+      A && localStorage.setItem(oe, JSON.stringify(A));
     }, 400);
     return () => clearTimeout(e);
-  }, [B]), j(() => {
-    h || (G(0), K(0));
+  }, [A]), j(() => {
+    if (!h) {
+      X(0), Y(0);
+      const e = setTimeout(() => {
+        var t;
+        (t = l.current) == null || t.reset();
+      }, 1500);
+      return () => clearTimeout(e);
+    }
   }, [h]);
-  const Q = ee(async () => {
-    var n;
-    const e = (n = i == null ? void 0 : i.current) == null ? void 0 : n.cropper;
+  const Z = V(async (e) => {
     if (e) {
-      const { width: s, height: d } = e.getCroppedCanvas();
-      ve(e.getCropBoxData()), G(s), K(d);
+      const t = e.getCoordinates();
+      ve(e.getState()), X((t == null ? void 0 : t.width) ?? 10), Y((t == null ? void 0 : t.height) ?? 10);
     }
   }, []);
-  return /* @__PURE__ */ N(oe, { children: [
-    /* @__PURE__ */ t(
-      Se,
+  return /* @__PURE__ */ z(ne, { children: [
+    /* @__PURE__ */ r(
+      Pe,
       {
-        label: o,
+        label: i,
         ...E,
-        name: m,
+        name: p,
         className: "mb-0",
-        rules: [he, ...E.rules ?? []],
-        children: T
+        rules: [we, ...E.rules ?? []],
+        children: Q
       }
     ),
-    /* @__PURE__ */ N(
-      q,
+    /* @__PURE__ */ z(
+      te,
       {
         open: !!h,
         maskClosable: !1,
-        onOk: ue,
+        onOk: ge,
         closable: !1,
-        onCancel: ge,
+        onCancel: he,
+        destroyOnHidden: !0,
         children: [
-          /* @__PURE__ */ t(
-            Re,
+          /* @__PURE__ */ r(
+            xe,
             {
-              ref: i,
+              ref: l,
+              stencilProps: {
+                grid: !0
+              },
+              style: { border: "1px solid black" },
               src: h,
-              cropmove: Q,
-              viewMode: 1,
-              aspectRatio: S,
-              cropend: () => fe()
+              onChange: (e) => {
+                Z(e);
+              },
+              aspectRatio: C ? {
+                minimum: C,
+                maximum: C
+              } : void 0
             }
           ),
-          /* @__PURE__ */ t("p", { className: "text-center", children: [we, Ce].join(" ⨉ ") }),
-          /* @__PURE__ */ N("div", { className: "mt-2 d-flex justify-content-center", children: [
-            /* @__PURE__ */ t(
-              L,
+          /* @__PURE__ */ r("p", { className: "text-center", children: [Ce, be].join(" ⨉ ") }),
+          /* @__PURE__ */ r("div", { className: "mt-2 d-flex justify-content-center", children: /* @__PURE__ */ z(ke.Compact, { children: [
+            /* @__PURE__ */ r(
+              O,
               {
                 size: "large",
-                icon: /* @__PURE__ */ t(ye, {}),
+                tooltip: d("str.rotateLeft"),
+                icon: /* @__PURE__ */ r(Fe, {}),
                 onClick: () => W(!0)
               }
             ),
-            /* @__PURE__ */ t(
-              L,
+            /* @__PURE__ */ r(
+              O,
               {
                 size: "large",
-                icon: /* @__PURE__ */ t(Ue, {}),
+                icon: /* @__PURE__ */ r(Oe, {}),
+                tooltip: d("str.rotateRight"),
                 onClick: () => W(!1)
               }
+            ),
+            /* @__PURE__ */ r(
+              O,
+              {
+                size: "large",
+                icon: /* @__PURE__ */ r(ze, {}),
+                tooltip: d("str.flipHorizontal"),
+                onClick: () => $("h")
+              }
+            ),
+            /* @__PURE__ */ r(
+              O,
+              {
+                size: "large",
+                icon: /* @__PURE__ */ r(Te, {}),
+                tooltip: d("str.flipVertical"),
+                onClick: () => $("v")
+              }
             )
-          ] })
+          ] }) })
         ]
       }
     ),
-    /* @__PURE__ */ t(
-      q,
+    /* @__PURE__ */ r(
+      te,
       {
-        open: le,
-        title: ie,
+        open: me,
+        title: ae,
         footer: null,
-        onCancel: pe,
-        children: /* @__PURE__ */ t("div", { className: "text-center", children: /* @__PURE__ */ t("img", { alt: "example", style: { maxWidth: "400px" }, src: se }) })
+        onCancel: ue,
+        children: /* @__PURE__ */ r("div", { className: "text-center", children: /* @__PURE__ */ r("img", { alt: "example", style: { maxWidth: "400px" }, src: ce }) })
       }
     )
   ] });
-}, ke = ({
-  _buttonTitle: r,
-  buttonSize: l,
-  buttonType: p,
-  fileList: o,
-  hidePreview: m,
-  icon: f,
-  loading: S,
-  maxCount: C,
+}, Be = ({
+  _buttonTitle: o,
+  buttonSize: c,
+  buttonType: m,
+  fileList: i,
+  hidePreview: p,
+  icon: u,
+  loading: C,
+  maxCount: b,
   onChangeFile: v,
-  onRemove: u,
+  onRemove: f,
   showButtonText: g,
   handlePreview: _,
-  setFileList: U,
-  showLoadingIndicator: I,
-  listType: b = "picture"
-}) => /* @__PURE__ */ t(oe, { children: /* @__PURE__ */ N(
-  Fe,
+  setFileList: S,
+  showLoadingIndicator: U,
+  listType: y = "picture"
+}) => /* @__PURE__ */ r(ne, { children: /* @__PURE__ */ z(
+  Re,
   {
     accept: "image/x-png,image/gif,image/jpeg",
-    fileList: o,
-    defaultFileList: o,
+    fileList: i,
+    defaultFileList: i,
     onChange: () => {
     },
-    className: (o.length >= C ? " hide-upload " : "") + " mb-0",
+    className: (i.length >= b ? " hide-upload " : "") + " mb-0",
     multiple: !1,
-    onPreview: m ? void 0 : _,
-    onDrop: (c) => (v(c.dataTransfer.files.item(0)), !1),
-    listType: b,
-    showUploadList: !m,
-    onRemove: (c) => {
-      const O = o.filter((F) => c.uid !== F.uid);
-      u == null || u(c), U(O);
+    onPreview: p ? void 0 : _,
+    onDrop: (s) => (v(s.dataTransfer.files.item(0)), !1),
+    listType: y,
+    showUploadList: !p,
+    onRemove: (s) => {
+      const k = i.filter((R) => s.uid !== R.uid);
+      f == null || f(s), S(k);
     },
-    beforeUpload: async (c) => (v(c), !1),
-    maxCount: C,
+    beforeUpload: async (s) => (v(s), !1),
+    maxCount: b,
     children: [
-      I && /* @__PURE__ */ t(Ie, {}),
-      /* @__PURE__ */ t("div", { className: "d-flex flex-column", children: o.length < C && (b === "picture-circle" ? /* @__PURE__ */ t(ne, {}) : /* @__PURE__ */ t(
-        L,
+      U && /* @__PURE__ */ r(Se, {}),
+      /* @__PURE__ */ r("div", { className: "d-flex flex-column", children: i.length < b && (y === "picture-circle" ? /* @__PURE__ */ r(se, {}) : /* @__PURE__ */ r(
+        O,
         {
-          loading: S,
-          tooltip: g ? void 0 : r,
-          size: l,
-          icon: f,
-          type: g ? p : "text",
-          children: g ? r : void 0
+          loading: C,
+          tooltip: g ? void 0 : o,
+          size: c,
+          icon: u,
+          type: g ? m : "text",
+          children: g ? o : void 0
         }
       )) })
     ]
   },
-  o.length
+  i.length
 ) });
 export {
-  ke as UploadComponent,
-  Ve as default
+  Be as UploadComponent,
+  Ke as default
 };

package/common/rich/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime");;/* empty css                                                      */;/* empty css               */const a=require("antd"),s=require("react"),x=require("../../util/ValidationUtil.cjs.js"),q=s.lazy(async()=>{const{default:t}=await Promise.resolve().then(()=>require("../../_virtual/index.cjs.js")).then(i=>i.index);return{default:i=>l.jsx(t,{...i})}}),g=({name:t,label:i,required:u,rules:c=[],disabled:h})=>{const o=a.Form.useFormInstance(),[d,n]=s.useState(""),f={toolbar:[["bold","italic","underline","strike","blockquote"],[{list:"ordered"},{list:"bullet"}],["link"],["clean"]]},p=["bold","italic","underline","strike","blockquote","list","bullet","link"];s.useEffect(()=>{const e=o.getFieldValue(t);e&&e!=="<p></p>"&&e!=="<p><br></p>"&&n(e)},[o,t]);const r=a.Form.useWatch(t,o);s.useEffect(()=>{r!==d&&n(!r||r==="<p></p>"||r==="<p><br></p>"?"":r)},[r,d]);const b=e=>{n(e);const m=!e||e==="<p></p>"||e.trim()==="<p><br></p>"?void 0:e;o.setFieldValue(t,m),o.validateFields([t]).catch(()=>{})},k=s.useMemo(()=>u?[...c,...x.required(i??"")]:c,[u,c,i]);return l.jsx(a.Form.Item,{name:t,label:i,rules:k,children:l.jsx(s.Suspense,{fallback:l.jsx("div",{children:"Loading editor..."}),children:l.jsx(q,{readOnly:h,value:d,onChange:b,theme:"snow",className:"bg-white dark:!bg-[#141414] dark:text-white dark:!fill-white",modules:f,formats:p})})})};exports.RichTextEditor=g;
+"use strict";var g=Object.create;var p=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var w=(e,t,r,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of V(t))!F.call(e,o)&&o!==r&&p(e,o,{get:()=>t[o],enumerable:!(s=q(t,o))||s.enumerable});return e};var R=(e,t,r)=>(r=e!=null?g(j(e)):{},w(t||!e||!e.__esModule?p(r,"default",{value:e,enumerable:!0}):r,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime");;/* empty css                                                                                                                                       */;/* empty css               */const h=require("antd"),c=require("react"),y=require("../../util/ValidationUtil.cjs.js"),E=c.lazy(async()=>{const{default:e}=await import("react-quill");return{default:t=>a.jsx(e,{...t})}}),S=({name:e,label:t,required:r,rules:s=[],disabled:o})=>{const n=h.Form.useFormInstance(),[u,d]=c.useState(""),f={toolbar:[["bold","italic","underline","strike","blockquote"],[{list:"ordered"},{list:"bullet"}],["link"],["clean"]]},b=["bold","italic","underline","strike","blockquote","list","bullet","link"];c.useEffect(()=>{const i=n.getFieldValue(e);i&&i!=="<p></p>"&&i!=="<p><br></p>"&&d(i)},[n,e]);const l=h.Form.useWatch(e,n);c.useEffect(()=>{l!==u&&d(!l||l==="<p></p>"||l==="<p><br></p>"?"":l)},[l,u]);const k=i=>{d(i);const x=!i||i==="<p></p>"||i.trim()==="<p><br></p>"?void 0:i;n.setFieldValue(e,x),n.validateFields([e]).catch(()=>{})},m=c.useMemo(()=>r?[...s,...y.required(t??"")]:s,[r,s,t]);return a.jsx(h.Form.Item,{name:e,label:t,rules:m,children:a.jsx(c.Suspense,{fallback:a.jsx("div",{children:"Loading editor..."}),children:a.jsx(E,{readOnly:o,value:u,onChange:k,theme:"snow",className:"bg-white dark:!bg-[#141414] dark:text-white dark:!fill-white",modules:f,formats:b})})})};exports.RichTextEditor=S;

package/common/rich/index.es.js

@@ -1,15 +1,15 @@
 import { jsx as l } from "react/jsx-runtime";
-/* empty css                                                    */
+/* empty css                                                                                                                                     */
 /* empty css             */
 import { Form as a } from "antd";
 import V, { useState as g, useEffect as u, useMemo as w, Suspense as F } from "react";
 import x from "../../util/ValidationUtil.es.js";
 const R = V.lazy(async () => {
-  const { default: e } = await import("../../_virtual/index.es.js").then((i) => i.i);
-  return { default: (i) => /* @__PURE__ */ l(e, { ...i }) };
+  const { default: e } = await import("react-quill");
+  return { default: (o) => /* @__PURE__ */ l(e, { ...o }) };
 }), S = ({
   name: e,
-  label: i,
+  label: o,
   required: d,
   rules: c = [],
   disabled: p
@@ -35,20 +35,20 @@ const R = V.lazy(async () => {
     const t = r.getFieldValue(e);
     t && t !== "<p></p>" && t !== "<p><br></p>" && s(t);
   }, [r, e]);
-  const o = a.useWatch(e, r);
+  const i = a.useWatch(e, r);
   u(() => {
-    o !== n && s(!o || o === "<p></p>" || o === "<p><br></p>" ? "" : o);
-  }, [o, n]);
+    i !== n && s(!i || i === "<p></p>" || i === "<p><br></p>" ? "" : i);
+  }, [i, n]);
   const h = (t) => {
     s(t);
     const k = !t || t === "<p></p>" || t.trim() === "<p><br></p>" ? void 0 : t;
     r.setFieldValue(e, k), r.validateFields([e]).catch(() => {
     });
   }, b = w(
-    () => d ? [...c, ...x.required(i ?? "")] : c,
-    [d, c, i]
+    () => d ? [...c, ...x.required(o ?? "")] : c,
+    [d, c, o]
   );
-  return /* @__PURE__ */ l(a.Item, { name: e, label: i, rules: b, children: /* @__PURE__ */ l(F, { fallback: /* @__PURE__ */ l("div", { children: "Loading editor..." }), children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l(a.Item, { name: e, label: o, rules: b, children: /* @__PURE__ */ l(F, { fallback: /* @__PURE__ */ l("div", { children: "Loading editor..." }), children: /* @__PURE__ */ l(
     R,
     {
       readOnly: p,

package/common/select/SelectComponent.es.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { ConfigProvider as q, Spin as B, Form as D, Select as E } from "antd";
+import { ConfigProvider as q, Form as B, Select as D, Spin as E } from "antd";
 import { useCallback as F } from "react";
 import { useTranslationLib as P } from "../../locale/index.es.js";
 import V from "../tooltip/TooltipComponent.es.js";
@@ -33,9 +33,9 @@ function Q({
   return /* @__PURE__ */ t(
     q,
     {
-      renderEmpty: _ && d ? () => /* @__PURE__ */ t(B, {}) : void 0,
+      renderEmpty: _ && d ? () => /* @__PURE__ */ t(E, {}) : void 0,
       children: /* @__PURE__ */ t(V, { title: $, children: /* @__PURE__ */ t(
-        D.Item,
+        B.Item,
         {
           label: m,
           name: n.name,
@@ -51,7 +51,7 @@ function Q({
             }
           ],
           children: /* @__PURE__ */ t(
-            E,
+            D,
             {
               ref: N,
               loading: d,

package/common/tab/TabViewWithRoute.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("antd"),i=require("react"),u=require("react-router"),g=require("react-router-dom"),q=require("../../context/WindowDimension.cjs.js"),{Content:T}=c.Layout,y=({positionOfRoute:n,initialKey:s="*",tabs:l,className:d="",mode:h="default"})=>{const[b,m]=i.useState(s),o=u.useNavigate(),p=e=>{o(e)},r=g.useLocation();i.useEffect(()=>{const e=r.pathname.split("/")[n];m(e??""),e||o(s,{replace:!0})},[s,r.pathname,o,n]);const{isDesktop:x}=q(),a=h==="side"&&x,f=a?"left":"top",j=a?"d-flex h-100":"";return t.jsxs("div",{className:`${d} ${j}`,children:[t.jsx(c.Tabs,{type:"card",tabPosition:f,activeKey:b,onChange:p,children:l.map(({key:e,label:v})=>t.jsx(c.Tabs.TabPane,{tab:v},e))}),t.jsx(T,{className:`max-height ${a?"overflow-auto":""}`,children:t.jsx(u.Outlet,{})})]})};exports.TabViewWithRoute=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("antd"),i=require("react"),u=require("react-router-dom"),T=require("../../hooks/NavigatorHooks.cjs.js"),y=require("../../context/WindowDimension.cjs.js"),{Content:S}=n.Layout,v=({positionOfRoute:a,initialKey:o="*",tabs:l,className:d="",mode:h="default"})=>{const[b,m]=i.useState(o),e=T.useNavigateOptional(),p=t=>{e==null||e(t)},r=u.useLocation();i.useEffect(()=>{const t=r.pathname.split("/")[a];m(t??""),t||e==null||e(o,{replace:!0})},[o,r.pathname,e,a]);const{isDesktop:x}=y(),c=h==="side"&&x,f=c?"left":"top",j=c?"d-flex h-100":"";return s.jsxs("div",{className:`${d} ${j}`,children:[s.jsx(n.Tabs,{type:"card",tabPosition:f,activeKey:b,onChange:p,children:l.map(({key:t,label:q})=>s.jsx(n.Tabs.TabPane,{tab:q},t))}),s.jsx(S,{className:`max-height ${c?"overflow-auto":""}`,children:s.jsx(u.Outlet,{})})]})};exports.TabViewWithRoute=v;