@kingteza/crud-component 1.0.11 → 1.0.13

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

@@ -1 +0,0 @@
-"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

@@ -1,210 +0,0 @@
-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

@@ -1 +0,0 @@
-"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;

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

@@ -1,459 +0,0 @@
-import { j as t } from "../../../_virtual/jsx-runtime.js";
-import { Form as k, Radio as H, Select as O, ColorPicker as _ } from "antd";
-import { useEffect as R, useState as U, useCallback as G } from "react";
-import $ from "../../../_virtual/main.js";
-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 te from "../common/tooltip/TooltipComponent.js";
-import { useTranslation as re } from "../../../node_modules/react-i18next/dist/es/useTranslation.js";
-function ve(v) {
-  const {
-    label: i,
-    name: m,
-    type: x,
-    required: s,
-    hidden: T,
-    rules: u = [],
-    updatable: h = !0,
-    readonly: N = !1,
-    fieldClassName: g,
-    customFormFieldRender: w,
-    fieldTooltip: b,
-    ...e
-  } = v, p = k.useFormInstance();
-  R(() => {
-    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 } = re(z);
-  if (N || T) return /* @__PURE__ */ t.jsx(t.Fragment, {});
-  if (w)
-    return w(p, v);
-  switch (x) {
-    case "text":
-    case "email":
-    case "password": {
-      const { onChange: o, placeholder: n } = e;
-      return /* @__PURE__ */ t.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: g,
-          autoComplete: "new-password"
-        }
-      );
-    }
-    case "number": {
-      const { onChange: o, placeholder: n, allowMinus: a } = e;
-      return /* @__PURE__ */ t.jsx(
-        Z,
-        {
-          placeholder: n,
-          disabled: !h,
-          moneyField: !!e.formatted,
-          type: x,
-          onChange: o ? (f) => o(f, p) : void 0,
-          rules: u,
-          autoComplete: "false",
-          required: s,
-          tooltip: b,
-          className: g,
-          min: a ? null : void 0,
-          name: m,
-          label: i
-        }
-      );
-    }
-    case "date": {
-      const {
-        range: o,
-        disableToday: n,
-        disabledFutureDays: a,
-        disabledPastDays: f,
-        onChange: C,
-        placeholder: c,
-        format: y
-      } = e;
-      return /* @__PURE__ */ t.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: g,
-          disableToday: n,
-          disabledFutureDays: a,
-          disabledPastDays: f
-        }
-      );
-    }
-    case "time": {
-      const {
-        range: o = !1,
-        disableCurrent: n,
-        disabledFuture: a,
-        disabledPast: f,
-        onChange: C,
-        use12Hours: c,
-        format: y,
-        placeholder: l
-      } = e;
-      return /* @__PURE__ */ t.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: g,
-          disableCurrent: n,
-          disabledFuture: a,
-          disabledPast: f
-        }
-      );
-    }
-    case "textarea": {
-      const { onChange: o, placeholder: n, rows: a, cols: f } = e;
-      return /* @__PURE__ */ t.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: g,
-          rows: a,
-          cols: f
-        }
-      );
-    }
-    case "image":
-      return /* @__PURE__ */ t.jsx(
-        K,
-        {
-          ...e,
-          required: s,
-          name: m,
-          label: i,
-          rules: u,
-          fieldClassName: g,
-          onRemoved: e.onRemoved,
-          onUploading: e.onUploading,
-          provider: e.provider
-        }
-      );
-    case "file":
-      return /* @__PURE__ */ t.jsx(
-        J,
-        {
-          ...e,
-          required: s,
-          name: m,
-          label: i,
-          rules: u,
-          fieldClassName: g,
-          onRemoved: e.onRemoved,
-          onUploading: e.onUploading,
-          provider: e.provider
-        }
-      );
-    case "select":
-      return /* @__PURE__ */ t.jsx(
-        oe,
-        {
-          ...e,
-          required: s,
-          name: m,
-          label: i,
-          rules: u,
-          fieldClassName: g,
-          form: p,
-          updatable: h,
-          readonly: N,
-          fieldTooltip: b
-        }
-      );
-    case "enum": {
-      const {
-        enum: o,
-        radio: n = !1,
-        translation: a,
-        onChange: f,
-        onSearch: C,
-        multiple: c
-      } = e, y = Array.isArray(o) ? o : Object.keys(o);
-      return n ? /* @__PURE__ */ t.jsx(
-        k.Item,
-        {
-          ...e,
-          name: m,
-          required: s,
-          tooltip: b,
-          rules: u,
-          label: i,
-          className: ["w-100", g].join(" "),
-          children: /* @__PURE__ */ t.jsx(
-            H.Group,
-            {
-              ...e,
-              onChange: f ? (l) => {
-                var j;
-                return f((j = l == null ? void 0 : l.target) == null ? void 0 : j.value, p);
-              } : void 0,
-              children: y.map((l) => /* @__PURE__ */ t.jsx(H, { disabled: !h, value: l, children: a ? F(a[l]) : l }, l))
-            }
-          )
-        }
-      ) : /* @__PURE__ */ t.jsx(
-        q,
-        {
-          ...e,
-          onChange: f ? (l) => f(l, p) : void 0,
-          className: ["w-100", g].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__ */ t.jsx(O.Option, { value: l, children: a ? F(a[l]) : l }, l)
-        }
-      );
-    }
-    case "checkbox": {
-      const { onChange: o } = e;
-      return /* @__PURE__ */ t.jsx(
-        Y,
-        {
-          className: g,
-          rules: u,
-          onChange: o ? (n) => o(n, p) : void 0,
-          label: i,
-          tooltip: b,
-          disabled: !h,
-          name: m
-        }
-      );
-    }
-    case "color":
-      return /* @__PURE__ */ t.jsx(
-        ae,
-        {
-          ...e,
-          type: "color",
-          required: s,
-          name: m,
-          label: i,
-          rules: u,
-          fieldClassName: g,
-          updatable: h,
-          readonly: N,
-          fieldTooltip: b
-        }
-      );
-    default:
-      return /* @__PURE__ */ t.jsx(t.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: g,
-    rules: w,
-    fieldTooltip: b,
-    updatable: e,
-    label: p,
-    name: F,
-    tagRender: o,
-    updatingValue: n,
-    onSet: a,
-    placeholder: f,
-    allowClear: C = !0
-  } = v, c = v.form, [y, l] = U(""), j = k.useWatch(F, c), [S, A] = U(!0);
-  R(() => {
-    a && S && j && (a == null || a(j, i, c), A(!1));
-  }, [S, c, i, F, a, j]), R(() => {
-    j && A(!0);
-  }, [j]);
-  const D = G(
-    async (r) => {
-      l(r), x && (s == null || s(r, c, n));
-    },
-    [c, s, x, n]
-  );
-  return /* @__PURE__ */ t.jsx(
-    q,
-    {
-      ...v,
-      maxTagCount: "responsive",
-      maxTagPlaceholder: (r) => /* @__PURE__ */ t.jsxs(
-        te,
-        {
-          title: /* @__PURE__ */ t.jsx(t.Fragment, { children: r.map((d) => /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-            d.label,
-            " ",
-            /* @__PURE__ */ t.jsx("br", {})
-          ] })) }),
-          children: [
-            "+",
-            r == null ? void 0 : r.length
-          ]
-        }
-      ),
-      placeholder: f,
-      onSelect: (r) => {
-        a == null || a(r == null ? void 0 : r.key, i, c);
-      },
-      onChange: u ? (r) => {
-        l(""), u(r, c);
-      } : void 0,
-      mode: T ? "multiple" : void 0,
-      className: ["w-100", g].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 ? (r, d) => {
-        var P, I, E;
-        try {
-          const L = r.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 ? (r) => {
-        const d = r.value ? String(r.value) : void 0;
-        return /* @__PURE__ */ t.jsx(
-          O.Option,
-          {
-            value: r.key,
-            title: d,
-            disabled: r.disabled,
-            children: /* @__PURE__ */ t.jsx(
-              $,
-              {
-                highlightClassName: "highlight-text",
-                searchWords: (y ?? "").split(" "),
-                autoEscape: !0,
-                textToHighlight: d ?? ""
-              }
-            )
-          },
-          r.key
-        );
-      } : (r) => /* @__PURE__ */ t.jsx(
-        O.Option,
-        {
-          value: r.key,
-          title: r.value,
-          disabled: r.disabled,
-          children: r.value
-        },
-        r.key
-      )
-    }
-  );
-}
-function ae(v) {
-  const {
-    required: i,
-    fieldClassName: m,
-    rules: x,
-    fieldTooltip: s,
-    updatable: T,
-    label: u,
-    name: h
-  } = v;
-  return /* @__PURE__ */ t.jsx(
-    k.Item,
-    {
-      label: u,
-      name: h,
-      required: i,
-      rules: x,
-      tooltip: s,
-      children: /* @__PURE__ */ t.jsx(
-        _,
-        {
-          disabledAlpha: !0,
-          format: "hex",
-          defaultFormat: "hex",
-          showText: !0,
-          trigger: "click",
-          className: m,
-          disabled: !T,
-          ...v.innerProps
-        }
-      )
-    }
-  );
-}
-export {
-  ae as ColorCrudFieldComponent,
-  oe as SelectCrudFieldComponent,
-  ve as default
-};

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

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