@kingteza/crud-component 1.0.47 → 1.0.49

package/common/rich/index.cjs.js

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.0.47",
+  "version": "1.0.49",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",