@orangesix/react 1.4.0 → 2.0.3

package/box/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/box/box.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};\r\n\r\nBox.displayName = \"Box\";"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","displayName"],"mappings":"mEAmBO,MAAMA,EAAM,EAAGC,cAAaC,MAC/B,MAAMC,EAAM,CACRC,KAAM,YAAaF,EAAME,MAAQ,QACjCC,UAAW,iBAAiBH,EAAMG,WAAa,QAC/CC,aAA2BC,IAAlBL,EAAMI,QAAwB,GAAKE,MAAMC,QAAQP,EAAMI,SAAWJ,EAAMI,SAASI,KAAK,KAAOR,EAAMI,QAC5GK,WAAuBJ,IAAhBL,EAAMS,MAAsB,GAAKH,MAAMC,QAAQP,EAAMS,OAAST,EAAMS,OAAOD,KAAK,KAAOR,EAAMS,OAGlGC,EAA2D,CAC7DC,UAAWC,EAAW,CAClB,MACAZ,EAAMW,WAAa,GACnBV,EAAIC,KACJD,EAAIE,UACJF,EAAIG,QACJH,EAAIQ,QAERI,MAAOb,EAAMC,IACba,GAAId,EAAMc,IAGd,OACIC,EAAAC,cAAA,MAAA,IAASN,GAAcX,IAI/BD,EAAImB,YAAc"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +1,73 @@
+import { Ref } from 'react';
+import { ApiComponentProps, ColorProps } from '../../api';
+export interface ButtonProps extends Omit<ApiComponentProps, "size"> {
+    /**
+     * Define o objeto de referência do botão
+     */
+    ref?: Ref<any>
+
+    /**
+     * Define o tipo do botão
+     */
+    type?: "submit" | "reset" | "button";
+
+    /**
+     * Define o legenda do botão
+     */
+    label?: string
+
+    /**
+     * Desabilita a ação no botão
+     */
+    disabled?: boolean
+
+    /**
+     * Define o tamanho do botão
+     */
+    size?: "small" | "large";
+
+    /**
+     * Define o conteúdo do badge dentro do botão
+     */
+    badge?: string
+
+    /**
+     * Define a classe de estilização do badge de do botão
+     */
+    badgeClassName?: string
+
+    /**
+     * Define se o botão vai ser do tipo link
+     */
+    isLink?: boolean
+
+    /**
+     * Define se botão está estado de loading
+     */
+    isLoading?: boolean
+
+    /**
+     * Define o prefixo dos icones do pacote
+     */
+    iconPrefix?: "bi bi-" | "pi pi-"
+
+    /**
+     * Define o icone que vai ser utilizando no botão
+     */
+    icon?: string
+
+    /**
+     * Define a posição do icone dentro do botão
+     */
+    iconPos?: "top" | "bottom" | "left" | "right";
+
+    /**
+     * Define a cor do botão
+     */
+    color?: ColorProps
+
+    /**
+     * Evento de click dentro do botão
+     */
+    onClick?: () => void
+}

package/button/button/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),l=require("primereact/button");function o(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return i.default=e,Object.freeze(i)}const d=o(l),a=({...e})=>c.jsx(d.Button,{badge:e.badge,badgeClassName:e.badgeClassName,className:e.className,disabled:e.disabled,icon:e.icon!==void 0?`${e.iconPrefix??"bi bi-"}${e.icon??""} ${e.label?"me-1":""}`:void 0,iconPos:e.iconPos,id:e.id,label:e.label,link:e.isLink,loading:e.isLoading,pt:{loadingIcon:{className:"me-1"}},ref:e.ref,severity:e.color,size:e.size,style:e.css,type:e.type,onClick:e.onClick});a.displayName="Button";exports.Button=a;
+//# sourceMappingURL=index.cjs.js.map

