@kingteza/crud-component 1.0.24 → 1.0.25

package/components/common/table/table.js

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

package/components/common/tag/StatusTag.cjs

@@ -0,0 +1 @@
+"use strict";const p=require("react/jsx-runtime"),u=require("antd"),x=require("../../../locale/hooks/translation-constants.cjs"),T=require("react-i18next"),q=({onClick:n,clickable:o,colorFunction:s,translation:c,value:e})=>{var r;const t=s==null?void 0:s(e),{t:i}=T.useTranslation(x.TRANSLATION_NAMESPACE),a=u.Tag;return p.jsx(a,{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=i(c[e]))==null?void 0:r.toUpperCase()})};module.exports=q;

package/components/common/tag/StatusTag.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactElement } from 'react';
+type StatusTagProps = {
+    translation: any;
+    value: string;
+    clickable?: boolean;
+    onClick?: () => void;
+    colorFunction?: (val: any) => {
+        color?: string;
+        text?: string;
+        icon?: ReactElement;
+    };
+};
+declare const StatusTag: FC<StatusTagProps>;
+export default StatusTag;

package/components/common/tag/StatusTag.js

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

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

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

package/components/common/text/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("antd"),{Text:t}=e.Typography;exports.Text=t;

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

@@ -0,0 +1,3 @@
+import { Title } from './title';
+declare const Text: import('react').ForwardRefExoticComponent<import('antd/es/typography/Text').TextProps & import('react').RefAttributes<HTMLSpanElement>>;
+export { Title, Text };

package/components/common/text/index.js

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

package/components/common/text/title/TitleWithHeadTitle.d.ts

@@ -0,0 +1,7 @@
+import { default as React, CSSProperties, FC } from 'react';
+declare const TitleWithHeadTitle: FC<{
+    children: string | React.ReactNode;
+    style?: CSSProperties;
+    level?: 3 | 5 | 1 | 2 | 4 | undefined;
+}>;
+export default TitleWithHeadTitle;

package/components/common/text/title/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("antd"),{Title:t}=e.Typography;exports.Title=t;

package/components/common/text/title/index.d.ts

@@ -0,0 +1 @@
+export declare const Title: import('react').ForwardRefExoticComponent<import('antd/es/typography/Title').TitleProps & import('react').RefAttributes<HTMLElement>>;

package/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/components/common/text-field/NumberField.cjs

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

package/components/common/text-field/NumberField.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { TextFieldProps } from './TextField';
+interface NumberTextFieldProps extends TextFieldProps {
+    moneyField?: boolean;
+    addonAfter?: ReactNode;
+    minLength?: number;
+    isInt?: boolean;
+    max?: number;
+    pattern?: string;
+    min?: number | null;
+}
+declare const NumberTextField: import('react').ForwardRefExoticComponent<NumberTextFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+export default NumberTextField;

package/components/common/text-field/NumberField.js

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

package/components/common/text-field/PhoneNumberField.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),i=require("../../../util/ValidationUtil.cjs"),l=require("./TextField.cjs"),r=e=>t.jsx(l.default,{...e,rules:[...e.rules??[],...i.phoneValidation(e.label??e.placeholder??"")]});module.exports=r;

package/components/common/text-field/PhoneNumberField.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { TextFieldProps } from './TextField';
+declare const PhoneNumberField: FC<TextFieldProps>;
+export default PhoneNumberField;

package/components/common/text-field/PhoneNumberField.js

@@ -0,0 +1,18 @@
+import { jsx as l } from "react/jsx-runtime";
+import t from "../../../util/ValidationUtil.js";
+import i from "./TextField.js";
+const m = (e) => /* @__PURE__ */ l(
+  i,
+  {
+    ...e,
+    rules: [
+      ...e.rules ?? [],
+      ...t.phoneValidation(
+        e.label ?? e.placeholder ?? ""
+      )
+    ]
+  }
+);
+export {
+  m as default
+};

