@kingteza/crud-component 1.0.46 → 1.0.48

package/App.d.ts

@@ -12,6 +12,8 @@ export type Purchase = {
     status: PurchaseStatus;
     test: TestEnum;
     value: string;
+    id: string | number;
+    name: string;
 };
 declare function App(): import("react/jsx-runtime").JSX.Element;
 export default App;

package/common/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./show-more/index.cjs.js"),t=require("./text/index.cjs.js"),o=require("./appearance/Hider.cjs.js"),r=require("./button/CloneButtonTable.cjs.js"),n=require("./button/DeleteButtonTable.cjs.js"),i=require("./button/HideButtonTable.cjs.js"),u=require("./button/UnHideButton.cjs.js"),c=require("./button/UpdateButtonTable.cjs.js"),s=require("./button/ViewButtonTable.cjs.js"),a=require("./description/DescList.cjs.js"),l=require("./layout/VerticalSpace.cjs.js"),q=require("./loading/LoadingIndicator.cjs.js"),d=require("./select/CustomSelectOption.cjs.js"),p=require("./table/table.cjs.js"),B=require("./tag/StatusTag.cjs.js"),T=require("./text-field/PhoneNumberField.cjs.js"),m=require("./tooltip/TooltipComponent.cjs.js"),b=require("./wizard/WizardResult.cjs.js"),C=require("./wizard/WizardViewForm.cjs.js"),x=require("./button/Button.cjs.js"),S=require("./button/ExportButton.cjs.js"),R=require("./button/ImportButton.cjs.js"),h=require("./button/NewButton.cjs.js"),w=require("./button/PrintButton.cjs.js"),P=require("./button/RefreshButton.cjs.js"),F=require("./check-box/CheckBox.cjs.js"),I=require("./date-picker/DatePicker.cjs.js"),V=require("./date-picker/TimePicker.cjs.js"),g=require("./picker/ImagePicker.cjs.js"),k=require("./radio/RadioGroupComponent.cjs.js"),f=require("./report/SelectFieldInReport.cjs.js"),W=require("./select/SelectComponent.cjs.js"),D=require("./tab/TabViewWithRoute.cjs.js"),H=require("./text/title/index.cjs.js"),N=require("./text-field/NumberField.cjs.js"),z=require("./text-field/TextField.cjs.js"),L=require("./text-field/TextArea.cjs.js");exports.ShowMore=e.ShowMore;exports.Text=t.Text;exports.Hider=o;exports.CloneButtonTable=r;exports.DeleteButtonTable=n;exports.HideButtonTable=i;exports.UnHideButton=u;exports.UpdateButtonTable=c;exports.ViewButtonTable=s;exports.DescList=a;exports.VerticalSpace=l;exports.LoadingIndicator=q;exports.CustomSelectOption=d;exports.TableComponent=p;exports.StatusTag=B;exports.PhoneField=T;exports.TooltipComponent=m;exports.WizardResult=b;exports.WizardViewForm=C;exports.ButtonComponent=x;exports.ExportButton=S.ExportButton;exports.ImportButton=R.ImportButton;exports.NewButton=h.NewButton;exports.PrintButton=w.PrintButton;exports.RefreshButton=P.RefreshButton;exports.CheckBoxComponent=F;exports.DatePickerComponent=I;exports.TimePickerComponent=V;exports.ImagePicker=g.default;exports.RadioGroupComponent=k;exports.SelectFieldInReport=f.SelectFieldInReport;exports.SelectComponent=W;exports.TabViewWithRoute=D.TabViewWithRoute;exports.Title=H.Title;exports.NumberTextField=N;exports.TextField=z.default;exports.TextAreaComponent=L.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./show-more/index.cjs.js"),t=require("./text/index.cjs.js"),o=require("./rich/index.cjs.js"),r=require("./appearance/Hider.cjs.js"),n=require("./button/CloneButtonTable.cjs.js"),i=require("./button/DeleteButtonTable.cjs.js"),u=require("./button/HideButtonTable.cjs.js"),c=require("./button/UnHideButton.cjs.js"),s=require("./button/UpdateButtonTable.cjs.js"),a=require("./button/ViewButtonTable.cjs.js"),l=require("./description/DescList.cjs.js"),d=require("./layout/VerticalSpace.cjs.js"),q=require("./loading/LoadingIndicator.cjs.js"),p=require("./select/CustomSelectOption.cjs.js"),T=require("./table/table.cjs.js"),B=require("./tag/StatusTag.cjs.js"),m=require("./text-field/PhoneNumberField.cjs.js"),b=require("./text-field/TextArea.cjs.js"),x=require("./tooltip/TooltipComponent.cjs.js"),C=require("./wizard/WizardResult.cjs.js"),R=require("./wizard/WizardViewForm.cjs.js"),S=require("./button/Button.cjs.js"),h=require("./button/ExportButton.cjs.js"),w=require("./button/ImportButton.cjs.js"),P=require("./button/NewButton.cjs.js"),F=require("./button/PrintButton.cjs.js"),I=require("./button/RefreshButton.cjs.js"),V=require("./check-box/CheckBox.cjs.js"),g=require("./date-picker/DatePicker.cjs.js"),k=require("./date-picker/TimePicker.cjs.js"),f=require("./picker/ImagePicker.cjs.js"),W=require("./radio/RadioGroupComponent.cjs.js"),D=require("./report/SelectFieldInReport.cjs.js"),H=require("./select/SelectComponent.cjs.js"),N=require("./tab/TabViewWithRoute.cjs.js"),E=require("./text/title/index.cjs.js"),z=require("./text-field/NumberField.cjs.js"),L=require("./text-field/TextField.cjs.js");exports.ShowMore=e.ShowMore;exports.Text=t.Text;exports.RichTextEditor=o.RichTextEditor;exports.Hider=r;exports.CloneButtonTable=n;exports.DeleteButtonTable=i;exports.HideButtonTable=u;exports.UnHideButton=c;exports.UpdateButtonTable=s;exports.ViewButtonTable=a;exports.DescList=l;exports.VerticalSpace=d;exports.LoadingIndicator=q;exports.CustomSelectOption=p;exports.TableComponent=T;exports.StatusTag=B;exports.PhoneField=m;exports.TextAreaComponent=b.default;exports.TooltipComponent=x;exports.WizardResult=C;exports.WizardViewForm=R;exports.ButtonComponent=S;exports.ExportButton=h.ExportButton;exports.ImportButton=w.ImportButton;exports.NewButton=P.NewButton;exports.PrintButton=F.PrintButton;exports.RefreshButton=I.RefreshButton;exports.CheckBoxComponent=V;exports.DatePickerComponent=g;exports.TimePickerComponent=k;exports.ImagePicker=f.default;exports.RadioGroupComponent=W;exports.SelectFieldInReport=D.SelectFieldInReport;exports.SelectComponent=H;exports.TabViewWithRoute=N.TabViewWithRoute;exports.Title=E.Title;exports.NumberTextField=z;exports.TextField=L.default;