package/button/button/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/button/button.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonProps } from \".\";\nimport * as ButtonPrimeReact from \"primereact/button\";\n\n/**\n * Componente - `Button`\n *\n * Um componente versátil que pode ser utilizado para realizar ações por exemplo em formulários de dados.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport const Button = ({ ...props }: ButtonProps) => {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <ButtonPrimeReact.Button\n            badge={props.badge}\n            badgeClassName={props.badgeClassName}\n            className={props.className}\n            disabled={props.disabled}\n            icon={props.icon !== undefined ? `${props.iconPrefix ?? \"bi bi-\"}${props.icon ?? \"\"} ${props.label ? \"me-1\" : \"\"}` : undefined}\n            iconPos={props.iconPos}\n            id={props.id}\n            label={props.label}\n            link={props.isLink}\n            loading={props.isLoading}\n            pt={{ loadingIcon: { className: \"me-1\" } }}\n            ref={props.ref}\n            severity={props.color as any}\n            size={props.size}\n            style={props.css}\n            type={props.type}\n            onClick={props.onClick}/>\n    );\n};\nButton.displayName = \"Button\";"],"names":["Button","props","jsx","ButtonPrimeReact"],"mappings":"8aAUaA,EAAS,CAAC,CAAE,GAAGC,KAOpBC,EAAAA,IAACC,EAAiB,OAAjB,CACG,MAAOF,EAAM,MACb,eAAgBA,EAAM,eACtB,UAAWA,EAAM,UACjB,SAAUA,EAAM,SAChB,KAAMA,EAAM,OAAS,OAAY,GAAGA,EAAM,YAAc,QAAQ,GAAGA,EAAM,MAAQ,EAAE,IAAIA,EAAM,MAAQ,OAAS,EAAE,GAAK,OACrH,QAASA,EAAM,QACf,GAAIA,EAAM,GACV,MAAOA,EAAM,MACb,KAAMA,EAAM,OACZ,QAASA,EAAM,UACf,GAAI,CAAE,YAAa,CAAE,UAAW,OAAO,EACvC,IAAKA,EAAM,IACX,SAAUA,EAAM,MAChB,KAAMA,EAAM,KACZ,MAAOA,EAAM,IACb,KAAMA,EAAM,KACZ,QAASA,EAAM,OAAA,CAAA,EAG3BD,EAAO,YAAc"}

package/button/button/index.esm.js

@@ -0,0 +1,29 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as a from "primereact/button";
+const l = ({ ...e }) => /* @__PURE__ */ i(
+  a.Button,
+  {
+    badge: e.badge,
+    badgeClassName: e.badgeClassName,
+    className: e.className,
+    disabled: e.disabled,
+    icon: e.icon !== void 0 ? `${e.iconPrefix ?? "bi bi-"}${e.icon ?? ""} ${e.label ? "me-1" : ""}` : void 0,
+    iconPos: e.iconPos,
+    id: e.id,
+    label: e.label,
+    link: e.isLink,
+    loading: e.isLoading,
+    pt: { loadingIcon: { className: "me-1" } },
+    ref: e.ref,
+    severity: e.color,
+    size: e.size,
+    style: e.css,
+    type: e.type,
+    onClick: e.onClick
+  }
+);
+l.displayName = "Button";
+export {
+  l as Button
+};
+//# sourceMappingURL=index.esm.js.map

package/button/button/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/button/button.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonProps } from \".\";\nimport * as ButtonPrimeReact from \"primereact/button\";\n\n/**\n * Componente - `Button`\n *\n * Um componente versátil que pode ser utilizado para realizar ações por exemplo em formulários de dados.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport const Button = ({ ...props }: ButtonProps) => {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <ButtonPrimeReact.Button\n            badge={props.badge}\n            badgeClassName={props.badgeClassName}\n            className={props.className}\n            disabled={props.disabled}\n            icon={props.icon !== undefined ? `${props.iconPrefix ?? \"bi bi-\"}${props.icon ?? \"\"} ${props.label ? \"me-1\" : \"\"}` : undefined}\n            iconPos={props.iconPos}\n            id={props.id}\n            label={props.label}\n            link={props.isLink}\n            loading={props.isLoading}\n            pt={{ loadingIcon: { className: \"me-1\" } }}\n            ref={props.ref}\n            severity={props.color as any}\n            size={props.size}\n            style={props.css}\n            type={props.type}\n            onClick={props.onClick}/>\n    );\n};\nButton.displayName = \"Button\";"],"names":["Button","props","jsx","ButtonPrimeReact"],"mappings":";;AAUO,MAAMA,IAAS,CAAC,EAAE,GAAGC,QAOpB,gBAAAC;AAAA,EAACC,EAAiB;AAAA,EAAjB;AAAA,IACG,OAAOF,EAAM;AAAA,IACb,gBAAgBA,EAAM;AAAA,IACtB,WAAWA,EAAM;AAAA,IACjB,UAAUA,EAAM;AAAA,IAChB,MAAMA,EAAM,SAAS,SAAY,GAAGA,EAAM,cAAc,QAAQ,GAAGA,EAAM,QAAQ,EAAE,IAAIA,EAAM,QAAQ,SAAS,EAAE,KAAK;AAAA,IACrH,SAASA,EAAM;AAAA,IACf,IAAIA,EAAM;AAAA,IACV,OAAOA,EAAM;AAAA,IACb,MAAMA,EAAM;AAAA,IACZ,SAASA,EAAM;AAAA,IACf,IAAI,EAAE,aAAa,EAAE,WAAW,SAAO;AAAA,IACvC,KAAKA,EAAM;AAAA,IACX,UAAUA,EAAM;AAAA,IAChB,MAAMA,EAAM;AAAA,IACZ,OAAOA,EAAM;AAAA,IACb,MAAMA,EAAM;AAAA,IACZ,SAASA,EAAM;AAAA,EAAA;AAAA;AAG3BD,EAAO,cAAc;"}