package/components/common/text-field/TextArea.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),i=require("antd"),x=require("react-i18next"),A=require("../../../locale/hooks/translation-constants.cjs"),c=(n,e,t,r)=>{var s;e&&t&&(n.preventDefault(),(s=t==null?void 0:t.getFieldInstance(e))==null||s.focus()),r&&r(n)},q=({required:n,label:e,rules:t=[],placeholder:r,onEnter:s,nextFocus:l,className:o,...u})=>{const{t:d}=x.useTranslation(A.TRANSLATION_NAMESPACE),I=i.Form.useFormInstance();return a.jsx(i.Form.Item,{...u,className:o,label:e,rules:[...t,{required:n,message:`${e} ${d("err.validation.required")}`}],children:a.jsx(i.Input.TextArea,{...u,className:o,onPressEnter:T=>c(T,l,I,s),placeholder:r??e})})};exports.default=q;exports.onEnterInternalTextField=c;

package/components/common/text-field/TextArea.d.ts

@@ -0,0 +1,17 @@
+import { FormInstance, FormItemProps } from 'antd';
+import { TextAreaProps } from 'antd/lib/input';
+import { InputHTMLAttributes } from 'react';
+export interface TextFieldProps extends TextAreaProps, FormItemProps<any> {
+    type?: InputHTMLAttributes<HTMLInputElement>;
+    placeholder?: string;
+    status?: any;
+    onEnter?: React.KeyboardEventHandler<HTMLInputElement>;
+    form?: any;
+    nextFocus?: string;
+    children?: any;
+    name?: any;
+    onReset?: any;
+}
+export declare const onEnterInternalTextField: (e: React.KeyboardEvent<HTMLTextAreaElement>, nextFocus?: string, form?: FormInstance<any>, onEnter?: React.KeyboardEventHandler<HTMLInputElement>) => void;
+declare const TextAreaComponent: React.FC<TextFieldProps>;
+export default TextAreaComponent;

package/components/common/text-field/TextArea.js

@@ -0,0 +1,47 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Form as m, Input as l } from "antd";
+import { useTranslation as A } from "react-i18next";
+import { TRANSLATION_NAMESPACE as I } from "../../../locale/hooks/translation-constants.js";
+const T = (r, e, t, n) => {
+  var o;
+  e && t && (r.preventDefault(), (o = t == null ? void 0 : t.getFieldInstance(e)) == null || o.focus()), n && n(r);
+}, g = ({
+  required: r,
+  label: e,
+  rules: t = [],
+  placeholder: n,
+  onEnter: o,
+  nextFocus: u,
+  className: i,
+  ...s
+}) => {
+  const { t: c } = A(I), d = m.useFormInstance();
+  return /* @__PURE__ */ a(
+    m.Item,
+    {
+      ...s,
+      className: i,
+      label: e,
+      rules: [
+        ...t,
+        {
+          required: r,
+          message: `${e} ${c("err.validation.required")}`
+        }
+      ],
+      children: /* @__PURE__ */ a(
+        l.TextArea,
+        {
+          ...s,
+          className: i,
+          onPressEnter: (p) => T(p, u, d, o),
+          placeholder: n ?? e
+        }
+      )
+    }
+  );
+};
+export {
+  g as default,
+  T as onEnterInternalTextField
+};

