@kingteza/crud-component 1.0.3 → 1.0.5

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

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

package/dist/src/components/common/radio/RadioGroupComponent.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("../../../../_virtual/jsx-runtime.cjs"),n=require("antd"),i=require("react"),l=({button:m,disabled:c,...t})=>{const a=i.useMemo(()=>{const{enum:e,translations:o}=t;if(e){const r=[];for(const u of e)r.push({key:u,value:(o==null?void 0:o[u])??u.toUpperCase()});return r}else return t.values},[t]),x=m?n.Radio.Button:n.Radio;return s.jsxRuntimeExports.jsx(n.Form.Item,{...t,children:s.jsxRuntimeExports.jsx(n.Radio.Group,{disabled:c,children:a.map(({key:e,value:o})=>s.jsxRuntimeExports.jsx(x,{value:e,children:o},e))})})},R=i.memo(l);module.exports=R;

package/dist/src/components/common/radio/RadioGroupComponent.js

@@ -0,0 +1,19 @@
+import { j as u } from "../../../../_virtual/jsx-runtime.js";
+import { Radio as m, Form as i } from "antd";
+import { memo as p, useMemo as d } from "react";
+const f = ({ button: s, disabled: a, ...n }) => {
+  const l = d(() => {
+    const { enum: e, translations: o } = n;
+    if (e) {
+      const r = [];
+      for (const t of e)
+        r.push({ key: t, value: (o == null ? void 0 : o[t]) ?? t.toUpperCase() });
+      return r;
+    } else
+      return n.values;
+  }, [n]), c = s ? m.Button : m;
+  return /* @__PURE__ */ u.jsx(i.Item, { ...n, children: /* @__PURE__ */ u.jsx(m.Group, { disabled: a, children: l.map(({ key: e, value: o }) => /* @__PURE__ */ u.jsx(c, { value: e, children: o }, e)) }) });
+}, h = p(f);
+export {
+  h as default
+};

package/dist/src/components/common/report/SelectFieldInReport.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../../../_virtual/jsx-runtime.cjs"),o=require("antd"),u=require("react"),j=require("../select/SelectComponent.cjs"),F=({className:a,onSelect:d,label:p,required:S,name:s,mode:l,items:t})=>{const r=o.Form.useFormInstance(),[n,x]=u.useState(!0);return u.useEffect(()=>{if(t&&n){const e=t.filter(i=>i.alreadySelected).map(i=>i.id);r==null||r.setFieldsValue({[s]:l==="multiple"?e:e==null?void 0:e[0]}),x(!1)}},[n,r,t,l,s]),c.jsxRuntimeExports.jsx(j,{required:S,label:p,mode:l,className:a,name:s,onSelect:d,items:t,itemBuilder:e=>c.jsxRuntimeExports.jsx(o.Select.Option,{value:e.id,disabled:e.lock,children:e.label},e.id)})};exports.SelectFieldInReport=F;

package/dist/src/components/common/report/SelectFieldInReport.js

@@ -0,0 +1,30 @@
+import { j as c } from "../../../../_virtual/jsx-runtime.js";
+import { Form as f, Select as m } from "antd";
+import { useState as x, useEffect as F } from "react";
+import S from "../select/SelectComponent.js";
+const R = ({ className: n, onSelect: p, label: u, required: a, name: l, mode: o, items: e }) => {
+  const r = f.useFormInstance(), [s, d] = x(!0);
+  return F(() => {
+    if (e && s) {
+      const t = e.filter((i) => i.alreadySelected).map((i) => i.id);
+      r == null || r.setFieldsValue({
+        [l]: o === "multiple" ? t : t == null ? void 0 : t[0]
+      }), d(!1);
+    }
+  }, [s, r, e, o, l]), /* @__PURE__ */ c.jsx(
+    S,
+    {
+      required: a,
+      label: u,
+      mode: o,
+      className: n,
+      name: l,
+      onSelect: p,
+      items: e,
+      itemBuilder: (t) => /* @__PURE__ */ c.jsx(m.Option, { value: t.id, disabled: t.lock, children: t.label }, t.id)
+    }
+  );
+};
+export {
+  R as SelectFieldInReport
+};

