@onereach/ui-components 2.68.0-beta.2008.0 → 2.68.0-beta.2017.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 (97) hide show
  1. package/dist/bundled/v2/{OrCode-b9332066.js → OrCode-edc7a1f5.js} +115 -2
  2. package/dist/bundled/v2/{OrConfirm-19758dae.js → OrConfirm-56d01cff.js} +1 -1
  3. package/dist/bundled/{v3/useFocusTrap-d21726e3.js → v2/OrModal-a5411b0d.js} +200 -3
  4. package/dist/bundled/v2/components/index.d.ts +0 -1
  5. package/dist/bundled/v2/components/index.js +3 -7
  6. package/dist/bundled/v2/components/or-code/index.js +2 -4
  7. package/dist/bundled/v2/components/or-confirm/index.js +2 -3
  8. package/dist/bundled/v2/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +44 -0
  9. package/dist/bundled/v2/components/or-empty-state-v3/OrEmptyState.vue.d.ts +146 -0
  10. package/dist/bundled/v2/components/or-empty-state-v3/index.d.ts +3 -0
  11. package/dist/bundled/v2/components/or-empty-state-v3/index.js +242 -0
  12. package/dist/bundled/v2/components/or-empty-state-v3/props.d.ts +4 -0
  13. package/dist/bundled/v2/components/or-empty-state-v3/styles.d.ts +15 -0
  14. package/dist/bundled/v2/components/or-empty-state-v3/types.d.ts +2 -0
  15. package/dist/bundled/v2/components/or-modal/index.js +1 -2
  16. package/dist/bundled/v2/index.js +4 -8
  17. package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-5fe573eb.js → OrCode.vue_vue_type_script_lang-ef5e7f04.js} +116 -3
  18. package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-4451e782.js → OrConfirm.vue_vue_type_script_lang-0f16fc67.js} +2 -2
  19. package/dist/bundled/v3/{OrModal-bbabef06.js → OrModal-868160ef.js} +1 -1
  20. package/dist/bundled/{v2/useFocusTrap-d744652a.js → v3/OrModal.vue_vue_type_script_lang-a1ed2ebb.js} +126 -4
  21. package/dist/bundled/v3/{OrTabs.vue_vue_type_script_lang-2fdbd2f2.js → OrTabs.vue_vue_type_script_lang-ca57f9d9.js} +36 -10
  22. package/dist/bundled/v3/components/index.d.ts +0 -1
  23. package/dist/bundled/v3/components/index.js +5 -10
  24. package/dist/bundled/v3/components/or-code/index.js +3 -5
  25. package/dist/bundled/v3/components/or-confirm/index.js +3 -4
  26. package/dist/bundled/v3/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +44 -0
  27. package/dist/bundled/v3/components/or-empty-state-v3/OrEmptyState.vue.d.ts +146 -0
  28. package/dist/bundled/v3/components/or-empty-state-v3/index.d.ts +3 -0
  29. package/dist/bundled/v3/components/or-empty-state-v3/index.js +217 -0
  30. package/dist/bundled/v3/components/or-empty-state-v3/props.d.ts +4 -0
  31. package/dist/bundled/v3/components/or-empty-state-v3/styles.d.ts +15 -0
  32. package/dist/bundled/v3/components/or-empty-state-v3/types.d.ts +2 -0
  33. package/dist/bundled/v3/components/or-modal/index.js +1 -2
  34. package/dist/bundled/v3/components/or-tabs-v3/index.js +1 -2
  35. package/dist/bundled/v3/index.js +182 -278
  36. package/dist/esm/v2/components/index.d.ts +0 -1
  37. package/dist/esm/v2/components/index.js +0 -19
  38. package/dist/esm/v2/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +44 -0
  39. package/dist/esm/v2/components/or-empty-state-v3/OrEmptyState.vue.d.ts +146 -0
  40. package/dist/esm/v2/components/or-empty-state-v3/index.d.ts +3 -0
  41. package/dist/esm/v2/components/or-empty-state-v3/index.js +240 -0
  42. package/dist/esm/v2/components/or-empty-state-v3/props.d.ts +4 -0
  43. package/dist/esm/v2/components/or-empty-state-v3/styles.d.ts +15 -0
  44. package/dist/esm/v2/components/or-empty-state-v3/types.d.ts +2 -0
  45. package/dist/esm/v2/index.js +0 -19
  46. package/dist/esm/v3/components/index.d.ts +0 -1
  47. package/dist/esm/v3/components/index.js +0 -19
  48. package/dist/esm/v3/components/or-empty-state-v3/OrEmptyState.stories3.d.ts +44 -0
  49. package/dist/esm/v3/components/or-empty-state-v3/OrEmptyState.vue.d.ts +146 -0
  50. package/dist/esm/v3/components/or-empty-state-v3/index.d.ts +3 -0
  51. package/dist/esm/v3/components/or-empty-state-v3/index.js +217 -0
  52. package/dist/esm/v3/components/or-empty-state-v3/props.d.ts +4 -0
  53. package/dist/esm/v3/components/or-empty-state-v3/styles.d.ts +15 -0
  54. package/dist/esm/v3/components/or-empty-state-v3/types.d.ts +2 -0
  55. package/dist/esm/v3/index.js +0 -19
  56. package/package.json +1 -19
  57. package/src/components/index.ts +0 -1
  58. package/src/components/or-empty-state-v3/OrEmptyState.stories3.ts +221 -0
  59. package/src/components/or-empty-state-v3/OrEmptyState.vue +185 -0
  60. package/src/components/or-empty-state-v3/index.ts +3 -0
  61. package/src/components/or-empty-state-v3/props.ts +4 -0
  62. package/src/components/or-empty-state-v3/styles.ts +121 -0
  63. package/src/components/or-empty-state-v3/types.ts +3 -0
  64. package/dist/bundled/v2/OrModal-71d33219.js +0 -202
  65. package/dist/bundled/v2/OrRichTextEditor-4a41e294.js +0 -36832
  66. package/dist/bundled/v2/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts +0 -12
  67. package/dist/bundled/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -149
  68. package/dist/bundled/v2/components/or-rich-text-editor-v3/index.d.ts +0 -1
  69. package/dist/bundled/v2/components/or-rich-text-editor-v3/index.js +0 -25
  70. package/dist/bundled/v2/components/or-rich-text-editor-v3/styles.d.ts +0 -6
  71. package/dist/bundled/v2/index.es-3f39f316.js +0 -115
  72. package/dist/bundled/v3/OrMenu-08aa60de.js +0 -29
  73. package/dist/bundled/v3/OrModal.vue_vue_type_script_lang-a599dfe7.js +0 -128
  74. package/dist/bundled/v3/OrRichTextEditor.vue_vue_type_script_lang-f5d3e39b.js +0 -36712
  75. package/dist/bundled/v3/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts +0 -12
  76. package/dist/bundled/v3/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -149
  77. package/dist/bundled/v3/components/or-rich-text-editor-v3/index.d.ts +0 -1
  78. package/dist/bundled/v3/components/or-rich-text-editor-v3/index.js +0 -26
  79. package/dist/bundled/v3/components/or-rich-text-editor-v3/styles.d.ts +0 -6
  80. package/dist/bundled/v3/index.es-3f39f316.js +0 -115
  81. package/dist/esm/v2/OrRichTextEditor-11967cd9.js +0 -520
  82. package/dist/esm/v2/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts +0 -12
  83. package/dist/esm/v2/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -149
  84. package/dist/esm/v2/components/or-rich-text-editor-v3/index.d.ts +0 -1
  85. package/dist/esm/v2/components/or-rich-text-editor-v3/index.js +0 -39
  86. package/dist/esm/v2/components/or-rich-text-editor-v3/styles.d.ts +0 -6
  87. package/dist/esm/v3/OrRichTextEditor-ad5f24ba.js +0 -490
  88. package/dist/esm/v3/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.d.ts +0 -12
  89. package/dist/esm/v3/components/or-rich-text-editor-v3/OrRichTextEditor.vue.d.ts +0 -149
  90. package/dist/esm/v3/components/or-rich-text-editor-v3/index.d.ts +0 -1
  91. package/dist/esm/v3/components/or-rich-text-editor-v3/index.js +0 -38
  92. package/dist/esm/v3/components/or-rich-text-editor-v3/styles.d.ts +0 -6
  93. package/src/components/or-rich-text-editor-v3/OrRichTextEditor.docs.mdx +0 -16
  94. package/src/components/or-rich-text-editor-v3/OrRichTextEditor.stories3.ts +0 -62
  95. package/src/components/or-rich-text-editor-v3/OrRichTextEditor.vue +0 -526
  96. package/src/components/or-rich-text-editor-v3/index.ts +0 -1
  97. package/src/components/or-rich-text-editor-v3/styles.ts +0 -65
