@orangesix/react 1.3.8 → 2.0.3

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

@@ -0,0 +1,16 @@
+import { jsx as t } from "react/jsx-runtime";
+const c = ({ editor: e, active: i }) => i && /* @__PURE__ */ t(
+  "a",
+  {
+    className: "editor-menu-item" + (e.isActive("strike") ? " active" : ""),
+    href: "#",
+    onClick: (r) => {
+      r.preventDefault(), e.chain().focus().toggleStrike().run();
+    },
+    children: /* @__PURE__ */ t("i", { className: "bi bi-type-strikethrough" })
+  }
+);
+export {
+  c as Strike
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/editor/core/strike.tsx"],"sourcesContent":["import React from \"react\";\nimport { EditorCoreProps } from \"..\";\n\n/**\n * Core - `Strike`\n * Extensão para renderizar texto em strike text\n */\nexport const Strike = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\n    return active && (\n        <a className={\"editor-menu-item\" + (editor.isActive(\"strike\") ? \" active\" : \"\")}\n           href=\"#\"\n           onClick={event => {\n               event.preventDefault();\n               editor.chain().focus().toggleStrike().run();\n           }}><i className=\"bi bi-type-strikethrough\"/></a>\n    );\n};"],"names":["Strike","editor","active","jsx","event"],"mappings":";AAOO,MAAMA,IAAS,CAAC,EAAE,QAAAC,GAAQ,QAAAC,QACtBA,KACH,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IAAE,WAAW,sBAAsBF,EAAO,SAAS,QAAQ,IAAI,YAAY;AAAA,IACzE,MAAK;AAAA,IACL,SAAS,CAAAG,MAAS;AACd,MAAAA,EAAM,eAAA,GACNH,EAAO,QAAQ,MAAA,EAAQ,aAAA,EAAe,IAAA;AAAA,IAC1C;AAAA,IAAG,UAAA,gBAAAE,EAAC,KAAA,EAAE,WAAU,2BAAA,CAA0B;AAAA,EAAA;AAAA;"}

package/editor/core/strike.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { EditorCoreProps } from '..';
+/**
+ * Core - `Strike`
+ * Extensão para renderizar texto em strike text
+ */
+export declare const Strike: ({ editor, active }: EditorCoreProps & {
+    active: boolean;
+}) => false | React.JSX.Element;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=({editor:i,active:l})=>l&&e.jsxs(e.Fragment,{children:[e.jsx("a",{className:"editor-menu-item"+(i.isActive("heading",{level:1})?" active":""),href:"#",style:{fontSize:".975em"},onClick:t=>{t.preventDefault(),i.chain().focus().toggleHeading({level:1}).run()},children:e.jsx("i",{className:"bi bi-type-h1"})}),e.jsx("a",{className:"editor-menu-item"+(i.isActive("heading",{level:2})?" active":""),href:"#",style:{fontSize:".975em"},onClick:t=>{t.preventDefault(),i.chain().focus().toggleHeading({level:2}).run()},children:e.jsx("i",{className:"bi bi-type-h2"})}),e.jsx("a",{className:"editor-menu-item"+(i.isActive("heading",{level:3})?" active":""),href:"#",style:{fontSize:".975em"},onClick:t=>{t.preventDefault(),i.chain().focus().toggleHeading({level:3}).run()},children:e.jsx("i",{className:"bi bi-type-h3"})})]});exports.Text=n;
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.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":"qHAOaA,EAAO,CAAC,CAAE,OAAAC,EAAQ,OAAAC,KAEpBA,GACHC,EAAAA,KAAAC,EAAAA,SAAA,CACI,SAAA,CAAAC,EAAAA,IAAC,IAAA,CAAE,UAAW,oBAAsBJ,EAAO,SAAS,UAAW,CAAE,MAAO,CAAA,CAAG,EAAI,UAAY,IACxF,KAAK,IACL,MAAO,CAAE,SAAU,QAAA,EACnB,QAASK,GAAS,CACdA,EAAM,eAAA,EACNL,EAAO,QAAQ,QAAQ,cAAc,CAAE,MAAO,EAAG,EAAE,IAAA,CACvD,EAAG,SAAAI,EAAAA,IAAC,IAAA,CAAE,UAAU,eAAA,CAAe,CAAA,CAAA,EAClCA,EAAAA,IAAC,IAAA,CAAE,UAAW,oBAAsBJ,EAAO,SAAS,UAAW,CAAE,MAAO,CAAA,CAAG,EAAI,UAAY,IACxF,KAAK,IACL,MAAO,CAAE,SAAU,QAAA,EACnB,QAASK,GAAS,CACdA,EAAM,eAAA,EACNL,EAAO,QAAQ,QAAQ,cAAc,CAAE,MAAO,EAAG,EAAE,IAAA,CACvD,EAAG,SAAAI,EAAAA,IAAC,IAAA,CAAE,UAAU,eAAA,CAAe,CAAA,CAAA,EAClCA,EAAAA,IAAC,IAAA,CAAE,UAAW,oBAAsBJ,EAAO,SAAS,UAAW,CAAE,MAAO,CAAA,CAAG,EAAI,UAAY,IACxF,KAAK,IACL,MAAO,CAAE,SAAU,QAAA,EACnB,QAASK,GAAS,CACdA,EAAM,eAAA,EACNL,EAAO,QAAQ,QAAQ,cAAc,CAAE,MAAO,EAAG,EAAE,IAAA,CACvD,EAAG,SAAAI,EAAAA,IAAC,IAAA,CAAE,UAAU,eAAA,CAAe,CAAA,CAAA,CAAE,EACxC"}

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

@@ -0,0 +1,43 @@
+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" })
+    }
+  )
+] });
+export {
+  s as Text
+};
+//# sourceMappingURL=index.esm.js.map

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

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

