@onereach/ui-components 4.8.0-beta.2860.0 → 4.8.0-beta.2865.0

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js

@@ -1647,7 +1647,27 @@ var script = defineComponent({
         enablePasteRules: true,
         extensions: [codemirrorNode, StarterKit.configure({
           heading: false,
-          codeBlock: false
+          codeBlock: false,
+          paragraph: false,
+          bulletList: false,
+          orderedList: false,
+          blockquote: false
+        }), Paragraph.configure({
+          HTMLAttributes: {
+            class: 'my-xs'
+          }
+        }), BulletList.configure({
+          HTMLAttributes: {
+            class: 'mx-lg my-xs list-disc'
+          }
+        }), OrderedList.configure({
+          HTMLAttributes: {
+            class: 'mx-lg my-xs list-decimal'
+          }
+        }), Blockquote.configure({
+          HTMLAttributes: {
+            class: 'my-sm mx-lg px-lg border-l-2 border-outline'
+          }
         }), Heading.configure({
           levels: headingLevels
         }).extend({
@@ -1658,7 +1678,7 @@ var script = defineComponent({
               HTMLAttributes
             } = _ref3;
             return ['h' + node.attrs.level, mergeAttributes(HTMLAttributes, {
-              class: `typography-headline-${node.attrs.level}`
+              class: `typography-headline-${node.attrs.level} my-xs`
             }), 0];
           }
         }), Underline, Link.configure({
@@ -1934,7 +1954,7 @@ var script = defineComponent({
   }
 });
 
-var css_248z = ".tiptap-editor-v3 ol{margin-left:24px;margin-right:24px;list-style:decimal}.tiptap-editor-v3 .ProseMirror h1, .tiptap-editor-v3 .ProseMirror h2, .tiptap-editor-v3 .ProseMirror h3, .tiptap-editor-v3 .ProseMirror h4, .tiptap-editor-v3 .ProseMirror h5, .tiptap-editor-v3 .ProseMirror h6, .tiptap-editor-v3 .ProseMirror p{margin:4px}.tiptap-editor-v3 ul{margin-left:24px;margin-right:24px;list-style:disc outside none;list-style:initial}.tiptap-editor-v3 blockquote{margin-left:24px;margin-right:24px;margin-top:8px;margin-bottom:8px;padding-left:24px;padding-right:24px;border-left:4px solid rgba(0, 95, 177, 0.16)}.tiptap-editor-v3 .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}.tiptap-editor-v3 .cm-editor{border:none;border-radius:4px;}.tiptap-editor-v3 .cm-editor .cm-scroller{border-radius:4px}.tiptap-editor-v3 .cm-editor.cm-focused{outline:0}.tiptap-editor-v3 .cm-editor .cm-gutters{background-color:rgba(0, 95, 177, 0.12);border:none}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement{padding-left:11px;padding-right:11px}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement.cm-activeLineGutter{background-color:rgba(0, 95, 177, 0.16)}";
+var css_248z = ".tiptap-editor-v3 .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}.tiptap-editor-v3 .cm-editor{border:none;border-radius:4px;}.tiptap-editor-v3 .cm-editor .cm-scroller{border-radius:4px}.tiptap-editor-v3 .cm-editor.cm-focused{outline:0}.tiptap-editor-v3 .cm-editor .cm-gutters{background-color:rgba(0, 95, 177, 0.12);border:none}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement{padding-left:11px;padding-right:11px}.tiptap-editor-v3 .cm-editor .cm-gutters .cm-gutterElement.cm-activeLineGutter{background-color:rgba(0, 95, 177, 0.16)}";
 styleInject(css_248z);
 
 /* script */
@@ -2077,7 +2097,7 @@ var __vue_render__ = function () {
       "placement": "top-end"
     }
   }, [_c('div', {
-    staticClass: "flex p-sm gap-md"
+    staticClass: "flex p-sm gap-md bg-on-primary"
   }, _vm._l(_vm.notVisibleTools, function (item) {
     return _c('or-icon-button', {
       key: item,
@@ -2101,6 +2121,7 @@ var __vue_render__ = function () {
     });
   }), 1)]) : _vm._e(), _vm._v(" "), _vm.toolbarButtonRef ? _c('or-menu', {
     ref: "menuRef",
+    staticClass: "bg-on-primary",
     attrs: {
       "trigger": _vm.toolbarButtonRef[_vm.getIndexOfHeading].root,
       "placement": "bottom-start"

package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPublicInstance, PropType } from 'vue-demi';
-import { Formats } from './props';
+import { Formats, Tools } from './props';
 import { Editor } from '@tiptap/core';
 import { Level } from '@tiptap/extension-heading';
 declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
@@ -59,20 +59,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     toolbar: {
-        type: {
-            (arrayLength: number): string[][];
-            (...items: string[][]): string[][];
-            new (arrayLength: number): string[][];
-            new (...items: string[][]): string[][];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
+        type: PropType<Tools>;
         default: () => never[];
     };
     description: {
@@ -101,20 +88,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
         default: undefined;
     };
     toolbar: {
-        type: {
-            (arrayLength: number): string[][];
-            (...items: string[][]): string[][];
-            new (arrayLength: number): string[][];
-            new (...items: string[][]): string[][];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
-            from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
-            from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
-            of<T_4>(...items: T_4[]): T_4[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
+        type: PropType<Tools>;
         default: () => never[];
     };
     description: {
@@ -139,7 +113,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     };
 }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
     modelValue: string;
-    toolbar: string[][];
+    toolbar: Tools;
     description: string;
     placeholder: string;
     autofocus: boolean;
@@ -200,7 +174,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     sourceValue: import("@vue/composition-api").Ref<string>;
 }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
     modelValue: string;
-    toolbar: string[][];
+    toolbar: Tools;
     description: string;
     placeholder: string;
     autofocus: boolean;
@@ -210,7 +184,7 @@ declare const _default: import("vue").ComponentOptions<import("vue").default, im
     [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: string;
-    toolbar: string[][];
+    toolbar: Tools;
     description: string;
     placeholder: string;
     autofocus: boolean;

package/dist/bundled/v2/components/OrRichTextEditorV3/props.d.ts

@@ -2,3 +2,4 @@ export declare enum Formats {
     Markdown = "markdown",
     Markup = "markup"
 }
+export type Tools = string[][];