@onereach/ui-components 10.2.0 → 10.2.1-beta.4272.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.js +382 -252
  2. package/dist/bundled/v2/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts +21 -68
  3. package/dist/bundled/v2/components/OrRichTextEditorV3/styles.d.ts +1 -0
  4. package/dist/bundled/v2/components/OrRichTextEditorV3/styles.js +5 -4
  5. package/dist/bundled/v2/components/OrRichTextEditorV3/utils/codemirror/codemirrorNode.js +1 -1
  6. package/dist/bundled/v2/components/OrRichTextEditorV3/utils/codemirror/codemirrorView.js +1 -1
  7. package/dist/bundled/v2/components/OrRichTextEditorV3/utils/markdown.js +2 -2
  8. package/dist/bundled/v2/{index-02a897ac.js → index-0e9c2b43.js} +1 -1
  9. package/dist/bundled/v2/{index-7516cf60.js → index-f379c836.js} +258 -173
  10. package/dist/bundled/v2/{markdown-fe3bfb01.js → markdown-2d22cf16.js} +66 -113
  11. package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.js +1 -1
  12. package/dist/bundled/v3/components/OrRichTextEditorV3/OrRichTextEditor.vue.d.ts +14 -18
  13. package/dist/bundled/v3/components/OrRichTextEditorV3/index.js +1 -1
  14. package/dist/bundled/v3/components/OrRichTextEditorV3/props.js +1 -1
  15. package/dist/bundled/v3/components/OrRichTextEditorV3/styles.d.ts +1 -0
  16. package/dist/bundled/v3/components/OrRichTextEditorV3/styles.js +1 -1
  17. package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorNode.js +1 -1
  18. package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/codemirrorView.js +1 -1
  19. package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/index.js +1 -1
  20. package/dist/bundled/v3/components/OrRichTextEditorV3/utils/codemirror/theme.js +1 -1
  21. package/dist/bundled/v3/components/OrRichTextEditorV3/utils/markdown.js +1 -1
  22. package/dist/bundled/v3/components/{OrRichTextEditorV3-358d7df2.js → OrRichTextEditorV3-45e64a85.js} +673 -531
  23. package/dist/bundled/v3/components/index.js +1 -1
  24. package/dist/bundled/v3/index.js +1 -1
  25. package/dist/esm/v2/{OrRichTextEditor-734b8b27.js → OrRichTextEditor-fbcc33fd.js} +353 -244
  26. package/dist/esm/v2/components/index.js +1 -1
  27. package/dist/esm/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +21 -68
  28. package/dist/esm/v2/components/or-rich-text-editor-v3/index.js +7 -7
  29. package/dist/esm/v2/components/or-rich-text-editor-v3/partials/EditorToolbar.vue.d.ts +160 -0
  30. package/dist/esm/v2/components/or-rich-text-editor-v3/styles.d.ts +1 -0
  31. package/dist/esm/v2/index.js +1 -1
  32. package/dist/esm/v3/{OrRichTextEditor-b5684aab.js → OrRichTextEditor-cdd9e3e4.js} +325 -242
  33. package/dist/esm/v3/components/index.js +1 -1
  34. package/dist/esm/v3/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +14 -18
  35. package/dist/esm/v3/components/or-rich-text-editor-v3/index.js +6 -6
  36. package/dist/esm/v3/components/or-rich-text-editor-v3/partials/EditorToolbar.vue.d.ts +89 -0
  37. package/dist/esm/v3/components/or-rich-text-editor-v3/styles.d.ts +1 -0
  38. package/dist/esm/v3/index.js +1 -1
  39. package/package.json +19 -20
  40. package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue +48 -203
  41. package/src/components/or-rich-text-editor-v3/partials/EditorToolbar.vue +238 -0
  42. package/src/components/or-rich-text-editor-v3/styles.ts +13 -10
@@ -96,7 +96,7 @@ export { s as OrRadioV3 } from '../OrRadio-370438a9.js';
96
96
  export { s as OrRangeSliderV3 } from '../OrRangeSlider-a1776b3c.js';
97
97
  export { s as OrRatingV3 } from '../OrRating-2abf71bd.js';
98
98
  export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from '../OrResizeablePanel-6f6b3f58.js';
99
- export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-b5684aab.js';
99
+ export { F as Formats, s as OrRichTextEditorV3 } from '../OrRichTextEditor-cdd9e3e4.js';
100
100
  export { s as OrSearch } from '../OrSearch-948c7f78.js';
101
101
  export { s as OrSearchV3 } from '../OrSearch-073955fc.js';
102
102
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-1370c626.js';
@@ -43,45 +43,36 @@ declare const _default: import("vue-demi").DefineComponent<{
43
43
  type: (BooleanConstructor | StringConstructor)[];
44
44
  default: undefined;
45
45
  };
