@orangesix/react 2.3.1 → 2.4.0

package/editor/core/text/index.esm.js

@@ -1,43 +1,36 @@
-import { jsxs as n, Fragment as t, jsx as i } from "react/jsx-runtime";
-const s = ({ editor: e, active: a }) => a && /* @__PURE__ */ n(t, { children: [
-  /* @__PURE__ */ i(
-    "a",
-    {
-      className: "editor-menu-item" + (e.isActive("heading", { level: 1 }) ? " active" : ""),
-      href: "#",
-      style: { fontSize: ".975em" },
-      onClick: (l) => {
-        l.preventDefault(), e.chain().focus().toggleHeading({ level: 1 }).run();
-      },
-      children: /* @__PURE__ */ i("i", { className: "bi bi-type-h1" })
-    }
-  ),
-  /* @__PURE__ */ i(
-    "a",
-    {
-      className: "editor-menu-item" + (e.isActive("heading", { level: 2 }) ? " active" : ""),
-      href: "#",
-      style: { fontSize: ".975em" },
-      onClick: (l) => {
-        l.preventDefault(), e.chain().focus().toggleHeading({ level: 2 }).run();
-      },
-      children: /* @__PURE__ */ i("i", { className: "bi bi-type-h2" })
-    }
-  ),
-  /* @__PURE__ */ i(
-    "a",
-    {
-      className: "editor-menu-item" + (e.isActive("heading", { level: 3 }) ? " active" : ""),
-      href: "#",
-      style: { fontSize: ".975em" },
-      onClick: (l) => {
-        l.preventDefault(), e.chain().focus().toggleHeading({ level: 3 }).run();
-      },
-      children: /* @__PURE__ */ i("i", { className: "bi bi-type-h3" })
-    }
-  )
+import "react";
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/editor/core/text.tsx
+var r = ({ editor: r, active: i }) => i && /* @__PURE__ */ n(e, { children: [
+	/* @__PURE__ */ t("a", {
+		className: "editor-menu-item" + (r.isActive("heading", { level: 1 }) ? " active" : ""),
+		href: "#",
+		style: { fontSize: ".975em" },
+		onClick: (e) => {
+			e.preventDefault(), r.chain().focus().toggleHeading({ level: 1 }).run();
+		},
+		children: /* @__PURE__ */ t("i", { className: "bi bi-type-h1" })
+	}),
+	/* @__PURE__ */ t("a", {
+		className: "editor-menu-item" + (r.isActive("heading", { level: 2 }) ? " active" : ""),
+		href: "#",
+		style: { fontSize: ".975em" },
+		onClick: (e) => {
+			e.preventDefault(), r.chain().focus().toggleHeading({ level: 2 }).run();
+		},
+		children: /* @__PURE__ */ t("i", { className: "bi bi-type-h2" })
+	}),
+	/* @__PURE__ */ t("a", {
+		className: "editor-menu-item" + (r.isActive("heading", { level: 3 }) ? " active" : ""),
+		href: "#",
+		style: { fontSize: ".975em" },
+		onClick: (e) => {
+			e.preventDefault(), r.chain().focus().toggleHeading({ level: 3 }).run();
+		},
+		children: /* @__PURE__ */ t("i", { className: "bi bi-type-h3" })
+	})
 ] });
-export {
-  s as Text
-};
-//# sourceMappingURL=index.esm.js.map
+//#endregion
+export { r as Text };
+
+//# sourceMappingURL=index.esm.js.map

package/editor/core/text/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/editor/core/text.tsx"],"sourcesContent":["import React from \"react\";\nimport { EditorCoreProps } from \"..\";\n\n/**\n * Core - `Text`\n * Extensão para formatar o texto com tamanho específico\n */\nexport const Text = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\n\n    return active && (\n        <>\n            <a className={\"editor-menu-item\" + (editor.isActive(\"heading\", { level: 1 }) ? \" active\" : \"\")}\n               href=\"#\"\n               style={{ fontSize: \".975em\" }}\n               onClick={event => {\n                   event.preventDefault();\n                   editor.chain().focus().toggleHeading({ level: 1 }).run();\n               }}><i className=\"bi bi-type-h1\"/></a>\n            <a className={\"editor-menu-item\" + (editor.isActive(\"heading\", { level: 2 }) ? \" active\" : \"\")}\n               href=\"#\"\n               style={{ fontSize: \".975em\" }}\n               onClick={event => {\n                   event.preventDefault();\n                   editor.chain().focus().toggleHeading({ level: 2 }).run();\n               }}><i className=\"bi bi-type-h2\"/></a>\n            <a className={\"editor-menu-item\" + (editor.isActive(\"heading\", { level: 3 }) ? \" active\" : \"\")}\n               href=\"#\"\n               style={{ fontSize: \".975em\" }}\n               onClick={event => {\n                   event.preventDefault();\n                   editor.chain().focus().toggleHeading({ level: 3 }).run();\n               }}><i className=\"bi bi-type-h3\"/></a>\n        </>\n    );\n};"],"names":["Text","editor","active","jsxs","Fragment","jsx","event"],"mappings":";AAOO,MAAMA,IAAO,CAAC,EAAE,QAAAC,GAAQ,QAAAC,QAEpBA,KACH,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAAE,WAAW,sBAAsBJ,EAAO,SAAS,WAAW,EAAE,OAAO,EAAA,CAAG,IAAI,YAAY;AAAA,MACxF,MAAK;AAAA,MACL,OAAO,EAAE,UAAU,SAAA;AAAA,MACnB,SAAS,CAAAK,MAAS;AACd,QAAAA,EAAM,eAAA,GACNL,EAAO,QAAQ,QAAQ,cAAc,EAAE,OAAO,GAAG,EAAE,IAAA;AAAA,MACvD;AAAA,MAAG,UAAA,gBAAAI,EAAC,KAAA,EAAE,WAAU,gBAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAAA,EAClC,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAAE,WAAW,sBAAsBJ,EAAO,SAAS,WAAW,EAAE,OAAO,EAAA,CAAG,IAAI,YAAY;AAAA,MACxF,MAAK;AAAA,MACL,OAAO,EAAE,UAAU,SAAA;AAAA,MACnB,SAAS,CAAAK,MAAS;AACd,QAAAA,EAAM,eAAA,GACNL,EAAO,QAAQ,QAAQ,cAAc,EAAE,OAAO,GAAG,EAAE,IAAA;AAAA,MACvD;AAAA,MAAG,UAAA,gBAAAI,EAAC,KAAA,EAAE,WAAU,gBAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAAA,EAClC,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MAAE,WAAW,sBAAsBJ,EAAO,SAAS,WAAW,EAAE,OAAO,EAAA,CAAG,IAAI,YAAY;AAAA,MACxF,MAAK;AAAA,MACL,OAAO,EAAE,UAAU,SAAA;AAAA,MACnB,SAAS,CAAAK,MAAS;AACd,QAAAA,EAAM,eAAA,GACNL,EAAO,QAAQ,QAAQ,cAAc,EAAE,OAAO,GAAG,EAAE,IAAA;AAAA,MACvD;AAAA,MAAG,UAAA,gBAAAI,EAAC,KAAA,EAAE,WAAU,gBAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAAE,GACxC;"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/editor/core/text.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { EditorCoreProps } from \"..\";\r\n\r\n/**\r\n * Core - `Text`\r\n * Extensão para formatar o texto com tamanho específico\r\n */\r\nexport const Text = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n\r\n    return active && (\r\n        <>\r\n            <a className={\"editor-menu-item\" + (editor.isActive(\"heading\", { level: 1 }) ? \" active\" : \"\")}\r\n                href=\"#\"\r\n                style={{ fontSize: \".975em\" }}\r\n                onClick={event => {\r\n                    event.preventDefault();\r\n                    editor.chain().focus().toggleHeading({ level: 1 }).run();\r\n                }}><i className=\"bi bi-type-h1\"/></a>\r\n            <a className={\"editor-menu-item\" + (editor.isActive(\"heading\", { level: 2 }) ? \" active\" : \"\")}\r\n                href=\"#\"\r\n                style={{ fontSize: \".975em\" }}\r\n                onClick={event => {\r\n                    event.preventDefault();\r\n                    editor.chain().focus().toggleHeading({ level: 2 }).run();\r\n                }}><i className=\"bi bi-type-h2\"/></a>\r\n            <a className={\"editor-menu-item\" + (editor.isActive(\"heading\", { level: 3 }) ? \" active\" : \"\")}\r\n                href=\"#\"\r\n                style={{ fontSize: \".975em\" }}\r\n                onClick={event => {\r\n                    event.preventDefault();\r\n                    editor.chain().focus().toggleHeading({ level: 3 }).run();\r\n                }}><i className=\"bi bi-type-h3\"/></a>\r\n        </>\r\n    );\r\n};"],"mappings":";;;AAOA,IAAa,KAAQ,EAAE,WAAQ,gBAEpB,KACH,kBAAA,GAAA,EAAA,UAAA;CACI,kBAAC,KAAD;EAAG,WAAW,sBAAsB,EAAO,SAAS,WAAW,EAAE,OAAO,EAAE,CAAC,IAAI,YAAY;EACvF,MAAK;EACL,OAAO,EAAE,UAAU,SAAS;EAC5B,UAAS,MAAS;GAEd,AADA,EAAM,eAAe,GACrB,EAAO,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI;EAC3D;YAAG,kBAAC,KAAD,EAAG,WAAU,gBAAgB,CAAA;CAAI,CAAA;CACxC,kBAAC,KAAD;EAAG,WAAW,sBAAsB,EAAO,SAAS,WAAW,EAAE,OAAO,EAAE,CAAC,IAAI,YAAY;EACvF,MAAK;EACL,OAAO,EAAE,UAAU,SAAS;EAC5B,UAAS,MAAS;GAEd,AADA,EAAM,eAAe,GACrB,EAAO,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI;EAC3D;YAAG,kBAAC,KAAD,EAAG,WAAU,gBAAgB,CAAA;CAAI,CAAA;CACxC,kBAAC,KAAD;EAAG,WAAW,sBAAsB,EAAO,SAAS,WAAW,EAAE,OAAO,EAAE,CAAC,IAAI,YAAY;EACvF,MAAK;EACL,OAAO,EAAE,UAAU,SAAS;EAC5B,UAAS,MAAS;GAEd,AADA,EAAM,eAAe,GACrB,EAAO,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI;EAC3D;YAAG,kBAAC,KAAD,EAAG,WAAU,gBAAgB,CAAA;CAAI,CAAA;AAC1C,EAAA,CAAA"}

