@onereach/ui-components 8.18.2 → 8.18.3-beta.3938.0

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

@@ -1 +1 @@
-export { s as default } from '../OrRichTextEditorV3-243f2ed9.js';
+export { s as default } from '../OrRichTextEditorV3-1ebcb9b0.js';

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

@@ -74,6 +74,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     proxyModelValue: import("vue-demi").WritableComputedRef<string | undefined>;
     disableMarkdown: import("vue-demi").Ref<boolean>;
     sourceValue: import("vue-demi").Ref<string>;
+    activeHeadingLevel: import("vue-demi").Ref<number>;
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("update:modelValue" | "input" | "file-upload")[], "update:modelValue" | "input" | "file-upload", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;

package/dist/bundled/v3/components/OrRichTextEditorV3/index.js

@@ -1 +1 @@
-export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditorV3-243f2ed9.js';
+export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditorV3-1ebcb9b0.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/props.js

@@ -1 +1 @@
-export { F as Formats } from '../OrRichTextEditorV3-243f2ed9.js';
+export { F as Formats } from '../OrRichTextEditorV3-1ebcb9b0.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/styles.js

@@ -1 +1 @@
-export { E as EditorContainer, f as EditorInput, b as Toolbar, c as ToolbarButton, e as ToolbarButtonFocused, T as ToolbarContainer } from '../OrRichTextEditorV3-243f2ed9.js';
+export { E as EditorContainer, f as EditorInput, b as Toolbar, c as ToolbarButton, e as ToolbarButtonFocused, T as ToolbarContainer } from '../OrRichTextEditorV3-1ebcb9b0.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorNode.js

@@ -1,2 +1,2 @@
-export { i as default } from '../../../OrRichTextEditorV3-243f2ed9.js';
+export { i as default } from '../../../OrRichTextEditorV3-1ebcb9b0.js';
 import '../../../OrCode-46b1b8aa.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorView.js

@@ -1,2 +1,2 @@
-export { C as default } from '../../../OrRichTextEditorV3-243f2ed9.js';
+export { C as default } from '../../../OrRichTextEditorV3-1ebcb9b0.js';
 import '../../../OrCode-46b1b8aa.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/index.js

@@ -1 +1 @@
-export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-243f2ed9.js';
+export { C as CodeMirrorView } from '../../../OrRichTextEditorV3-1ebcb9b0.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/theme.js

@@ -1,3 +1,3 @@
 import '../../../OrCode-46b1b8aa.js';
 import '../../../../hooks/useTheme.js';