46
+ readonly: {
47
+ type: BooleanConstructor;
48
+ default: boolean;
49
+ };
46
50
  }, {
47
51
  editor: Editor | null;
48
52
  editorRef: import("vue-demi").Ref<HTMLDivElement | undefined>;
49
- toolbarRef: import("vue-demi").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false, import("vue-demi").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
53
+ toolbarContainerRef: import("vue-demi").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false, import("vue-demi").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
50
54
  containerRef: import("vue-demi").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false, import("vue-demi").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
51
- toolbarButtonRef: import("vue-demi").Ref<any>;
52
- moreButtonRef: import("vue-demi").Ref<any>;
53
55
  textareaRef: import("vue-demi").Ref<HTMLTextAreaElement | undefined>;
54
- moreRef: import("vue-demi").Ref<any>;
55
- menuRef: import("vue-demi").Ref<any>;
56
- iconsEnum: import("vue-demi").Ref<{
57
- [key: string]: string;
58
- }>;
59
- handleToolbarClick: (item: string, level?: number) => void;
56
+ handleToolbarClick: ({ item, level }: {
57
+ item: string;
58
+ level?: number | undefined;
59
+ }) => void;
60
60
  handleEditorClick: () => void;
61
61
  isActive: import("vue-demi").Ref<{
62
62
  [key: string]: boolean;
63
63
  }>;
64
- iconTooltipsEnum: import("vue-demi").Ref<{
65
- [key: string]: string;
66
- }>;
67
64
  containerStyles: import("vue-demi").ComputedRef<string[]>;
68
- toolbarContainerStyles: import("vue-demi").ComputedRef<string[]>;
69
- toolbarStyles: import("vue-demi").ComputedRef<string[]>;
70
65
  rootStyles: import("vue-demi").ComputedRef<string[]>;
71
66
  root: import("vue-demi").Ref<HTMLElement | undefined>;
72
67
  editorInputStyles: import("vue-demi").ComputedRef<string[]>;
73
- getIndexOfHeading: import("vue-demi").ComputedRef<number>;
74
68
  headingLevels: Level[];
75
- headingIcon: import("vue-demi").ComputedRef<string>;
76
69
  attachLink: () => Promise<void>;
77
70
  discardLink: () => void;
78
71
  isOpenLinkModal: import("vue-demi").Ref<boolean>;
79
72
  text: import("vue-demi").Ref<string>;
80
73
  link: import("vue-demi").Ref<string>;
81
74
  isFocused: import("vue-demi").Ref<boolean>;
82
- isVisible: (value: string | Array<string>) => boolean;
83
75
  countOfNotVisibleTools: import("vue-demi").Ref<number>;
84
- notVisibleTools: import("vue-demi").ComputedRef<Set<string>>;
85
76
  handleInput: (event: InputEvent) => void;
86
77
  proxyModelValue: import("vue-demi").WritableComputedRef<string | undefined>;
87
78
  disableMarkdown: import("vue-demi").Ref<boolean>;
@@ -128,6 +119,10 @@ declare const _default: import("vue-demi").DefineComponent<{
128
119
  type: (BooleanConstructor | StringConstructor)[];
129
120
  default: undefined;
130
121
  };
122
+ readonly: {
123
+ type: BooleanConstructor;
124
+ default: boolean;
125
+ };
131
126
  }>> & {
132
127
  "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
133
128
  onInput?: ((...args: any[]) => any) | undefined;
@@ -143,5 +138,6 @@ declare const _default: import("vue-demi").DefineComponent<{
143
138
  hint: string;
144
139
  disabled: boolean;
145
140
  error: string | boolean;
141
+ readonly: boolean;
146
142
  }>;
147
143
  export default _default;
@@ -1,4 +1,4 @@
1
- export { F as Formats, s as OrRichTextEditorV3 } from '../../OrRichTextEditor-b5684aab.js';
1
+ export { F as Formats, s as OrRichTextEditorV3 } from '../../OrRichTextEditor-cdd9e3e4.js';
2
2
  import '@vueuse/core';
3
3
  import '@vueuse/integrations/useFocusTrap';
4
4
  import 'vue-demi';
@@ -17,11 +17,9 @@ import '@tiptap/extension-blockquote';
17
17
  import '@tiptap/extension-link';
18
18
  import '@tiptap/extension-highlight';
19
19
  import '@tiptap/extension-underline';
20
- import '../../OrButton-c95aef65.js';
21
- import '../../OrLoader-5e2f359b.js';
22
- import 'vue';
23
20
  import '../../OrIconButton-6b3cc334.js';
24
21
  import '../../OrIcon-c446d072.js';
22
+ import 'vue';
25
23
  import '../../OrTooltip-04293ce2.js';
26
24
  import '../../dom-53c9635b.js';
27
25
  import 'lodash/get';
@@ -41,6 +39,10 @@ import '../../OrTeleport.vue3-8099178c.js';
41
39
  import '../../useTheme-0ef25778.js';
42
40
  import '../../isPrevented-5f542754.js';
43
41
  import '../../isAncestor-9e33bd15.js';
42
+ import '../../OrMenuItem-2c1cfee3.js';
43
+ import '../../OrMenu-87af0fa8.js';
44
+ import '../../OrButton-c95aef65.js';
45
+ import '../../OrLoader-5e2f359b.js';
44
46
  import '../../OrInput-880cd853.js';
45
47
  import '../../useIdAttribute-859439f0.js';
46
48
  import '../../useProxyModelValue-940010d2.js';
@@ -50,8 +52,6 @@ import '../../OrHint-262c8217.js';
50
52
  import '../../OrInputBox-287f97ba.js';
51
53
  import '../../OrLabel-59d09591.js';
52
54
  import '../../style-inject.es-4c6f2515.js';
53
- import '../../OrMenuItem-2c1cfee3.js';
54
- import '../../OrMenu-87af0fa8.js';
55
55
  import '../../OrModal-045e3f4c.js';
56
56
  import '@tiptap/core';
57
57
  import '@tiptap/extension-heading';
@@ -0,0 +1,89 @@
1
+ import { PropType, ComponentPublicInstance } from 'vue-demi';
2
+ import { Level } from '@tiptap/extension-heading';
3
+ import { Tools } from '../props';
4
+ declare const _default: import("vue-demi").DefineComponent<{
5
+ toolbar: {
6
+ type: PropType<Tools>;
7
+ default: () => never[];
8
+ };
9
+ isFocused: {
10
+ type: BooleanConstructor;
11
+ default: boolean;
12
+ };
13
+ countOfNotVisibleTools: {
14
+ type: NumberConstructor;
15
+ default: number;
16
+ };
17
+ activeHeadingLevel: {
18
+ type: NumberConstructor;
19
+ default: number;
20
+ };
21
+ isActive: {
22
+ type: PropType<{
23
+ [key: string]: boolean;
24
+ }>;
25
+ default: () => {};
26
+ };
27
+ headingLevels: {
28
+ type: PropType<Level[]>;
29
+ default: () => number[];
30
+ };
31
+ }, {
32
+ toolbarRef: import("vue-demi").Ref<ComponentPublicInstance<HTMLInputElement, {}, {}, {}, {}, {}, HTMLInputElement, {}, false, import("vue-demi").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | undefined>;
33
+ moreButtonRef: import("vue-demi").Ref<any>;
34
+ moreRef: import("vue-demi").Ref<any>;
35
+ toolbarButtonRef: import("vue-demi").Ref<any>;
36
+ menuRef: import("vue-demi").Ref<any>;
37
+ toolbarContainerStyles: import("vue-demi").ComputedRef<string[]>;
38
+ toolbarStyles: import("vue-demi").ComputedRef<string[]>;
39
+ isVisible: (value: string | Array<string>) => boolean;
40
+ handleClick: (item: string, level?: number) => void;
41
+ headingIcon: import("vue-demi").ComputedRef<string>;
42
+ getIndexOfHeading: import("vue-demi").ComputedRef<number>;
43
+ notVisibleTools: import("vue-demi").ComputedRef<Set<string>>;
44
+ iconsEnum: import("vue-demi").Ref<{
45
+ [key: string]: string;
46
+ }>;
47
+ iconTooltipsEnum: import("vue-demi").Ref<{
48
+ [key: string]: string;
49
+ }>;
50
+ }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "click-tool"[], "click-tool", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
51
+ toolbar: {
52
+ type: PropType<Tools>;
53
+ default: () => never[];
54
+ };
55
+ isFocused: {
56
+ type: BooleanConstructor;
57
+ default: boolean;
58
+ };
59
+ countOfNotVisibleTools: {
60
+ type: NumberConstructor;
61
+ default: number;
62
+ };
63
+ activeHeadingLevel: {
64
+ type: NumberConstructor;
65
+ default: number;
66
+ };
67
+ isActive: {
68
+ type: PropType<{
69
+ [key: string]: boolean;
70
+ }>;
71
+ default: () => {};
72
+ };
73
+ headingLevels: {
74
+ type: PropType<Level[]>;
75
+ default: () => number[];
76
+ };
77
+ }>> & {
78
+ "onClick-tool"?: ((...args: any[]) => any) | undefined;
79
+ }, {
80
+ toolbar: Tools;
81
+ isFocused: boolean;
82
+ countOfNotVisibleTools: number;
83
+ activeHeadingLevel: number;
84
+ isActive: {
85
+ [key: string]: boolean;
86
+ };
87
+ headingLevels: Level[];
88
+ }>;
89
+ export default _default;
@@ -1,5 +1,6 @@
1
1
  export declare const OrRichTextEditor: string[];