package/button/button.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { ButtonProps } from '.';
+/**
+ * Componente - `Button`
+ *
+ * Um componente versátil que pode ser utilizado para realizar ações por exemplo em formulários de dados.
+ * Permite personalizar o estilo e o conteúdo através de propriedades.
+ */
+export declare const Button: {
+    ({ ...props }: ButtonProps): React.JSX.Element;
+    displayName: string;
+};

package/button/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),i=require("primereact/button");const a=({...a})=>e.createElement(i.Button,{badge:a.badge,badgeClassName:a.badgeClassName,className:a.className,disabled:a.disabled,icon:void 0!==a.icon?`${a.iconPrefix??"bi bi-"}${a.icon??""} ${a.label?"me-1":""}`:void 0,iconPos:a.iconPos,id:a.id,label:a.label,link:a.isLink,loading:a.isLoading,pt:{loadingIcon:{className:"me-1"}},ref:a.ref,severity:a.color,size:a.size,style:a.css,type:a.type,onClick:a.onClick});a.displayName="Button",exports.Button=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./button/index.cjs.js");exports.Button=t.Button;
 //# sourceMappingURL=index.cjs.js.map

package/button/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../src/button/button.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { ButtonProps } from \"./types\";\r\nimport { Button as ButtonPrimeReact } from \"primereact/button\";\r\n\r\n/**\r\n * Componente - `Button`\r\n *\r\n * Um componente versátil que pode ser utilizado para realizar ações por exemplo em formulários de dados.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const Button = ({ ...props }: ButtonProps) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <ButtonPrimeReact badge={props.badge}\r\n                          badgeClassName={props.badgeClassName}\r\n                          className={props.className}\r\n                          disabled={props.disabled}\r\n                          icon={props.icon !== undefined ? `${props.iconPrefix ?? \"bi bi-\"}${props.icon ?? \"\"} ${props.label ? \"me-1\" : \"\"}` : undefined}\r\n                          iconPos={props.iconPos}\r\n                          id={props.id}\r\n                          label={props.label}\r\n                          link={props.isLink}\r\n                          loading={props.isLoading}\r\n                          pt={{ loadingIcon: { className: \"me-1\" } }}\r\n                          ref={props.ref}\r\n                          severity={props.color}\r\n                          size={props.size}\r\n                          style={props.css}\r\n                          type={props.type}\r\n                          onClick={props.onClick}/>\r\n    );\r\n};\r\n\r\nButton.displayName = \"Button\";"],"names":["Button","props","React","createElement","ButtonPrimeReact","badge","badgeClassName","className","disabled","icon","undefined","iconPrefix","label","iconPos","id","link","isLink","loading","isLoading","pt","loadingIcon","ref","severity","color","size","style","css","type","onClick","displayName"],"mappings":"mEAUO,MAAMA,EAAS,KAAMC,KAOpBC,EAAAC,cAACC,EAAAA,OAAgB,CAACC,MAAOJ,EAAMI,MACbC,eAAgBL,EAAMK,eACtBC,UAAWN,EAAMM,UACjBC,SAAUP,EAAMO,SAChBC,UAAqBC,IAAfT,EAAMQ,KAAqB,GAAGR,EAAMU,YAAc,WAAWV,EAAMQ,MAAQ,MAAMR,EAAMW,MAAQ,OAAS,UAAOF,EACrHG,QAASZ,EAAMY,QACfC,GAAIb,EAAMa,GACVF,MAAOX,EAAMW,MACbG,KAAMd,EAAMe,OACZC,QAAShB,EAAMiB,UACfC,GAAI,CAAEC,YAAa,CAAEb,UAAW,SAChCc,IAAKpB,EAAMoB,IACXC,SAAUrB,EAAMsB,MAChBC,KAAMvB,EAAMuB,KACZC,MAAOxB,EAAMyB,IACbC,KAAM1B,EAAM0B,KACZC,QAAS3B,EAAM2B,UAIzC5B,EAAO6B,YAAc"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/button/index.d.ts