package/common/index.d.ts

@@ -17,3 +17,4 @@ export * from './text';
 export * from './text-field';
 export * from './tooltip';
 export * from './wizard';
+export * from './rich';

package/common/index.es.js

@@ -1,76 +1,78 @@
 import { ShowMore as o } from "./show-more/index.es.js";
 import { Text as a } from "./text/index.es.js";
-import { default as p } from "./appearance/Hider.es.js";
-import { default as l } from "./button/CloneButtonTable.es.js";
-import { default as x } from "./button/DeleteButtonTable.es.js";
-import { default as n } from "./button/HideButtonTable.es.js";
-import { default as i } from "./button/UnHideButton.es.js";
-import { default as B } from "./button/UpdateButtonTable.es.js";
-import { default as c } from "./button/ViewButtonTable.es.js";
+import { RichTextEditor as p } from "./rich/index.es.js";
+import { default as l } from "./appearance/Hider.es.js";
+import { default as x } from "./button/CloneButtonTable.es.js";
+import { default as n } from "./button/DeleteButtonTable.es.js";
+import { default as i } from "./button/HideButtonTable.es.js";
+import { default as B } from "./button/UnHideButton.es.js";
+import { default as C } from "./button/UpdateButtonTable.es.js";
+import { default as h } from "./button/ViewButtonTable.es.js";
 import { default as S } from "./description/DescList.es.js";
