@kingteza/crud-component 1.0.4 → 1.0.5

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/src/components/common/tooltip/TooltipComponent.cjs

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

package/dist/src/components/common/tooltip/TooltipComponent.js

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

package/dist/src/components/common/wizard/WizardResult.cjs

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

package/dist/src/components/common/wizard/WizardResult.js

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

package/dist/src/components/common/wizard/WizardViewForm.cjs

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

package/dist/src/components/common/wizard/WizardViewForm.js

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

package/dist/src/components/crud/CrudComponent.cjs

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

package/dist/src/components/crud/CrudComponent.js

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

package/dist/src/components/crud/CrudField.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../_virtual/jsx-runtime.cjs"),E=require("antd"),y=require("react"),H=require("../../../_virtual/main.cjs"),W=require("../../locale/hooks/translation-constants.cjs"),G=require("./FileCrudField.cjs"),$=require("./ImageCrudField.cjs"),z=require("../common/DatePicker/DatePicker.cjs"),J=require("../common/DatePicker/TimePicker.cjs"),K=require("../common/check-box/CheckBox.cjs"),L=require("../common/select/SelectComponent.cjs"),Q=require("../common/text-field/NumberField.cjs"),X=require("../common/text-field/TextField.cjs"),Y=require("../common/text-field/TextArea.cjs"),Z=require("../common/tooltip/TooltipComponent.cjs"),V=require("../../../node_modules/react-i18next/dist/es/useTranslation.cjs");function ee(b){const{label:a,name:d,type:C,required:l,hidden:T,rules:x=[],updatable:m=!0,readonly:q=!1,fieldClassName:h,customFormFieldRender:N,fieldTooltip:f,...e}=b,p=E.Form.useFormInstance();y.useEffect(()=>{if(C==="select"){const{items:r=[],onSearch:i,searchOnType:n}=e;!(r!=null&&r.length)&&!n&&(i==null||i(void 0,p,e==null?void 0:e.updatingValue))}},[p,e,C,e==null?void 0:e.updatingValue]);const{t:F}=V.useTranslation(W.TRANSLATION_NAMESPACE);if(q||T)return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{});if(N)return N(p,b);switch(C){case"text":case"email":case"password":{const{onChange:r,placeholder:i}=e;return t.jsxRuntimeExports.jsx(X.default,{placeholder:i,disabled:!m,rules:x,required:l,onChange:r?n=>r(n,p):void 0,type:C,name:d,tooltip:f,label:a,className:h,autoComplete:"new-password"})}case"number":{const{onChange:r,placeholder:i,allowMinus:n}=e;return t.jsxRuntimeExports.jsx(Q,{placeholder:i,disabled:!m,moneyField:!!e.formatted,type:C,onChange:r?j=>r(j,p):void 0,rules:x,autoComplete:"false",required:l,tooltip:f,className:h,min:n?null:void 0,name:d,label:a})}case"date":{const{range:r,disableToday:i,disabledFutureDays:n,disabledPastDays:j,onChange:g,placeholder:c,format:v}=e;return t.jsxRuntimeExports.jsx(z,{placeholder:c,required:l,disabled:!m,type:C,format:v,tooltip:f,range:r,name:d,label:a,onChange:g?o=>g(o,p):void 0,className:h,disableToday:i,disabledFutureDays:n,disabledPastDays:j})}case"time":{const{range:r=!1,disableCurrent:i,disabledFuture:n,disabledPast:j,onChange:g,use12Hours:c,format:v,placeholder:o}=e;return t.jsxRuntimeExports.jsx(J,{placeholder:o,required:l,format:v,disabled:!m,type:C,tooltip:f,range:r,use12Hours:c,name:d,label:a,onChange:g?R=>g(R,p):void 0,className:h,disableCurrent:i,disabledFuture:n,disabledPast:j})}case"textarea":{const{onChange:r,placeholder:i,rows:n,cols:j}=e;return t.jsxRuntimeExports.jsx(Y.default,{rules:x,placeholder:i,onChange:r?g=>{var c;return r((c=g==null?void 0:g.target)==null?void 0:c.value,p)}:void 0,tooltip:f,required:l,disabled:!m,name:d,label:a,className:h,rows:n,cols:j})}case"image":return t.jsxRuntimeExports.jsx($.default,{...e,required:l,name:d,label:a,rules:x,fieldClassName:h,onRemoved:e.onRemoved,onUploading:e.onUploading,provider:e.provider});case"file":return t.jsxRuntimeExports.jsx(G.default,{...e,required:l,name:d,label:a,rules:x,fieldClassName:h,onRemoved:e.onRemoved,onUploading:e.onUploading,provider:e.provider});case"select":return t.jsxRuntimeExports.jsx(B,{...e,required:l,name:d,label:a,rules:x,fieldClassName:h,form:p,updatable:m,readonly:q,fieldTooltip:f});case"enum":{const{enum:r,radio:i=!1,translation:n,onChange:j,onSearch:g,multiple:c}=e,v=Array.isArray(r)?r:Object.keys(r);return i?t.jsxRuntimeExports.jsx(E.Form.Item,{...e,name:d,required:l,tooltip:f,rules:x,label:a,className:["w-100",h].join(" "),children:t.jsxRuntimeExports.jsx(E.Radio.Group,{...e,onChange:j?o=>{var R;return j((R=o==null?void 0:o.target)==null?void 0:R.value,p)}:void 0,children:v.map(o=>t.jsxRuntimeExports.jsx(E.Radio,{disabled:!m,value:o,children:n?F(n[o]):o},o))})}):t.jsxRuntimeExports.jsx(L,{...e,onChange:j?o=>j(o,p):void 0,className:["w-100",h].join(" "),name:d,items:v,required:l,tooltip:f,rules:x,label:a,disabled:!m,onSearch:g?o=>g(o,p):void 0,allowClear:!0,mode:c?"multiple":void 0,itemBuilder:o=>t.jsxRuntimeExports.jsx(E.Select.Option,{value:o,children:n?F(n[o]):o},o)})}case"checkbox":{const{onChange:r}=e;return t.jsxRuntimeExports.jsx(K,{className:h,rules:x,onChange:r?i=>r(i,p):void 0,label:a,tooltip:f,disabled:!m,name:d})}case"color":return t.jsxRuntimeExports.jsx(M,{...e,type:"color",required:l,name:d,label:a,rules:x,fieldClassName:h,updatable:m,readonly:q,fieldTooltip:f});default:return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:`${C} Not Implemented`})}}function B(b){const{items:a=[],loading:d,searchOnType:C,onSearch:l,multiple:T,onChange:x,highlightSearch:m,required:q,fieldClassName:h,rules:N,fieldTooltip:f,updatable:e,label:p,name:F,tagRender:r,updatingValue:i,onSet:n,placeholder:j,allowClear:g=!0}=b,c=b.form,[v,o]=y.useState(""),R=E.Form.useWatch(F,c),[S,w]=y.useState(!0);y.useEffect(()=>{n&&S&&R&&(n==null||n(R,a,c),w(!1))},[S,c,a,F,n,R]),y.useEffect(()=>{R&&w(!0)},[R]);const U=y.useCallback(async s=>{o(s),C&&(l==null||l(s,c,i))},[c,l,C,i]);return t.jsxRuntimeExports.jsx(L,{...b,maxTagCount:"responsive",maxTagPlaceholder:s=>t.jsxRuntimeExports.jsxs(Z,{title:t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:s.map(u=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[u.label," ",t.jsxRuntimeExports.jsx("br",{})]}))}),children:["+",s==null?void 0:s.length]}),placeholder:j,onSelect:s=>{n==null||n(s==null?void 0:s.key,a,c)},onChange:x?s=>{o(""),x(s,c)}:void 0,mode:T?"multiple":void 0,className:["w-100",h].join(" "),name:F,items:a,required:q,tooltip:f,tagRender:r,rules:N,disabled:!e,label:p,allowClear:g,onSearch:U,loading:d,filterOption:m?(s,u)=>{var k,O,P;try{const A=s.toLowerCase().split(/\s+/),_=((typeof(u==null?void 0:u.children)=="string"?u==null?void 0:u.children:(O=(k=u==null?void 0:u.children)==null?void 0:k.props)==null?void 0:O.textToHighlight)??"").toLowerCase(),D=(((P=u==null?void 0:u.value)==null?void 0:P.toString())??"").toLowerCase();return A.every(I=>_.indexOf(I)>=0||D.indexOf(I)>=0)}catch{return!0}}:void 0,itemBuilder:m?s=>{const u=s.value?String(s.value):void 0;return t.jsxRuntimeExports.jsx(E.Select.Option,{value:s.key,title:u,disabled:s.disabled,children:t.jsxRuntimeExports.jsx(H,{highlightClassName:"highlight-text",searchWords:(v??"").split(" "),autoEscape:!0,textToHighlight:u??""})},s.key)}:s=>t.jsxRuntimeExports.jsx(E.Select.Option,{value:s.key,title:s.value,disabled:s.disabled,children:s.value},s.key)})}function M(b){const{required:a,fieldClassName:d,rules:C,fieldTooltip:l,updatable:T,label:x,name:m}=b;return t.jsxRuntimeExports.jsx(E.Form.Item,{label:x,name:m,required:a,rules:C,tooltip:l,children:t.jsxRuntimeExports.jsx(E.ColorPicker,{disabledAlpha:!0,format:"hex",defaultFormat:"hex",showText:!0,trigger:"click",className:d,disabled:!T,...b.innerProps})})}exports.ColorCrudFieldComponent=M;exports.SelectCrudFieldComponent=B;exports.default=ee;