@kingteza/crud-component 1.2.1 → 1.2.3

package/dist/common/index.es.js

@@ -0,0 +1,78 @@
+import { ShowMore as o } from "./show-more/index.es.js";
+import { Text as a } from "./text/index.es.js";
+import { RichTextEditor as p } from "./rich/index.es.js";
+import { default as l } from "./appearance/Hider.es.js";
+import { default as x } from "./button/Button.es.js";
+import { default as n } from "./button/CloneButtonTable.es.js";
+import { default as i } from "./button/DeleteButtonTable.es.js";
+import { default as B } from "./button/HideButtonTable.es.js";
+import { default as C } from "./button/UnHideButton.es.js";
+import { default as h } from "./button/UpdateButtonTable.es.js";
+import { default as S } from "./button/ViewButtonTable.es.js";
+import { default as F } from "./check-box/CheckBox.es.js";
+import { default as k } from "./date-picker/DatePicker.es.js";
+import { default as V } from "./date-picker/TimePicker.es.js";
+import { default as D } from "./description/DescList.es.js";
+import { default as W } from "./layout/VerticalSpace.es.js";
+import { default as E } from "./loading/LoadingIndicator.es.js";
+import { default as N } from "./picker/ImagePicker.es.js";
+import { default as A } from "./select/SelectComponent.es.js";
+import { default as M } from "./select/CustomSelectOption.es.js";
+import { default as j } from "./table/table.es.js";
+import { default as v } from "./tag/StatusTag.es.js";
+import { default as J } from "./text-field/NumberField.es.js";
+import { default as Q } from "./text-field/PhoneNumberField.es.js";
+import { default as Y } from "./text-field/TextField.es.js";
+import { default as _ } from "./text-field/TextArea.es.js";
+import { default as ee } from "./tooltip/TooltipComponent.es.js";
+import { default as oe } from "./wizard/WizardResult.es.js";
+import { default as ae } from "./wizard/WizardViewForm.es.js";
+import { ExportButton as pe } from "./button/ExportButton.es.js";
+import { ImportButton as le } from "./button/ImportButton.es.js";
+import { NewButton as xe } from "./button/NewButton.es.js";
+import { PrintButton as ne } from "./button/PrintButton.es.js";
+import { RefreshButton as ie } from "./button/RefreshButton.es.js";
+import { default as Be } from "./radio/RadioGroupComponent.es.js";
+import { SelectFieldInReport as Ce } from "./report/SelectFieldInReport.es.js";
+import { TabViewWithRoute as he } from "./tab/TabViewWithRoute.es.js";
+import { Title as Se } from "./text/title/index.es.js";
+export {
+  x as ButtonComponent,
+  F as CheckBoxComponent,
+  n as CloneButtonTable,
+  M as CustomSelectOption,
+  k as DatePickerComponent,
+  i as DeleteButtonTable,
+  D as DescList,
+  pe as ExportButton,
+  B as HideButtonTable,
+  l as Hider,
+  N as ImagePicker,
+  le as ImportButton,
+  E as LoadingIndicator,
+  xe as NewButton,
+  J as NumberTextField,
+  Q as PhoneField,
+  ne as PrintButton,
+  Be as RadioGroupComponent,
+  ie as RefreshButton,
+  p as RichTextEditor,
+  A as SelectComponent,
+  Ce as SelectFieldInReport,
+  o as ShowMore,
+  v as StatusTag,
+  he as TabViewWithRoute,
+  j as TableComponent,
+  a as Text,
+  _ as TextAreaComponent,
+  Y as TextField,
+  V as TimePickerComponent,
+  Se as Title,
+  ee as TooltipComponent,
+  C as UnHideButton,
+  h as UpdateButtonTable,
+  W as VerticalSpace,
+  S as ViewButtonTable,
+  oe as WizardResult,
+  ae as WizardViewForm
+};

package/dist/common/layout/VerticalSpace.cjs.js

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

package/dist/common/layout/VerticalSpace.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren } from 'react';
+declare const VerticalSpace: FC<PropsWithChildren & {
+    className?: string;
+}>;
+export default VerticalSpace;

package/dist/common/layout/VerticalSpace.es.js

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

package/dist/common/layout/index.d.ts

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

package/dist/common/loading/LoadingIndicator.cjs.js

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