package/dist/src/components/common/select/CustomSelectOption.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("../../../../_virtual/jsx-runtime.cjs"),s=require("antd"),r=s.List.Item.Meta,x=s.List.Item,o=({title:e,description:i,children:n})=>t.jsxRuntimeExports.jsxs(x,{className:"",children:[t.jsxRuntimeExports.jsx("div",{children:t.jsxRuntimeExports.jsx(r,{title:e,description:i})}),t.jsxRuntimeExports.jsx("div",{className:"float-right",children:n})]});module.exports=o;

package/dist/src/components/common/select/CustomSelectOption.js

@@ -0,0 +1,13 @@
+import { j as t } from "../../../../_virtual/jsx-runtime.js";
+import { List as s } from "antd";
+const r = s.Item.Meta, a = s.Item, n = ({
+  title: e,
+  description: o,
+  children: m
+}) => /* @__PURE__ */ t.jsxs(a, { className: "", children: [
+  /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(r, { title: e, description: o }) }),
+  /* @__PURE__ */ t.jsx("div", { className: "float-right", children: m })
+] });
+export {
+  n as default
+};

package/dist/src/components/common/select/SelectComponent.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("../../../../_virtual/jsx-runtime.cjs"),x=require("antd"),k=require("react"),H=require("../../../locale/hooks/translation-constants.cjs"),P=require("../tooltip/TooltipComponent.cjs"),b=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs");function B({label:a,rules:E=[],required:R,placeholder:m,notSearch:S,children:u,readOnly:n,items:o,dropdownRender:y,itemBuilder:w,loading:d,showLoadingInEmptyIndicator:T,nameFieldInArray:h="name",innerRef:q,tooltip:L,filterOption:N,tagRender:_,...s}){const{t:A}=b.useTranslation(H.TRANSLATION_NAMESPACE),I=k.useCallback(e=>{const t=typeof e=="string"||typeof e=="number"?e:e==null?void 0:e.id,c=typeof e=="string"||typeof e=="number"?e:e==null?void 0:e[h];return r.jsxRuntimeExports.jsx("option",{value:t,children:r.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:c}})},t)},[h]);return r.jsxRuntimeExports.jsx(x.ConfigProvider,{renderEmpty:T&&d?()=>r.jsxRuntimeExports.jsx(x.Spin,{}):void 0,children:r.jsxRuntimeExports.jsx(P,{title:L,children:r.jsxRuntimeExports.jsx(x.Form.Item,{label:a,name:s.name,help:s.help,className:s.className,rules:[...E,{required:R,message:`${a??m??""} ${A("err.validation.required")}`}],children:r.jsxRuntimeExports.jsx(x.Select,{ref:q,loading:d,open:n?!1:void 0,onChange:!n&&s.onChange,allowClear:!n&&s.allowClear,showSearch:!S,className:`max-width ${n?"readOnly":""}`,...s,tagRender:_,placeholder:m??a,filterOption:N??((e,t)=>{var c,j,f,C;try{const i=(f=(j=(c=t==null?void 0:t.children)==null?void 0:c.props)==null?void 0:j.dangerouslySetInnerHTML)==null?void 0:f.__html,M=e.toLowerCase().split(/\s+/),g=(t==null?void 0:t.children)??"",p=typeof g=="string"?g.toLowerCase():typeof i=="string"?i.toLowerCase():"",O=(((C=t==null?void 0:t.value)==null?void 0:C.toString())??"").toLowerCase(),$=p.replace(/\s/g,"");return M.every(l=>p.indexOf(l)>=0||O.indexOf(l)>=0||$.indexOf(l)>=0)}catch(i){return console.log(i),!0}}),dropdownRender:y,children:u===null?void 0:u??(o&&(o==null?void 0:o.map(w??I)))})})})})}module.exports=B;

package/dist/src/components/common/select/SelectComponent.js