2
2
  export declare const EditorContainer: string[];
3
+ export declare const EditorContainerFocus: string[];
3
4
  export declare const ToolbarContainer: string[];
4
5
  export declare const Toolbar: string[];
5
6
  export declare const ToolbarButton: string[];
@@ -96,7 +96,7 @@ export { s as OrRadioV3 } from './OrRadio-370438a9.js';
96
96
  export { s as OrRangeSliderV3 } from './OrRangeSlider-a1776b3c.js';
97
97
  export { s as OrRatingV3 } from './OrRating-2abf71bd.js';
98
98
  export { s as OrResizeablePanelV3, R as ResizeablePanelPadding, a as ResizeablePanelPlacement } from './OrResizeablePanel-6f6b3f58.js';
99
- export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-b5684aab.js';
99
+ export { F as Formats, s as OrRichTextEditorV3 } from './OrRichTextEditor-cdd9e3e4.js';
100
100
  export { s as OrSearch } from './OrSearch-948c7f78.js';
101
101
  export { s as OrSearchV3 } from './OrSearch-073955fc.js';
102
102
  export { s as OrSegmentedControlV3, S as SegmentedControlSize } from './OrSegmentedControl-1370c626.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components",
3
- "version": "10.2.0",
3
+ "version": "10.2.1-beta.4272.0",
4
4
  "npmUnpacked": "4.15.2",