package/editor/core/underline/index.esm.js

@@ -1,16 +1,15 @@
-import { jsx as n } from "react/jsx-runtime";
-const l = ({ editor: e, active: i }) => i && /* @__PURE__ */ n(
-  "a",
-  {
-    className: "editor-menu-item" + (e.isActive("underline") ? " active" : ""),
-    href: "#",
-    onClick: (r) => {
-      r.preventDefault(), e.chain().focus().toggleUnderline().run();
-    },
-    children: /* @__PURE__ */ n("i", { className: "bi bi-type-underline" })
-  }
-);
-export {
-  l as Underline
-};
-//# sourceMappingURL=index.esm.js.map
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+//#region src/editor/core/underline.tsx
+var t = ({ editor: t, active: n }) => n && /* @__PURE__ */ e("a", {
+	className: "editor-menu-item" + (t.isActive("underline") ? " active" : ""),
+	href: "#",
+	onClick: (e) => {
+		e.preventDefault(), t.chain().focus().toggleUnderline().run();
+	},
+	children: /* @__PURE__ */ e("i", { className: "bi bi-type-underline" })
+});
+//#endregion
+export { t as Underline };
+
+//# sourceMappingURL=index.esm.js.map

package/editor/core/underline/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../../src/editor/core/underline.tsx"],"sourcesContent":["import React from \"react\";\nimport { EditorCoreProps } from \"..\";\n\n/**\n * Core - `Underline`\n * Extensão para renderizar texto em underline text\n */\nexport const Underline = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\n    return active && (\n        <a className={\"editor-menu-item\" + (editor.isActive(\"underline\") ? \" active\" : \"\")}\n           href=\"#\"\n           onClick={event => {\n               event.preventDefault();\n               editor.chain().focus().toggleUnderline().run();\n           }}><i className=\"bi bi-type-underline\"/></a>\n    );\n};"],"names":["Underline","editor","active","jsx","event"],"mappings":";AAOO,MAAMA,IAAY,CAAC,EAAE,QAAAC,GAAQ,QAAAC,QACzBA,KACH,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IAAE,WAAW,sBAAsBF,EAAO,SAAS,WAAW,IAAI,YAAY;AAAA,IAC5E,MAAK;AAAA,IACL,SAAS,CAAAG,MAAS;AACd,MAAAA,EAAM,eAAA,GACNH,EAAO,QAAQ,MAAA,EAAQ,gBAAA,EAAkB,IAAA;AAAA,IAC7C;AAAA,IAAG,UAAA,gBAAAE,EAAC,KAAA,EAAE,WAAU,uBAAA,CAAsB;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/editor/core/underline.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { EditorCoreProps } from \"..\";\r\n\r\n/**\r\n * Core - `Underline`\r\n * Extensão para renderizar texto em underline text\r\n */\r\nexport const Underline = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"underline\") ? \" active\" : \"\")}\r\n            href=\"#\"\r\n            onClick={event => {\r\n                event.preventDefault();\r\n                editor.chain().focus().toggleUnderline().run();\r\n            }}><i className=\"bi bi-type-underline\"/></a>\r\n    );\r\n};"],"mappings":";;;AAOA,IAAa,KAAa,EAAE,WAAQ,gBACzB,KACH,kBAAC,KAAD;CAAG,WAAW,sBAAsB,EAAO,SAAS,WAAW,IAAI,YAAY;CAC3E,MAAK;CACL,UAAS,MAAS;EAEd,AADA,EAAM,eAAe,GACrB,EAAO,MAAM,EAAE,MAAM,EAAE,gBAAgB,EAAE,IAAI;CACjD;WAAG,kBAAC,KAAD,EAAG,WAAU,uBAAuB,CAAA;AAAI,CAAA"}

