@kingteza/crud-component 1.0.26 → 1.0.27

package/components/common/button/ImportButton.js

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

package/components/common/button/NewButton.cjs

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

package/components/common/button/NewButton.d.ts

@@ -0,0 +1,12 @@
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { ButtonType } from 'antd/lib/button';
+import { FC } from 'react';
+export declare const NewButton: FC<{
+    to?: string;
+    onClick?: (value: boolean) => void;
+    title?: string;
+    type?: ButtonType;
+    block?: boolean;
+    className?: string;
+    size?: SizeType;
+}>;

package/components/common/button/NewButton.js

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

package/components/common/button/PrintButton.cjs

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

package/components/common/button/PrintButton.d.ts

@@ -0,0 +1,12 @@
+import { ButtonType } from 'antd/lib/button';
+import { FC } from 'react';
+export declare const PrintButton: FC<{
+    to?: string;
+    loading?: boolean;
+    onClick?: () => void;
+    title?: string;
+    type?: ButtonType;
+    block?: boolean;
+    className?: string;
+    disabled?: boolean;
+}>;

package/components/common/button/PrintButton.js

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

package/components/common/button/RefreshButton.cjs

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

package/components/common/button/RefreshButton.d.ts

@@ -0,0 +1,11 @@
+import { ButtonType } from 'antd/lib/button';
+import { FC } from 'react';
+export declare const RefreshButton: FC<{
+    to?: string;
+    onClick?: (value: boolean) => void;
+    title?: string;
+    type?: ButtonType;
+    block?: boolean;
+    className?: string;
+    disabled?: boolean;
+}>;

package/components/common/button/RefreshButton.js

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

package/components/common/button/UnHideButton.cjs

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

package/components/common/button/UnHideButton.d.ts