@@ -1,520 +0,0 @@
1
- import { defineComponent, ref, onMounted, onBeforeUnmount, computed, watch } from 'vue-demi';
2
- import { u as useClassAttribute } from './useClassAttribute-47fdb016.js';
3
- import '@vueuse/core';
4
- import { useFocusTrap } from '@vueuse/integrations/useFocusTrap';
5
- import { defaultMarkdownSerializer, MarkdownSerializer } from 'prosemirror-markdown';
6
- import { DOMParser as DOMParser$1 } from 'prosemirror-model';
7
- import { marked } from 'marked';
8
- import { _ as __vue_component__$1 } from './OrIconButton-a7764de4.js';
9
- import { _ as __vue_component__$2 } from './OrLabel-5670468e.js';
10
- import { _ as __vue_component__$4 } from './OrMenu-e7210edc.js';
11
- import './OrPopover-ef8c91f1.js';
12
- import { _ as __vue_component__$3 } from './OrMenuItem-038641b7.js';
13
- import { Editor, mergeAttributes } from '@tiptap/core';
14
- import StarterKit from '@tiptap/starter-kit';
15
- import Underline from '@tiptap/extension-underline';
16
- import Link from '@tiptap/extension-link';
17
- import Highlight from '@tiptap/extension-highlight';
18
- import Heading from '@tiptap/extension-heading';
19
- import Placeholder from '@tiptap/extension-placeholder';
20
- import Paragraph from '@tiptap/extension-paragraph';
21
- import BulletList from '@tiptap/extension-bullet-list';
22
- import ListItem from '@tiptap/extension-list-item';
23
- import OrderedList from '@tiptap/extension-ordered-list';
24
- import Strike from '@tiptap/extension-strike';
25
- import Italic from '@tiptap/extension-italic';
26
- import HardBreak from '@tiptap/extension-hard-break';
27
- import Bold from '@tiptap/extension-bold';
28
- import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
29
- import { c as createInjector } from './browser-82dea9ed.js';
30
-
31
- const EditorContainer = [
32
- // Colors
33
- 'border-outline', 'dark:border-outline-dark', 'focus-within:theme-border-1-primary', 'dark:focus-within:theme-border-1-primary-dark', 'focus-within:bg-primary-opacity-0-08', 'dark:focus-within:bg-primary-opacity-0-08-dark', 'focus-within:theme-outline-primary', 'dark:focus-within:theme-outline-primary-dark',
34
- // Sizing
35
- 'border-1', 'rounded-md'];
36
- const ToolbarContainer = [
37
- // Layout
38
- 'flex',
39
- //Spacing
40
- 'py-sm',
41
- //Sizing
42
- 'border-b-1',
43
- //Colors
44
- 'border-b-outline', 'dark:border-b-outline-dark'];
45
- const Toolbar = [
46
- // Layout
47
- 'flex',
48
- // Spacing
49
- 'px-sm', 'gap-md',
50
- // Sizing
51
- 'border-r-1',
52
- //Colors
53
- 'border-r-disabled', 'dark:border-r-outline-dark',
54
- // Last child
55
- 'last-of-type:border-none'];
56
- const ToolbarButton = [
57
- // Typography
58
- 'text-on-disabled', 'dark:text-outline-dark'];
59
- const ToolbarButtonActive = [
60
- // Typography
61
- 'text-on-background', 'dark:text-on-background-dark'];
62
- const EditorInput = [
63
- // Spacing
64
- 'p-sm',
65
- // Typography
66
- 'typography-body-2-regular', 'text-on-background', 'dark:text-on-background-dark',
67
- // Sizing
68
- 'min-h-[88px]'];
69
-
70
- var script = defineComponent({
71
- name: 'OrRichTextEditor',
72
- components: {
73
- OrIconButton: __vue_component__$1,
74
- OrLabel: __vue_component__$2,
75
- OrMenuItem: __vue_component__$3,
76
- OrMenu: __vue_component__$4
77
- },
78
- inheritAttrs: false,
79
- props: {
80
- modelValue: {
81
- type: String,
82
- default: '',
83
- required: false
84
- },
85
- toolbar: {
86
- type: Array,
87
- default: () => [['heading'], ['bold', 'italic', 'strike'], ['underline', 'highlight'], ['link'], ['bulletList', 'orderedList'], ['undo', 'redo']]
88
- },
89
- description: {
90
- type: String,
91
- default: ''
92
- },
93
- placeholder: {
94
- type: String,
95
- default: 'Write something...'
96
- },
97
- autofocus: {
98
- type: Boolean,
99
- default: false
100
- },
101
- markdownFormat: {
102
- type: Boolean,
103
- default: true
104
- }
105
- },
106
- emits: ['update:modelValue'],
107
- setup(props, {
108
- emit
109
- }) {
110
- // Refs
111
- let editor = null;
112
- const editorRef = ref();
113
- const containerRef = ref();
114
- const toolbarButtonRef = ref();
115
- const menuRef = ref();
116
- const isActive = ref({});
117
- const headingLevels = [1, 2, 3, 4];
118
- const previousHeadingLevel = ref();
119
- const activeHeadingLevel = ref(0);
120
- const markdownOutput = ref('');
121
- let trap = useFocusTrap(editorRef, {
122
- immediate: true,
123
- fallbackFocus: '.container',
124
- allowOutsideClick: true
125
- });
126
- const iconsEnum = ref({
127
- bold: 'format_bold',
128
- italic: 'format_italic',
129
- underline: 'format_underlined',
130
- strike: 'format_strikethrough',
131
- bulletList: 'format_list_bulleted',
132
- orderedList: 'format_list_numbered',
133
- link: 'link',
134
- highlight: 'highlight',
135
- redo: 'redo',
136
- undo: 'undo'
137
- });
138
- const iconTooltipsEnum = ref({
139
- bold: 'Bold',
140
- italic: 'Italic',
141
- underline: 'Underline',
142
- strike: 'Strike',
143
- bulletList: 'Bulleted List',
144
- orderedList: 'Numbered List',
145
- link: 'Link',
146
- highlight: 'Highlight',
147
- redo: 'Redo',
148
- undo: 'Undo'
149
- });
150
- const serializerMarks = {
151
- ...defaultMarkdownSerializer.marks,
152
- [Bold.name]: defaultMarkdownSerializer.marks.strong,
153
- [Strike.name]: {
154
- open: '~~',
155
- close: '~~',
156
- mixable: true,
157
- expelEnclosingWhitespace: true
158
- },
159
- [Italic.name]: {
160
- open: '_',
161
- close: '_',
162
- mixable: true,
163
- expelEnclosingWhitespace: true
164
- },
165
- [Highlight.name]: {
166
- open: '==',
167
- close: '==',
168
- mixable: true,
169
- expelEnclosingWhitespace: true
170
- },
171
- [Link.name]: {
172
- open(state, mark, parent, index) {
173
- return isPlainURL(mark, parent, index, 1) ? '<' : '[';
174
- },
175
- close(state, mark, parent, index) {
176
- const href = mark.attrs.canonicalSrc || mark.attrs.href;
177
- return isPlainURL(mark, parent, index, -1) ? '>' : `](${state.esc(href)}${mark.attrs.title ? ` ${state.quote(mark.attrs.title)}` : ''})`;
178
- }
179
- }
180
- };
181
- const serializerNodes = {
182
- ...defaultMarkdownSerializer.nodes,
183
- [Paragraph.name]: defaultMarkdownSerializer.nodes.paragraph,
184
- [BulletList.name]: defaultMarkdownSerializer.nodes.bullet_list,
185
- [ListItem.name]: defaultMarkdownSerializer.nodes.list_item,
186
- [OrderedList.name]: defaultMarkdownSerializer.nodes.ordered_list,
187
- [HardBreak.name]: defaultMarkdownSerializer.nodes.hard_break
188
- };
189
- onMounted(() => {
190
- editor = new Editor({
191
- onUpdate: ({
192
- editor
193
- }) => {
194
- setActiveFormats();
195
- const html = editor.getHTML();
196
- const text = editor.getText();
197
- if (props.markdownFormat) {
198
- markdownOutput.value = serialize(editor.schema, editor.getJSON());
199
- emit('update:modelValue', markdownOutput.value);
200
- } else {
201
- emit('update:modelValue', text === '' ? text : html);
202
- }
203
- },
204
- onCreate: ({
205
- editor
206
- }) => {
207
- if (props.markdownFormat) {
208
- const deserialized = deserialize(editor.schema, props.modelValue);
209
- editor.commands.setContent(deserialized);
210
- } else {
211
- editor.commands.setContent(props.modelValue);
212
- }
213
- },
214
- element: editorRef.value,
215
- autofocus: props.autofocus,
216
- extensions: [StarterKit.configure({
217
- heading: false
218
- }), Heading.configure({
219
- levels: headingLevels
220
- }).extend({
221
- levels: headingLevels,
222
- renderHTML({
223
- node,
224
- HTMLAttributes
225
- }) {
226
- return ['h' + node.attrs.level, mergeAttributes(HTMLAttributes, {
227
- class: `typography-headline-${node.attrs.level}`
228
- }), 0];
229
- }
230
- }), Underline, Link.configure({
231
- openOnClick: true,
232
- linkOnPaste: true,
233
- autolink: false,
234
- protocols: ['ftp', 'mailto', 'http', 'https'],
235
- validate: href => /^https?:\/\//.test(href),
236
- HTMLAttributes: {
237
- class: 'text-primary cursor-pointer'
238
- }
239
- }), Highlight, Placeholder.configure({
240
- placeholder: props.placeholder,
241
- emptyEditorClass: 'is-editor-empty text-outline'
242
- })],
243
- editorProps: {
244
- attributes: {
245
- class: 'focus:outline-none'
246
- }
247
- }
248
- });
249
- setActiveFormats();
250
- });
251
- onBeforeUnmount(() => {
252
- editor === null || editor === void 0 ? void 0 : editor.destroy();
253
- });
254
- trap.activate();
255
- // Computed
256
- const getIndexOfHeading = computed(() => {
257
- return props.toolbar.flat().indexOf('heading');
258
- });
259
- const headingIcon = computed(() => {
260
- if (activeHeadingLevel.value && isActive.value.heading) {
261
- return `format_h${activeHeadingLevel.value}`;
262
- }
263
- return 'format_paragraph';
264
- });
265
- // Methods
266
- const handleEditorClick = () => {
267
- setActiveFormats();
268
- editor === null || editor === void 0 ? void 0 : editor.commands.focus();
269
- };
270
- const handleToolbarClick = (item, level) => {
271
- if (item === 'bulletList' || item === 'orderedList') {
272
- item === 'bulletList' ? editor === null || editor === void 0 ? void 0 : editor.commands.toggleBulletList() : editor === null || editor === void 0 ? void 0 : editor.commands.toggleOrderedList();
273
- } else if (item === 'link') {
274
- setLink();
275
- } else if (item === 'heading') {
276
- if (!level) {
277
- editor === null || editor === void 0 ? void 0 : editor.commands.toggleHeading({
278
- level: previousHeadingLevel.value
279
- });
280
- activeHeadingLevel.value = 0;
281
- } else {
282
- activeHeadingLevel.value = level;
283
- previousHeadingLevel.value = level;
284
- editor === null || editor === void 0 ? void 0 : editor.commands.toggleHeading({
285
- level: level
286
- });
287
- }
288
- editor === null || editor === void 0 ? void 0 : editor.commands.focus();
289
- } else if (item === 'undo' || item === 'redo') {
290
- item === 'undo' ? editor === null || editor === void 0 ? void 0 : editor.commands.undo() : editor === null || editor === void 0 ? void 0 : editor.commands.redo();
291
- } else {
292
- editor === null || editor === void 0 ? void 0 : editor.chain().focus().toggleMark(item).run();
293
- }
294
- };
295
- const setLink = () => {
296
- const previousUrl = editor === null || editor === void 0 ? void 0 : editor.getAttributes('link').href;
297
- const url = window.prompt('URL', previousUrl);
298
- // cancelled
299
- if (url === null) {
300
- return;
301
- }
302
- // empty
303
- if (url === '') {
304
- editor === null || editor === void 0 ? void 0 : editor.chain().focus().extendMarkRange('link').unsetLink().run();
305
- return;
306
- }
307
- // update link
308
- editor === null || editor === void 0 ? void 0 : editor.chain().focus().extendMarkRange('link').setLink({
309
- href: url
310
- }).run();
311
- };
312
- const setActiveFormats = () => {
313
- const toolbarList = props.toolbar.flat();
314
- toolbarList.forEach(item => {
315
- isActive.value[item] = (editor === null || editor === void 0 ? void 0 : editor.isActive(item)) || false;
316
- });
317
- };
318
- // Styles
319
- const classAttribute = useClassAttribute();
320
- const rootStyles = computed(() => {
321
- return ['or-rich-text-editor', classAttribute.value];
322
- });
323
- const containerStyles = computed(() => {
324
- return [...EditorContainer];
325
- });
326
- const toolbarContainerStyles = computed(() => {
327
- return [...ToolbarContainer];
328
- });
329
- const toolbarStyles = computed(() => {
330
- return [...Toolbar];
331
- });
332
- const editorInputStyles = computed(() => {
333
- return ['tiptap-editor', ...EditorInput];
334
- });
335
- const toolbarButtonStyles = item => {
336
- return [
337
- // Layout
338
- 'flex',
339
- // Spacing
340
- 'gap-md', ...(isActive.value[item] ? ToolbarButtonActive : ToolbarButton)];
341
- };
342
- const isPlainURL = (link, parent, index, side) => {
343
- if (link.attrs.title || !/^\w+:/.test(link.attrs.href)) return false;
344
- const content = parent.child(index + (side < 0 ? -1 : 0));
345
- if (!content.isText || content.text !== link.attrs.href || content.marks[content.marks.length - 1] !== link) return false;
346
- if (index === (side < 0 ? 1 : parent.childCount - 1)) return true;
347
- const next = parent.child(index + (side < 0 ? -2 : 1));
348
- return !link.isInSet(next.marks);
349
- };
350
- const serialize = (schema, content) => {
351
- const proseMirrorDocument = schema.nodeFromJSON(content);
352
- const serializer = new MarkdownSerializer(serializerNodes, serializerMarks);
353
- return serializer.serialize(proseMirrorDocument);
354
- };
355
- const deserialize = (schema, content) => {
356
- const html = marked.parse(content);
357
- if (!html) return null;
358
- const parser = new DOMParser();
359
- const {
360
- body
361
- } = parser.parseFromString(html, 'text/html');
362
- // append original source as a comment that nodes can access
363
- body.append(document.createComment(content));
364
- const state = DOMParser$1.fromSchema(schema).parse(body);
365
- return state.toJSON();
366
- };
367
- //Effects
368
- watch(() => props.modelValue, value => {
369
- if (value !== (editor === null || editor === void 0 ? void 0 : editor.getHTML()) && !props.markdownFormat) {
370
- editor === null || editor === void 0 ? void 0 : editor.commands.setContent(value);
371
- }
372
- if (props.markdownFormat && value !== markdownOutput.value) {
373
- editor === null || editor === void 0 ? void 0 : editor.commands.setContent(markdownOutput.value);
374
- }
375
- });
376
- return {
377
- editor,
378
- editorRef,
379
- containerRef,
380
- toolbarButtonRef,
381
- menuRef,
382
- iconsEnum,
383
- handleToolbarClick,
384
- handleEditorClick,
385
- isActive,
386
- iconTooltipsEnum,
387
- containerStyles,
388
- toolbarContainerStyles,
389
- toolbarStyles,
390
- rootStyles,
391
- toolbarButtonStyles,
392
- editorInputStyles,
393
- getIndexOfHeading,
394
- headingLevels,
395
- headingIcon
396
- };
397
- }
398
- });
399
-
400
- /* script */
401
- const __vue_script__ = script;
402
-
403
- /* template */
404
- var __vue_render__ = function () {
405
- var _vm = this;
406
- var _h = _vm.$createElement;
407
- var _c = _vm._self._c || _h;
408
- return _c('div', _vm._b({
409
- ref: "root",
410
- class: _vm.rootStyles
411
- }, 'div', _vm.$attrs, false), [_c('or-label', [_vm._v("\n " + _vm._s(_vm.description) + "\n ")]), _vm._v(" "), _c('div', {
412
- ref: "containerRef",
413
- class: _vm.containerStyles,
414
- on: {
415
- "click": function ($event) {
416
- return _vm.handleEditorClick();
417
- }
418
- }
419
- }, [_c('div', {
420
- class: _vm.toolbarContainerStyles
421
- }, _vm._l(_vm.toolbar, function (tool) {
422
- return _c('div', {
423
- key: tool,
424
- class: _vm.toolbarStyles
425
- }, _vm._l(tool, function (item) {
426
- return _c('div', {
427
- key: item,
428
- staticClass: "-my-xs",
429
- class: _vm.toolbarButtonStyles(item)
430
- }, [item === 'heading' ? _c('or-icon-button', {
431
- ref: "toolbarButtonRef",
432
- refInFor: true,
433
- attrs: {
434
- "tooltip": {
435
- text: item,
436
- placement: 'top'
437
- },
438
- "icon": {
439
- icon: _vm.headingIcon,
440
- variant: 'inherit',
441
- size: 'm'
442
- }
443
- },
444
- on: {
445
- "click": function ($event) {
446
- return _vm.menuRef.open();
447
- }
448
- }
449
- }) : _c('or-icon-button', {
450
- attrs: {
451
- "tooltip": {
452
- text: _vm.iconTooltipsEnum[item],
453
- placement: 'top'
454
- },
455
- "icon": {
456
- icon: _vm.iconsEnum[item],
457
- variant: 'inherit',
458
- size: 'm'
459
- }
460
- },
461
- on: {
462
- "click": function ($event) {
463
- return _vm.handleToolbarClick(item);
464
- }
465
- }
466
- })], 1);
467
- }), 0);
468
- }), 0), _vm._v(" "), _c('div', {
469
- ref: "editorRef",
470
- class: _vm.editorInputStyles
471
- })]), _vm._v(" "), _vm.toolbarButtonRef ? _c('or-menu', {
472
- ref: "menuRef",
473
- attrs: {
474
- "trigger": _vm.toolbarButtonRef[_vm.getIndexOfHeading].root,
475
- "placement": "bottom-start"
476
- }
477
- }, [_vm._l(_vm.headingLevels, function (heading) {
478
- return _c('or-menu-item', {
479
- key: heading,
480
- on: {
481
- "click": function ($event) {
482
- return _vm.handleToolbarClick('heading', heading);
483
- }
484
- }
485
- }, [_vm._v("\n Heading " + _vm._s(heading) + "\n ")]);
486
- }), _vm._v(" "), _c('or-menu-item', {
487
- on: {
488
- "click": function ($event) {
489
- return _vm.handleToolbarClick('heading');
490
- }
491
- }
492
- }, [_vm._v("\n None\n ")])], 2) : _vm._e()], 1);
493
- };
494
- var __vue_staticRenderFns__ = [];
495
-
496
- /* style */
497
- const __vue_inject_styles__ = function (inject) {
498
- if (!inject) return;
499
- inject("data-v-2c13389b_0", {
500
- source: ".tiptap-editor ol{margin:0 24px;list-style:decimal}.tiptap-editor ul{margin:0 24px;list-style:initial}.tiptap-editor .is-editor-empty::before{content:attr(data-placeholder);height:0;pointer-events:none;float:left}",
501
- map: undefined,
502
- media: undefined
503
- });
504
- };
505
- /* scoped */
506
- const __vue_scope_id__ = undefined;
507
- /* module identifier */
508
- const __vue_module_identifier__ = undefined;
509
- /* functional template */
510
- const __vue_is_functional_template__ = false;
511
- /* style inject SSR */
512
-
513
- /* style inject shadow dom */
514
-
515
- const __vue_component__ = /*#__PURE__*/normalizeComponent({
516
- render: __vue_render__,
517
- staticRenderFns: __vue_staticRenderFns__
518
- }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, createInjector, undefined, undefined);
519
-
520
- export { __vue_component__ as _ };
@@ -1,12 +0,0 @@
1
- import { Meta, StoryFn } from '@storybook/vue3';
2
- declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
3
- [x: string]: ((...args: any[]) => any) | null;
4
- } | string[], {} & {}, {
5
- [x: number]: string;
6
- } | {}, true>)>;
7
- export default _default;
8
- export declare const RichTextEditor: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
9
- [x: string]: ((...args: any[]) => any) | null;
10
- } | string[], {} & {}, {
11
- [x: number]: string;
12
- } | {}, true>)>;
@@ -1,149 +0,0 @@
1
- import { Editor } from '@tiptap/core';
2
- import { Level } from '@tiptap/extension-heading';
3
- declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
4
- editor: Editor | null;
5
- editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
6
- containerRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
7
- toolbarButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
8
- [x: string]: ((...args: any[]) => any) | null;
9
- } | string[], {} & {}, {
10
- [x: number]: string;
11
- } | {}, true> | undefined>;
12
- menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
13
- [x: string]: ((...args: any[]) => any) | null;
14
- } | string[], {} & {}, {
15
- [x: number]: string;
16
- } | {}, true> | undefined>;
17
- iconsEnum: import("@vue/composition-api").Ref<{
18
- [x: string]: string;
19
- }>;
20
- handleToolbarClick: (item: string, level?: number | undefined) => void;
21
- handleEditorClick: () => void;
22
- isActive: import("@vue/composition-api").Ref<{
23
- [x: string]: boolean;
24
- }>;
25
- iconTooltipsEnum: import("@vue/composition-api").Ref<{
26
- [x: string]: string;
27
- }>;
28
- containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
29
- toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
30
- toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
31
- rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
32
- toolbarButtonStyles: (item: string) => string[];
33
- editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
34
- getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
35
- headingLevels: Level[];
36
- headingIcon: import("@vue/composition-api").ComputedRef<string>;
37
- }> & import("@vue/composition-api").Data, {}, {}, {
38
- modelValue: {
39
- type: StringConstructor;
40
- default: string;
41
- required: false;
42
- };
43
- toolbar: {
44
- type: ArrayConstructor;
45
- default: () => string[][];
46
- };
47
- description: {
48
- type: StringConstructor;
49
- default: string;
50
- };
51
- placeholder: {
52
- type: StringConstructor;
53
- default: string;
54
- };
55
- autofocus: {
56
- type: BooleanConstructor;
57
- default: boolean;
58
- };
59
- markdownFormat: {
60
- type: BooleanConstructor;
61
- default: boolean;
62
- };
63
- }, import("@vue/composition-api").ExtractPropTypes<{
64
- modelValue: {
65
- type: StringConstructor;
66
- default: string;
67
- required: false;
68
- };
69
- toolbar: {
70
- type: ArrayConstructor;
71
- default: () => string[][];
72
- };
73
- description: {
74
- type: StringConstructor;
75
- default: string;
76
- };
77
- placeholder: {
78
- type: StringConstructor;
79
- default: string;
80
- };
81
- autofocus: {
82
- type: BooleanConstructor;
83
- default: boolean;
84
- };
85
- markdownFormat: {
86
- type: BooleanConstructor;
87
- default: boolean;
88
- };
89
- }>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
90
- modelValue: string;
91
- toolbar: unknown[];
92
- description: string;
93
- placeholder: string;
94
- autofocus: boolean;
95
- markdownFormat: boolean;
96
- } & {} & {
97
- [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
98
- }, import("@vue/composition-api").ShallowUnwrapRef<{
99
- editor: Editor | null;
100
- editorRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
101
- containerRef: import("@vue/composition-api").Ref<HTMLDivElement | undefined>;
102
- toolbarButtonRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
103
- [x: string]: ((...args: any[]) => any) | null;
104
- } | string[], {} & {}, {
105
- [x: number]: string;
106
- } | {}, true> | undefined>;
107
- menuRef: import("@vue/composition-api").Ref<import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
108
- [x: string]: ((...args: any[]) => any) | null;
109
- } | string[], {} & {}, {
110
- [x: number]: string;
111
- } | {}, true> | undefined>;
112
- iconsEnum: import("@vue/composition-api").Ref<{
113
- [x: string]: string;
114
- }>;
115
- handleToolbarClick: (item: string, level?: number | undefined) => void;
116
- handleEditorClick: () => void;
117
- isActive: import("@vue/composition-api").Ref<{
118
- [x: string]: boolean;
119
- }>;
120
- iconTooltipsEnum: import("@vue/composition-api").Ref<{
121
- [x: string]: string;
122
- }>;
123
- containerStyles: import("@vue/composition-api").ComputedRef<string[]>;
124
- toolbarContainerStyles: import("@vue/composition-api").ComputedRef<string[]>;
125
- toolbarStyles: import("@vue/composition-api").ComputedRef<string[]>;
126
- rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
127
- toolbarButtonStyles: (item: string) => string[];
128
- editorInputStyles: import("@vue/composition-api").ComputedRef<string[]>;
129
- getIndexOfHeading: import("@vue/composition-api").ComputedRef<number>;
130
- headingLevels: Level[];
131
- headingIcon: import("@vue/composition-api").ComputedRef<string>;
132
- }>, import("@vue/composition-api").Data, {}, {}, {}, {}, string[], {
133
- modelValue: string;
134
- toolbar: unknown[];
135
- description: string;
136
- placeholder: string;
137
- autofocus: boolean;
138
- markdownFormat: boolean;
139
- } & {} & {
140
- [x: string & `on${string}`]: ((...args: any[]) => any) | undefined;
141
- }, {
142
- modelValue: string;
143
- toolbar: unknown[];
144
- description: string;
145
- placeholder: string;
146
- autofocus: boolean;
147
- markdownFormat: boolean;
148
- }, true>);
149
- export default _default;
@@ -1 +0,0 @@
1
- export { default as OrRichTextEditorV3 } from './OrRichTextEditor.vue';