@@ -0,0 +1,89 @@
+import { j as t } from "../../../../_virtual/jsx-runtime.js";
+import { ConfigProvider as H, Spin as P, Form as R, Select as b } from "antd";
+import { useCallback as q } from "react";
+import { TRANSLATION_NAMESPACE as B } from "../../../locale/hooks/translation-constants.js";
+import D from "../tooltip/TooltipComponent.js";
+import { useTranslation as F } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+function Q({
+  label: m,
+  rules: j = [],
+  required: y,
+  placeholder: l,
+  notSearch: w,
+  children: a,
+  readOnly: o,
+  items: s,
+  dropdownRender: u,
+  itemBuilder: L,
+  loading: d,
+  showLoadingInEmptyIndicator: T,
+  nameFieldInArray: h = "name",
+  innerRef: N,
+  tooltip: _,
+  filterOption: E,
+  tagRender: A,
+  ...n
+}) {
+  const { t: I } = F(B), M = q(
+    (e) => {
+      const r = typeof e == "string" || typeof e == "number" ? e : e == null ? void 0 : e.id, c = typeof e == "string" || typeof e == "number" ? e : e == null ? void 0 : e[h];
+      return /* @__PURE__ */ t.jsx("option", { value: r, children: /* @__PURE__ */ t.jsx("div", { dangerouslySetInnerHTML: { __html: c } }) }, r);
+    },
+    [h]
+  );
+  return /* @__PURE__ */ t.jsx(
+    H,
+    {
+      renderEmpty: T && d ? () => /* @__PURE__ */ t.jsx(P, {}) : void 0,
+      children: /* @__PURE__ */ t.jsx(D, { title: _, children: /* @__PURE__ */ t.jsx(
+        R.Item,
+        {
+          label: m,
+          name: n.name,
+          help: n.help,
+          className: n.className,
+          rules: [
+            ...j,
+            {
+              required: y,
+              message: `${m ?? l ?? ""} ${I(
+                "err.validation.required"
+              )}`
+            }
+          ],
+          children: /* @__PURE__ */ t.jsx(
+            b,
+            {
+              ref: N,
+              loading: d,
+              open: o ? !1 : void 0,
+              onChange: !o && n.onChange,
+              allowClear: !o && n.allowClear,
+              showSearch: !w,
+              className: `max-width ${o ? "readOnly" : ""}`,
+              ...n,
+              tagRender: A,
+              placeholder: l ?? m,
+              filterOption: E ?? ((e, r) => {
+                var c, x, C, g;
+                try {
+                  const i = (C = (x = (c = r == null ? void 0 : r.children) == null ? void 0 : c.props) == null ? void 0 : x.dangerouslySetInnerHTML) == null ? void 0 : C.__html, O = e.toLowerCase().split(/\s+/), p = (r == null ? void 0 : r.children) ?? "", S = typeof p == "string" ? p.toLowerCase() : typeof i == "string" ? i.toLowerCase() : "", $ = (((g = r == null ? void 0 : r.value) == null ? void 0 : g.toString()) ?? "").toLowerCase(), k = S.replace(/\s/g, "");
+                  return O.every(
+                    (f) => S.indexOf(f) >= 0 || $.indexOf(f) >= 0 || k.indexOf(f) >= 0
+                  );
+                } catch (i) {
+                  return console.log(i), !0;
+                }
+              }),
+              dropdownRender: u,
+              children: a === null ? void 0 : a ?? (s && (s == null ? void 0 : s.map(L ?? M)))
+            }
+          )
+        }
+      ) })
+    }
+  );
+}
+export {
+  Q as default
+};

package/dist/src/components/common/show-more/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../../_virtual/jsx-runtime.cjs"),o=require("../../../../_virtual/ShowMoreText.cjs");;/* empty css            */const e=r=>t.jsxRuntimeExports.jsx(o,{...r});exports.ShowMore=e;exports.default=e;

package/dist/src/components/common/show-more/index.js

@@ -0,0 +1,8 @@
+import { j as r } from "../../../../_virtual/jsx-runtime.js";
+import t from "../../../../_virtual/ShowMoreText.js";
+/* empty css          */
+const p = (o) => /* @__PURE__ */ r.jsx(t, { ...o });
+export {
+  p as ShowMore,
+  p as default
+};