-export { g as color, t as default, h as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-243f2ed9.js';
+export { g as color, t as default, h as orCodeHighlightStyle, o as orCodeTheme } from '../../../OrRichTextEditorV3-1ebcb9b0.js';

package/dist/bundled/v3/components/OrRichTextEditorV3/utils/markdown.js

@@ -1 +1 @@
-export { d as deserialize, a as serialize } from '../../OrRichTextEditorV3-243f2ed9.js';
+export { d as deserialize, a as serialize } from '../../OrRichTextEditorV3-1ebcb9b0.js';

package/dist/bundled/v3/components/{OrRichTextEditorV3-243f2ed9.js → OrRichTextEditorV3-1ebcb9b0.js}

@@ -27283,11 +27283,12 @@ var script = defineComponent({
       proxyModelValue.value = markdownOutput.value;
     };
     const handleToolbarClick = (item, level) => {
-      var _a, _b;
+      var _a, _b, _c, _d;
       switch (item) {
         case 'source':
           disableMarkdown.value = !disableMarkdown.value;
           sourceValue.value = serialize(editor === null || editor === void 0 ? void 0 : editor.schema, editor === null || editor === void 0 ? void 0 : editor.getJSON());
+          (_a = textareaRef.value) === null || _a === void 0 ? void 0 : _a.style.setProperty('height', `${((_b = editorRef.value) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 88}px`);
           nextTick(() => {
             var _a;
             return (_a = textareaRef.value) === null || _a === void 0 ? void 0 : _a.focus();
@@ -27305,15 +27306,15 @@ var script = defineComponent({
               to,
               empty
             } = editor.state.selection;
-            const isLink = (_a = editor.view.state.doc.nodeAt(cursorPosition)) === null || _a === void 0 ? void 0 : _a.marks.filter(mark => mark.type.name === 'link');
-            const existedText = (isLink === null || isLink === void 0 ? void 0 : isLink.length) ? ((_b = editor.view.state.doc.nodeAt(cursorPosition)) === null || _b === void 0 ? void 0 : _b.text) || '' : '';
+            const isLink = (_c = editor.view.state.doc.nodeAt(cursorPosition)) === null || _c === void 0 ? void 0 : _c.marks.filter(mark => mark.type.name === 'link');
+            const existedText = (isLink === null || isLink === void 0 ? void 0 : isLink.length) ? ((_d = editor.view.state.doc.nodeAt(cursorPosition)) === null || _d === void 0 ? void 0 : _d.text) || '' : '';
             text.value = empty ? existedText : editor.state.doc.textBetween(from, to, ' ');
             link.value = editor.getAttributes('link').href || '';
           }
           isOpenLinkModal.value = !isOpenLinkModal.value;
           break;
         case 'blockquote':
-          editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleBlockquote().run();
+          editor === null || editor === void 0 ? void 0 : editor.chain().toggleBlockquote().run();
           break;
         case 'codeBlock':
           if (!isActive.value['codeBlock']) {
@@ -27334,7 +27335,6 @@ var script = defineComponent({
               level: level
             });
           }
-          editor === null || editor === void 0 ? void 0 : editor.commands.focus();
           break;
         case 'undo':
         case 'redo':
@@ -27344,7 +27344,7 @@ var script = defineComponent({
           context.emit('file-upload');
           break;
         default:
-          editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleMark(item).run();
+          editor === null || editor === void 0 ? void 0 : editor.chain().toggleMark(item).run();
           break;
       }
     };
@@ -27463,7 +27463,8 @@ var script = defineComponent({
       handleInput,
       proxyModelValue,
       disableMarkdown,
-      sourceValue
+      sourceValue,
+      activeHeadingLevel
     };
   }
 });
@@ -27531,7 +27532,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           variant: 'inherit',
           size: 'm'
         },
-        onClick: _cache[0] || (_cache[0] = $event => _ctx.menuRef.open())
+        onClick: _cache[0] || (_cache[0] = $event => _ctx.menuRef.toggle())
       }, null, 8 /* PROPS */, ["selected", "disabled", "tooltip", "icon"])) : _ctx.isVisible(item) ? (openBlock(), createBlock(_component_or_icon_button, {
         key: 1,
         tooltip: {
@@ -27609,19 +27610,24 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [(openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.headingLevels, heading => {
       return openBlock(), createBlock(_component_or_menu_item, {
         key: heading,
+        class: normalizeClass({
+          'bg-surface-1': _ctx.activeHeadingLevel === heading
+        }),
         onClick: $event => _ctx.handleToolbarClick('heading', heading)
       }, {
         default: withCtx(() => [createTextVNode(" Heading " + toDisplayString(heading), 1 /* TEXT */)]),
 
         _: 2 /* DYNAMIC */
-      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"]);
+      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["class", "onClick"]);
     }), 128 /* KEYED_FRAGMENT */)), createVNode(_component_or_menu_item, {
+      class: normalizeClass({
+        'bg-surface-1': !_ctx.activeHeadingLevel
+      }),
       onClick: _cache[5] || (_cache[5] = $event => _ctx.handleToolbarClick('heading'))
     }, {
       default: withCtx(() => [createTextVNode(" None ")]),
       _: 1 /* STABLE */
-    })]),
-
+    }, 8 /* PROPS */, ["class"])]),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["trigger"])) : createCommentVNode("v-if", true), createVNode(_component_or_modal, {
     "is-open": _ctx.isOpenLinkModal,

package/dist/bundled/v3/components/index.js

@@ -80,7 +80,7 @@ export { s as OrRangeSliderV3 } from './OrRangeSliderV3-f8024c15.js';
 export { s as OrSliderV3, S as RangeSliderColor, a as RangeSliderOrientation, S as SliderColor, a as SliderOrientation } from './OrSliderV3-b69331d1.js';
 export { s as OrRatingV3 } from './OrRatingV3-b6b47938.js';
 export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement, R as SidebarPadding } from './OrResizeablePanelV3-39bf5dc7.js';
-export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-243f2ed9.js';
+export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditorV3-1ebcb9b0.js';
 export { default as OrSearch } from './OrSearch/OrSearch.js';
 export { OrSearchV3 } from './OrSearchV3/index.js';
 export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControlV3-56862f95.js';