package/editor/core/text.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { EditorCoreProps } from '..';
+/**
+ * Core - `Text`
+ * Extensão para formatar o texto com tamanho específico
+ */
+export declare const Text: ({ editor, active }: EditorCoreProps & {
+    active: boolean;
+}) => false | React.JSX.Element;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),t=({editor:e,active:i})=>i&&n.jsx("a",{className:"editor-menu-item"+(e.isActive("underline")?" active":""),href:"#",onClick:r=>{r.preventDefault(),e.chain().focus().toggleUnderline().run()},children:n.jsx("i",{className:"bi bi-type-underline"})});exports.Underline=t;
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.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":"qHAOaA,EAAY,CAAC,CAAE,OAAAC,EAAQ,OAAAC,KACzBA,GACHC,EAAAA,IAAC,IAAA,CAAE,UAAW,oBAAsBF,EAAO,SAAS,WAAW,EAAI,UAAY,IAC5E,KAAK,IACL,QAASG,GAAS,CACdA,EAAM,eAAA,EACNH,EAAO,QAAQ,MAAA,EAAQ,gBAAA,EAAkB,IAAA,CAC7C,EAAG,SAAAE,EAAAA,IAAC,IAAA,CAAE,UAAU,sBAAA,CAAsB,CAAA,CAAA"}

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

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

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

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

package/editor/core/underline.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { EditorCoreProps } from '..';
+/**
+ * Core - `Underline`
+ * Extensão para renderizar texto em underline text
+ */
+export declare const Underline: ({ editor, active }: EditorCoreProps & {
+    active: boolean;
+}) => false | React.JSX.Element;