package/components/common/text-field/TextField.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),O=require("@ant-design/icons"),c=require("antd"),R=require("react"),_=require("react-i18next"),w=require("../../../locale/hooks/translation-constants.cjs"),L=require("../tooltip/TooltipComponent.cjs"),d=(t,n,e,i)=>{var s;n&&e&&(t.preventDefault(),(s=e==null?void 0:e.getFieldInstance(n))==null||s.focus()),i&&i(t)},$=({type:t,required:n,label:e,disabled:i,rules:s=[],placeholder:a,onEnter:l,size:p,form:x,addonAfter:I,addonBefore:T,nextFocus:g,autoComplete:m="off",defaultValue:q,readOnly:f,value:j,loading:v,onBlur:A,inputRef:C,status:E,autoFocus:P,onChange:D,tooltip:F,...M})=>{const{t:u}=_.useTranslation(w.TRANSLATION_NAMESPACE),S=R.useMemo(()=>{const r=[...s,{required:n,message:`${e??a??""} ${u("err.validation.required")}`}];return t==="email"&&r.push({type:"email",message:u("err.validation.invalidEmail")}),r},[s,n,e,a,u,t]),h={disabled:i,value:j,readOnly:f,defaultValue:q,autoFocus:P,addonBefore:T,ref:C,onBlur:A,addonAfter:v?o.jsx(O.LoadingOutlined,{}):I,status:E,size:p,autoComplete:m,onPressEnter:r=>d(r,g,x,l),type:t,placeholder:a??e},N=t=="password"?c.Input.Password:c.Input;return o.jsx(L,{title:F,children:o.jsx(c.Form.Item,{...M,label:e,rules:S,children:o.jsx(N,{...h})})})};exports.default=$;exports.onEnterInternalTextField=d;

package/components/common/text-field/TextField.d.ts

@@ -0,0 +1,27 @@
+import { FormItemProps } from 'antd';
+import { SizeType } from 'antd/es/config-provider/SizeContext';
+import { FormInstance } from 'antd/lib/form/Form';
+import { default as React } from 'react';
+export interface TextFieldProps extends FormItemProps<any> {
+    type?: any;
+    placeholder?: string;
+    onEnter?: React.KeyboardEventHandler<HTMLInputElement>;
+    form?: FormInstance<any>;
+    addonAfter?: any;
+    addonBefore?: any;
+    nextFocus?: string;
+    autoComplete?: string;
+    defaultValue?: any;
+    readOnly?: boolean;
+    value?: any;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    size?: SizeType;
+    loading?: boolean;
+    inputRef?: any;
+    onBlur?: any;
+    onChange?: (val: any) => void;
+}
+export declare const onEnterInternalTextField: (e: React.KeyboardEvent<HTMLInputElement>, nextFocus?: string, form?: FormInstance<any>, onEnter?: React.KeyboardEventHandler<HTMLInputElement>) => void;
+declare const TextField: React.FC<TextFieldProps>;
+export default TextField;

package/components/common/text-field/TextField.js

@@ -0,0 +1,73 @@
+import { jsx as s } from "react/jsx-runtime";
+import { LoadingOutlined as O } from "@ant-design/icons";
+import { Input as d, Form as S } from "antd";
+import { useMemo as $ } from "react";
+import { useTranslation as j } from "react-i18next";
+import { TRANSLATION_NAMESPACE as D } from "../../../locale/hooks/translation-constants.js";
+import R from "../tooltip/TooltipComponent.js";
+const _ = (o, n, t, r) => {
+  var i;
+  n && t && (o.preventDefault(), (i = t == null ? void 0 : t.getFieldInstance(n)) == null || i.focus()), r && r(o);
+}, Q = ({
+  type: o,
+  required: n,
+  label: t,
+  disabled: r,
+  rules: i = [],
+  placeholder: m,
+  onEnter: p,
+  size: f,
+  form: l,
+  addonAfter: u,
+  addonBefore: c,
+  nextFocus: T,
+  autoComplete: g = "off",
+  defaultValue: A,
+  readOnly: I,
+  value: v,
+  loading: C,
+  onBlur: E,
+  inputRef: P,
+  status: h,
+  autoFocus: x,
+  onChange: k,
+  tooltip: F,
+  ...N
+}) => {
+  const { t: a } = j(D), w = $(() => {
+    const e = [
+      ...i,
+      {
+        required: n,
+        message: `${t ?? m ?? ""} ${a(
+          "err.validation.required"
+        )}`
+      }
+    ];
+    return o === "email" && e.push({
+      type: "email",
+      message: a("err.validation.invalidEmail")
+    }), e;
+  }, [i, n, t, m, a, o]), L = {
+    disabled: r,
+    value: v,
+    readOnly: I,
+    defaultValue: A,
+    autoFocus: x,
+    addonBefore: c,
+    ref: P,
+    onBlur: E,
+    addonAfter: C ? /* @__PURE__ */ s(O, {}) : u,
+    status: h,
+    size: f,
+    autoComplete: g,
+    onPressEnter: (e) => _(e, T, l, p),
+    type: o,
+    placeholder: m ?? t
+  }, M = o == "password" ? d.Password : d;
+  return /* @__PURE__ */ s(R, { title: F, children: /* @__PURE__ */ s(S.Item, { ...N, label: t, rules: w, children: /* @__PURE__ */ s(M, { ...L }) }) });
+};
+export {
+  Q as default,
+  _ as onEnterInternalTextField
+};