-import { default as w } from "./layout/VerticalSpace.es.js";
-import { default as P } from "./loading/LoadingIndicator.es.js";
-import { default as k } from "./select/CustomSelectOption.es.js";
-import { default as V } from "./table/table.es.js";
-import { default as D } from "./tag/StatusTag.es.js";
-import { default as W } from "./text-field/PhoneNumberField.es.js";
-import { default as L } from "./tooltip/TooltipComponent.es.js";
-import { default as U } from "./wizard/WizardResult.es.js";
-import { default as E } from "./wizard/WizardViewForm.es.js";
-import { default as M } from "./button/Button.es.js";
-import { ExportButton as j } from "./button/ExportButton.es.js";
-import { ImportButton as v } from "./button/ImportButton.es.js";
-import { NewButton as J } from "./button/NewButton.es.js";
-import { PrintButton as Q } from "./button/PrintButton.es.js";
-import { RefreshButton as Y } from "./button/RefreshButton.es.js";
-import { default as _ } from "./check-box/CheckBox.es.js";
-import { default as ee } from "./date-picker/DatePicker.es.js";
-import { default as oe } from "./date-picker/TimePicker.es.js";
-import { default as ae } from "./picker/ImagePicker.es.js";
-import { default as pe } from "./radio/RadioGroupComponent.es.js";
-import { SelectFieldInReport as le } from "./report/SelectFieldInReport.es.js";
-import { default as xe } from "./select/SelectComponent.es.js";
-import { TabViewWithRoute as ne } from "./tab/TabViewWithRoute.es.js";
-import { Title as ie } from "./text/title/index.es.js";
-import { default as Be } from "./text-field/NumberField.es.js";
-import { default as ce } from "./text-field/TextField.es.js";
-import { default as Se } from "./text-field/TextArea.es.js";
+import { default as F } from "./layout/VerticalSpace.es.js";
+import { default as k } from "./loading/LoadingIndicator.es.js";
+import { default as V } from "./select/CustomSelectOption.es.js";
+import { default as D } from "./table/table.es.js";
+import { default as W } from "./tag/StatusTag.es.js";
+import { default as E } from "./text-field/PhoneNumberField.es.js";
+import { default as N } from "./text-field/TextArea.es.js";
+import { default as A } from "./tooltip/TooltipComponent.es.js";
+import { default as M } from "./wizard/WizardResult.es.js";
+import { default as j } from "./wizard/WizardViewForm.es.js";
+import { default as v } from "./button/Button.es.js";
+import { ExportButton as J } from "./button/ExportButton.es.js";
+import { ImportButton as Q } from "./button/ImportButton.es.js";
+import { NewButton as Y } from "./button/NewButton.es.js";
+import { PrintButton as _ } from "./button/PrintButton.es.js";
+import { RefreshButton as ee } from "./button/RefreshButton.es.js";
+import { default as oe } from "./check-box/CheckBox.es.js";
+import { default as ae } from "./date-picker/DatePicker.es.js";
+import { default as pe } from "./date-picker/TimePicker.es.js";
+import { default as le } from "./picker/ImagePicker.es.js";
+import { default as xe } from "./radio/RadioGroupComponent.es.js";
+import { SelectFieldInReport as ne } from "./report/SelectFieldInReport.es.js";
+import { default as ie } from "./select/SelectComponent.es.js";
+import { TabViewWithRoute as Be } from "./tab/TabViewWithRoute.es.js";
+import { Title as Ce } from "./text/title/index.es.js";
+import { default as he } from "./text-field/NumberField.es.js";
+import { default as Se } from "./text-field/TextField.es.js";
 export {
-  M as ButtonComponent,
-  _ as CheckBoxComponent,
-  l as CloneButtonTable,
-  k as CustomSelectOption,
-  ee as DatePickerComponent,
-  x as DeleteButtonTable,
+  v as ButtonComponent,
+  oe as CheckBoxComponent,
+  x as CloneButtonTable,
+  V as CustomSelectOption,
+  ae as DatePickerComponent,
+  n as DeleteButtonTable,
   S as DescList,
-  j as ExportButton,
-  n as HideButtonTable,
-  p as Hider,
-  ae as ImagePicker,
-  v as ImportButton,
-  P as LoadingIndicator,
-  J as NewButton,
-  Be as NumberTextField,
-  W as PhoneField,
-  Q as PrintButton,
-  pe as RadioGroupComponent,
-  Y as RefreshButton,
-  xe as SelectComponent,
-  le as SelectFieldInReport,
+  J as ExportButton,
+  i as HideButtonTable,
+  l as Hider,
+  le as ImagePicker,
+  Q as ImportButton,
+  k as LoadingIndicator,
+  Y as NewButton,
+  he as NumberTextField,
+  E as PhoneField,
+  _ as PrintButton,
+  xe as RadioGroupComponent,
+  ee as RefreshButton,
+  p as RichTextEditor,
+  ie as SelectComponent,
+  ne as SelectFieldInReport,
   o as ShowMore,
-  D as StatusTag,
-  ne as TabViewWithRoute,
-  V as TableComponent,
+  W as StatusTag,
+  Be as TabViewWithRoute,
+  D as TableComponent,
   a as Text,
-  Se as TextAreaComponent,
-  ce as TextField,
-  oe as TimePickerComponent,
-  ie as Title,
-  L as TooltipComponent,
-  i as UnHideButton,
-  B as UpdateButtonTable,
-  w as VerticalSpace,
-  c as ViewButtonTable,
-  U as WizardResult,
-  E as WizardViewForm
+  N as TextAreaComponent,
+  Se as TextField,
+  pe as TimePickerComponent,
+  Ce as Title,
+  A as TooltipComponent,
+  B as UnHideButton,
+  C as UpdateButtonTable,
+  F as VerticalSpace,
+  h as ViewButtonTable,
+  M as WizardResult,
+  j as WizardViewForm
 };