@@ -1,112 +1,2 @@
-import React, { CSSProperties, Ref } from 'react';
-
-/**
- * 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
-}
-
-interface ButtonProps extends Omit<ApiComponentProps, "size"> {
-    /**
-     * Define o objeto de referência do botão
-     */
-    ref?: Ref<any>
-
-    /**
-     * Define o tipo do botão
-     */
-    type?: "submit" | "reset" | "button";
-
-    /**
-     * Define o legenda do botão
-     */
-    label?: string
-
-    /**
-     * Desabilita a ação no botão
-     */
-    disabled?: boolean
-
-    /**
-     * Define o tamanho do botão
-     */
-    size?: "small" | "large";
-
-    /**
-     * Define o conteúdo do badge dentro do botão
-     */
-    badge?: string
-
-    /**
-     * Define a classe de estilização do badge de do botão
-     */
-    badgeClassName?: string
-
-    /**
-     * Define se o botão vai ser do tipo link
-     */
-    isLink?: boolean
-
-    /**
-     * Define se botão está estado de loading
-     */
-    isLoading?: boolean
-
-    /**
-     * Define o prefixo dos icones do pacote
-     */
-    iconPrefix?: "bi bi-" | "pi pi-"
-
-    /**
-     * Define o icone que vai ser utilizando no botão
-     */
-    icon?: string
-
-    /**
-     * Define a posição do icone dentro do botão
-     */
-    iconPos?: "top" | "bottom" | "left" | "right";
-
-    /**
-     * Define a cor do botão
-     */
-    color?: "secondary" | "success" | "info" | "warning" | "danger" | "help" | "contrast";
-
-    /**
-     * Evento de click dentro do botão
-     */
-    onClick?: () => void
-}
-
-/**
- * Componente - `Button`
- *
- * Um componente versátil que pode ser utilizado para realizar ações por exemplo em formulários de dados.
- * Permite personalizar o estilo e o conteúdo através de propriedades.
- */
-declare const Button: {
-    ({ ...props }: ButtonProps): React.JSX.Element;
-    displayName: string;
-};
-
-export { Button };
+export * from './button';
+export * from './@types/index';

package/button/index.esm.js

@@ -1,2 +1,5 @@
-import e from"react";import{Button as i}from"primereact/button";const a=({...a})=>e.createElement(i,{badge:a.badge,badgeClassName:a.badgeClassName,className:a.className,disabled:a.disabled,icon:void 0!==a.icon?`${a.iconPrefix??"bi bi-"}${a.icon??""} ${a.label?"me-1":""}`:void 0,iconPos:a.iconPos,id:a.id,label:a.label,link:a.isLink,loading:a.isLoading,pt:{loadingIcon:{className:"me-1"}},ref:a.ref,severity:a.color,size:a.size,style:a.css,type:a.type,onClick:a.onClick});a.displayName="Button";export{a as Button};
+import { Button as r } from "./button/index.esm.js";
+export {
+  r as Button
+};
 //# sourceMappingURL=index.esm.js.map