package/components/common/text-field/index.d.ts

@@ -0,0 +1,5 @@
+import { default as NumberTextField } from './NumberField';
+import { default as PhoneField } from './PhoneNumberField';
+import { default as TextField } from './TextField';
+import { default as TextAreaComponent } from './TextArea';
+export { NumberTextField, PhoneField, TextField, TextAreaComponent };

package/components/common/tooltip/TooltipComponent.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),e=require("antd"),n=({children:t,title:o})=>o?r.jsx(e.Tooltip,{title:o,children:t}):t;module.exports=n;

package/components/common/tooltip/TooltipComponent.d.ts

@@ -0,0 +1,5 @@
+import { FC, PropsWithChildren, ReactElement } from 'react';
+declare const TooltipComponent: FC<PropsWithChildren<{
+    title?: ReactElement;
+}>>;
+export default TooltipComponent;

package/components/common/tooltip/TooltipComponent.js

@@ -0,0 +1,9 @@
+import { jsx as t } from "react/jsx-runtime";
+import { Tooltip as p } from "antd";
+const n = ({
+  children: o,
+  title: r
+}) => r ? /* @__PURE__ */ t(p, { title: r, children: o }) : o;
+export {
+  n as default
+};

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

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

package/components/common/wizard/WizardResult.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),a=require("@ant-design/icons"),y=require("antd"),o=require("i18next"),A=require("react-i18next"),d=require("../button/Button.cjs"),T=require("../../../locale/hooks/translation-constants.cjs"),h=({errorChildren:l,children:v,onRetry:r,onClickBack:c,success:n,loading:s,error:e,successTitle:x=o.t("str.success"),successMessage:j,errorMessage:u=o.t("err.save"),errorTitle:m=o.t("str.error"),loadingTitle:p=o.t("message.loading.saving"),loadingMessage:q})=>{const{t:i}=A.useTranslation(T.TRANSLATION_NAMESPACE);return t.jsx(y.Result,{status:s?void 0:n?"success":e?["403","404","500"].includes(e==null?void 0:e.code)?e.code:e?"error":void 0:void 0,title:s?p:n?x:e?m:void 0,icon:s?t.jsx(a.LoadingOutlined,{}):void 0,subTitle:s?q:n?j:e?typeof u=="function"?u()??i("err.save"):u??i("err.save"):void 0,extra:[n?t.jsx(t.Fragment,{children:v}):e?t.jsxs(t.Fragment,{children:[!!c&&t.jsx(d,{onClick:c,htmlType:"button",type:"primary",icon:t.jsx(a.ArrowLeftOutlined,{}),children:i("str.previous")}),!!r&&t.jsx(d,{type:"primary",onClick:()=>r(void 0,void 0,!0),children:i("str.retry")},"retry"),l]}):t.jsx(t.Fragment,{})]})};module.exports=h;

package/components/common/wizard/WizardResult.d.ts