package/dist/common/loading/LoadingIndicator.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+declare const LoadingIndicator: FC<PropsWithChildren<{
+    loading: boolean;
+    error?: any;
+}>>;
+export default LoadingIndicator;

package/dist/common/loading/LoadingIndicator.es.js

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

package/dist/common/loading/index.d.ts

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

package/dist/common/picker/ImagePicker.cjs.js

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

package/dist/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/dist/common/picker/ImagePicker.es.js

@@ -0,0 +1,320 @@
+import { jsx as r, jsxs as z, Fragment as Ie } from "react/jsx-runtime";
+import { Cropper as xe } from "react-advanced-cropper";
+/* empty css                                                                                                                        */
+/* empty css             */
+import { RotateLeftOutlined as Fe, RotateRightOutlined as Oe, UploadOutlined as ne, 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 Ke = ({
+  values: o = [],
+  required: c,
+  buttonType: m,
+  label: i,
+  name: p,
+  onChange: u,
+  aspectRatio: C,
+  buttonTitle: b,
+  hidePreview: v,
+  buttonSize: f = "large",
+  showButtonText: g = !0,
+  showOnlyIcon: _ = !1,
+  icon: S = /* @__PURE__ */ r(ne, {}),
+  loading: U,
+  maxCount: y = 1,
+  onAdd: s,
+  onRemove: k,
+  listType: R,
+  ...E
+}) => {
+  const [se, ae] = H.useState(""), [le, ce] = H.useState(""), [de, M] = H.useState(!1), T = L(), l = L(null), [n, P] = w([]), [h, B] = w(), me = L(), pe = () => M(!1), ue = async (e) => {
+    !e.url && !e.preview && (e.preview = await ie(e.originFileObj)), ce(e.url || e.preview), M(!0), ae(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(() => {
+    u == null || u(n[0], n);
+  }, [n, u]);
+  const fe = 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 (ve) => {
+      const ye = Object.assign(new File([ve], I, { type: t }), {
+        uid: x
+      }), q = await je.resizeImage(ye), D = await ie(q);
+      console.log({ url: D });
+      const ee = {
+        url: D,
+        name: I,
+        uid: x,
+        type: t,
+        size: a,
+        thumbUrl: D,
+        originFileObj: q
+      };
+      if (s)
+        try {
+          N(!0), await s(ee);
+        } finally {
+          N(!1);
+        }
+      P([ee, ...n]), N(!1);
+    }), B(void 0);
+  }, ge = () => {
+    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);
+        }
+      }), a.readAsDataURL(t);
+    }
+  }, []);
+  j(() => {
+    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);
+    }
+  }, [o]);
+  const { t: d } = Ne(), he = re(
+    () => c ? {
+      required: c,
+      validator: (e, t, a) => {
+        h || n != null && n.length ? a() : a(`${i ?? ""} ${d("err.validation.required")}`);
+      }
+    } : void 0,
+    [c, h, n == null ? void 0 : n.length, i, d]
+  ), K = b ?? d("message.uploadButtonText"), Q = re(
+    () => /* @__PURE__ */ r(
+      Be,
+      {
+        showLoadingIndicator: J,
+        _buttonTitle: K,
+        buttonSize: f,
+        buttonType: m,
+        fileList: n,
+        hidePreview: v,
+        icon: S,
+        loading: U,
+        listType: R,
+        maxCount: y,
+        onChangeFile: G,
+        onRemove: k,
+        showButtonText: g,
+        handlePreview: ue,
+        setFileList: P
+      }
+    ),
+    [
+      J,
+      K,
+      f,
+      m,
+      n,
+      v,
+      S,
+      U,
+      R,
+      y,
+      G,
+      k,
+      g
+    ]
+  );
+  me.current = Q.props.beforeUpload;
+  const [we, X] = w(0), [Ce, Y] = w(0), [A, be] = w();
+  j(() => {
+    const e = setTimeout(() => {
+      A && localStorage.setItem(oe, JSON.stringify(A));
+    }, 400);
+    return () => clearTimeout(e);
+  }, [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 Z = V(async (e) => {
+    if (e) {
+      const t = e.getCoordinates();
+      be(e.getState()), X((t == null ? void 0 : t.width) ?? 10), Y((t == null ? void 0 : t.height) ?? 10);
+    }
+  }, []);
+  return /* @__PURE__ */ z(Ie, { children: [
+    /* @__PURE__ */ r(
+      Pe,
+      {
+        label: i,
+        ...E,
+        name: p,
+        className: "mb-0",
+        rules: [he, ...E.rules ?? []],
+        children: Q
+      }
+    ),
+    /* @__PURE__ */ z(
+      te,
+      {
+        open: !!h,
+        maskClosable: !1,
+        onOk: fe,
+        closable: !1,
+        onCancel: ge,
+        destroyOnHidden: !0,
+        children: [
+          /* @__PURE__ */ r(
+            xe,
+            {
+              ref: l,
+              stencilProps: {
+                grid: !0
+              },
+              style: { border: "1px solid black" },
+              src: h,
+              onChange: (e) => {
+                Z(e);
+              },
+              aspectRatio: C ? {
+                minimum: C,
+                maximum: C
+              } : void 0
+            }
+          ),
+          /* @__PURE__ */ r("p", { className: "text-center", children: [we, Ce].join(" ⨉ ") }),
+          /* @__PURE__ */ r("div", { className: "mt-2 d-flex justify-content-center", children: /* @__PURE__ */ z(ke.Compact, { children: [
+            /* @__PURE__ */ r(
+              O,
+              {
+                size: "large",
+                tooltip: d("str.rotateLeft"),
+                icon: /* @__PURE__ */ r(Fe, {}),
+                onClick: () => W(!0)
+              }
+            ),
+            /* @__PURE__ */ r(
+              O,
+              {
+                size: "large",
+                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__ */ r(
+      te,
+      {
+        open: de,
+        title: se,
+        footer: null,
+        onCancel: pe,
+        children: /* @__PURE__ */ r("div", { className: "text-center", children: /* @__PURE__ */ r("img", { alt: "example", style: { maxWidth: "400px" }, src: le }) })
+      }
+    )
+  ] });
+}, Be = ({
+  _buttonTitle: o,
+  buttonSize: c,
+  buttonType: m,
+  fileList: i,
+  hidePreview: p,
+  icon: u,
+  loading: C,
+  maxCount: b,
+  onChangeFile: v,
+  onRemove: f,
+  showButtonText: g,
+  handlePreview: _,
+  setFileList: S,
+  showLoadingIndicator: U,
+  listType: y = "picture"
+}) => /* @__PURE__ */ z(
+  Re,
+  {
+    accept: "image/x-png,image/gif,image/jpeg",
+    fileList: i,
+    defaultFileList: i,
+    onChange: () => {
+    },
+    className: (i.length >= b ? " hide-upload " : "") + " mb-0",
+    multiple: !1,
+    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 (s) => (v(s), !1),
+    maxCount: b,
+    children: [
+      U && /* @__PURE__ */ r(Se, {}),
+      /* @__PURE__ */ r("div", { className: "d-flex flex-column", children: i.length < b && (y === "picture-circle" ? /* @__PURE__ */ r(ne, {}) : /* @__PURE__ */ r(
+        O,
+        {
+          loading: C,
+          tooltip: g ? void 0 : o,
+          size: c,
+          icon: u,
+          type: g ? m : "text",
+          children: g ? o : void 0
+        }
+      )) })
+    ]
+  },
+  i.length
+);
+export {
+  Be as UploadComponent,
+  Ke as default
+};

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

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

package/dist/common/radio/RadioGroupComponent.cjs.js

@@ -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/dist/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/dist/common/radio/RadioGroupComponent.es.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/dist/common/radio/index.d.ts

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

package/dist/common/report/SelectFieldInReport.cjs.js

@@ -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.js"),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/dist/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/dist/common/report/SelectFieldInReport.es.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.es.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/dist/common/report/index.d.ts

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

package/dist/common/rich/index.cjs.js

@@ -0,0 +1 @@
+"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/dist/common/rich/index.d.ts

@@ -0,0 +1,10 @@
+import { Rule } from 'antd/es/form';
+import { FC } from 'react';
+export interface RichTextEditorProps {
+    label?: string;
+    name: string;
+    required?: boolean;
+    rules?: Rule[];
+    disabled?: boolean;
+}
+export declare const RichTextEditor: FC<RichTextEditorProps>;