package/button/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/button/button.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { ButtonProps } from \"./types\";\r\nimport { Button as ButtonPrimeReact } from \"primereact/button\";\r\n\r\n/**\r\n * Componente - `Button`\r\n *\r\n * Um componente versátil que pode ser utilizado para realizar ações por exemplo em formulários de dados.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const Button = ({ ...props }: ButtonProps) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <ButtonPrimeReact badge={props.badge}\r\n                          badgeClassName={props.badgeClassName}\r\n                          className={props.className}\r\n                          disabled={props.disabled}\r\n                          icon={props.icon !== undefined ? `${props.iconPrefix ?? \"bi bi-\"}${props.icon ?? \"\"} ${props.label ? \"me-1\" : \"\"}` : undefined}\r\n                          iconPos={props.iconPos}\r\n                          id={props.id}\r\n                          label={props.label}\r\n                          link={props.isLink}\r\n                          loading={props.isLoading}\r\n                          pt={{ loadingIcon: { className: \"me-1\" } }}\r\n                          ref={props.ref}\r\n                          severity={props.color}\r\n                          size={props.size}\r\n                          style={props.css}\r\n                          type={props.type}\r\n                          onClick={props.onClick}/>\r\n    );\r\n};\r\n\r\nButton.displayName = \"Button\";"],"names":["Button","props","React","createElement","ButtonPrimeReact","badge","badgeClassName","className","disabled","icon","undefined","iconPrefix","label","iconPos","id","link","isLink","loading","isLoading","pt","loadingIcon","ref","severity","color","size","style","css","type","onClick","displayName"],"mappings":"gEAUO,MAAMA,EAAS,KAAMC,KAOpBC,EAAAC,cAACC,EAAgB,CAACC,MAAOJ,EAAMI,MACbC,eAAgBL,EAAMK,eACtBC,UAAWN,EAAMM,UACjBC,SAAUP,EAAMO,SAChBC,UAAqBC,IAAfT,EAAMQ,KAAqB,GAAGR,EAAMU,YAAc,WAAWV,EAAMQ,MAAQ,MAAMR,EAAMW,MAAQ,OAAS,UAAOF,EACrHG,QAASZ,EAAMY,QACfC,GAAIb,EAAMa,GACVF,MAAOX,EAAMW,MACbG,KAAMd,EAAMe,OACZC,QAAShB,EAAMiB,UACfC,GAAI,CAAEC,YAAa,CAAEb,UAAW,SAChCc,IAAKpB,EAAMoB,IACXC,SAAUrB,EAAMsB,MAChBC,KAAMvB,EAAMuB,KACZC,MAAOxB,EAAMyB,IACbC,KAAM1B,EAAM0B,KACZC,QAAS3B,EAAM2B,UAIzC5B,EAAO6B,YAAc"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/button/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "./index.cjs.js",
-  "module": "./index.esm.js",
-  "types": "./index.d.ts"
-}
+{
+  "main": "./index.cjs.js",
+  "module": "./index.esm.js",
+  "types": "./index.d.ts"
+}

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

@@ -0,0 +1,46 @@
+import { Editor } from '@tiptap/react';
+import { ApiComponentProps, ApiFieldComponentProps } from '../../api';
+export interface EditorCoreProps {
+    /**
+     * Propriedade de edição do editor de código do pacote TipTap
+     * @link https://tiptap.dev/
+     */
+    editor: Editor
+}
+
+export interface EditorOptionsProps {
+    text: boolean
+    bold: boolean;
+    italic: boolean;
+    color: boolean
+    strike: boolean;
+    underline: boolean;
+    code: boolean;
+    highlight: boolean;
+    bulletlist: boolean
+    orderlist: boolean
+    link: boolean
+    image: boolean
+}
+
+export 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
+
+    /**
+     * Metodo responsável por alterar o valor do state inicial
+     */
+    onChange(value: string): void
+}

package/editor/_editor.scss

