@kingteza/crud-component 1.0.9 → 1.0.12

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.cjs"),i=require("react"),c=require("./CrudField.cjs"),f=require("../../../node_modules/antd/es/form/index.cjs"),g=require("../../../node_modules/antd/es/grid/col.cjs"),R=require("../../../node_modules/antd/es/grid/row.cjs"),j=require("../../../node_modules/antd/es/input/index.cjs");function y({form:u,purpose:x="new",...d}){return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(f.default,{form:u,layout:"vertical",children:e.jsxRuntimeExports.jsx(p,{...d,purpose:x})})})}function p({fields:u,formBuilder:x,grid:d,onDeleteFile:m,onUploadFile:o,purpose:a}){const l=i.useMemo(()=>u.filter(t=>!t.readonly).map(t=>{const s={onUploading:n=>{var r;t.onUploading&&((r=t.onUploading)==null||r.call(t,n)),o==null||o(n)},onDelete:n=>{var r;t.onUploading&&((r=t.onDelete)==null||r.call(t,n)),m==null||m(n)}};return e.jsxRuntimeExports.jsx(i.Fragment,{children:t.grid&&d?e.jsxRuntimeExports.jsx(g.default,{...t.grid,children:i.createElement(c.default,{...t,...s,key:typeof t.name=="string"?t.name:String(t.name),updatable:a!=="update"?!0:t.updatable})}):i.createElement(c.default,{...t,...s,key:typeof t.name=="string"?t.name:String(t.name),updatable:a!=="update"?!0:t.updatable})},t.name)}),[u,d,m,o,a]),E=i.useCallback((t,s={})=>{const n=u.find(r=>r.name===t);if(n!=null&&n.hidden)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});if(n){const r=i.createElement(c.default,{...n,...s,key:typeof n.name=="string"?n.name:String(n.name),updatable:a!=="update"?!0:n.updatable});return s.render?s.render(r):r}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})},[u,a]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:x?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[x(E,{isAnyFieldHidden(...t){const s=Array.isArray(t)?t:[t];return u.filter(r=>s.includes(r.name)).some(r=>r.hidden)},isAllFieldsHidden(...t){const s=Array.isArray(t)?t:[t];return u.filter(r=>s.includes(r.name)).every(r=>r.hidden)}}),e.jsxRuntimeExports.jsxs(f.default.Item,{hidden:!0,noStyle:!0,children:[e.jsxRuntimeExports.jsx(j.default,{name:"id"}),e.jsxRuntimeExports.jsx(j.default,{})]})]}):d?e.jsxRuntimeExports.jsx(R.default,{gutter:[8,8],children:l}):l})}exports.CrudForm=y;exports.CrudFormFields=p;

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