package/editor/editor/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),x=require("../../box/box/index.cjs.js"),b=require("../core/index/index.cjs.js"),m=require("@tiptap/extension-link"),q=require("@tiptap/extension-image"),f=require("@tiptap/starter-kit"),g=require("@tiptap/extension-color"),o=require("../const/index.cjs.js"),a=require("../../api/input/index.cjs.js"),c=require("react"),h=require("@tiptap/extension-underline"),j=require("@tiptap/extension-highlight"),E=require("@tiptap/extension-text-style"),l=require("@tiptap/react"),d=({options:n="basic",iconPrefix:v="bi bi-",...e})=>{const[u,s]=c.useState(!1),i=l.useEditor({extensions:[f,h,j,g.Color,E.TextStyle,m.configure({validate:r=>/^https?:\/\//.test(r),HTMLAttributes:{rel:""}}),q.configure({allowBase64:!0})],editable:!e.disabled,content:e.value??"",onFocus:()=>s(!0),onBlur:()=>s(!1),onUpdate:({editor:r})=>{e.onChange(r.getHTML())}});return i?(c.useEffect(()=>{i&&!u&&i?.commands.setContent(e.value)},[e.value]),t.jsxs(x.Box,{className:e.className,css:e.css,size:e.size??"100",children:[t.jsx(a.InputLabel,{...e}),t.jsxs("div",{className:"editor-container",children:[!e.disabled&&t.jsx(b.EditorMenu,{editor:i,options:n==="basic"?o.editorBasic:n==="full"?o.editorFull:n}),t.jsx(l.EditorContent,{className:"editor",disabled:e.disabled,editor:i,id:e.id,name:e.name,style:{minHeight:(e.height??100)+"px"}})]}),t.jsx(a.InputFeedback,{...e})]})):(console.error("Não foi possível realizar o carregamento do editor de texto."),null)};d.displayName="Editor";exports.Editor=d;
+//# sourceMappingURL=index.cjs.js.map

package/editor/editor/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.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":"2kBAqBaA,EAAS,CAAC,CAAE,QAAAC,EAAU,QAAS,WAAAC,EAAa,SAAU,GAAGC,KAAyB,CAC3F,KAAM,CAACC,EAASC,CAAU,EAAIC,EAAAA,SAAS,EAAK,EACtCC,EAASC,EAAAA,UAAU,CACrB,WAAY,CACRC,EACAC,EACAC,EACAC,EAAAA,MACAC,EAAAA,UACAC,EAAK,UAAU,CACX,SAAWC,GAAS,eAAe,KAAKA,CAAI,EAC5C,eAAgB,CACZ,IAAK,EAAA,CACT,CACH,EACDC,EAAM,UAAU,CACZ,YAAa,EAAA,CAChB,CAAA,EAEL,SAAU,CAACb,EAAM,SACjB,QAASA,EAAM,OAAS,GACxB,QAAS,IAAME,EAAW,EAAI,EAC9B,OAAQ,IAAMA,EAAW,EAAK,EAC9B,SAAU,CAAC,CAAE,OAAAE,KAAa,CACtBJ,EAAM,SAASI,EAAO,SAAS,CACnC,CAAA,CACH,EAED,OAAKA,GAKLU,EAAAA,UAAU,IAAM,CACRV,GAAU,CAACH,GACXG,GAAQ,SAAS,WAAWJ,EAAM,KAAK,CAE/C,EAAG,CAACA,EAAM,KAAK,CAAC,EAQZe,EAAAA,KAACC,EAAAA,IAAA,CAAI,UAAWhB,EAAM,UACjB,IAAKA,EAAM,IACX,KAAMA,EAAM,MAAQ,MACrB,SAAA,CAAAiB,EAAAA,IAACC,EAAAA,WAAA,CAAY,GAAGlB,EAAM,EACtBe,EAAAA,KAAC,MAAA,CAAI,UAAU,mBACV,SAAA,CAAA,CAACf,EAAM,UACDiB,EAAAA,IAACE,EAAAA,WAAA,CAAW,OAAAf,EACA,QAASN,IAAY,QAAUsB,EAAAA,YAActB,IAAY,OAASuB,aAAavB,CAAA,CAAA,EAClGmB,EAAAA,IAACK,EAAAA,cAAA,CAAa,UAAU,SACV,SAAUtB,EAAM,SAChB,OAAAI,EACA,GAAIJ,EAAM,GACV,KAAMA,EAAM,KACZ,MAAO,CAAE,WAAYA,EAAM,QAAU,KAAO,IAAA,CAAK,CAAA,CAAE,EACrE,EACAiB,MAACM,EAAAA,cAAA,CAAe,GAAGvB,CAAA,CAAM,CAAA,CAAA,CAAA,IA/B7B,QAAQ,MAAM,8DAA8D,EACrE,KAiCf,EACAH,EAAO,YAAc"}

package/editor/editor/index.esm.js

@@ -0,0 +1,80 @@
+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 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);
+};
+y.displayName = "Editor";
+export {
+  y as Editor
+};
+//# sourceMappingURL=index.esm.js.map

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

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

package/editor/editor.d.ts

@@ -0,0 +1,12 @@
+import { EditorProps } from '.';
+import { default as React } from 'react';
+/**
+ * Componente - `Editor`
+ *
+ * Um componente versátil que pode ser utilizado para criar container de edição de texto.
+ * Permite personalizar o estilo e o conteúdo através de propriedades.
+ */
+export declare const Editor: {
+    ({ options, iconPrefix, ...props }: EditorProps): React.JSX.Element | null;
+    displayName: string;
+};

package/editor/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("primereact/utils"),i=require("@tiptap/extension-link"),a=require("@tiptap/extension-image"),r=require("@tiptap/starter-kit"),l=require("@tiptap/extension-color"),n=require("@tiptap/extension-underline"),c=require("@tiptap/extension-highlight"),s=require("@tiptap/extension-text-style"),o=require("@tiptap/react");const m=({children:i,...a})=>{const r={size:`box-size-${a.size??"100"}`,direction:`box-direction-${a.direction??"row"}`,justify:void 0===a.justify?"":Array.isArray(a.justify)?a.justify?.join(" "):a.justify,align:void 0===a.align?"":Array.isArray(a.align)?a.align?.join(" "):a.align},l={className:t.classNames(["box",a.className??"",r.size,r.direction,r.justify,r.align]),style:a.css,id:a.id};return e.createElement("div",{...l},i)},d=({editor:t,active:i})=>i&&e.createElement(e.Fragment,null,e.createElement("a",{className:"editor-menu-item"+(t.isActive("heading",{level:1})?" active":""),href:"#",style:{fontSize:".975em"},onClick:e=>{e.preventDefault(),t.chain().focus().toggleHeading({level:1}).run()}},e.createElement("i",{className:"bi bi-type-h1"})),e.createElement("a",{className:"editor-menu-item"+(t.isActive("heading",{level:2})?" active":""),href:"#",style:{fontSize:".975em"},onClick:e=>{e.preventDefault(),t.chain().focus().toggleHeading({level:2}).run()}},e.createElement("i",{className:"bi bi-type-h2"})),e.createElement("a",{className:"editor-menu-item"+(t.isActive("heading",{level:3})?" active":""),href:"#",style:{fontSize:".975em"},onClick:e=>{e.preventDefault(),t.chain().focus().toggleHeading({level:3}).run()}},e.createElement("i",{className:"bi bi-type-h3"}))),u=({editor:t,active:i})=>{const[a,r]=e.useState(!1),[l,n]=e.useState("");return e.useEffect((()=>{n("")}),[a]),i&&e.createElement(e.Fragment,null,e.createElement("a",{className:"editor-menu-item"+(t.isActive("link")?" active":""),href:"#",onClick:e=>{e.preventDefault(),t.isActive("link")?t.chain().focus().unsetLink().run():r(!a)}},e.createElement("i",{className:"bi bi-link"})),a&&e.createElement("div",{className:"editor-link"},e.createElement("input",{className:"form-control form-control-sm",placeholder:"https://example.com.br",style:{fontSize:".8em",flex:1},type:"text",value:l,onChange:e=>n(e.target.value)}),e.createElement("a",{className:"text-primary ms-2",href:"#",style:{fontSize:".8em"},onClick:e=>{e.preventDefault(),""===l?t.chain().focus().extendMarkRange("link").unsetLink().run():t.chain().focus().extendMarkRange("link").setLink({href:l}).run(),r(!1)}},e.createElement("i",{className:"bi bi-save me-1"}),"Save")))},v=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("bold")?" active":""),href:"#",onClick:e=>{e.preventDefault(),t.chain().focus().toggleBold().run()}},e.createElement("i",{className:"bi bi-type-bold"})),g=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("code")?" active":""),href:"#",style:{fontSize:".975em"},onClick:e=>{e.preventDefault(),t.chain().focus().toggleCode().run()}},e.createElement("i",{className:"bi bi-code-slash"})),f=({editor:t,active:i})=>i&&e.createElement("input",{style:{width:"22px",height:"20px",borderRadius:"5px",margin:"auto 2.5px",border:"2px solid var(--editor-border-color)"},type:"color",value:t.getAttributes("textStyle").color??"#000000",onChange:e=>t.chain().focus().setColor(e.target.value).run()}),p=({editor:t,active:i})=>{const[a,r]=e.useState(null),l=e=>{const i=(e.clipboardData||e.originalEvent.clipboardData).items;for(const e of i)if(0===e.type.indexOf("image")){const i=e.getAsFile(),a=new FileReader;a.onload=e=>{t.chain().focus().setImage({src:e?.target?.result}).run()},a.readAsDataURL(i)}};return e.useEffect((()=>(null!==t.view.dom.parentNode&&i&&t.view.dom.parentNode.addEventListener("paste",l),()=>{t.view.dom.parentNode?.removeEventListener("paste",l)})),[]),e.useEffect((()=>{if(void 0!==a?.name){const e=new FileReader;e.readAsDataURL(a),e.onload=()=>{t.chain().focus().setImage({src:e.result}).run()}}}),[a]),i&&e.createElement("div",{className:"editor-image"},e.createElement("input",{accept:"image/png, image/jpeg",name:"editor-image",type:"file",onChange:e=>r(e.target.files?.[0])}),e.createElement("a",{className:"editor-menu-item"+(t.isActive("link")?" active":""),href:"#",style:{fontSize:".975em"},onClick:e=>{e.preventDefault()}},e.createElement("i",{className:"bi bi-image"})))},h=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("italic")?" active":""),href:"#",onClick:e=>{e.preventDefault(),t.chain().focus().toggleItalic().run()}},e.createElement("i",{className:"bi bi-type-italic"})),E=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("strike")?" active":""),href:"#",onClick:e=>{e.preventDefault(),t.chain().focus().toggleStrike().run()}},e.createElement("i",{className:"bi bi-type-strikethrough"})),b=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("orderedList")?" active":""),href:"#",onClick:e=>{e.preventDefault(),t.chain().focus().toggleOrderedList().run()}},e.createElement("i",{className:"bi bi-list-ol"})),N=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("underline")?" active":""),href:"#",onClick:e=>{e.preventDefault(),t.chain().focus().toggleUnderline().run()}},e.createElement("i",{className:"bi bi-type-underline"})),k=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("highlight")?" active":""),href:"#",style:{fontSize:".975em"},onClick:e=>{e.preventDefault(),t.chain().focus().toggleHighlight().run()}},e.createElement("i",{className:"bi bi-highlighter"})),y=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("bulletList")?" active":""),href:"#",onClick:e=>{e.preventDefault(),t.chain().focus().toggleBulletList().run()}},e.createElement("i",{className:"bi bi-list-task"})),x=({editor:t,options:i})=>e.createElement("div",{className:"editor-menu"},e.createElement("div",{className:"editor-menu-group"},e.createElement(d,{active:i.text,editor:t}),e.createElement(v,{active:i.bold,editor:t}),e.createElement(h,{active:i.italic,editor:t}),e.createElement(f,{active:i.color,editor:t}),e.createElement(E,{active:i.strike,editor:t}),e.createElement(N,{active:i.underline,editor:t}),e.createElement(g,{active:i.code,editor:t}),e.createElement(k,{active:i.highlight,editor:t})),e.createElement("div",{className:"editor-menu-group"},e.createElement(y,{active:i.bulletlist,editor:t}),e.createElement(b,{active:i.orderlist,editor:t}),e.createElement(u,{active:i.link,editor:t}),e.createElement(p,{active:i.image,editor:t}))),C=({iconPrefix:t="bi bi-",...i})=>i.label&&e.createElement("p",{className:"form-label"},i.icon&&e.createElement("i",{className:t+i.icon+" me-1"}),i.label,i.required&&e.createElement("span",{className:"text-danger"},"*")),A=({errors:t,name:i,...a})=>a.mode&&"Controlled"!==a.mode?e.createElement("div",{className:t[i??""]?"invalid-feedback is-invalid":"","data-name":i??"",id:"j_feedback",style:{display:t[i??""]?"block":"none"}},t[i??""]?t[i??""].message:""):e.createElement("div",{"data-name":i,id:"j_feedback"}),D={text:!0,bold:!0,italic:!0,color:!0,strike:!1,underline:!1,code:!1,highlight:!1,bulletlist:!1,orderlist:!1,link:!1,image:!1},z={text:!0,bold:!0,italic:!0,color:!0,strike:!0,underline:!0,code:!0,highlight:!0,bulletlist:!0,orderlist:!0,link:!0,image:!0};exports.Editor=({options:t="basic",iconPrefix:d="bi bi-",...u})=>{const[v,g]=e.useState(!1),f=o.useEditor({extensions:[r,n,c,l.Color,s,i.configure({validate:e=>/^https?:\/\//.test(e),HTMLAttributes:{rel:""}}),a.configure({allowBase64:!0})],editable:!u.disabled,content:u.value??"",onFocus:()=>g(!0),onBlur:()=>g(!1),onUpdate:({editor:e})=>{u.onChange(e.getHTML())}});return f?(e.useEffect((()=>{f&&!v&&f?.commands.setContent(u.value)}),[u.value]),e.createElement(m,{className:u.className,css:u.css,size:u.size??"100"},e.createElement(C,{...u}),e.createElement("div",{className:"editor-container"},!u.disabled&&e.createElement(x,{editor:f,options:"basic"===t?D:"full"===t?z:t}),e.createElement(o.EditorContent,{className:"editor",disabled:u.disabled,editor:f,id:u.id,name:u.name,style:{minHeight:(u.height??100)+"px"}})),e.createElement(A,{...u}))):(console.error("Não foi possível realizar o carregamento do editor de texto."),null)};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./editor/index.cjs.js");exports.Editor=e.Editor;
 //# sourceMappingURL=index.cjs.js.map

package/editor/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/box/box.tsx","../../src/editor/core/text.tsx","../../src/editor/core/link.tsx","../../src/editor/core/bold.tsx","../../src/editor/core/code.tsx","../../src/editor/core/color.tsx","../../src/editor/core/image.tsx","../../src/editor/core/italic.tsx","../../src/editor/core/strike.tsx","../../src/editor/core/orderlist.tsx","../../src/editor/core/underline.tsx","../../src/editor/core/highlight.tsx","../../src/editor/core/bulletlist.tsx","../../src/editor/core/index.tsx","../../src/api/input.tsx","../../src/editor/const.ts","../../src/editor/editor.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/**\r\n * Componente - `Box`\r\n *\r\n * Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n *\r\n * Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n *      justify=\"justify-content-end\"\r\n *      size=\"25\">\r\n *   ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n */\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n    const css = {\r\n        size: `box-size-${(props.size ?? \"100\")}`,\r\n        direction: `box-direction-${props.direction ?? \"row\"}`,\r\n        justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n        align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n    };\r\n\r\n    const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n        className: classNames([\r\n            \"box\",\r\n            props.className ?? \"\",\r\n            css.size,\r\n            css.direction,\r\n            css.justify,\r\n            css.align\r\n        ]),\r\n        style: props.css,\r\n        id: props.id\r\n    };\r\n\r\n    return (\r\n        <div {...attr as any}>{children}</div>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\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};","import { EditorCoreProps } from \"../types\";\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\n/**\r\n * Core - `Link`\r\n * Extensão para formatar adicionar link no documento\r\n */\r\nexport const Link = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    const [open, setOpen] = useState<boolean>(false);\r\n    const [link, setLink] = useState<string>(\"\");\r\n\r\n    useEffect(() => {\r\n        setLink(\"\");\r\n    }, [open]);\r\n\r\n    function handleLink() {\r\n        if (link === \"\") {\r\n            editor.chain().focus().extendMarkRange(\"link\").unsetLink().run();\r\n        } else {\r\n            editor.chain().focus().extendMarkRange(\"link\").setLink({ href: link }).run();\r\n        }\r\n        setOpen(false);\r\n    }\r\n\r\n    return active && (\r\n        <>\r\n            <a className={\"editor-menu-item\" + (editor.isActive(\"link\") ? \" active\" : \"\")}\r\n               href=\"#\"\r\n               onClick={event => {\r\n                   event.preventDefault();\r\n                   if (!editor.isActive(\"link\")) {\r\n                       setOpen(!open);\r\n                   } else {\r\n                       editor.chain().focus().unsetLink().run();\r\n                   }\r\n               }}><i className=\"bi bi-link\"/></a>\r\n            {open && <div className=\"editor-link\">\r\n                <input className=\"form-control form-control-sm\"\r\n                       placeholder=\"https://example.com.br\"\r\n                       style={{ fontSize: \".8em\", flex: 1 }}\r\n                       type=\"text\"\r\n                       value={link}\r\n                       onChange={event => setLink(event.target.value)}/>\r\n                <a className=\"text-primary ms-2\"\r\n                   href=\"#\"\r\n                   style={{ fontSize: \".8em\" }}\r\n                   onClick={event => {\r\n                       event.preventDefault();\r\n                       handleLink();\r\n                   }}><i className=\"bi bi-save me-1\"/>Save</a>\r\n            </div>}\r\n        </>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Bold`\r\n * Extensão para renderizar texto em negrito\r\n */\r\nexport const Bold = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"bold\") ? \" active\" : \"\")}\r\n           href=\"#\"\r\n           onClick={event => {\r\n               event.preventDefault();\r\n               editor.chain().focus().toggleBold().run();\r\n           }}><i className=\"bi bi-type-bold\"/></a>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Code`\r\n * Extensão para renderizar texto em formato de código\r\n */\r\nexport const Code = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"code\") ? \" active\" : \"\")}\r\n           href=\"#\"\r\n           style={{ fontSize: \".975em\" }}\r\n           onClick={event => {\r\n               event.preventDefault();\r\n               editor.chain().focus().toggleCode().run();\r\n           }}><i className=\"bi bi-code-slash\"/></a>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Color`\r\n * Extensão para formatar o texto com cor especifica\r\n */\r\nexport const Color = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <input\r\n            style={{\r\n                width: \"22px\",\r\n                height: \"20px\",\r\n                borderRadius: \"5px\",\r\n                margin: \"auto 2.5px\",\r\n                border: \"2px solid var(--editor-border-color)\",\r\n            }}\r\n            type=\"color\"\r\n            value={editor.getAttributes(\"textStyle\").color ?? \"#000000\"}\r\n            onChange={event => editor.chain().focus().setColor(event.target.value).run()}/>\r\n    );\r\n};","import { EditorCoreProps } from \"../types\";\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\n/**\r\n * Core - `Image`\r\n * Extensão para adicionar imagem no documento\r\n */\r\nexport const Image = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    const [file, setFile] = useState<any>(null);\r\n\r\n    const handlePaste = (event: any) => {\r\n        const items = (event.clipboardData || event.originalEvent.clipboardData).items;\r\n        for (const item of items) {\r\n            if (item.type.indexOf(\"image\") === 0) {\r\n                const file = item.getAsFile();\r\n                const reader = new FileReader();\r\n                reader.onload = (event) => {\r\n                    editor.chain().focus().setImage({ src: event?.target?.result as string }).run();\r\n                };\r\n                reader.readAsDataURL(file);\r\n            }\r\n        }\r\n    };\r\n\r\n    useEffect(() => {\r\n        if (editor.view.dom.parentNode !== null && active) {\r\n            editor.view.dom.parentNode.addEventListener(\"paste\", handlePaste);\r\n        }\r\n        return () => {\r\n            editor.view.dom.parentNode?.removeEventListener(\"paste\", handlePaste);\r\n        };\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        if (file?.name !== undefined) {\r\n            const reader = new FileReader();\r\n            reader.readAsDataURL(file);\r\n            reader.onload = () => {\r\n                editor.chain().focus().setImage({ src: reader.result as string }).run();\r\n            };\r\n        }\r\n    }, [file]);\r\n\r\n    return active && (\r\n        <div className=\"editor-image\">\r\n            <input accept=\"image/png, image/jpeg\"\r\n                   name=\"editor-image\"\r\n                   type=\"file\"\r\n                   onChange={event => setFile(event.target.files?.[0])}/>\r\n            <a className={\"editor-menu-item\" + (editor.isActive(\"link\") ? \" active\" : \"\")}\r\n               href=\"#\"\r\n               style={{ fontSize: \".975em\" }}\r\n               onClick={event => {\r\n                   event.preventDefault();\r\n               }}><i className=\"bi bi-image\"/></a>\r\n        </div>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Italic`\r\n * Extensão para renderizar texto em itálico\r\n */\r\nexport const Italic = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"italic\") ? \" active\" : \"\")}\r\n           href=\"#\"\r\n           onClick={event => {\r\n               event.preventDefault();\r\n               editor.chain().focus().toggleItalic().run();\r\n           }}><i className=\"bi bi-type-italic\"/></a>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Strike`\r\n * Extensão para renderizar texto em strike text\r\n */\r\nexport const Strike = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"strike\") ? \" active\" : \"\")}\r\n           href=\"#\"\r\n           onClick={event => {\r\n               event.preventDefault();\r\n               editor.chain().focus().toggleStrike().run();\r\n           }}><i className=\"bi bi-type-strikethrough\"/></a>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Orderlist`\r\n * Extensão para renderizar texto em lista ordenada\r\n */\r\nexport const Orderlist = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"orderedList\") ? \" active\" : \"\")}\r\n           href=\"#\"\r\n           onClick={event => {\r\n               event.preventDefault();\r\n               editor.chain().focus().toggleOrderedList().run();\r\n           }}><i className=\"bi bi-list-ol\"/></a>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\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};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Highlight`\r\n * Extensão para marcar texto no formato de marca texto\r\n */\r\nexport const Highlight = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"highlight\") ? \" active\" : \"\")}\r\n           href=\"#\"\r\n           style={{ fontSize: \".975em\" }}\r\n           onClick={event => {\r\n               event.preventDefault();\r\n               editor.chain().focus().toggleHighlight().run();\r\n           }}><i className=\"bi bi-highlighter\"/></a>\r\n    );\r\n};","import React from \"react\";\r\nimport { EditorCoreProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Bulletlist`\r\n * Extensão para renderizar texto em lista\r\n */\r\nexport const Bulletlist = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\r\n    return active && (\r\n        <a className={\"editor-menu-item\" + (editor.isActive(\"bulletList\") ? \" active\" : \"\")}\r\n           href=\"#\"\r\n           onClick={event => {\r\n               event.preventDefault();\r\n               editor.chain().focus().toggleBulletList().run();\r\n           }}><i className=\"bi bi-list-task\"/></a>\r\n    );\r\n};","import React from \"react\";\r\nimport { Text } from \"./text\";\r\nimport { Link } from \"./link\";\r\nimport { Bold } from \"./bold\";\r\nimport { Code } from \"./code\";\r\nimport { Color } from \"./color\";\r\nimport { Image } from \"./image\";\r\nimport { Italic } from \"./italic\";\r\nimport { Strike } from \"./strike\";\r\nimport { Orderlist } from \"./orderlist\";\r\nimport { Underline } from \"./underline\";\r\nimport { Highlight } from \"./highlight\";\r\nimport { Bulletlist } from \"./bulletlist\";\r\nimport { EditorCoreProps, EditorOptionsProps } from \"../types\";\r\n\r\n/**\r\n * Core - `Menu`\r\n * Componente que renderiza todas as opções de menu do componente\r\n */\r\nexport const EditorMenu = ({ editor, options }: EditorCoreProps & { options: EditorOptionsProps }) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <div className=\"editor-menu\">\r\n            <div className=\"editor-menu-group\">\r\n                <Text active={options.text}\r\n                      editor={editor}/>\r\n                <Bold active={options.bold}\r\n                      editor={editor}/>\r\n                <Italic active={options.italic}\r\n                        editor={editor}/>\r\n                <Color active={options.color}\r\n                       editor={editor}/>\r\n                <Strike active={options.strike}\r\n                        editor={editor}/>\r\n                <Underline active={options.underline}\r\n                           editor={editor}/>\r\n                <Code active={options.code}\r\n                      editor={editor}/>\r\n                <Highlight active={options.highlight}\r\n                           editor={editor}/>\r\n            </div>\r\n            <div className=\"editor-menu-group\">\r\n                <Bulletlist active={options.bulletlist}\r\n                            editor={editor}/>\r\n                <Orderlist active={options.orderlist}\r\n                           editor={editor}/>\r\n                <Link active={options.link}\r\n                      editor={editor}/>\r\n                <Image active={options.image}\r\n                       editor={editor}/>\r\n            </div>\r\n        </div>\r\n    );\r\n};","import React from \"react\";\r\nimport { ApiComponentProps, ApiFieldComponentProps } from \"./types\";\r\n\r\n/**\r\n * API - `InputLabel`\r\n *\r\n * Um componente utilizado como label em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputLabel = ({ iconPrefix = \"bi bi-\", ...props }: ApiFieldComponentProps) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return props.label\r\n        && <p className='form-label'>\r\n            {props.icon && <i className={iconPrefix + props.icon + \" me-1\"}/>}\r\n            {props.label}\r\n            {props.required && <span className=\"text-danger\">*</span>}\r\n        </p>;\r\n};\r\n\r\n/**\r\n * API - `InputFeedback`\r\n *\r\n * Um componente utilizado como container de feedback em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputFeedback = ({ errors, name, ...props }: ApiFieldComponentProps & { errors?: any }) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return !props.mode || props.mode === \"Controlled\"\r\n        ? <div data-name={name}\r\n               id=\"j_feedback\"/>\r\n        : <div className={(!errors[name ?? \"\"] ? \"\" : \"invalid-feedback is-invalid\")}\r\n               data-name={name ?? \"\"}\r\n               id=\"j_feedback\"\r\n               style={{ display: errors[name ?? \"\"] ? \"block\" : \"none\" }}>{!errors[name ?? \"\"] ? \"\" : errors[name ?? \"\"].message}</div>;\r\n};\r\n\r\n/**\r\n * API - `InputProps`\r\n *\r\n * Retorna o objeto com as `Props` do core dos componentes de entrada de dados\r\n */\r\nexport function InputProps<T extends ApiComponentProps & ApiFieldComponentProps & { ref: any }>(props: T) {\r\n    return {\r\n        ref: props.ref,\r\n\r\n        id: props.id,\r\n        name: props.name,\r\n        required: props.required,\r\n        disabled: props.disabled,\r\n        placeholder: props.placeholder,\r\n\r\n        className: props.className,\r\n        style: { width: \"100%\" },\r\n\r\n        keyfilter: props.keyfilter,\r\n    };\r\n}","import { EditorOptionsProps } from \"./types\";\r\n\r\nexport const editorBasic: EditorOptionsProps = {\r\n    text: true,\r\n    bold: true,\r\n    italic: true,\r\n    color: true,\r\n    strike: false,\r\n    underline: false,\r\n    code: false,\r\n    highlight: false,\r\n    bulletlist: false,\r\n    orderlist: false,\r\n    link: false,\r\n    image: false\r\n};\r\n\r\nexport const editorFull: EditorOptionsProps = {\r\n    text: true,\r\n    bold: true,\r\n    italic: true,\r\n    color: true,\r\n    strike: true,\r\n    underline: true,\r\n    code: true,\r\n    highlight: true,\r\n    bulletlist: true,\r\n    orderlist: true,\r\n    link: true,\r\n    image: true\r\n};","import { Box } from \"../box\";\r\nimport { EditorMenu } from \"./core\";\r\nimport { InputFeedback, InputLabel } from \"../api\";\r\nimport { EditorProps } from \"./types\";\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 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 editor={editor}\r\n                                   options={options === \"basic\" ? editorBasic : options === \"full\" ? editorFull : options}/>}\r\n                <EditorTipTap 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\n\r\nexport default Editor;"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","Text","editor","active","Fragment","isActive","level","href","fontSize","onClick","event","preventDefault","chain","focus","toggleHeading","run","Link","open","setOpen","useState","link","setLink","useEffect","unsetLink","placeholder","flex","type","value","onChange","target","extendMarkRange","Bold","toggleBold","Code","toggleCode","Color","width","height","borderRadius","margin","border","getAttributes","color","setColor","Image","file","setFile","handlePaste","items","clipboardData","originalEvent","item","indexOf","getAsFile","reader","FileReader","onload","setImage","src","result","readAsDataURL","view","dom","parentNode","addEventListener","removeEventListener","name","accept","files","Italic","toggleItalic","Strike","toggleStrike","Orderlist","toggleOrderedList","Underline","toggleUnderline","Highlight","toggleHighlight","Bulletlist","toggleBulletList","EditorMenu","options","text","bold","italic","strike","underline","code","highlight","bulletlist","orderlist","image","InputLabel","iconPrefix","label","icon","required","InputFeedback","errors","mode","display","message","editorBasic","editorFull","edition","setEdition","useEditor","extensions","StarterKit","TextStyle","configure","validate","test","HTMLAttributes","rel","allowBase64","editable","disabled","content","onFocus","onBlur","onUpdate","getHTML","commands","setContent","EditorTipTap","minHeight","console","error"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/editor/index.d.ts

@@ -1,127 +1,2 @@
-import React, { CSSProperties } from 'react';
-import { KeyFilterType } from 'primereact/keyfilter';
-
-/**
- * Define as tipagens `default` de todos os componentes do pacote
- */
-interface ApiComponentProps {
-
-    /**
-     * Propriedade para identificar o id do elemento
-     */
-    id?: string
-
-    /**
-     * Adiciona no atributo `class` do componente o valor atribuido nessa propriedade
-     */
-    className?: string
-
-    /**
-     * Define o tamanho da box do componente de acordo com o valores abaixo
-     */
-    size?: "5" | "10" | "12-5" | "15" | "17-5" | "20" | "22-5" | "25" | "30" | "33" | "35" | "40" | "45" | "50" | "55" | "60" | "65" | "70" | "75" | "80" | "85" | "90" | "95" | "100"
-
-    /**
-     * Define as propriedades css do component `style`
-     */
-    css?: CSSProperties
-}
-
-/**
- * Define o modo do componente de entrada de dados
- */
-type ApiFieldModeProps = "Controlled" | "HookForm";
-
-/**
- * Define os tipos `default` para componente de entrada de dados
- */
-interface ApiFieldComponentProps {
-
-    /**
-     * Define o id do campo
-     */
-    id?: string
-
-    /**
-     * Define o nome do campo
-     */
-    name?: string
-
-    /**
-     * Define o rótulo do campo
-     */
-    label?: string
-
-    /**
-     * Define o espaço reservador do campo
-     */
-    placeholder?: string
-
-    /**
-     * Define o icone do campo
-     */
-    icon?: string
-
-    /**
-     * Define o prefixo dos icones do pacote
-     */
-    iconPrefix?: "bi bi-" | "pi pi-"
-
-    /**
-     * Define se campo é obrigatório
-     */
-    required?: boolean
-
-    /**
-     * Desabilita a entrada de dados no campo
-     */
-    disabled?: boolean
-
-    /**
-     * Define o modo do componente de entrada de dados
-     */
-    mode?: ApiFieldModeProps
-
-    /**
-     * Define a opção de filtro de dados do componente
-     */
-    keyfilter?: KeyFilterType;
-
-    /**
-     * Determina se campo é apenas de leitura
-     */
-    readonly?: boolean
-}
-
-interface EditorProps extends ApiComponentProps, ApiFieldComponentProps {
-
-    /**
-     * Valor inicial do editor de texto
-     */
-    value: string;
-
-    /**
-     * Define quais opção será renderizada no editor de texto
-     */
-    options?: EditorOptions | "basic" | "full"
-
-    /**
-     * Define a altura minima do editor
-     */
-    height?: number
-
-    /**
-     * Método responsável por alterar o valor do state inicial
-     */
-    onChange(value: string): void
-}
-
-/**
- * Componente - `Editor`
- *
- * Um componente versátil que pode ser utilizado para criar container de edição de texto.
- * Permite personalizar o estilo e o conteúdo através de propriedades.
- */
-declare const Editor: ({ options, iconPrefix, ...props }: EditorProps) => React.JSX.Element | null;
-
-export { Editor };
+export * from './editor';
+export * from './@types/index';

package/editor/index.esm.js

@@ -1,2 +1,5 @@
-import e,{useState as t,useEffect as i}from"react";import{classNames as a}from"primereact/utils";import r from"@tiptap/extension-link";import l from"@tiptap/extension-image";import n from"@tiptap/starter-kit";import{Color as c}from"@tiptap/extension-color";import o from"@tiptap/extension-underline";import s from"@tiptap/extension-highlight";import m from"@tiptap/extension-text-style";import{useEditor as d,EditorContent as u}from"@tiptap/react";const v=({children:t,...i})=>{const r={size:`box-size-${i.size??"100"}`,direction:`box-direction-${i.direction??"row"}`,justify:void 0===i.justify?"":Array.isArray(i.justify)?i.justify?.join(" "):i.justify,align:void 0===i.align?"":Array.isArray(i.align)?i.align?.join(" "):i.align},l={className:a(["box",i.className??"",r.size,r.direction,r.justify,r.align]),style:i.css,id:i.id};return e.createElement("div",{...l},t)},f=({editor:t,active:i})=>i&&e.createElement(e.Fragment,null,e.createElement("a",{className:"editor-menu-item"+(t.isActive("heading",{level:1})?" active":""),href:"#",style:{fontSize:".975em"},onClick:e=>{e.preventDefault(),t.chain().focus().toggleHeading({level:1}).run()}},e.createElement("i",{className:"bi bi-type-h1"})),e.createElement("a",{className:"editor-menu-item"+(t.isActive("heading",{level:2})?" active":""),href:"#",style:{fontSize:".975em"},onClick:e=>{e.preventDefault(),t.chain().focus().toggleHeading({level:2}).run()}},e.createElement("i",{className:"bi bi-type-h2"})),e.createElement("a",{className:"editor-menu-item"+(t.isActive("heading",{level:3})?" active":""),href:"#",style:{fontSize:".975em"},onClick:e=>{e.preventDefault(),t.chain().focus().toggleHeading({level:3}).run()}},e.createElement("i",{className:"bi bi-type-h3"}))),g=({editor:a,active:r})=>{const[l,n]=t(!1),[c,o]=t("");return i((()=>{o("")}),[l]),r&&e.createElement(e.Fragment,null,e.createElement("a",{className:"editor-menu-item"+(a.isActive("link")?" active":""),href:"#",onClick:e=>{e.preventDefault(),a.isActive("link")?a.chain().focus().unsetLink().run():n(!l)}},e.createElement("i",{className:"bi bi-link"})),l&&e.createElement("div",{className:"editor-link"},e.createElement("input",{className:"form-control form-control-sm",placeholder:"https://example.com.br",style:{fontSize:".8em",flex:1},type:"text",value:c,onChange:e=>o(e.target.value)}),e.createElement("a",{className:"text-primary ms-2",href:"#",style:{fontSize:".8em"},onClick:e=>{e.preventDefault(),""===c?a.chain().focus().extendMarkRange("link").unsetLink().run():a.chain().focus().extendMarkRange("link").setLink({href:c}).run(),n(!1)}},e.createElement("i",{className:"bi bi-save me-1"}),"Save")))},p=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("bold")?" active":""),href:"#",onClick:e=>{e.preventDefault(),t.chain().focus().toggleBold().run()}},e.createElement("i",{className:"bi bi-type-bold"})),h=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("code")?" active":""),href:"#",style:{fontSize:".975em"},onClick:e=>{e.preventDefault(),t.chain().focus().toggleCode().run()}},e.createElement("i",{className:"bi bi-code-slash"})),b=({editor:t,active:i})=>i&&e.createElement("input",{style:{width:"22px",height:"20px",borderRadius:"5px",margin:"auto 2.5px",border:"2px solid var(--editor-border-color)"},type:"color",value:t.getAttributes("textStyle").color??"#000000",onChange:e=>t.chain().focus().setColor(e.target.value).run()}),E=({editor:a,active:r})=>{const[l,n]=t(null),c=e=>{const t=(e.clipboardData||e.originalEvent.clipboardData).items;for(const e of t)if(0===e.type.indexOf("image")){const t=e.getAsFile(),i=new FileReader;i.onload=e=>{a.chain().focus().setImage({src:e?.target?.result}).run()},i.readAsDataURL(t)}};return i((()=>(null!==a.view.dom.parentNode&&r&&a.view.dom.parentNode.addEventListener("paste",c),()=>{a.view.dom.parentNode?.removeEventListener("paste",c)})),[]),i((()=>{if(void 0!==l?.name){const e=new FileReader;e.readAsDataURL(l),e.onload=()=>{a.chain().focus().setImage({src:e.result}).run()}}}),[l]),r&&e.createElement("div",{className:"editor-image"},e.createElement("input",{accept:"image/png, image/jpeg",name:"editor-image",type:"file",onChange:e=>n(e.target.files?.[0])}),e.createElement("a",{className:"editor-menu-item"+(a.isActive("link")?" active":""),href:"#",style:{fontSize:".975em"},onClick:e=>{e.preventDefault()}},e.createElement("i",{className:"bi bi-image"})))},N=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("italic")?" active":""),href:"#",onClick:e=>{e.preventDefault(),t.chain().focus().toggleItalic().run()}},e.createElement("i",{className:"bi bi-type-italic"})),k=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("strike")?" active":""),href:"#",onClick:e=>{e.preventDefault(),t.chain().focus().toggleStrike().run()}},e.createElement("i",{className:"bi bi-type-strikethrough"})),y=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("orderedList")?" active":""),href:"#",onClick:e=>{e.preventDefault(),t.chain().focus().toggleOrderedList().run()}},e.createElement("i",{className:"bi bi-list-ol"})),x=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("underline")?" active":""),href:"#",onClick:e=>{e.preventDefault(),t.chain().focus().toggleUnderline().run()}},e.createElement("i",{className:"bi bi-type-underline"})),A=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("highlight")?" active":""),href:"#",style:{fontSize:".975em"},onClick:e=>{e.preventDefault(),t.chain().focus().toggleHighlight().run()}},e.createElement("i",{className:"bi bi-highlighter"})),C=({editor:t,active:i})=>i&&e.createElement("a",{className:"editor-menu-item"+(t.isActive("bulletList")?" active":""),href:"#",onClick:e=>{e.preventDefault(),t.chain().focus().toggleBulletList().run()}},e.createElement("i",{className:"bi bi-list-task"})),D=({editor:t,options:i})=>e.createElement("div",{className:"editor-menu"},e.createElement("div",{className:"editor-menu-group"},e.createElement(f,{active:i.text,editor:t}),e.createElement(p,{active:i.bold,editor:t}),e.createElement(N,{active:i.italic,editor:t}),e.createElement(b,{active:i.color,editor:t}),e.createElement(k,{active:i.strike,editor:t}),e.createElement(x,{active:i.underline,editor:t}),e.createElement(h,{active:i.code,editor:t}),e.createElement(A,{active:i.highlight,editor:t})),e.createElement("div",{className:"editor-menu-group"},e.createElement(C,{active:i.bulletlist,editor:t}),e.createElement(y,{active:i.orderlist,editor:t}),e.createElement(g,{active:i.link,editor:t}),e.createElement(E,{active:i.image,editor:t}))),z=({iconPrefix:t="bi bi-",...i})=>i.label&&e.createElement("p",{className:"form-label"},i.icon&&e.createElement("i",{className:t+i.icon+" me-1"}),i.label,i.required&&e.createElement("span",{className:"text-danger"},"*")),L=({errors:t,name:i,...a})=>a.mode&&"Controlled"!==a.mode?e.createElement("div",{className:t[i??""]?"invalid-feedback is-invalid":"","data-name":i??"",id:"j_feedback",style:{display:t[i??""]?"block":"none"}},t[i??""]?t[i??""].message:""):e.createElement("div",{"data-name":i,id:"j_feedback"}),j={text:!0,bold:!0,italic:!0,color:!0,strike:!1,underline:!1,code:!1,highlight:!1,bulletlist:!1,orderlist:!1,link:!1,image:!1},S={text:!0,bold:!0,italic:!0,color:!0,strike:!0,underline:!0,code:!0,highlight:!0,bulletlist:!0,orderlist:!0,link:!0,image:!0},w=({options:a="basic",iconPrefix:f="bi bi-",...g})=>{const[p,h]=t(!1),b=d({extensions:[n,o,s,c,m,r.configure({validate:e=>/^https?:\/\//.test(e),HTMLAttributes:{rel:""}}),l.configure({allowBase64:!0})],editable:!g.disabled,content:g.value??"",onFocus:()=>h(!0),onBlur:()=>h(!1),onUpdate:({editor:e})=>{g.onChange(e.getHTML())}});return b?(i((()=>{b&&!p&&b?.commands.setContent(g.value)}),[g.value]),e.createElement(v,{className:g.className,css:g.css,size:g.size??"100"},e.createElement(z,{...g}),e.createElement("div",{className:"editor-container"},!g.disabled&&e.createElement(D,{editor:b,options:"basic"===a?j:"full"===a?S:a}),e.createElement(u,{className:"editor",disabled:g.disabled,editor:b,id:g.id,name:g.name,style:{minHeight:(g.height??100)+"px"}})),e.createElement(L,{...g}))):(console.error("Não foi possível realizar o carregamento do editor de texto."),null)};export{w as Editor};
+import { Editor as t } from "./editor/index.esm.js";
+export {
+  t as Editor
+};
 //# sourceMappingURL=index.esm.js.map