@@ -1,107 +1,107 @@
-.editor-container {
-  position: relative;
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  border-radius: $editorToolbarBorderRadius;
-  border: 1px solid #{$shade300};
-
-  .editor {
-    width: 100%;
-    font-size: $fontSize;
-    background: $editorContentBg;
-  }
-
-  .editor-menu {
-    overflow-x: auto;
-    display: flex;
-    width: 100%;
-    padding: 2.5px;
-    align-items: center;
-    border-bottom: 1px solid #{$shade300};
-
-    &-group {
-      display: flex;
-      margin: auto 10px;
-    }
-
-    &-item {
-      color: $editorToolbarIconColor;
-      margin: auto 5px;
-      font-size: calc($fontSize * 1.2);
-    }
-
-    &-item.active {
-      color: $editorIconActiveColor;
-    }
-  }
-
-  .editor-menu::-webkit-scrollbar {
-    height: 2px;
-    width: 0;
-    background: transparent;
-  }
-
-  .editor-menu::-webkit-scrollbar-thumb {
-    border-radius: 5px;
-    background: $scrollThumbBg;
-    border: none;
-  }
-
-  .editor-link {
-    display: flex;
-    min-width: 300px;
-    z-index: 5000;
-    align-items: center;
-    top: 45px;
-    left: 10px;
-    border: 1px solid #f1f1f1;
-    border-radius: 3px;
-    padding: 10px;
-    background: #fff;
-    position: absolute;
-  }
-
-  .editor-image {
-    margin-top: 3px;
-    position: relative;
-
-    input {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      opacity: 0;
-    }
-  }
-
-  /**
-   * Personalização do style do Tiptap
-   */
-  .tiptap {
-    flex: 1;
-    padding: 10px;
-
-    a {
-      color: $primaryColor;
-      text-decoration: underline solid $primaryColor;
-    }
-
-    code {
-      background: #f0f0f0;
-      border-bottom: 3px;
-      padding: 2px 4px;
-      font-size: 85%;
-    }
-
-    img {
-      max-width: 100%;
-    }
-  }
-
-  .tiptap.ProseMirror-focused {
-    border-radius: $editorToolbarBorderRadius;
-    outline: none !important;
-  }
+.editor-container {
+  position: relative;
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  border-radius: $editorToolbarBorderRadius;
+  border: 1px solid #{$shade300};
+
+  .editor {
+    width: 100%;
+    font-size: $fontSize;
+    background: $editorContentBg;
+  }
+
+  .editor-menu {
+    overflow-x: auto;
+    display: flex;
+    width: 100%;
+    padding: 2.5px;
+    align-items: center;
+    border-bottom: 1px solid #{$shade300};
+
+    &-group {
+      display: flex;
+      margin: auto 10px;
+    }
+
+    &-item {
+      color: $editorToolbarIconColor;
+      margin: auto 5px;
+      font-size: calc($fontSize * 1.2);
+    }
+
+    &-item.active {
+      color: $editorIconActiveColor;
+    }
+  }
+
+  .editor-menu::-webkit-scrollbar {
+    height: 2px;
+    width: 0;
+    background: transparent;
+  }
+
+  .editor-menu::-webkit-scrollbar-thumb {
+    border-radius: 5px;
+    background: $scrollThumbBg;
+    border: none;
+  }
+
+  .editor-link {
+    display: flex;
+    min-width: 300px;
+    z-index: 5000;
+    align-items: center;
+    top: 45px;
+    left: 10px;
+    border: 1px solid #f1f1f1;
+    border-radius: 3px;
+    padding: 10px;
+    background: #fff;
+    position: absolute;
+  }
+
+  .editor-image {
+    margin-top: 3px;
+    position: relative;
+
+    input {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      opacity: 0;
+    }
+  }
+
+  /**
+   * Personalização do style do Tiptap
+   */
+  .tiptap {
+    flex: 1;
+    padding: 10px;
+
+    a {
+      color: $primaryColor;
+      text-decoration: underline solid $primaryColor;
+    }
+
+    code {
+      background: #f0f0f0;
+      border-bottom: 3px;
+      padding: 2px 4px;
+      font-size: 85%;
+    }
+
+    img {
+      max-width: 100%;
+    }
+  }
+
+  .tiptap.ProseMirror-focused {
+    border-radius: $editorToolbarBorderRadius;
+    outline: none !important;
+  }
 }

package/editor/const/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={text:!0,bold:!0,italic:!0,color:!0,strike:!1,underline:!1,code:!1,highlight:!1,bulletlist:!1,orderlist:!1,link:!1,image:!1},t={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.editorBasic=e;exports.editorFull=t;
+//# sourceMappingURL=index.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/editor/const.ts"],"sourcesContent":["import { EditorOptionsProps } from \".\";\n\nexport const editorBasic: EditorOptionsProps = {\n    text: true,\n    bold: true,\n    italic: true,\n    color: true,\n    strike: false,\n    underline: false,\n    code: false,\n    highlight: false,\n    bulletlist: false,\n    orderlist: false,\n    link: false,\n    image: false\n};\n\nexport const editorFull: EditorOptionsProps = {\n    text: true,\n    bold: true,\n    italic: true,\n    color: true,\n    strike: true,\n    underline: true,\n    code: true,\n    highlight: true,\n    bulletlist: true,\n    orderlist: true,\n    link: true,\n    image: true\n};"],"names":["editorBasic","editorFull"],"mappings":"gFAEO,MAAMA,EAAkC,CAC3C,KAAM,GACN,KAAM,GACN,OAAQ,GACR,MAAO,GACP,OAAQ,GACR,UAAW,GACX,KAAM,GACN,UAAW,GACX,WAAY,GACZ,UAAW,GACX,KAAM,GACN,MAAO,EACX,EAEaC,EAAiC,CAC1C,KAAM,GACN,KAAM,GACN,OAAQ,GACR,MAAO,GACP,OAAQ,GACR,UAAW,GACX,KAAM,GACN,UAAW,GACX,WAAY,GACZ,UAAW,GACX,KAAM,GACN,MAAO,EACX"}

package/editor/const/index.esm.js

@@ -0,0 +1,32 @@
+const e = {
+  text: !0,
+  bold: !0,
+  italic: !0,
+  color: !0,
+  strike: !1,
+  underline: !1,
+  code: !1,
+  highlight: !1,
+  bulletlist: !1,
+  orderlist: !1,
+  link: !1,
+  image: !1
+}, t = {
+  text: !0,
+  bold: !0,
+  italic: !0,
+  color: !0,
+  strike: !0,
+  underline: !0,
+  code: !0,
+  highlight: !0,
+  bulletlist: !0,
+  orderlist: !0,
+  link: !0,
+  image: !0
+};
+export {
+  e as editorBasic,
+  t as editorFull
+};
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/editor/const.ts"],"sourcesContent":["import { EditorOptionsProps } from \".\";\n\nexport const editorBasic: EditorOptionsProps = {\n    text: true,\n    bold: true,\n    italic: true,\n    color: true,\n    strike: false,\n    underline: false,\n    code: false,\n    highlight: false,\n    bulletlist: false,\n    orderlist: false,\n    link: false,\n    image: false\n};\n\nexport const editorFull: EditorOptionsProps = {\n    text: true,\n    bold: true,\n    italic: true,\n    color: true,\n    strike: true,\n    underline: true,\n    code: true,\n    highlight: true,\n    bulletlist: true,\n    orderlist: true,\n    link: true,\n    image: true\n};"],"names":["editorBasic","editorFull"],"mappings":"AAEO,MAAMA,IAAkC;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AACX,GAEaC,IAAiC;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AACX;"}