package/common/rich/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime");;/* empty css                                                      */;/* empty css               */const a=require("antd"),s=require("react"),x=require("../../util/ValidationUtil.cjs.js"),q=s.lazy(async()=>{const{default:t}=await Promise.resolve().then(()=>require("../../_virtual/index.cjs.js")).then(i=>i.index);return{default:i=>l.jsx(t,{...i})}}),g=({name:t,label:i,required:u,rules:c=[],disabled:h})=>{const o=a.Form.useFormInstance(),[d,n]=s.useState(""),f={toolbar:[["bold","italic","underline","strike","blockquote"],[{list:"ordered"},{list:"bullet"}],["link"],["clean"]]},p=["bold","italic","underline","strike","blockquote","list","bullet","link"];s.useEffect(()=>{const e=o.getFieldValue(t);e&&e!=="<p></p>"&&e!=="<p><br></p>"&&n(e)},[o,t]);const r=a.Form.useWatch(t,o);s.useEffect(()=>{r!==d&&n(!r||r==="<p></p>"||r==="<p><br></p>"?"":r)},[r,d]);const b=e=>{n(e);const m=!e||e==="<p></p>"||e.trim()==="<p><br></p>"?void 0:e;o.setFieldValue(t,m),o.validateFields([t]).catch(()=>{})},k=s.useMemo(()=>u?[...c,...x.required(i??"")]:c,[u,c,i]);return l.jsx(a.Form.Item,{name:t,label:i,rules:k,children:l.jsx(s.Suspense,{fallback:l.jsx("div",{children:"Loading editor..."}),children:l.jsx(q,{readOnly:h,value:d,onChange:b,theme:"snow",className:"bg-white dark:!bg-[#141414] dark:text-white dark:!fill-white",modules:f,formats:p})})})};exports.RichTextEditor=g;

package/common/rich/index.d.ts

@@ -0,0 +1,10 @@
+import { Rule } from 'antd/es/form';
+import { FC } from 'react';
+export interface RichTextEditorProps {
+    label?: string;
+    name: string;
+    required?: boolean;
+    rules?: Rule[];
+    disabled?: boolean;
+}
+export declare const RichTextEditor: FC<RichTextEditorProps>;

package/common/rich/index.es.js

@@ -0,0 +1,66 @@
+import { jsx as l } from "react/jsx-runtime";
+/* empty css                                                    */
+/* empty css             */
+import { Form as a } from "antd";
+import V, { useState as g, useEffect as u, useMemo as w, Suspense as F } from "react";
+import x from "../../util/ValidationUtil.es.js";
+const R = V.lazy(async () => {
+  const { default: e } = await import("../../_virtual/index.es.js").then((i) => i.i);
+  return { default: (i) => /* @__PURE__ */ l(e, { ...i }) };
+}), S = ({
+  name: e,
+  label: i,
+  required: d,
+  rules: c = [],
+  disabled: p
+}) => {
+  const r = a.useFormInstance(), [n, s] = g(""), m = {
+    toolbar: [
+      ["bold", "italic", "underline", "strike", "blockquote"],
+      [{ list: "ordered" }, { list: "bullet" }],
+      ["link"],
+      ["clean"]
+    ]
+  }, f = [
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "blockquote",
+    "list",
+    "bullet",
+    "link"
+  ];
+  u(() => {
+    const t = r.getFieldValue(e);
+    t && t !== "<p></p>" && t !== "<p><br></p>" && s(t);
+  }, [r, e]);
+  const o = a.useWatch(e, r);
+  u(() => {
+    o !== n && s(!o || o === "<p></p>" || o === "<p><br></p>" ? "" : o);
+  }, [o, n]);
+  const h = (t) => {
+    s(t);
+    const k = !t || t === "<p></p>" || t.trim() === "<p><br></p>" ? void 0 : t;
+    r.setFieldValue(e, k), r.validateFields([e]).catch(() => {
+    });
+  }, b = w(
+    () => d ? [...c, ...x.required(i ?? "")] : c,
+    [d, c, i]
+  );
+  return /* @__PURE__ */ l(a.Item, { name: e, label: i, rules: b, children: /* @__PURE__ */ l(F, { fallback: /* @__PURE__ */ l("div", { children: "Loading editor..." }), children: /* @__PURE__ */ l(
+    R,
+    {
+      readOnly: p,
+      value: n,
+      onChange: h,
+      theme: "snow",
+      className: "bg-white dark:!bg-[#141414] dark:text-white dark:!fill-white",
+      modules: m,
+      formats: f
+    }
+  ) }) });
+};
+export {
+  S as RichTextEditor
+};

package/crud/CrudComponent.d.ts

@@ -9,6 +9,7 @@ import { ImageCrudField } from './ImageCrudField';
 import { CrudImportProps } from './import/CrudImportComponent';
 import { SelectTagRenderProps } from '../common/select/SelectComponent';
 import { default as IdProps } from '../types/Id';
+import { TextAreaBasedFieldProps } from './CrudTextAreaComponent';
 export type SelectFieldItem = {
     key?: string | number;
     value: string | number;
@@ -121,18 +122,6 @@ export interface TextBasedFieldProps<T> extends InitialCrudField<T> {
     type: "text" | "time" | "email" | "password";
     onChange?: (value: string, form: FormInstance<T>) => void;
 }
-export interface TextAreaBasedFieldProps<T> extends InitialCrudField<T> {
-    placeholder?: string;
-    type: "textarea";
-    rows?: number;
-    cols?: number;
-    /**
-     * number of lines to show. If false will not show truncated
-     * @default 2
-     */
-    truncated?: boolean | number;
-    onChange?: (value: string, form: FormInstance<T>) => void;
-}
 export interface ColorPickerFieldProps<T> extends Omit<InitialCrudField<T>, "placeholder"> {
     type: "color";
     innerProps?: ColorPickerProps;

package/crud/CrudField.cjs.js

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

package/crud/CrudField.d.ts

@@ -1,4 +1,4 @@
 import { ColorPickerFieldProps, CrudFieldProps, SelectCrudField } from './CrudComponent';
-export default function CrudField<T>(props0: CrudFieldProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare function SelectCrudFieldComponent<T>(props: SelectCrudField<T>): import("react/jsx-runtime").JSX.Element;
+export default function CrudField<T>(props0: Readonly<CrudFieldProps<T>>): import("react/jsx-runtime").JSX.Element;
+export declare function SelectCrudFieldComponent<T>(props: Readonly<SelectCrudField<T>>): import("react/jsx-runtime").JSX.Element;
 export declare function ColorCrudFieldComponent<T>(props: ColorPickerFieldProps<T>): import("react/jsx-runtime").JSX.Element;