@kingteza/crud-component 1.0.26 → 1.0.28

package/components/common/picker/ImagePicker.cjs

@@ -0,0 +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"),E=require("../button/Button.cjs"),we=require("../../../util/ImageUtil.cjs"),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;

package/components/common/picker/ImagePicker.d.ts

@@ -0,0 +1,56 @@
+import { FormItemProps } from 'antd';
+import { UploadFile } from 'antd/lib/upload/interface';
+import { FC, ReactElement } from 'react';
+import { UploadListType } from 'antd/es/upload/interface';
+export declare function dataURLtoFile({ url, name }: {
+    url: any;
+    name: any;
+}): File;
+interface Props extends FormItemProps {
+    values?: string[] | string;
+    maxCount?: number;
+    onChange?: (file?: UploadFile, allFiles?: UploadFile[]) => void;
+    buttonTitle?: string;
+    listType?: UploadListType;
+    hidePreview?: boolean;
+    buttonSize?: string;
+    showButtonText?: boolean;
+    aspectRatio?: number;
+    showOnlyIcon?: boolean;
+    icon?: ReactElement;
+    loading?: boolean;
+    buttonType?: string;
+    onAdd?: (file?: UploadFile) => Promise<void>;
+    onRemove?: (file?: UploadFile) => void;
+}
+/**
+ * When submitting Uploader
+ * ```
+ *  if(field === undefined)
+ *  "There is no file uploaded"
+ *  else if(field.fileList.length === 0)
+ *  "The initial file is deleted"
+ *  else if(field.fileList.length > 1)
+ *  "A new file has been uploaded"
+ * ```
+ *
+ */
+declare const ImagePicker: FC<Props>;
+export declare const UploadComponent: FC<{
+    _buttonTitle: any;
+    buttonSize: any;
+    buttonType: any;
+    fileList: any;
+    hidePreview: any;
+    icon: any;
+    loading: any;
+    maxCount: any;
+    onChangeFile: any;
+    onRemove: any;
+    showButtonText: any;
+    handlePreview: any;
+    setFileList: any;
+    showLoadingIndicator?: boolean;
+    listType?: UploadListType;
+}>;
+export default ImagePicker;

package/components/common/picker/ImagePicker.js

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

package/components/common/picker/index.d.ts

@@ -0,0 +1,2 @@
+import { default as ImagePicker } from './ImagePicker';
+export { ImagePicker };

package/components/common/radio/RadioGroupComponent.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),t=require("antd"),c=require("react"),d=({button:a,disabled:i,...n})=>{const m=c.useMemo(()=>{const{enum:e,translations:o}=n;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 n.values},[n]),l=a?t.Radio.Button:t.Radio;return s.jsx(t.Form.Item,{...n,children:s.jsx(t.Radio.Group,{disabled:i,children:m.map(({key:e,value:o})=>s.jsx(l,{value:e,children:o},e))})})},R=c.memo(d);module.exports=R;

package/components/common/radio/RadioGroupComponent.d.ts

@@ -0,0 +1,18 @@
+import { FormItemProps } from 'antd';
+interface GeneralProps extends FormItemProps {
+    values: {
+        key: string | number | undefined;
+        value: string | number;
+    }[];
+}
+interface EnumProps extends FormItemProps {
+    enum: string[];
+    translations?: any;
+}
+type Props = (GeneralProps | EnumProps) & {
+    onChange?: (evt: boolean) => void;
+    disabled?: boolean;
+    button?: boolean;
+};
+declare const _default: import('react').NamedExoticComponent<Props>;
+export default _default;

package/components/common/radio/RadioGroupComponent.js

@@ -0,0 +1,19 @@
+import { jsx as u } from "react/jsx-runtime";
+import { Radio as m, Form as i } from "antd";
+import { memo as p, useMemo as d } from "react";
+const f = ({ button: a, disabled: s, ...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 = a ? m.Button : m;
+  return /* @__PURE__ */ u(i.Item, { ...n, children: /* @__PURE__ */ u(m.Group, { disabled: s, children: l.map(({ key: e, value: o }) => /* @__PURE__ */ u(c, { value: e, children: o }, e)) }) });
+}, G = p(f);
+export {
+  G as default
+};

package/components/common/radio/index.d.ts

@@ -0,0 +1,2 @@
+import { default as RadioGroupComponent } from './RadioGroupComponent';
+export { RadioGroupComponent };

package/components/common/report/SelectFieldInReport.cjs

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

package/components/common/report/SelectFieldInReport.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+export interface ReportSelectFieldItems {
+    id: any;
+    label: string;
+    lock?: boolean;
+    alreadySelected?: boolean;
+}
+export declare const SelectFieldInReport: FC<{
+    mode?: "multiple" | "tags" | undefined;
+    name: string;
+    label: string;
+    className?: string;
+    required?: boolean;
+    onSelect?: (val: any) => void;
+    items: ReportSelectFieldItems[];
+}>;

package/components/common/report/SelectFieldInReport.js

@@ -0,0 +1,30 @@
+import { jsx as s } from "react/jsx-runtime";
+import { Form as f, Select as m } from "antd";
+import { useState as F, useEffect as S } from "react";
+import b from "../select/SelectComponent.js";
+const k = ({ className: n, onSelect: p, label: u, required: a, name: l, mode: o, items: e }) => {
+  const r = f.useFormInstance(), [c, d] = F(!0);
+  return S(() => {
+    if (e && c) {
+      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);
+    }
+  }, [c, r, e, o, l]), /* @__PURE__ */ s(
+    b,
+    {
+      required: a,
+      label: u,
+      mode: o,
+      className: n,
+      name: l,
+      onSelect: p,
+      items: e,
+      itemBuilder: (t) => /* @__PURE__ */ s(m.Option, { value: t.id, disabled: t.lock, children: t.label }, t.id)
+    }
+  );
+};
+export {
+  k as SelectFieldInReport
+};