5
5
  "description": "Vue components library for v2/3",
6
6
  "sideEffects": false,
@@ -42,23 +42,23 @@
42
42
  "@floating-ui/dom": "1.4.2",
43
43
  "@onereach/styles": "^6.9.1",
44
44
  "@splidejs/splide": "4.0.6",
45
- "@tiptap/core": "2.0.3",
46
- "@tiptap/extension-blockquote": "2.0.3",
47
- "@tiptap/extension-bold": "2.0.3",
48
- "@tiptap/extension-bullet-list": "2.0.3",
49
- "@tiptap/extension-code-block": "2.0.3",
50
- "@tiptap/extension-hard-break": "2.0.3",
51
- "@tiptap/extension-heading": "2.0.3",
52
- "@tiptap/extension-highlight": "2.0.3",
53
- "@tiptap/extension-italic": "2.0.3",
54
- "@tiptap/extension-link": "2.0.3",
55
- "@tiptap/extension-list-item": "2.0.3",
56
- "@tiptap/extension-ordered-list": "2.0.3",
57
- "@tiptap/extension-paragraph": "2.0.3",
58
- "@tiptap/extension-placeholder": "2.0.3",
59
- "@tiptap/extension-strike": "2.0.3",
60
- "@tiptap/extension-underline": "2.0.3",
61
- "@tiptap/starter-kit": "2.0.3",
45
+ "@tiptap/core": "2.1.11",
46
+ "@tiptap/extension-blockquote": "2.1.11",
47
+ "@tiptap/extension-bold": "2.1.11",
48
+ "@tiptap/extension-bullet-list": "2.1.11",
49
+ "@tiptap/extension-code-block": "2.1.11",
50
+ "@tiptap/extension-hard-break": "2.1.11",
51
+ "@tiptap/extension-heading": "2.1.11",
52
+ "@tiptap/extension-highlight": "2.1.11",
53
+ "@tiptap/extension-italic": "2.1.11",
54
+ "@tiptap/extension-link": "2.1.11",
55
+ "@tiptap/extension-list-item": "2.1.11",
56
+ "@tiptap/extension-ordered-list": "2.1.11",
57
+ "@tiptap/extension-paragraph": "2.1.11",
58
+ "@tiptap/extension-placeholder": "2.1.11",
59
+ "@tiptap/extension-strike": "2.1.11",
60
+ "@tiptap/extension-underline": "2.1.11",
61
+ "@tiptap/starter-kit": "2.1.11",
62
62
  "@types/lodash": "4.14.173",
63
63
  "@types/sortablejs": "1.10.7",
64
64
  "@types/uuid": "8.3.1",
@@ -177,6 +177,5 @@
177
177
  "default": "./dist/bundled/v3/components/*/index.js"
178
178
  },
179
179
  "./package.json": "./package.json"
180
- },
181
- "gitHead": "ca0d7642313a17e3a59166f75a5e5d7adce5d6df"
180
+ }
182
181
  }