@onereach/ui-components 4.2.0-beta.2545.0 → 4.2.0-beta.2546.0

package/dist/esm/v2/{OrRichTextEditor-dfddef2b.js → OrRichTextEditor-1807042a.js}

@@ -499,7 +499,7 @@ var script = defineComponent({
       return [...Toolbar, ...(isFocused.value ? ToolbarButtonFocused : ToolbarButton)];
     });
     const editorInputStyles = computed(() => {
-      return ['tiptap-editor', ...(props.fullHeight ? ['h-full'] : []), ...EditorInput];
+      return ['tiptap-editor', ...(props.fullHeight ? ['h-full overflow-y-auto'] : []), ...EditorInput];
     });
     //Effects
     watch(proxyModelValue, value => {
@@ -615,7 +615,9 @@ var __vue_render__ = function () {
       })], 1);
     }), 0);
   }), 0), _vm._v(" "), _c('div', {
-    staticClass: "p-sm"
+    class: ['p-sm', {
+      'h-[87%]': _vm.fullHeight
+    }]
   }, [_c('div', {
     ref: "editorRef",
     class: _vm.editorInputStyles

package/dist/esm/v2/components/index.js

@@ -107,7 +107,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665
 export { _ as OrTooltip } from '../OrTooltip-cfb56e8f.js';
 export { _ as OrTooltipContent } from '../OrTooltipContent-c9540548.js';
 export { _ as OrTooltipV3 } from '../OrTooltip-82c59279.js';
-export { _ as OrRichTextEditorV3 } from '../OrRichTextEditor-dfddef2b.js';
+export { _ as OrRichTextEditorV3 } from '../OrRichTextEditor-1807042a.js';
 import 'vue-demi';
 import 'lodash';
 import '../style-inject.es-4c6f2515.js';

package/dist/esm/v2/components/or-rich-text-editor-v3/index.js

@@ -1,4 +1,4 @@
-export { _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-dfddef2b.js';
+export { _ as OrRichTextEditorV3 } from '../../OrRichTextEditor-1807042a.js';
 import 'vue-demi';
 import '@vueuse/integrations/useFocusTrap';
 import '@vueuse/core';

package/dist/esm/v2/index.js

@@ -107,7 +107,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-06654
 export { _ as OrTooltip } from './OrTooltip-cfb56e8f.js';
 export { _ as OrTooltipContent } from './OrTooltipContent-c9540548.js';
 export { _ as OrTooltipV3 } from './OrTooltip-82c59279.js';
-export { _ as OrRichTextEditorV3 } from './OrRichTextEditor-dfddef2b.js';
+export { _ as OrRichTextEditorV3 } from './OrRichTextEditor-1807042a.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-df91fa50.js';

package/dist/esm/v3/{OrRichTextEditor-f4ce18ef.js → OrRichTextEditor-da724bf1.js}

@@ -499,7 +499,7 @@ var script = defineComponent({
       return [...Toolbar, ...(isFocused.value ? ToolbarButtonFocused : ToolbarButton)];
     });
     const editorInputStyles = computed(() => {
-      return ['tiptap-editor', ...(props.fullHeight ? ['h-full'] : []), ...EditorInput];
+      return ['tiptap-editor', ...(props.fullHeight ? ['h-full overflow-y-auto'] : []), ...EditorInput];
     });
     //Effects
     watch(proxyModelValue, value => {
@@ -541,17 +541,14 @@ var script = defineComponent({
   }
 });
 
-const _hoisted_1 = {
-  class: "p-sm"
-};
-const _hoisted_2 = /*#__PURE__*/createElementVNode("p", {
+const _hoisted_1 = /*#__PURE__*/createElementVNode("p", {
   class: "text-headline-2"
 }, " Add Link ", -1 /* HOISTED */);
-const _hoisted_3 = {
+const _hoisted_2 = {
   class: "flex ml-auto gap-md"
 };
-const _hoisted_4 = /*#__PURE__*/createElementVNode("p", null, "Cancel", -1 /* HOISTED */);
-const _hoisted_5 = /*#__PURE__*/createElementVNode("p", null, "Save", -1 /* HOISTED */);
+const _hoisted_3 = /*#__PURE__*/createElementVNode("p", null, "Cancel", -1 /* HOISTED */);
+const _hoisted_4 = /*#__PURE__*/createElementVNode("p", null, "Save", -1 /* HOISTED */);
 
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_or_label = resolveComponent("or-label");
@@ -614,10 +611,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: $event => _ctx.handleToolbarClick(item)
       }, null, 8 /* PROPS */, ["tooltip", "selected", "disabled", "icon", "onClick"]))]);
     }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */);
-  }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */), createElementVNode("div", _hoisted_1, [createElementVNode("div", {
+  }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */), createElementVNode("div", {
+    class: normalizeClass(['p-sm', {
+      'h-[87%]': _ctx.fullHeight
+    }])
+  }, [createElementVNode("div", {
     ref: "editorRef",
     class: normalizeClass(_ctx.editorInputStyles)
-  }, null, 2 /* CLASS */), renderSlot(_ctx.$slots, "files")])], 2 /* CLASS */), _ctx.toolbarButtonRef ? (openBlock(), createBlock(_component_or_menu, {
+  }, null, 2 /* CLASS */), renderSlot(_ctx.$slots, "files")], 2 /* CLASS */)], 2 /* CLASS */), _ctx.toolbarButtonRef ? (openBlock(), createBlock(_component_or_menu, {
     key: 0,
     ref: "menuRef",
     trigger: _ctx.toolbarButtonRef[_ctx.getIndexOfHeading].root,
@@ -644,17 +645,17 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     "is-open": _ctx.isOpenLinkModal,
     size: "s"
   }, {
-    header: withCtx(() => [_hoisted_2]),
-    footer: withCtx(() => [createElementVNode("div", _hoisted_3, [createVNode(_component_or_button, {
+    header: withCtx(() => [_hoisted_1]),
+    footer: withCtx(() => [createElementVNode("div", _hoisted_2, [createVNode(_component_or_button, {
       variant: "outlined",
       onClick: _ctx.discardLink
     }, {
-      default: withCtx(() => [_hoisted_4]),
+      default: withCtx(() => [_hoisted_3]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["onClick"]), createVNode(_component_or_button, {
       onClick: _ctx.attachLink
     }, {
-      default: withCtx(() => [_hoisted_5]),
+      default: withCtx(() => [_hoisted_4]),
       _: 1 /* STABLE */
     }, 8 /* PROPS */, ["onClick"])])]),
     default: withCtx(() => [createElementVNode("div", null, [createVNode(_component_or_label, null, {

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

@@ -105,7 +105,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from '../useToast-0665
 export { s as OrTooltip } from '../OrTooltip-be7209e5.js';
 export { s as OrTooltipContent } from '../OrTooltipContent-68c34911.js';
 export { s as OrTooltipV3 } from '../OrTooltip-56ed42c7.js';
-export { s as OrRichTextEditorV3 } from '../OrRichTextEditor-f4ce18ef.js';
+export { s as OrRichTextEditorV3 } from '../OrRichTextEditor-da724bf1.js';
 import 'vue-demi';
 import 'lodash';
 import 'vue';

package/dist/esm/v3/components/or-rich-text-editor-v3/index.js

@@ -1,4 +1,4 @@
-export { s as OrRichTextEditorV3 } from '../../OrRichTextEditor-f4ce18ef.js';
+export { s as OrRichTextEditorV3 } from '../../OrRichTextEditor-da724bf1.js';
 import 'vue-demi';
 import '@vueuse/integrations/useFocusTrap';
 import '@vueuse/core';

package/dist/esm/v3/index.js

@@ -105,7 +105,7 @@ export { p as PropsV3, a as useQueueV3, u as useToastV3 } from './useToast-06654
 export { s as OrTooltip } from './OrTooltip-be7209e5.js';
 export { s as OrTooltipContent } from './OrTooltipContent-68c34911.js';
 export { s as OrTooltipV3 } from './OrTooltip-56ed42c7.js';
-export { s as OrRichTextEditorV3 } from './OrRichTextEditor-f4ce18ef.js';
+export { s as OrRichTextEditorV3 } from './OrRichTextEditor-da724bf1.js';
 export { D as DropdownClose, a as DropdownOpen } from './dropdown-open-0d314aa4.js';
 export { u as useControlAttributes, a as useIdAttribute } from './useIdAttribute-859439f0.js';
 export { u as useElevation } from './useElevation-df91fa50.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "4.2.0-beta.2545.0",
+  "version": "4.2.0-beta.2546.0",
   "description": "Vue components library for v2/3",
   "sideEffects": false,
   "main": "./dist/auto/index.js",
@@ -38,7 +38,7 @@
     "@codemirror/lang-json": "6.0.0",
     "@codemirror/lang-markdown": "6.0.1",
     "@floating-ui/dom": "0.3.1",
-    "@onereach/styles": "^2.37.4-beta.2545.0",
+    "@onereach/styles": "^2.37.4-beta.2546.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.0-beta.209",
     "@tiptap/extension-blockquote": "2.0.0-beta.209",

package/src/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.ts

@@ -64,8 +64,7 @@ const Template: StoryFn<typeof OrRichTextEditor> = (args) => ({
   },
 
   template: `
-  <div class="p-lg h-[500px]">
-  <p>{{model}}</p>
+  <div class="p-lg h-[300px]">
   <OrRichTextEditor
   v-model="model"
   v-bind="args"

package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue

@@ -42,7 +42,7 @@
           </div>
         </div>
       </div>
-      <div class="p-sm">
+      <div :class="['p-sm', { 'h-[87%]': fullHeight }]">
         <div
           ref="editorRef"
           :class="editorInputStyles"
@@ -515,7 +515,7 @@ export default defineComponent({
     const editorInputStyles = computed(() => {
       return [
         'tiptap-editor',
-        ...props.fullHeight ? ['h-full'] : [],
+        ...props.fullHeight ? ['h-full overflow-y-auto'] : [],
         ...EditorInput,
       ];
     });