@@ -0,0 +1,14 @@
+import { ButtonType } from 'antd/es/button';
+interface Props<T> {
+    value: T;
+    onClick: (value: T) => Promise<void>;
+    text?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    type?: ButtonType;
+    block?: boolean;
+    shouldConfirm?: boolean;
+    hidden?: boolean;
+}
+declare function UnHideButton<T>({ shouldConfirm, block, value, loading, onClick, text, disabled, type, hidden }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default UnHideButton;

package/components/common/button/UnHideButton.js

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

package/components/common/button/UpdateButtonTable.cjs

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

package/components/common/button/UpdateButtonTable.d.ts

@@ -0,0 +1,6 @@
+interface Props<T> {
+    value: T;
+    onClick: (value: T) => void;
+}
+declare function UpdateButtonTable<T>({ value, onClick }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default UpdateButtonTable;

package/components/common/button/UpdateButtonTable.js

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

package/components/common/button/ViewButtonTable.cjs

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

package/components/common/button/ViewButtonTable.d.ts

@@ -0,0 +1,6 @@
+interface Props<T> {
+    value: T;
+    onClick: (value: T) => void;
+}
+declare function ViewButtonTable<T>({ value, onClick }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export default ViewButtonTable;

package/components/common/button/ViewButtonTable.js

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

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

@@ -0,0 +1,14 @@
+import { default as ButtonComponent, ButtonComponentProps } from './Button';
+import { default as CloneButtonTable } from './CloneButtonTable';
+import { default as DeleteButtonTable } from './DeleteButtonTable';
+import { ExportButton } from './ExportButton';
+import { default as HideButtonTable } from './HideButtonTable';
+import { ImportButton } from './ImportButton';
+import { NewButton } from './NewButton';
+import { PrintButton } from './PrintButton';
+import { RefreshButton } from './RefreshButton';
+import { default as UnHideButton } from './UnHideButton';
+import { default as UpdateButtonTable } from './UpdateButtonTable';
+import { default as ViewButtonTable } from './ViewButtonTable';
+export { ButtonComponent, CloneButtonTable, DeleteButtonTable, ExportButton, HideButtonTable, ImportButton, NewButton, PrintButton, RefreshButton, UnHideButton, UpdateButtonTable, ViewButtonTable, };
+export type { ButtonComponentProps };

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

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

package/components/common/check-box/CheckBox.d.ts

@@ -0,0 +1,9 @@
+import { FormItemProps } from 'antd';
+import { FC } from 'react';
+interface Props extends FormItemProps {
+    onChange?: (evt: boolean) => void;
+    disabled?: boolean;
+    switch?: boolean;
+}
+declare const CheckBoxComponent: FC<Props>;
+export default CheckBoxComponent;

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

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

package/components/common/check-box/index.d.ts

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

package/components/common/description/DescList.cjs

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

package/components/common/description/DescList.d.ts

@@ -0,0 +1,18 @@
+import { DescriptionsProps } from 'antd/lib/descriptions';
+import { default as React, FC } from 'react';
+export type DescPropsNullable = {
+    label?: string | React.ReactElement;
+    value?: any;
+    noFormatting?: boolean;
+};
+export type DescProps = {
+    label?: string;
+    value: any;
+    noFormatting?: boolean;
+};
+export interface DescListProps extends DescriptionsProps {
+    list: (DescPropsNullable | null | undefined | boolean)[];
+    keepEmptyValues?: boolean;
+}
+declare const DescList: FC<DescListProps>;
+export default DescList;

package/components/common/description/DescList.js

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

package/components/common/description/DescriptionComponent.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface DescriptionComponentProps {
+    title: string;
+    description: string;
+}
+declare const DescriptionComponent: FC<DescriptionComponentProps>;
+export default DescriptionComponent;

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

@@ -0,0 +1,3 @@
+import { DescPropsNullable, default as DescList } from './DescList';
+export { DescList };
+export type { DescPropsNullable };

package/components/common/index.d.ts

@@ -0,0 +1,22 @@
+export { DatePickerComponent, TimePickerComponent } from './DatePicker';
+export { ButtonComponent, ButtonComponent as Button, CloneButtonTable, DeleteButtonTable, ExportButton, HideButtonTable, ImportButton, NewButton, PrintButton, RefreshButton, UnHideButton, UpdateButtonTable, ViewButtonTable, } from './button';
+export { CheckBoxComponent } from './check-box';
+export { DescList } from './description';
+export type { DescPropsNullable } from './description';
+export { default as VerticalSpace } from './layout/VerticalSpace';
+export { LoadingIndicator } from './loading';
+export { ImagePicker } from './picker';
+export { RadioGroupComponent } from './radio';
+export { SelectFieldInReport } from './report';
+export type { ReportSelectFieldItems } from './report';
+export { SelectComponent, CustomSelectOption } from './select';
+export { TabViewWithRoute } from './tab';
+export { TableComponent } from './table';
+export { StatusTag } from './tag';
+export { Title } from './text';
+export { Text } from './text';
+export { ShowMore } from './show-more';
+export { PhoneField, TextField, TextAreaComponent, NumberTextField, } from './text-field';
+export { TooltipComponent } from './tooltip';
+export { WizardResult } from './wizard';
+export { WizardViewForm } from './wizard';

package/components/common/layout/VerticalSpace.cjs

@@ -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/components/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/components/common/layout/VerticalSpace.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/components/common/layout/index.d.ts

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

package/components/common/loading/LoadingIndicator.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),r=require("antd"),o=require("react-i18next"),i=require("../button/Button.cjs"),c=require("../../../locale/hooks/translation-constants.cjs"),u=({loading:s,children:n,error:a})=>{const{t:e}=o.useTranslation(c.TRANSLATION_NAMESPACE);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(i,{to:-1,type:"primary",children:e("str.goBack")})}):n})};module.exports=u;

package/components/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/components/common/loading/LoadingIndicator.js

@@ -0,0 +1,24 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Skeleton as n, Result as s } from "antd";
+import { useTranslation as m } from "react-i18next";
+import i from "../button/Button.js";
+import { TRANSLATION_NAMESPACE as p } from "../../../locale/hooks/translation-constants.js";
+const N = ({ loading: o, children: e, error: a }) => {
+  const { t: r } = m(p);
+  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(i, { to: -1, type: "primary", children: r("str.goBack") })
+      }
+    ) : e })
+  );
+};
+export {
+  N as default
+};

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

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

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;