@@ -0,0 +1,16 @@
+import { default as React, FC, PropsWithChildren } from 'react';
+declare const WizardResult: FC<{
+    onRetry?: (_: undefined, __: undefined, retry: true) => void;
+    onClickBack?: () => void;
+    loading: boolean;
+    error: any;
+    success: boolean;
+    successTitle?: string;
+    successMessage?: string;
+    errorTitle?: string;
+    errorMessage?: string | (() => string | undefined);
+    loadingTitle?: string;
+    loadingMessage?: string;
+    errorChildren?: React.ReactNode;
+} & PropsWithChildren>;
+export default WizardResult;

package/components/common/wizard/WizardResult.js

@@ -0,0 +1,60 @@
+import { jsx as i, Fragment as d, jsxs as T } from "react/jsx-runtime";
+import { LoadingOutlined as h, ArrowLeftOutlined as x } from "@ant-design/icons";
+import { Result as C } from "antd";
+import { t as m } from "i18next";
+import { useTranslation as L } from "react-i18next";
+import l from "../button/Button.js";
+import { TRANSLATION_NAMESPACE as N } from "../../../locale/hooks/translation-constants.js";
+const w = ({
+  errorChildren: u,
+  children: a,
+  onRetry: p,
+  onClickBack: r,
+  success: o,
+  loading: e,
+  error: t,
+  successTitle: v = m("str.success"),
+  successMessage: f,
+  errorMessage: s = m("err.save"),
+  errorTitle: c = m("str.error"),
+  loadingTitle: y = m("message.loading.saving"),
+  loadingMessage: A
+}) => {
+  const { t: n } = L(N);
+  return /* @__PURE__ */ i(
+    C,
+    {
+      status: e ? void 0 : o ? "success" : t ? ["403", "404", "500"].includes(t == null ? void 0 : t.code) ? t.code : t ? "error" : void 0 : void 0,
+      title: e ? y : o ? v : t ? c : void 0,
+      icon: e ? /* @__PURE__ */ i(h, {}) : void 0,
+      subTitle: e ? A : o ? f : t ? typeof s == "function" ? s() ?? n("err.save") : s ?? n("err.save") : void 0,
+      extra: [
+        o ? /* @__PURE__ */ i(d, { children: a }) : t ? /* @__PURE__ */ T(d, { children: [
+          !!r && /* @__PURE__ */ i(
+            l,
+            {
+              onClick: r,
+              htmlType: "button",
+              type: "primary",
+              icon: /* @__PURE__ */ i(x, {}),
+              children: n("str.previous")
+            }
+          ),
+          !!p && /* @__PURE__ */ i(
+            l,
+            {
+              type: "primary",
+              onClick: () => p(void 0, void 0, !0),
+              children: n("str.retry")
+            },
+            "retry"
+          ),
+          u
+        ] }) : /* @__PURE__ */ i(d, {})
+      ]
+    }
+  );
+};
+export {
+  w as default
+};

package/components/common/wizard/WizardViewForm.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("react/jsx-runtime"),w=require("antd"),o=require("react"),F=require("../appearance/Hider.cjs"),{Step:R}=w.Steps,y=o.forwardRef(({pages:d,onSubmit:u,initPosition:f=0,progressDot:v,type:b,labelPlacement:g,className:k,pageStyle:q},C)=>{const[s,i]=o.useState(0),[r,p]=o.useState([]);o.useEffect(()=>{i(f)},[f]),o.useImperativeHandle(C,()=>({gotTo:t=>i(t)}),[]);const m=o.useCallback((t,a=!1,l=!1)=>{const e=[...r];if(t!==void 0&&(e[s]=t,p(e)),l||i(s+1),a&&u){const n={};for(const x of e)for(const S in x)n[S]=x[S];u(e,n)}},[s,r,u]),h=o.useCallback(()=>{const t=[...r];t[s]=void 0,p(t),i(s-1)},[s,r]),j=o.useMemo(()=>{const t=[],a=[],l=d.filter(e=>!e.hidden);for(let e=0;e<l.length;e++){const n=l[e];a.push(c.jsx(F,{hide:s!==e,children:n.component({forward:m,backward:h},r,s===e)},`${n.title}${e}`)),t.push(c.jsx(R,{icon:n.icon,title:n.title},n.title))}return{_pages:a,steps:t}},[h,s,r,m,d]);return c.jsxs(c.Fragment,{children:[c.jsx(w.Steps,{labelPlacement:g,progressDot:v,className:[k,"pb-3"].join(" "),current:s,type:b,children:j.steps}),c.jsx("div",{style:q,children:j._pages})]})});module.exports=y;

