@arkyn/components 3.0.1-beta.196 → 3.0.1-beta.198

package/dist/components/richText/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/richText/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAEX,aAAa,EACb,MAAM,2BAA2B,CAAC;AAQnC,OAAO,cAAc,CAAC;AAEtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AAEH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAyMrC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/richText/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAEX,aAAa,EACb,MAAM,2BAA2B,CAAC;AAQnC,OAAO,cAAc,CAAC;AAEtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDG;AAEH,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,+BAuMrC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/index.js

@@ -3700,19 +3700,17 @@ function Ir({ children: e }) {
 //#endregion
 //#region src/components/richText/index.tsx
 function Lr(e) {
-	let { name: t, hiddenButtons: n, imageConfig: r, videoConfig: a, className: o = "", defaultValue: d = "[]", enforceCharacterLimit: f = !1, onChangeCharactersCount: h, baseErrorMessage: x, maxLimit: S = 1e4, onChange: C, isError: w, label: T, showAsterisk: D, id: O, orientation: k = "vertical", unShowFieldTemplate: A = !1 } = e, j = c(() => me(ve(pe())), []), { fieldErrors: P } = Z();
-	function F() {
+	let { name: t, hiddenButtons: n, imageConfig: r, videoConfig: a, className: o = "", defaultValue: d = "[]", enforceCharacterLimit: f = !1, onChangeCharactersCount: h, baseErrorMessage: x, maxLimit: S = 1e4, onChange: C, isError: w, label: T, showAsterisk: D, id: O, orientation: k = "vertical", unShowFieldTemplate: A = !1 } = e, j = c(() => me(ve(pe())), []), { fieldErrors: P } = Z(), F = c(() => {
 		try {
 			let e = JSON.parse(d);
-			return !Array.isArray(e) || e.length <= 0 ? br : e.every((e) => typeof e == "object" && !!e && "type" in e && "children" in e) ? e : br;
+			return !Array.isArray(e) || e.length === 0 ? structuredClone(br) : e.every((e) => typeof e == "object" && !!e && "type" in e && "children" in e) ? e : structuredClone(br);
 		} catch {
-			return br;
+			return structuredClone(br);
 		}
-	}
-	let [L, R] = u(gr(F()).length), [z, B] = u(JSON.stringify(F()) || "[]"), [H, U] = u(!1), G = l(null), K = s(), q = O || K, ee = x || P?.[t], J = w || !!ee, te = i(Pr, []), ne = i(Er, []);
+	}, [d]), [L, R] = u(gr(F).length), [z, B] = u(JSON.stringify(F) || "[]"), [H, U] = u(!1), G = l(null), K = s(), q = O || K, ee = x || P?.[t], J = w || !!ee, te = i(Pr, []), ne = i(Er, []);
 	function re(e) {
 		let t = gr(e);
-		R(t.length), h?.(t.length), !(f && t.length >= S) && (B(JSON.stringify(e)), C?.(e), j.children = e, fe.setNodes(j, { children: e }));
+		R(t.length), h?.(t.length), !(f && t.length >= S) && (B(JSON.stringify(e)), C?.(e));
 	}
 	let Y = `arkynRichText ${J || S < L ? "errorTrue" : "errorFalse"} ${H ? "focusTrue" : "focusFalse"}`, ie = S - L;
 	function X(e) {
@@ -3728,7 +3726,7 @@ function Lr(e) {
 		orientation: k,
 		children: /* @__PURE__ */ m(ge, {
 			editor: j,
-			initialValue: F(),
+			initialValue: F,
 			onChange: re,
 			onValueChange: re,
 			children: [

package/dist/modules/components/richText/index.js

@@ -5,140 +5,138 @@ import { toggleMark as r } from "../../services/toggleMark.js";
 import { hotKeys as i, initialValue as a } from "../../templates/richTextTemplates.js";
 import { BlockButton as o } from "./blockButton/index.js";
 import { Element as s } from "./element/index.js";
-import { InsertImage as ee } from "./insertImage/index.js";
-import { InsertVideo as te } from "./insertVideo/index.js";
-import { Leaf as ne } from "./leaf/index.js";
-import { MarkButton as c } from "./markButton/index.js";
-import { Toolbar as l } from "./toolbar/index.js";
+import { InsertImage as c } from "./insertImage/index.js";
+import { InsertVideo as l } from "./insertVideo/index.js";
+import { Leaf as u } from "./leaf/index.js";
+import { MarkButton as d } from "./markButton/index.js";
+import { Toolbar as ee } from "./toolbar/index.js";
 /* empty css       */
-import { useCallback as u, useId as re, useMemo as ie, useRef as ae, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { AlignCenter as oe, AlignJustify as se, AlignLeft as ce, AlignRight as le, Bold as m, Code as h, Heading1 as g, Heading2 as _, Italic as v, Quote as y, Underline as b } from "lucide-react";
-import x from "is-hotkey";
-import { Transforms as S, createEditor as C } from "slate";
-import { withHistory as w } from "slate-history";
-import { Editable as T, Slate as E, withReact as D } from "slate-react";
+import { useCallback as f, useId as te, useMemo as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { AlignCenter as ne, AlignJustify as re, AlignLeft as ie, AlignRight as ae, Bold as oe, Code as se, Heading1 as v, Heading2 as y, Italic as b, Quote as x, Underline as S } from "lucide-react";
+import C from "is-hotkey";
+import { createEditor as w } from "slate";
+import { withHistory as T } from "slate-history";
+import { Editable as E, Slate as D, withReact as O } from "slate-react";
 //#region src/components/richText/index.tsx
-function O(O) {
-	let { name: k, hiddenButtons: A, imageConfig: j, videoConfig: M, className: N = "", defaultValue: P = "[]", enforceCharacterLimit: F = !1, onChangeCharactersCount: I, baseErrorMessage: L, maxLimit: R = 1e4, onChange: z, isError: B, label: V, showAsterisk: H, id: U, orientation: W = "vertical", unShowFieldTemplate: ue = !1 } = O, G = ie(() => w(D(C())), []), { fieldErrors: de } = e();
-	function K() {
+function k(k) {
+	let { name: A, hiddenButtons: j, imageConfig: M, videoConfig: N, className: P = "", defaultValue: F = "[]", enforceCharacterLimit: I = !1, onChangeCharactersCount: L, baseErrorMessage: R, maxLimit: z = 1e4, onChange: B, isError: V, label: ce, showAsterisk: H, id: U, orientation: W = "vertical", unShowFieldTemplate: G = !1 } = k, K = p(() => T(O(w())), []), { fieldErrors: le } = e(), q = p(() => {
 		try {
-			let e = JSON.parse(P);
-			return !Array.isArray(e) || e.length <= 0 ? a : e.every((e) => typeof e == "object" && !!e && "type" in e && "children" in e) ? e : a;
+			let e = JSON.parse(F);
+			return !Array.isArray(e) || e.length === 0 ? structuredClone(a) : e.every((e) => typeof e == "object" && !!e && "type" in e && "children" in e) ? e : structuredClone(a);
 		} catch {
-			return a;
+			return structuredClone(a);
 		}
-	}
-	let [q, fe] = d(n(K()).length), [pe, me] = d(JSON.stringify(K()) || "[]"), [he, J] = d(!1), ge = ae(null), _e = re(), Y = U || _e, X = L || de?.[k], ve = B || !!X, ye = u(ne, []), be = u(s, []);
+	}, [F]), [J, ue] = h(n(q).length), [de, fe] = h(JSON.stringify(q) || "[]"), [pe, Y] = h(!1), me = m(null), he = te(), ge = U || he, X = R || le?.[A], _e = V || !!X, ve = f(u, []), ye = f(s, []);
 	function Z(e) {
 		let t = n(e);
-		fe(t.length), I?.(t.length), !(F && t.length >= R) && (me(JSON.stringify(e)), z?.(e), G.children = e, S.setNodes(G, { children: e }));
+		ue(t.length), L?.(t.length), !(I && t.length >= z) && (fe(JSON.stringify(e)), B?.(e));
 	}
-	let xe = `arkynRichText ${ve || R < q ? "errorTrue" : "errorFalse"} ${he ? "focusTrue" : "focusFalse"}`, Q = R - q;
+	let be = `arkynRichText ${_e || z < J ? "errorTrue" : "errorFalse"} ${pe ? "focusTrue" : "focusFalse"}`, Q = z - J;
 	function $(e) {
-		return !A?.includes(e);
+		return !j?.includes(e);
 	}
-	return /* @__PURE__ */ f(t, {
-		name: k,
-		label: V,
+	return /* @__PURE__ */ g(t, {
+		name: A,
+		label: ce,
 		showAsterisk: H,
-		className: N,
+		className: P,
 		errorMessage: X,
-		unShowFieldTemplate: ue,
+		unShowFieldTemplate: G,
 		orientation: W,
-		children: /* @__PURE__ */ p(E, {
-			editor: G,
-			initialValue: K(),
+		children: /* @__PURE__ */ _(D, {
+			editor: K,
+			initialValue: q,
 			onChange: Z,
 			onValueChange: Z,
 			children: [
-				/* @__PURE__ */ p("div", {
-					className: xe,
+				/* @__PURE__ */ _("div", {
+					className: be,
 					children: [
-						/* @__PURE__ */ p(l, { children: [
-							$("headingOne") && /* @__PURE__ */ f(o, {
+						/* @__PURE__ */ _(ee, { children: [
+							$("headingOne") && /* @__PURE__ */ g(o, {
 								format: "headingOne",
-								icon: g
+								icon: v
 							}),
-							$("headingTwo") && /* @__PURE__ */ f(o, {
+							$("headingTwo") && /* @__PURE__ */ g(o, {
 								format: "headingTwo",
-								icon: _
+								icon: y
 							}),
-							$("blockQuote") && /* @__PURE__ */ f(o, {
+							$("blockQuote") && /* @__PURE__ */ g(o, {
 								format: "blockQuote",
-								icon: y
+								icon: x
 							}),
-							$("bold") && /* @__PURE__ */ f(c, {
+							$("bold") && /* @__PURE__ */ g(d, {
 								format: "bold",
-								icon: m
+								icon: oe
 							}),
-							$("italic") && /* @__PURE__ */ f(c, {
+							$("italic") && /* @__PURE__ */ g(d, {
 								format: "italic",
-								icon: v
+								icon: b
 							}),
-							$("underline") && /* @__PURE__ */ f(c, {
+							$("underline") && /* @__PURE__ */ g(d, {
 								format: "underline",
-								icon: b
+								icon: S
 							}),
-							$("code") && /* @__PURE__ */ f(c, {
+							$("code") && /* @__PURE__ */ g(d, {
 								format: "code",
-								icon: h
+								icon: se
 							}),
-							$("left") && /* @__PURE__ */ f(o, {
+							$("left") && /* @__PURE__ */ g(o, {
 								format: "left",
-								icon: ce
+								icon: ie
 							}),
-							$("right") && /* @__PURE__ */ f(o, {
+							$("right") && /* @__PURE__ */ g(o, {
 								format: "right",
-								icon: le
+								icon: ae
 							}),
-							$("center") && /* @__PURE__ */ f(o, {
+							$("center") && /* @__PURE__ */ g(o, {
 								format: "center",
-								icon: oe
+								icon: ne
 							}),
-							$("justify") && /* @__PURE__ */ f(o, {
+							$("justify") && /* @__PURE__ */ g(o, {
 								format: "justify",
-								icon: se
+								icon: re
 							}),
-							j && $("image") && /* @__PURE__ */ f(ee, { ...j }),
-							$("video") && /* @__PURE__ */ f(te, { ...M })
+							M && $("image") && /* @__PURE__ */ g(c, { ...M }),
+							$("video") && /* @__PURE__ */ g(l, { ...N })
 						] }),
-						/* @__PURE__ */ f(T, {
+						/* @__PURE__ */ g(E, {
 							className: "editorContainer",
-							renderElement: be,
-							renderLeaf: ye,
+							renderElement: ye,
+							renderLeaf: ve,
 							spellCheck: !0,
-							ref: ge,
-							id: Y,
-							onFocus: () => J(!0),
-							onBlur: () => J(!1),
+							ref: me,
+							id: ge,
+							onFocus: () => Y(!0),
+							onBlur: () => Y(!1),
 							onKeyDown: (e) => {
-								for (let t in i) if (x(t, e)) {
+								for (let t in i) if (C(t, e)) {
 									e.preventDefault();
 									let n = i[t];
-									r(G, n);
+									r(K, n);
 								}
 							}
 						}),
-						Q < 0 && /* @__PURE__ */ f("div", {
+						Q < 0 && /* @__PURE__ */ g("div", {
 							className: "restatesCharacters",
 							children: Q
 						})
 					]
 				}),
-				/* @__PURE__ */ f("input", {
+				/* @__PURE__ */ g("input", {
 					type: "hidden",
-					name: k,
-					value: pe.slice(0, R)
+					name: A,
+					value: de.slice(0, z)
 				}),
-				/* @__PURE__ */ f("input", {
+				/* @__PURE__ */ g("input", {
 					type: "hidden",
-					name: `${k}Count`,
-					value: q
+					name: `${A}Count`,
+					value: J
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { O as RichText };
+export { k as RichText };