package/editor/editor/index.esm.js

@@ -1,80 +1,70 @@
-import { jsxs as m, jsx as i } from "react/jsx-runtime";
-import { Box as l } from "../../box/box/index.esm.js";
-import { EditorMenu as d } from "../core/index/index.esm.js";
-import s from "@tiptap/extension-link";
-import c from "@tiptap/extension-image";
+import { Box as e } from "../../box/box/index.esm.js";
+import "../../box/index.esm.js";
+import { InputFeedback as t, InputLabel as n } from "../../api/input/index.esm.js";
+import "../../api/index.esm.js";
+import { EditorMenu as r } from "../core/index/index.esm.js";
+import { editorBasic as i, editorFull as a } from "../const/index.esm.js";
+import { useEffect as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import u from "@tiptap/extension-link";
+import d from "@tiptap/extension-image";
 import f from "@tiptap/starter-kit";
-import { Color as u } from "@tiptap/extension-color";
-import { editorBasic as b, editorFull as g } from "../const/index.esm.js";
-import { InputLabel as h, InputFeedback as x } from "../../api/input/index.esm.js";
-import { useState as E, useEffect as v } from "react";
-import N from "@tiptap/extension-underline";
-import B from "@tiptap/extension-highlight";
-import { TextStyle as C } from "@tiptap/extension-text-style";
-import { useEditor as H, EditorContent as L } from "@tiptap/react";
-const y = ({ options: o = "basic", iconPrefix: z = "bi bi-", ...e }) => {
-  const [n, a] = E(!1), t = H({
-    extensions: [
-      f,
-      N,
-      B,
-      u,
-      C,
-      s.configure({
-        validate: (r) => /^https?:\/\//.test(r),
-        HTMLAttributes: {
-          rel: ""
-        }
-      }),
-      c.configure({
-        allowBase64: !0
-      })
-    ],
-    editable: !e.disabled,
-    content: e.value ?? "",
-    onFocus: () => a(!0),
-    onBlur: () => a(!1),
-    onUpdate: ({ editor: r }) => {
-      e.onChange(r.getHTML());
-    }
-  });
-  return t ? (v(() => {
-    t && !n && t?.commands.setContent(e.value);
-  }, [e.value]), /* @__PURE__ */ m(
-    l,
-    {
-      className: e.className,
-      css: e.css,
-      size: e.size ?? "100",
-      children: [
-        /* @__PURE__ */ i(h, { ...e }),
-        /* @__PURE__ */ m("div", { className: "editor-container", children: [
-          !e.disabled && /* @__PURE__ */ i(
-            d,
-            {
-              editor: t,
-              options: o === "basic" ? b : o === "full" ? g : o
-            }
-          ),
-          /* @__PURE__ */ i(
-            L,
-            {
-              className: "editor",
-              disabled: e.disabled,
-              editor: t,
-              id: e.id,
-              name: e.name,
-              style: { minHeight: (e.height ?? 100) + "px" }
-            }
-          )
-        ] }),
-        /* @__PURE__ */ i(x, { ...e })
-      ]
-    }
-  )) : (console.error("Não foi possível realizar o carregamento do editor de texto."), null);
+import { Color as p } from "@tiptap/extension-color";
+import m from "@tiptap/extension-underline";
+import h from "@tiptap/extension-highlight";
+import { TextStyle as g } from "@tiptap/extension-text-style";
+import { EditorContent as _, useEditor as v } from "@tiptap/react";
+//#region src/editor/editor.tsx
+var y = ({ options: y = "basic", iconPrefix: b = "bi bi-", ...x }) => {
+	let [S, C] = s(!1), w = v({
+		extensions: [
+			f,
+			m,
+			h,
+			p,
+			g,
+			u.configure({
+				validate: (e) => /^https?:\/\//.test(e),
+				HTMLAttributes: { rel: "" }
+			}),
+			d.configure({ allowBase64: !0 })
+		],
+		editable: !x.disabled,
+		content: x.value ?? "",
+		onFocus: () => C(!0),
+		onBlur: () => C(!1),
+		onUpdate: ({ editor: e }) => {
+			x.onChange(e.getHTML());
+		}
+	});
+	return w ? (o(() => {
+		w && !S && w?.commands.setContent(x.value);
+	}, [x.value]), /* @__PURE__ */ l(e, {
+		className: x.className,
+		css: x.css,
+		size: x.size ?? "100",
+		children: [
+			/* @__PURE__ */ c(n, { ...x }),
+			/* @__PURE__ */ l("div", {
+				className: "editor-container",
+				children: [!x.disabled && /* @__PURE__ */ c(r, {
+					editor: w,
+					options: y === "basic" ? i : y === "full" ? a : y
+				}), /* @__PURE__ */ c(_, {
+					className: "editor",
+					disabled: x.disabled,
+					editor: w,
+					id: x.id,
+					name: x.name,
+					style: { minHeight: (x.height ?? 100) + "px" }
+				})]
+			}),
+			/* @__PURE__ */ c(t, { ...x })
+		]
+	})) : (console.error("Não foi possível realizar o carregamento do editor de texto."), null);
 };
 y.displayName = "Editor";
-export {
-  y as Editor
-};
-//# sourceMappingURL=index.esm.js.map
+//#endregion
+export { y as Editor };
+
+//# sourceMappingURL=index.esm.js.map

package/editor/editor/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../src/editor/editor.tsx"],"sourcesContent":["import { Box } from \"../box\";\nimport { EditorProps } from \".\";\nimport { EditorMenu } from \"./core\";\nimport Link from \"@tiptap/extension-link\";\nimport Image from \"@tiptap/extension-image\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport { Color } from \"@tiptap/extension-color\";\nimport { editorBasic, editorFull } from \"./const\";\nimport { InputFeedback, InputLabel } from \"../api\";\nimport React, { useEffect, useState } from \"react\";\nimport Underline from \"@tiptap/extension-underline\";\nimport Highlight from \"@tiptap/extension-highlight\";\nimport { TextStyle } from \"@tiptap/extension-text-style\";\nimport { EditorContent as EditorTipTap, useEditor } from \"@tiptap/react\";\n\n/**\n * Componente - `Editor`\n *\n * Um componente versátil que pode ser utilizado para criar container de edição de texto.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport const Editor = ({ options = \"basic\", iconPrefix = \"bi bi-\", ...props }: EditorProps) => {\n    const [edition, setEdition] = useState(false);\n    const editor = useEditor({\n        extensions: [\n            StarterKit,\n            Underline,\n            Highlight,\n            Color,\n            TextStyle,\n            Link.configure({\n                validate: (href) => /^https?:\\/\\//.test(href),\n                HTMLAttributes: {\n                    rel: \"\"\n                }\n            }),\n            Image.configure({\n                allowBase64: true\n            })\n        ],\n        editable: !props.disabled,\n        content: props.value ?? \"\",\n        onFocus: () => setEdition(true),\n        onBlur: () => setEdition(false),\n        onUpdate: ({ editor }) => {\n            props.onChange(editor.getHTML());\n        }\n    });\n\n    if (!editor) {\n        console.error(\"Não foi possível realizar o carregamento do editor de texto.\");\n        return null;\n    }\n\n    useEffect(() => {\n        if (editor && !edition) {\n            editor?.commands.setContent(props.value);\n        }\n    }, [props.value]);\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Box className={props.className}\n             css={props.css}\n             size={props.size ?? \"100\"}>\n            <InputLabel {...props}/>\n            <div className=\"editor-container\">\n                {!props.disabled\n                    && <EditorMenu editor={editor}\n                                   options={options === \"basic\" ? editorBasic : options === \"full\" ? editorFull : options}/>}\n                <EditorTipTap className=\"editor\"\n                              disabled={props.disabled}\n                              editor={editor}\n                              id={props.id}\n                              name={props.name}\n                              style={{ minHeight: (props.height ?? 100) + \"px\" }}/>\n            </div>\n            <InputFeedback {...props}/>\n        </Box>\n    );\n};\nEditor.displayName = \"Editor\";"],"names":["Editor","options","iconPrefix","props","edition","setEdition","useState","editor","useEditor","StarterKit","Underline","Highlight","Color","TextStyle","Link","href","Image","useEffect","jsxs","Box","jsx","InputLabel","EditorMenu","editorBasic","editorFull","EditorTipTap","InputFeedback"],"mappings":";;;;;;;;;;;;;;AAqBO,MAAMA,IAAS,CAAC,EAAE,SAAAC,IAAU,SAAS,YAAAC,IAAa,UAAU,GAAGC,QAAyB;AAC3F,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GACtCC,IAASC,EAAU;AAAA,IACrB,YAAY;AAAA,MACRC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC,EAAK,UAAU;AAAA,QACX,UAAU,CAACC,MAAS,eAAe,KAAKA,CAAI;AAAA,QAC5C,gBAAgB;AAAA,UACZ,KAAK;AAAA,QAAA;AAAA,MACT,CACH;AAAA,MACDC,EAAM,UAAU;AAAA,QACZ,aAAa;AAAA,MAAA,CAChB;AAAA,IAAA;AAAA,IAEL,UAAU,CAACb,EAAM;AAAA,IACjB,SAASA,EAAM,SAAS;AAAA,IACxB,SAAS,MAAME,EAAW,EAAI;AAAA,IAC9B,QAAQ,MAAMA,EAAW,EAAK;AAAA,IAC9B,UAAU,CAAC,EAAE,QAAAE,QAAa;AACtB,MAAAJ,EAAM,SAASI,EAAO,SAAS;AAAA,IACnC;AAAA,EAAA,CACH;AAED,SAAKA,KAKLU,EAAU,MAAM;AACZ,IAAIV,KAAU,CAACH,KACXG,GAAQ,SAAS,WAAWJ,EAAM,KAAK;AAAA,EAE/C,GAAG,CAACA,EAAM,KAAK,CAAC,GAQZ,gBAAAe;AAAA,IAACC;AAAA,IAAA;AAAA,MAAI,WAAWhB,EAAM;AAAA,MACjB,KAAKA,EAAM;AAAA,MACX,MAAMA,EAAM,QAAQ;AAAA,MACrB,UAAA;AAAA,QAAA,gBAAAiB,EAACC,GAAA,EAAY,GAAGlB,GAAM;AAAA,QACtB,gBAAAe,EAAC,OAAA,EAAI,WAAU,oBACV,UAAA;AAAA,UAAA,CAACf,EAAM,YACD,gBAAAiB;AAAA,YAACE;AAAA,YAAA;AAAA,cAAW,QAAAf;AAAA,cACA,SAASN,MAAY,UAAUsB,IAActB,MAAY,SAASuB,IAAavB;AAAA,YAAA;AAAA,UAAA;AAAA,UAClG,gBAAAmB;AAAA,YAACK;AAAAA,YAAA;AAAA,cAAa,WAAU;AAAA,cACV,UAAUtB,EAAM;AAAA,cAChB,QAAAI;AAAA,cACA,IAAIJ,EAAM;AAAA,cACV,MAAMA,EAAM;AAAA,cACZ,OAAO,EAAE,YAAYA,EAAM,UAAU,OAAO,KAAA;AAAA,YAAK;AAAA,UAAA;AAAA,QAAE,GACrE;AAAA,QACA,gBAAAiB,EAACM,GAAA,EAAe,GAAGvB,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,MA/B7B,QAAQ,MAAM,8DAA8D,GACrE;AAiCf;AACAH,EAAO,cAAc;"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/editor/editor.tsx"],"sourcesContent":["import { Box } from \"../box\";\r\nimport { EditorProps } from \".\";\r\nimport { EditorMenu } from \"./core\";\r\nimport Link from \"@tiptap/extension-link\";\r\nimport Image from \"@tiptap/extension-image\";\r\nimport StarterKit from \"@tiptap/starter-kit\";\r\nimport { Color } from \"@tiptap/extension-color\";\r\nimport { editorBasic, editorFull } from \"./const\";\r\nimport { InputFeedback, InputLabel } from \"../api\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport Underline from \"@tiptap/extension-underline\";\r\nimport Highlight from \"@tiptap/extension-highlight\";\r\nimport { TextStyle } from \"@tiptap/extension-text-style\";\r\nimport { EditorContent as EditorTipTap, useEditor } from \"@tiptap/react\";\r\n\r\n/**\r\n * Componente - `Editor`\r\n *\r\n * Um componente versátil que pode ser utilizado para criar container de edição de texto.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const Editor = ({ options = \"basic\", iconPrefix = \"bi bi-\", ...props }: EditorProps) => {\r\n    const [edition, setEdition] = useState(false);\r\n    const editor = useEditor({\r\n        extensions: [\r\n            StarterKit,\r\n            Underline,\r\n            Highlight,\r\n            Color,\r\n            TextStyle,\r\n            Link.configure({\r\n                validate: (href) => /^https?:\\/\\//.test(href),\r\n                HTMLAttributes: {\r\n                    rel: \"\"\r\n                }\r\n            }),\r\n            Image.configure({\r\n                allowBase64: true\r\n            })\r\n        ],\r\n        editable: !props.disabled,\r\n        content: props.value ?? \"\",\r\n        onFocus: () => setEdition(true),\r\n        onBlur: () => setEdition(false),\r\n        onUpdate: ({ editor }) => {\r\n            props.onChange(editor.getHTML());\r\n        }\r\n    });\r\n\r\n    if (!editor) {\r\n        console.error(\"Não foi possível realizar o carregamento do editor de texto.\");\r\n        return null;\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (editor && !edition) {\r\n            editor?.commands.setContent(props.value);\r\n        }\r\n    }, [props.value]);\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Box className={props.className}\r\n            css={props.css}\r\n            size={props.size ?? \"100\"}>\r\n            <InputLabel {...props}/>\r\n            <div className=\"editor-container\">\r\n                {!props.disabled\r\n                    && <EditorMenu\r\n                        editor={editor}\r\n                        options={options === \"basic\" ? editorBasic : options === \"full\" ? editorFull : options}/>}\r\n                <EditorTipTap\r\n                    className=\"editor\"\r\n                    disabled={props.disabled}\r\n                    editor={editor}\r\n                    id={props.id}\r\n                    name={props.name}\r\n                    style={{ minHeight: (props.height ?? 100) + \"px\" }}/>\r\n            </div>\r\n            <InputFeedback {...props}/>\r\n        </Box>\r\n    );\r\n};\r\nEditor.displayName = \"Editor\";"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,IAAa,KAAU,EAAE,aAAU,SAAS,gBAAa,UAAU,GAAG,QAAyB;CAC3F,IAAM,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,IAAS,EAAU;EACrB,YAAY;GACR;GACA;GACA;GACA;GACA;GACA,EAAK,UAAU;IACX,WAAW,MAAS,eAAe,KAAK,CAAI;IAC5C,gBAAgB,EACZ,KAAK,GACT;GACJ,CAAC;GACD,EAAM,UAAU,EACZ,aAAa,GACjB,CAAC;EACL;EACA,UAAU,CAAC,EAAM;EACjB,SAAS,EAAM,SAAS;EACxB,eAAe,EAAW,EAAI;EAC9B,cAAc,EAAW,EAAK;EAC9B,WAAW,EAAE,gBAAa;GACtB,EAAM,SAAS,EAAO,QAAQ,CAAC;EACnC;CACJ,CAAC;CAkBD,OAhBK,KAKL,QAAgB;EACZ,AAAI,KAAU,CAAC,KACX,GAAQ,SAAS,WAAW,EAAM,KAAK;CAE/C,GAAG,CAAC,EAAM,KAAK,CAAC,GAQZ,kBAAC,GAAD;EAAK,WAAW,EAAM;EAClB,KAAK,EAAM;EACX,MAAM,EAAM,QAAQ;YAFxB;GAGI,kBAAC,GAAD,EAAY,GAAI,EAAO,CAAA;GACvB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACK,CAAC,EAAM,YACD,kBAAC,GAAD;KACS;KACR,SAAS,MAAY,UAAU,IAAc,MAAY,SAAS,IAAa;IAAS,CAAA,GAChG,kBAAC,GAAD;KACI,WAAU;KACV,UAAU,EAAM;KACR;KACR,IAAI,EAAM;KACV,MAAM,EAAM;KACZ,OAAO,EAAE,YAAY,EAAM,UAAU,OAAO,KAAK;IAAG,CAAA,CACvD;;GACL,kBAAC,GAAD,EAAe,GAAI,EAAO,CAAA;EACzB;QAlCL,QAAQ,MAAM,8DAA8D,GACrE;AAmCf;AACA,EAAO,cAAc"}

package/editor/index.esm.js

@@ -1,5 +1,2 @@
-import { Editor as t } from "./editor/index.esm.js";
-export {
-  t as Editor
-};
-//# sourceMappingURL=index.esm.js.map
+import { Editor as e } from "./editor/index.esm.js";
+export { e as Editor };

package/input/@types/index.d.ts

@@ -1,111 +1,113 @@
 import { PasswordProps } from 'primereact/password';
 import { default as React, HTMLInputTypeAttribute } from 'react';
 import { ApiComponentProps, ApiFieldModeProps, ApiFieldHookFormProps, ApiFieldComponentProps, ApiFieldControlledProps } from '../../api';
-interface InputMaskProps {
-    /**
-     * Define mascara no campo de dados
-     */
-    mask?: string | "cpf" | "cnpj"
-
-    /**
-     * Define se campo vai ser limpo se mascara tiver imcompleta
-     */
-    maskAutoClear?: boolean
-}
-
-interface InputPasswordProps {
-    /**
-     * Define se vai ou não mostra o botão para exibir a senha
-     */
-    passwordShow?: boolean
-
-    /**
-     * Define se vai ou não mostra a legenda da senha
-     */
-    passwordFeedback?: boolean
-
-    /**
-     * Define o template do cabeçalho do password
-     */
-    passwordHeaderTemplate?: (props: PasswordProps) => React.ReactNode
-
-    /**
-     * Define o template do Rodapé do password
-     */
-    passwordFooterTemplate?: (props: PasswordProps) => React.ReactNode
-
-    /**
-     * Define o template do password
-     */
-    passwordTemplate?: (props: PasswordProps) => React.ReactNode
-}
-
-interface InputNumberProps {
-
-    /**
-     * Define o tamanho mínimo para input do tipo 'Number'
-     */
-    numberMin?: number
-
-    /**
-     * Define o tamanho máximo para input do tipo 'Number'
-     */
-    numberMax?: number
-
-    /**
-     * Define o modo para input do tipo 'Number'
-     */
-    numberMode?: "decimal" | "currency"
-
-    /**
-     * Define o modo de dinheiro para input do tipo 'Number'
-     */
-    numberCurrency?: "BRL" | string
-
-    /**
-     * Define o prfixo para input do tipo 'Number'
-     */
-    numberPrefix?: string
-
-    /**
-     * Define o sufixo para input do tipo 'Number'
-     */
-    numberSuffix?: string
-
-    /**
-     * Define se separador decimal vai ser exibibo para input do tipo 'Number'
-     */
-    numberDecimalSeparator?: boolean
-
-    /**
-     * Define o mínimo de casas decimais para input do tipo 'Number'
-     */
-    numberMaxFractionDigits?: number
-
-    /**
-     * Define o máximo de casas decimais para input do tipo 'Number'
-     */
-    numberMinFractionDigits?: number
-}
-
-interface InputBaseProps extends ApiComponentProps, ApiFieldComponentProps, InputPasswordProps, InputMaskProps, InputNumberProps {
-
-    /**
-     * Define o tipo de dados do componente
-     */
-    type?: Extract<HTMLInputTypeAttribute, "text" | "date" | "email" | "time" | "number" | "password">
-
-    /**
-     * A propriedade `ref` retorna a referência do componente
-     */
-    ref?: React.Ref<HTMLInputElement>
-
-    /**
-     * Define o tamanho do componente
-     */
-    sizes?: "small" | "large"
-}
-
-export type InputProps<T extends ApiFieldModeProps> = T extends "Controlled"
-    ? InputBaseProps & ApiFieldControlledProps
+
+
+interface InputMaskProps {
+    /**
+     * Define mascara no campo de dados
+     */
+    mask?: string | "cpf" | "cnpj"
+
+    /**
+     * Define se campo vai ser limpo se mascara tiver imcompleta
+     */
+    maskAutoClear?: boolean
+}
+
+interface InputPasswordProps {
+    /**
+     * Define se vai ou não mostra o botão para exibir a senha
+     */
+    passwordShow?: boolean
+
+    /**
+     * Define se vai ou não mostra a legenda da senha
+     */
+    passwordFeedback?: boolean
+
+    /**
+     * Define o template do cabeçalho do password
+     */
+    passwordHeaderTemplate?: (props: PasswordProps) => React.ReactNode
+
+    /**
+     * Define o template do Rodapé do password
+     */
+    passwordFooterTemplate?: (props: PasswordProps) => React.ReactNode
+
+    /**
+     * Define o template do password
+     */
+    passwordTemplate?: (props: PasswordProps) => React.ReactNode
+}
+
+interface InputNumberProps {
+
+    /**
+     * Define o tamanho mínimo para input do tipo 'Number'
+     */
+    numberMin?: number
+
+    /**
+     * Define o tamanho máximo para input do tipo 'Number'
+     */
+    numberMax?: number
+
+    /**
+     * Define o modo para input do tipo 'Number'
+     */
+    numberMode?: "decimal" | "currency"
+
+    /**
+     * Define o modo de dinheiro para input do tipo 'Number'
+     */
+    numberCurrency?: "BRL" | string
+
+    /**
+     * Define o prfixo para input do tipo 'Number'
+     */
+    numberPrefix?: string
+
+    /**
+     * Define o sufixo para input do tipo 'Number'
+     */
+    numberSuffix?: string
+
+    /**
+     * Define se separador decimal vai ser exibibo para input do tipo 'Number'
+     */
+    numberDecimalSeparator?: boolean
+
+    /**
+     * Define o mínimo de casas decimais para input do tipo 'Number'
+     */
+    numberMaxFractionDigits?: number
+
+    /**
+     * Define o máximo de casas decimais para input do tipo 'Number'
+     */
+    numberMinFractionDigits?: number
+}
+
+interface InputBaseProps extends ApiComponentProps, ApiFieldComponentProps, InputPasswordProps, InputMaskProps, InputNumberProps {
+
+    /**
+     * Define o tipo de dados do componente
+     */
+    type?: Extract<HTMLInputTypeAttribute, "text" | "date" | "email" | "time" | "number" | "password">
+
+    /**
+     * A propriedade `ref` retorna a referência do componente
+     */
+    ref?: React.Ref<HTMLInputElement>
+
+    /**
+     * Define o tamanho do componente
+     */
+    sizes?: "small" | "large"
+}
+
+export type InputProps<T extends ApiFieldModeProps> = T extends "Controlled"
+    ? InputBaseProps & ApiFieldControlledProps
     : InputBaseProps & ApiFieldHookFormProps;