package/dist/src/components/common/tab/TabViewWithRoute.cjs

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

package/dist/src/components/common/tab/TabViewWithRoute.js

@@ -0,0 +1,37 @@
+import { j as e } from "../../../../_virtual/jsx-runtime.js";
+import { Tabs as r, Layout as b } from "antd";
+import v from "../../../context/WindowDimension.js";
+import { useState as g, useEffect as w } from "react";
+import { useNavigate as y, useLocation as N, Outlet as P } from "../../../../node_modules/react-router/dist/development/chunk-K6AXKMTT.js";
+const { Content: S } = b, E = ({
+  positionOfRoute: n,
+  initialKey: s = "*",
+  tabs: i,
+  className: m = "",
+  mode: l = "default"
+}) => {
+  const [p, u] = g(s), o = y(), d = (t) => {
+    o(t);
+  }, c = N();
+  w(() => {
+    const t = c.pathname.split("/")[n];
+    u(t ?? ""), t || o(s, { replace: !0 });
+  }, [s, c.pathname, o, n]);
+  const { isDesktop: f } = v(), a = l === "side" && f, h = a ? "left" : "top", x = a ? "d-flex h-100" : "";
+  return /* @__PURE__ */ e.jsxs("div", { className: `${m} ${x}`, children: [
+    /* @__PURE__ */ e.jsx(
+      r,
+      {
+        type: "card",
+        tabPosition: h,
+        activeKey: p,
+        onChange: d,
+        children: i.map(({ key: t, label: j }) => /* @__PURE__ */ e.jsx(r.TabPane, { tab: j }, t))
+      }
+    ),
+    /* @__PURE__ */ e.jsx(S, { className: `max-height ${a ? "overflow-auto" : ""}`, children: /* @__PURE__ */ e.jsx(P, {}) })
+  ] });
+};
+export {
+  E as TabViewWithRoute
+};

package/dist/src/components/common/table/table.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("../../../../_virtual/jsx-runtime.cjs"),c=require("antd"),l=require("react");function d({minusHeight:h,onRow:m,count:g=1,onPageSizeChanged:x,pagination:e=!1,rowKey:n="id",columns:t,className:o,scroll:s,...i}){const r=l.useMemo(()=>t.filter(u=>!u.hidden),[t]);return a.jsxRuntimeExports.jsx(c.Table,{className:`custom-scroll ${o}`,style:{width:"100%"},columns:r,rowKey:n,...i,scroll:s||{x:!0},pagination:e&&{...e,hideOnSinglePage:!0,showSizeChanger:!1}})}module.exports=d;

package/dist/src/components/common/table/table.js

@@ -0,0 +1,40 @@
+import { j as l } from "../../../../_virtual/jsx-runtime.js";
+import { Table as m } from "antd";
+import { useMemo as u } from "react";
+function j({
+  minusHeight: f,
+  onRow: c,
+  count: d = 1,
+  onPageSizeChanged: h,
+  pagination: e = !1,
+  rowKey: s = "id",
+  columns: o,
+  className: n,
+  scroll: t,
+  ...i
+}) {
+  const r = u(() => o.filter((a) => !a.hidden), [o]);
+  return /* @__PURE__ */ l.jsx(
+    m,
+    {
+      className: `custom-scroll ${n}`,
+      style: { width: "100%" },
+      columns: r,
+      rowKey: s,
+      ...i,
+      scroll: t || {
+        // y: `calc(100vh - ${minusHeight ?? 0}px)`,
+        x: !0
+        // scrollToFirstRowOnChange: true,
+      },
+      pagination: e && {
+        ...e,
+        hideOnSinglePage: !0,
+        showSizeChanger: !1
+      }
+    }
+  );
+}
+export {
+  j as default
+};