package/components/common/wizard/WizardViewForm.d.ts

@@ -0,0 +1,24 @@
+import { default as React, ReactElement } from 'react';
+interface WizardViewFormProps {
+    pages: {
+        hidden?: boolean;
+        icon?: React.ReactNode;
+        title: string;
+        component: (func: {
+            forward: (value?: any, submit?: boolean, isRetry?: boolean) => void;
+            backward: () => void;
+        }, formSubmissionData: any[], isActive: boolean) => ReactElement;
+    }[];
+    labelPlacement?: "vertical" | "horizontal";
+    initPosition?: number;
+    onSubmit?: (val: (any | undefined)[], combinedValue: any) => void;
+    type?: "default" | "navigation" | "inline";
+    className?: string;
+    progressDot?: boolean;
+    pageStyle?: React.CSSProperties;
+}
+export interface WizardViewFormRef {
+    gotTo: (index: number) => void;
+}
+declare const WizardViewForm: React.ForwardRefExoticComponent<WizardViewFormProps & React.RefAttributes<WizardViewFormRef>>;
+export default WizardViewForm;

package/components/common/wizard/WizardViewForm.js

@@ -0,0 +1,74 @@
+import { jsx as f, jsxs as H, Fragment as _ } from "react/jsx-runtime";
+import { Steps as b } from "antd";
+import { forwardRef as $, useState as S, useEffect as z, useImperativeHandle as E, useCallback as g, useMemo as I } from "react";
+import M from "../appearance/Hider.js";
+const { Step: N } = b, q = $(
+  ({
+    pages: a,
+    onSubmit: l,
+    initPosition: d = 0,
+    progressDot: j,
+    type: k,
+    labelPlacement: x,
+    className: F,
+    pageStyle: y
+  }, C) => {
+    const [t, n] = S(0), [r, m] = S(
+      []
+    );
+    z(() => {
+      n(d);
+    }, [d]), E(
+      C,
+      () => ({
+        gotTo: (s) => n(s)
+      }),
+      []
+    );
+    const p = g(
+      (s, c = !1, i = !1) => {
+        const e = [...r];
+        if (s !== void 0 && (e[t] = s, m(e)), i || n(t + 1), c && l) {
+          const o = {};
+          for (const w of e)
+            for (const v in w)
+              o[v] = w[v];
+          l(e, o);
+        }
+      },
+      [t, r, l]
+    ), u = g(() => {
+      const s = [...r];
+      s[t] = void 0, m(s), n(t - 1);
+    }, [t, r]), h = I(() => {
+      const s = [], c = [], i = a.filter((e) => !e.hidden);
+      for (let e = 0; e < i.length; e++) {
+        const o = i[e];
+        c.push(
+          /* @__PURE__ */ f(M, { hide: t !== e, children: o.component({ forward: p, backward: u }, r, t === e) }, `${o.title}${e}`)
+        ), s.push(/* @__PURE__ */ f(N, { icon: o.icon, title: o.title }, o.title));
+      }
+      return {
+        _pages: c,
+        steps: s
+      };
+    }, [u, t, r, p, a]);
+    return /* @__PURE__ */ H(_, { children: [
+      /* @__PURE__ */ f(
+        b,
+        {
+          labelPlacement: x,
+          progressDot: j,
+          className: [F, "pb-3"].join(" "),
+          current: t,
+          type: k,
+          children: h.steps
+        }
+      ),
+      /* @__PURE__ */ f("div", { style: y, children: h._pages })
+    ] });
+  }
+);
+export {
+  q as default
+};