package/editor/const.d.ts

@@ -0,0 +1,3 @@
+import { EditorOptionsProps } from '.';
+export declare const editorBasic: EditorOptionsProps;
+export declare const editorFull: EditorOptionsProps;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/editor/core/bold.tsx"],"sourcesContent":["import React from \"react\";\nimport { EditorCoreProps } from \"..\";\n\n/**\n * Core - `Bold`\n * Extensão para renderizar texto em negrito\n */\nexport const Bold = ({ editor, active }: EditorCoreProps & { active: boolean }) => {\n    return active && (\n        <a className={\"editor-menu-item\" + (editor.isActive(\"bold\") ? \" active\" : \"\")}\n           href=\"#\"\n           onClick={event => {\n               event.preventDefault();\n               editor.chain().focus().toggleBold().run();\n           }}><i className=\"bi bi-type-bold\"/></a>\n    );\n};"],"names":["Bold","editor","active","jsx","event"],"mappings":"qHAOaA,EAAO,CAAC,CAAE,OAAAC,EAAQ,OAAAC,KACpBA,GACHC,EAAAA,IAAC,IAAA,CAAE,UAAW,oBAAsBF,EAAO,SAAS,MAAM,EAAI,UAAY,IACvE,KAAK,IACL,QAASG,GAAS,CACdA,EAAM,eAAA,EACNH,EAAO,QAAQ,MAAA,EAAQ,WAAA,EAAa,IAAA,CACxC,EAAG,SAAAE,EAAAA,IAAC,IAAA,CAAE,UAAU,iBAAA,CAAiB,CAAA,CAAA"}

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

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

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

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

package/editor/core/bold.d.ts

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