@@ -1,94 +0,0 @@
-import { j as t } from "../../../_virtual/jsx-runtime.js";
-import p, { useMemo as x, createElement as c, useCallback as h } from "react";
-import f from "./CrudField.js";
-import j from "../../../node_modules/antd/es/form/index.js";
-import b from "../../../node_modules/antd/es/grid/col.js";
-import A from "../../../node_modules/antd/es/grid/row.js";
-import g from "../../../node_modules/antd/es/input/index.js";
-function E({
-  form: i,
-  purpose: u = "new",
-  ...d
-}) {
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsx(j, { form: i, layout: "vertical", children: /* @__PURE__ */ t.jsx(C, { ...d, purpose: u }) }) });
-}
-function C({
-  fields: i,
-  formBuilder: u,
-  grid: d,
-  onDeleteFile: s,
-  onUploadFile: o,
-  purpose: m
-}) {
-  const l = x(
-    () => i.filter((r) => !r.readonly).map((r) => {
-      const e = {
-        onUploading: (a) => {
-          var n;
-          r.onUploading && ((n = r.onUploading) == null || n.call(r, a)), o == null || o(a);
-        },
-        onDelete: (a) => {
-          var n;
-          r.onUploading && ((n = r.onDelete) == null || n.call(r, a)), s == null || s(a);
-        }
-      };
-      return /* @__PURE__ */ t.jsx(p.Fragment, { children: r.grid && d ? /* @__PURE__ */ t.jsx(b, { ...r.grid, children: /* @__PURE__ */ c(
-        f,
-        {
-          ...r,
-          ...e,
-          key: typeof r.name == "string" ? r.name : String(r.name),
-          updatable: m !== "update" ? !0 : r.updatable
-        }
-      ) }) : /* @__PURE__ */ c(
-        f,
-        {
-          ...r,
-          ...e,
-          key: typeof r.name == "string" ? r.name : String(r.name),
-          updatable: m !== "update" ? !0 : r.updatable
-        }
-      ) }, r.name);
-    }),
-    [i, d, s, o, m]
-  ), y = h(
-    (r, e = {}) => {
-      const a = i.find((n) => n.name === r);
-      if (a != null && a.hidden) return /* @__PURE__ */ t.jsx(t.Fragment, {});
-      if (a) {
-        const n = /* @__PURE__ */ c(
-          f,
-          {
-            ...a,
-            ...e,
-            key: typeof a.name == "string" ? a.name : String(a.name),
-            updatable: m !== "update" ? !0 : a.updatable
-          }
-        );
-        return e.render ? e.render(n) : n;
-      }
-      return /* @__PURE__ */ t.jsx(t.Fragment, {});
-    },
-    [i, m]
-  );
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: u ? /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    u(y, {
-      isAnyFieldHidden(...r) {
-        const e = Array.isArray(r) ? r : [r];
-        return i.filter((n) => e.includes(n.name)).some((n) => n.hidden);
-      },
-      isAllFieldsHidden(...r) {
-        const e = Array.isArray(r) ? r : [r];
-        return i.filter((n) => e.includes(n.name)).every((n) => n.hidden);
-      }
-    }),
-    /* @__PURE__ */ t.jsxs(j.Item, { hidden: !0, noStyle: !0, children: [
-      /* @__PURE__ */ t.jsx(g, { name: "id" }),
-      /* @__PURE__ */ t.jsx(g, {})
-    ] })
-  ] }) : d ? /* @__PURE__ */ t.jsx(A, { gutter: [8, 8], children: l }) : l });
-}
-export {
-  E as CrudForm,
-  C as CrudFormFields
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../../_virtual/jsx-runtime.cjs"),h=require("react"),b=require("react-i18next"),F=require("../../locale/hooks/translation-constants.cjs"),S=require("./CrudForm.cjs"),g=require("../common/button/Button.cjs"),k=require("../common/wizard/WizardViewForm.cjs"),p=require("../../../node_modules/antd/es/form/index.cjs"),y=require("../../../node_modules/antd/es/divider/index.cjs"),q=require("../../../node_modules/antd/es/grid/col.cjs"),C=require("../../../node_modules/antd/es/grid/row.cjs"),T=require("../../../node_modules/@ant-design/icons/es/icons/LeftOutlined.cjs"),v=require("../../../node_modules/@ant-design/icons/es/icons/SaveOutlined.cjs"),M=require("../../../node_modules/@ant-design/icons/es/icons/RightOutlined.cjs");function O({fields:l,className:c,onDeleteFile:x,onUploadFile:u,purpose:i,wizard:r=[],updatingValue:m,onSave:f,submitting:j}){const d=h.useMemo(()=>r.map(n=>{let t=!0;const s=l.filter(o=>n.fields.includes(o.name));return s.forEach(o=>t&&(t=o.hidden??!1)),{...n,hidden:t,fieldThatShouldShowing:s}}),[l,r]),a=h.useMemo(()=>d.filter(n=>!n.hidden),[d]);return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(k.default,{onSubmit:(n,t)=>{console.log(t),f(t)},className:c,pages:a.map(({title:n,icon:t,fieldThatShouldShowing:s,hidden:o},E)=>({title:n,icon:t,hidden:o,component:R=>e.jsxRuntimeExports.jsx(w,{fields:s,onDeleteFile:x,onUploadFile:u,purpose:i,i:E,updatingValue:m,backward:R.backward,forward:R.forward,wizard:a,submitting:j},E)}))})})}function w({fields:l,onDeleteFile:c,onUploadFile:x,purpose:u,wizard:i=[],i:r,forward:m,backward:f,submitting:j,updatingValue:d}){const a=i[r],{t:n}=b.useTranslation(F.TRANSLATION_NAMESPACE),[t]=p.default.useForm();return h.useEffect(()=>{if(d&&(u==="update"||u==="clone")){const s={};for(const o of l)s[o.name]=d[o.name];t.setFieldsValue(s)}},[l,t,u,d]),e.jsxRuntimeExports.jsxs(p.default,{name:String(r),form:t,layout:"vertical",children:[e.jsxRuntimeExports.jsx(S.CrudFormFields,{fields:l,formBuilder:a.formBuilder,grid:a.grid,onDeleteFile:c,onUploadFile:x,purpose:u}),e.jsxRuntimeExports.jsx(y.default,{}),e.jsxRuntimeExports.jsxs(C.default,{gutter:[8,8],children:[r>0&&e.jsxRuntimeExports.jsx(q.default,{md:12,children:e.jsxRuntimeExports.jsx(g.default,{block:!0,icon:e.jsxRuntimeExports.jsx(T.default,{}),htmlType:"button",type:"default",size:"large",onClick:()=>f(),children:n("str.back")})}),e.jsxRuntimeExports.jsx(q.default,{md:r>0?12:24,children:e.jsxRuntimeExports.jsx(g.default,{block:!0,icon:i.length-1===r?e.jsxRuntimeExports.jsx(v.default,{}):e.jsxRuntimeExports.jsx(M.default,{}),htmlType:"submit",type:"primary",loading:j,size:"large",onClick:()=>{t.validateFields().then(s=>{m(s,i.length-1===r,i.length-1===r)})},children:i.length-1===r?n("str."+(u==="update"?"update":"save")):n("str.next")})})]})]})}exports.default=O;