@kingteza/crud-component 1.0.13 → 1.0.15

package/dist/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/dist/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/dist/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/dist/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/dist/components/common/tab/TabViewWithRoute.js

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

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

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

package/dist/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/dist/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/dist/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/dist/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/dist/components/common/text/index.js

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

package/dist/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/dist/components/common/text/title/index.js

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

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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
+};

package/dist/components/crud/CrudComponent.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("react/jsx-runtime"),y=require("antd"),ae=require("dayjs"),o=require("react"),le=require("react-i18next"),ie=require("../../locale/hooks/translation-constants.cjs"),ce=require("./CrudForm.cjs"),re=require("./CrudFormWizard.cjs"),ue=require("./import/CrudImportButton.cjs"),de=require("./view/CrudViewer.cjs"),fe=require("../common/button/NewButton.cjs"),pe=require("../common/button/PrintButton.cjs"),{useForm:me}=y.Form;function ye({idField:C="id",onCreate:g,onDelete:M,onHide:_,onUpdate:f,fields:l,data:w,grid:D,isHiding:R,isCreating:h,isDeleting:U,isUpdating:q,paginateProps:W,onPrint:N,printing:L,viewable:H,loadingData:G,formBuilder:J,extraAction:K,minusHeight:Q,cloneable:X,fullWidthModal:Y=!0,wizard:i,extraView:Z,importable:P,onClickNew:V,...$}){const{t:v}=le.useTranslation(ie.TRANSLATION_NAMESPACE),[j,x]=o.useState(!1),[p,k]=o.useState(),[z,B]=o.useState(),[c]=me(),A=o.useCallback(async s=>{const u=i?s:await c.validateFields(),r=l.filter(e=>e.type==="color"),a={};r.forEach(e=>{var d;const t=c.getFieldValue(e.name);a[e.name]=typeof t=="string"?t:(d=t==null?void 0:t.toHexString())==null?void 0:d.toUpperCase()}),Object.assign(u,a),p&&f?(await f({...u,[C]:p[C]}),k(void 0)):!p&&g&&await g(u),B(void 0),c.resetFields(),x(!1)},[l,c,C,g,f,p,i]),[ee,I]=o.useState(!1),[te,S]=o.useState(!1);o.useEffect(()=>{j?(I(!1),S(!1)):F(void 0)},[j]);const O=o.useCallback(async s=>{I(s),S(!0)},[]),T=o.useCallback(async()=>{S(!0)},[]),[ne,E]=o.useState(!1),b=o.useCallback(async(s,u=!0,r=!1)=>{try{E(!0),x(!0),u&&F("update");const a={};for(const e of l){const t=s[e.name];if(r&&e.type==="image"){const d=t;try{const oe=await e.provider.clone(d);a[e.name]=oe;continue}catch{continue}}e.type==="date"?t&&(a[e.name]=ae(t)):e.type==="select"?e.multiple&&Array.isArray(t)?a[e.name]=t.map(d=>d[e.innerFieldId??"id"]):t&&typeof t=="object"?a[e.name]=t[e.innerFieldId??"id"]:(t&&typeof t=="string"||typeof t=="number")&&(a[e.name]=t):a[e.name]=t}c.setFieldsValue(a),B(a),u&&k(s)}finally{E(!1)}},[l,c]),[m,F]=o.useState(),se=o.useCallback(async s=>{F("clone"),b(s,!1,!0)},[b]);return n.jsxs(n.Fragment,{children:[n.jsxs(y.Space,{direction:"vertical",className:"w-100",children:[n.jsxs("div",{className:"w-100 d-flex",children:[n.jsx("div",{style:{flex:1},children:n.jsx(fe.NewButton,{onClick:()=>{V?V():(x(s=>!s),F("new"))},className:"flex-1"})}),n.jsxs(y.Space,{children:[!!N&&n.jsx(pe.PrintButton,{className:"float-right",loading:L,onClick:N}),!!P&&n.jsx(ue,{fields:l,importProps:P})]})]}),n.jsx(de,{...$,minusHeight:Q,data:w,fields:l,extraAction:K,idField:C,isDeleting:U,loadingData:G,onClickUpdate:f?b:void 0,onHide:_,isHiding:R,onDelete:M,onUpdate:f,onClickClone:X?se:void 0,paginateProps:W,viewable:H,extraView:Z})]}),n.jsx(y.Modal,{width:Y?"100%":void 0,title:v(m??"new"),open:j,confirmLoading:h||q,okText:v("str."+(m==="update"?"update":"save")),cancelText:v("str.cancel"),cancelButtonProps:{disabled:te,hidden:!!i},okButtonProps:{disabled:ee,hidden:!!i},onCancel:async()=>{try{if(m==="clone"){const s=i?p:c.getFieldsValue(),u=l.filter(r=>r.type==="image");for(const r of u)s[r.name]&&r.provider.delete(s[r.name])}}finally{}i||c.resetFields(),B(void 0),k(void 0),x(!1)},onOk:()=>A(),destroyOnClose:!0,children:n.jsxs(y.Spin,{spinning:ne,children:[!i&&n.jsx(ce.CrudForm,{purpose:m,fields:l,form:c,formBuilder:J,grid:D,onDeleteFile:T,onUploadFile:O}),i&&n.jsx(re,{submitting:h||q,className:"mt-2",onSave:A,updatingValue:z,fields:l,onDeleteFile:T,onUploadFile:O,purpose:m,wizard:i})]})})]})}module.exports=ye;