@kingteza/crud-component 1.0.13 → 1.0.15

package/dist/components/crud/CrudComponent.js

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

package/dist/components/crud/CrudField.cjs

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

package/dist/components/crud/CrudField.js

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

package/dist/components/crud/CrudForm.cjs

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