@onereach/ui-components 21.0.0 → 21.1.0-beta.5337.0

package/dist/esm/components/index.js

@@ -109,6 +109,7 @@ import '@tiptap/extension-ordered-list';
 import '@tiptap/extension-paragraph';
 import '@tiptap/extension-placeholder';
 import '@tiptap/extension-underline';
+import '@tiptap/extension-character-count';
 import '@tiptap/starter-kit';
 import '@vueuse/integrations/useFocusTrap';
 import 'prosemirror-state';

package/dist/esm/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts

@@ -43,6 +43,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    maxLength: {
+        type: NumberConstructor;
+        required: false;
+        default: undefined;
+    };
 }, {
     root: import("vue").Ref<HTMLElement | undefined>;
     rootStyles: import("vue").ComputedRef<string[]>;
@@ -123,6 +128,11 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    maxLength: {
+        type: NumberConstructor;
+        required: false;
+        default: undefined;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
@@ -140,5 +150,6 @@ declare const _default: import("vue").DefineComponent<{
     error: string | boolean;
     required: boolean;
     disabled: boolean;
+    maxLength: number;
 }, {}>;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { defineComponent, shallowRef, ref, onMounted, onBeforeUnmount, computed, watch, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createElementVNode, Fragment, renderList, withDirectives, vShow, vModelText } from 'vue';
+import { defineComponent, shallowRef, ref, onMounted, onBeforeUnmount, computed, watch, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createVNode, createElementVNode, Fragment, renderList, withDirectives, vShow, vModelText, createSlots } from 'vue';
 import { s as styleInject } from '../OrInlineInputV3-4e69972f.js';
 import { Node, Editor, mergeAttributes } from '@tiptap/core';
 import Blockquote from '@tiptap/extension-blockquote';
@@ -10,6 +10,7 @@ import OrderedList from '@tiptap/extension-ordered-list';
 import Paragraph from '@tiptap/extension-paragraph';
 import Placeholder from '@tiptap/extension-placeholder';
 import Underline from '@tiptap/extension-underline';
+import CharacterCount from '@tiptap/extension-character-count';
 import StarterKit from '@tiptap/starter-kit';
 import { useResizeObserver, useDebounceFn, onClickOutside } from '@vueuse/core';
 import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';
@@ -643,6 +644,11 @@ var script = defineComponent({
     disabled: {
       type: Boolean,
       default: false
+    },
+    maxLength: {
+      type: Number,
+      required: false,
+      default: undefined
     }
   },
   emits: ['update:modelValue', 'input', 'file-upload', 'focus', 'blur'],
@@ -761,6 +767,8 @@ var script = defineComponent({
           HTMLAttributes: {
             class: 'my-sm mx-lg px-lg border-l-2 border-outline'
           }
+        }), CharacterCount.configure({
+          limit: props.maxLength
         }), Heading.configure({
           levels: headingLevels
         }).extend({
@@ -1156,18 +1164,26 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       class: normalizeClass(_ctx.controlStyles)
     }, null, 2 /* CLASS */), [[vShow, !_ctx.disableMarkdown]]), renderSlot(_ctx.$slots, "files")])]),
     _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["invalid", "disabled"]), _ctx.$slots.hint || _ctx.hint ? withDirectives((openBlock(), createBlock(_component_OrHint, {
+  }, 8 /* PROPS */, ["invalid", "disabled"]), _ctx.$slots.hint || _ctx.hint || _ctx.maxLength ? withDirectives((openBlock(), createBlock(_component_OrHint, {
     key: 1,
     disabled: _ctx.disabled
-  }, {
+  }, createSlots({
     default: withCtx(() => [renderSlot(_ctx.$slots, "hint", {}, () => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)])]),
-    _: 3 /* FORWARDED */
-  }, 8 /* PROPS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
+    _: 2 /* DYNAMIC */
+  }, [_ctx.maxLength && _ctx.editor ? {
+    name: "addon",
+    fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.editor.storage.characterCount.characters()) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
+    key: "0"
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"])), [[vShow, !_ctx.error]]) : createCommentVNode("v-if", true), withDirectives(createVNode(_component_OrError, {
     disabled: _ctx.disabled
-  }, {
-    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
-    _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]]), _ctx.moreButtonRef ? (openBlock(), createBlock(_component_OrPopover, {
+  }, createSlots({
+    default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error) + " ", 1 /* TEXT */)]),
+    _: 2 /* DYNAMIC */
+  }, [_ctx.maxLength && _ctx.editor ? {
+    name: "addon",
+    fn: withCtx(() => [createTextVNode(toDisplayString(_ctx.editor.storage.characterCount.characters()) + " / " + toDisplayString(_ctx.maxLength), 1 /* TEXT */)]),
+    key: "0"
+  } : undefined]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["disabled"]), [[vShow, typeof _ctx.error === 'string' && _ctx.error.length > 0]]), _ctx.moreButtonRef ? (openBlock(), createBlock(_component_OrPopover, {
     key: 2,
     ref: 'moreRef',
     trigger: _ctx.moreButtonRef && _ctx.moreButtonRef.root,

package/dist/esm/index.js

@@ -109,6 +109,7 @@ import '@tiptap/extension-ordered-list';
 import '@tiptap/extension-paragraph';
 import '@tiptap/extension-placeholder';
 import '@tiptap/extension-underline';
+import '@tiptap/extension-character-count';
 import '@tiptap/starter-kit';
 import '@vueuse/integrations/useFocusTrap';
 import 'prosemirror-state';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "21.0.0",
+  "version": "21.1.0-beta.5337.0",
   "description": "Vue components library for v3",
   "sideEffects": false,
   "exports": {
@@ -51,6 +51,7 @@
     "@tiptap/extension-blockquote": "2.0.3",
     "@tiptap/extension-bold": "2.0.3",
     "@tiptap/extension-bullet-list": "2.0.3",
+    "@tiptap/extension-character-count": "2.0.3",
     "@tiptap/extension-code-block": "2.0.3",
     "@tiptap/extension-hard-break": "2.0.3",
     "@tiptap/extension-heading": "2.0.3",
@@ -101,6 +102,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2",
-  "gitHead": "1b0b3229bd78b1c713901758e3bab1567d899cd6"
+  "npmUnpacked": "4.15.2"
 }