@mekari/pixel3-rich-text-editor 0.0.1-dev.0

package/dist/modules/rich-text-editor.types.d.ts

@@ -0,0 +1,54 @@
+import { Optional, PropTypes } from '@mekari/pixel3-utils';
+
+/**
+ * Exported rich text editor types.
+ */
+
+interface RichTextEditorProps {
+    id?: string;
+    value?: string;
+    placeholder?: string;
+    options?: [];
+    isInvalid: boolean;
+    isDisabled: boolean;
+    hasBorder?: boolean;
+    editor?: unknown;
+}
+interface RteStyleProviderProps {
+    id?: string;
+}
+type RichTextEditorDefinedContext = Optional<RichTextEditorProps, 'id'>;
+type RTEStyleProviderDefinedContext = Optional<RteStyleProviderProps, 'id'>;
+interface RichTextEditorApiMachine<T extends PropTypes = PropTypes> {
+    value?: string;
+    editor?: unknown;
+    placeholder?: string;
+    options?: [];
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    rootProps?: T['element'];
+    toolbarProps?: T['element'];
+    areaProps?: T['element'];
+}
+interface RichTextEditorState extends RichTextEditorProps {
+}
+interface RichTextEditorClasses {
+    root?: string;
+    toolbar?: string;
+    area?: string;
+}
+interface RTEStyleProviderApiMachine<T extends PropTypes = PropTypes> {
+    rootProps?: T['element'];
+}
+interface RTEStyleProviderState extends RteStyleProviderProps {
+}
+type RTEStyleProviderClasses = string;
+type Items = 'heading' | 'bold' | 'italic' | 'underline' | 'strike' | 'blockquote' | 'bulletList' | 'orderedList' | 'align' | 'undo' | 'redo' | 'clear';
+interface ItemOptions {
+    name?: string;
+    tooltipLabel?: string;
+    onClick?: () => void;
+    editor?: unknown;
+}
+
+export { ItemOptions, Items, RTEStyleProviderApiMachine, RTEStyleProviderClasses, RTEStyleProviderDefinedContext, RTEStyleProviderState, RichTextEditorApiMachine, RichTextEditorClasses, RichTextEditorDefinedContext, RichTextEditorProps, RichTextEditorState, RteStyleProviderProps };

package/dist/modules/rich-text-editor.types.js

@@ -0,0 +1,18 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/modules/rich-text-editor.types.ts
+var rich_text_editor_types_exports = {};
+module.exports = __toCommonJS(rich_text_editor_types_exports);

package/dist/rich-text-editor.d.mts

@@ -0,0 +1,67 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as vue from 'vue';
+
+/**
+ * MpRichTextEditor component used to content editor based Tiptap.js.
+ */
+declare const MpRichTextEditor: vue.DefineComponent<{
+    id: {
+        type: vue.PropType<string | undefined>;
+    };
+    value: {
+        type: vue.PropType<string | undefined>;
+    };
+    placeholder: {
+        type: vue.PropType<string | undefined>;
+    };
+    options: {
+        type: vue.PropType<[] | undefined>;
+    };
+    isInvalid: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isDisabled: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    hasBorder: {
+        type: vue.PropType<boolean | undefined>;
+        default: boolean;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "blur" | "focus")[], "change" | "blur" | "focus", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: {
+        type: vue.PropType<string | undefined>;
+    };
+    value: {
+        type: vue.PropType<string | undefined>;
+    };
+    placeholder: {
+        type: vue.PropType<string | undefined>;
+    };
+    options: {
+        type: vue.PropType<[] | undefined>;
+    };
+    isInvalid: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isDisabled: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    hasBorder: {
+        type: vue.PropType<boolean | undefined>;
+        default: boolean;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    isInvalid: boolean;
+    isDisabled: boolean;
+    hasBorder: boolean | undefined;
+}, {}>;
+
+export { MpRichTextEditor };

package/dist/rich-text-editor.d.ts

@@ -0,0 +1,67 @@
+import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as vue from 'vue';
+
+/**
+ * MpRichTextEditor component used to content editor based Tiptap.js.
+ */
+declare const MpRichTextEditor: vue.DefineComponent<{
+    id: {
+        type: vue.PropType<string | undefined>;
+    };
+    value: {
+        type: vue.PropType<string | undefined>;
+    };
+    placeholder: {
+        type: vue.PropType<string | undefined>;
+    };
+    options: {
+        type: vue.PropType<[] | undefined>;
+    };
+    isInvalid: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isDisabled: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    hasBorder: {
+        type: vue.PropType<boolean | undefined>;
+        default: boolean;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "blur" | "focus")[], "change" | "blur" | "focus", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    id: {
+        type: vue.PropType<string | undefined>;
+    };
+    value: {
+        type: vue.PropType<string | undefined>;
+    };
+    placeholder: {
+        type: vue.PropType<string | undefined>;
+    };
+    options: {
+        type: vue.PropType<[] | undefined>;
+    };
+    isInvalid: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    isDisabled: {
+        type: vue.PropType<boolean>;
+        default: boolean;
+    };
+    hasBorder: {
+        type: vue.PropType<boolean | undefined>;
+        default: boolean;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    isInvalid: boolean;
+    isDisabled: boolean;
+    hasBorder: boolean | undefined;
+}, {}>;
+
+export { MpRichTextEditor };