package/components/common/report/index.d.ts

@@ -0,0 +1,3 @@
+import { SelectFieldInReport, ReportSelectFieldItems } from './SelectFieldInReport';
+export { SelectFieldInReport };
+export type { ReportSelectFieldItems };

package/components/common/select/CustomSelectOption.cjs

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

package/components/common/select/CustomSelectOption.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+type CustomSelectOptionProps = {
+    title: string;
+    description?: string;
+};
+declare const CustomSelectOption: FC<PropsWithChildren<CustomSelectOptionProps>>;
+export default CustomSelectOption;

package/components/common/select/CustomSelectOption.js

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

package/components/common/select/SelectComponent.cjs

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

package/components/common/select/SelectComponent.d.ts

@@ -0,0 +1,21 @@
+import { FormItemProps, SelectProps } from 'antd';
+import { RefSelectProps } from 'antd/lib/select';
+import { ReactElement } from 'react';
+export type SelectTagRenderProps = SelectProps["tagRender"];
+interface SelectComponentProps<T> extends SelectProps<any>, FormItemProps<any> {
+    children?: any[] | null;
+    required?: boolean;
+    notSearch?: boolean;
+    readOnly?: boolean;
+    status?: any;
+    nameFieldInArray?: string;
+    items?: T[];
+    showLoadingInEmptyIndicator?: boolean;
+    itemBuilder?: (t: T) => ReactElement;
+    dropdownRender?: (menu: ReactElement) => ReactElement;
+    innerRef?: React.Ref<RefSelectProps>;
+    filterOption?: SelectProps["filterOption"];
+    tagRender?: SelectTagRenderProps;
+}
+declare function SelectComponent<T = any>({ label, rules, required, placeholder, notSearch, children, readOnly, items, dropdownRender, itemBuilder, loading, showLoadingInEmptyIndicator, nameFieldInArray, innerRef, tooltip, filterOption, tagRender, ...props }: SelectComponentProps<T>): import("react/jsx-runtime").JSX.Element;
+export default SelectComponent;

package/components/common/select/SelectComponent.js

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

package/components/common/select/index.d.ts

@@ -0,0 +1,3 @@
+import { default as SelectComponent } from './SelectComponent';
+import { default as CustomSelectOption } from './CustomSelectOption';
+export { SelectComponent, CustomSelectOption };

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

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

package/components/common/show-more/index.d.ts

@@ -0,0 +1,4 @@
+import { ReactShowMoreTextProps } from 'react-show-more-text';
+export declare const ShowMore: React.FC<ReactShowMoreTextProps>;
+export type { ReactShowMoreTextProps };
+export default ShowMore;

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

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+import t from "react-show-more-text";
+/* empty css          */
+const a = (o) => /* @__PURE__ */ r(t, { ...o });
+export {
+  a as ShowMore,
+  a as default
+};

package/components/common/tab/TabViewWithRoute.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("antd"),g=require("../../../context/WindowDimension.cjs"),i=require("react"),u=require("react-router"),q=require("react-router-dom"),{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=q.useLocation();i.useEffect(()=>{const e=r.pathname.split("/")[n];m(e??""),e||o(s,{replace:!0})},[s,r.pathname,o,n]);const{isDesktop:x}=g(),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;

package/components/common/tab/TabViewWithRoute.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface TabViewWithRouteProps {
+    initialKey?: string;
+    positionOfRoute: number;
+    className?: string;
+    tabs: {
+        label: React.ReactNode;
+        key: string;
+    }[];
+    mode?: 'side' | 'default';
+}
+export declare const TabViewWithRoute: React.FC<TabViewWithRouteProps>;
+export {};