package/dist/src/components/common/tag/StatusTag.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("../../../../_virtual/jsx-runtime.cjs"),p=require("antd"),x=require("../../../locale/hooks/translation-constants.cjs"),T=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),q=({onClick:n,clickable:o,colorFunction:s,translation:i,value:e})=>{var r;const t=s==null?void 0:s(e),{t:c}=T.useTranslation(x.TRANSLATION_NAMESPACE),u=p.Tag;return a.jsxRuntimeExports.jsx(u,{onClick:n,color:t==null?void 0:t.color,icon:t==null?void 0:t.icon,style:{color:t==null?void 0:t.text,cursor:o?"pointer":void 0},children:(r=c(i[e]))==null?void 0:r.toUpperCase()})};module.exports=q;

package/dist/src/components/common/tag/StatusTag.js

@@ -0,0 +1,30 @@
+import { j as f } from "../../../../_virtual/jsx-runtime.js";
+import { Tag as x } from "antd";
+import { TRANSLATION_NAMESPACE as T } from "../../../locale/hooks/translation-constants.js";
+import { useTranslation as A } from "../../../../node_modules/react-i18next/dist/es/useTranslation.js";
+const C = ({
+  onClick: e,
+  clickable: m,
+  colorFunction: o,
+  translation: p,
+  value: r
+}) => {
+  var s;
+  const t = o == null ? void 0 : o(r), { t: i } = A(T), n = x;
+  return /* @__PURE__ */ f.jsx(
+    n,
+    {
+      onClick: e,
+      color: t == null ? void 0 : t.color,
+      icon: t == null ? void 0 : t.icon,
+      style: {
+        color: t == null ? void 0 : t.text,
+        cursor: m ? "pointer" : void 0
+      },
+      children: (s = i(p[r])) == null ? void 0 : s.toUpperCase()
+    }
+  );
+};
+export {
+  C as default
+};

package/dist/src/components/common/text/index.js

@@ -0,0 +1,5 @@
+import { Typography as o } from "antd";
+const { Text: r } = o;
+export {
+  r as Text
+};

package/dist/src/components/common/text/title/index.js

@@ -0,0 +1,5 @@
+import { Typography as o } from "antd";
+const { Title: r } = o;
+export {
+  r as Title
+};

package/dist/src/components/common/text-field/NumberField.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("../../../../_virtual/jsx-runtime.cjs"),a=require("antd"),x=require("react"),M=require("../../../locale/hooks/translation-constants.cjs"),P=require("../tooltip/TooltipComponent.cjs"),S=require("./TextField.cjs"),L=require("../../../../node_modules/react-i18next/dist/es/useTranslation.cjs"),O=x.forwardRef(function({type:b,required:i,label:e,rules:c=[],placeholder:r,onEnter:m,form:j,nextFocus:T,min:u,moneyField:s,addonAfter:q,minLength:E,defaultValue:R,pattern:f,disabled:l,readOnly:N,onChange:$,value:g,max:A,addonBefore:I,size:C,isInt:d=!1,tooltip:h,...w},B){const{t:p}=L.useTranslation(M.TRANSLATION_NAMESPACE),F=x.useMemo(()=>[...c,{required:i,message:`${e??r??""} ${p("err.validation.required")}`}],[c,e,r,p,i]);return o.jsxRuntimeExports.jsx(P,{title:h,children:o.jsxRuntimeExports.jsx(a.Form.Item,{...w,label:e,rules:F,children:o.jsxRuntimeExports.jsx(a.InputNumber,{ref:B,disabled:l,defaultValue:R,value:g,readOnly:N,addonBefore:I,minLength:E,addonAfter:q,step:d?1:void 0,pattern:d?"d*":f,onChange:$,onPressEnter:t=>S.onEnterInternalTextField(t,T,j,m),className:"max-width",min:u===null?void 0:u??0,max:A,type:s?void 0:"number",size:C,formatter:s?t=>{if(t.includes(".")){const n=`${t}`.split(".");return n[0]=n[0].replace(/\B(?=(\d{3})+(?!\d))/g,","),n.join(".")}else return`${t}`.replace(/\B(?=(\d{3})+(?!\d))/g,",")}:void 0,parser:s?t=>t==null?void 0:t.replace(/\$\s?|(,*)/g,""):void 0,placeholder:r??e})})})});module.exports=O;