@sit-onyx/tiptap 0.1.0 → 0.2.0-dev-20260408154540

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.
@@ -0,0 +1,29 @@
1
+ import { Editor } from '@tiptap/vue-3';
2
+ type __VLS_Props = {
3
+ editor?: Editor;
4
+ };
5
+ declare function __VLS_template(): {
6
+ attrs: Partial<{}>;
7
+ slots: Readonly<{
8
+ /**
9
+ * Optional slot to add custom actions to the toolbar.
10
+ */
11
+ default?(): unknown;
12
+ }> & {
13
+ /**
14
+ * Optional slot to add custom actions to the toolbar.
15
+ */
16
+ default?(): unknown;
17
+ };
18
+ refs: {};
19
+ rootEl: HTMLDivElement;
20
+ };
21
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
22
+ declare const __VLS_component: import('@vue/runtime-core').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {}, string, import('@vue/runtime-core').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, false, {}, HTMLDivElement>;
23
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
24
+ export default _default;
25
+ type __VLS_WithTemplateSlots<T, S> = T & {
26
+ new (): {
27
+ $slots: S;
28
+ };
29
+ };
@@ -1,3 +1,4 @@
1
+ import { FormElementV2Tooltip } from 'sit-onyx';
1
2
  import { OnyxTextEditorProps } from './types.js';
2
3
  declare function __VLS_template(): {
3
4
  attrs: Partial<{}>;
@@ -12,8 +13,86 @@ declare function __VLS_template(): {
12
13
  */
13
14
  actions?(): unknown;
14
15
  };
15
- refs: {};
16
- rootEl: any;
16
+ refs: {
17
+ formElement: ({
18
+ $: import('@vue/runtime-core').ComponentInternalInstance;
19
+ $data: {};
20
+ $props: {
21
+ readonly density?: import('sit-onyx', { with: { "resolution-mode": "import" } }).Density | undefined;
22
+ readonly requiredMarker?: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('sit-onyx/dist/composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType> | undefined;
23
+ readonly reserveMessageSpace?: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean> | undefined;
24
+ readonly showError?: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('sit-onyx/dist/composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode> | undefined;
25
+ readonly id?: string | undefined;
26
+ readonly label: string | import('sit-onyx', { with: { "resolution-mode": "import" } }).FormElementV2LabelOptions;
27
+ readonly skeleton?: import('sit-onyx', { with: { "resolution-mode": "import" } }).SkeletonInjected | undefined;
28
+ readonly message?: (string | FormElementV2Tooltip) | undefined;
29
+ readonly error?: (string | FormElementV2Tooltip) | undefined;
30
+ readonly success?: (string | FormElementV2Tooltip) | undefined;
31
+ readonly required?: boolean | undefined;
32
+ readonly loading?: boolean | undefined;
33
+ readonly open?: import('sit-onyx', { with: { "resolution-mode": "import" } }).Nullable<boolean>;
34
+ readonly popoverOptions?: import('sit-onyx', { with: { "resolution-mode": "import" } }).FormElementV2PopoverOptions | undefined;
35
+ readonly "onUpdate:open"?: ((open: boolean) => any) | undefined | undefined;
36
+ } & import('@vue/runtime-core').VNodeProps & import('@vue/runtime-core').AllowedComponentProps & import('@vue/runtime-core').ComponentCustomProps;
37
+ $attrs: import('@vue/runtime-core').Attrs;
38
+ $refs: {
39
+ [x: string]: unknown;
40
+ };
41
+ $slots: Readonly<{
42
+ [name: string]: import('@vue/runtime-core').Slot<any> | undefined;
43
+ }>;
44
+ $root: import('@vue/runtime-core').ComponentPublicInstance | null;
45
+ $parent: import('@vue/runtime-core').ComponentPublicInstance | null;
46
+ $host: Element | null;
47
+ $emit: (event: "update:open", open: boolean) => void;
48
+ $el: HTMLDivElement;
49
+ $options: import('@vue/runtime-core').ComponentOptionsBase<Readonly<import('sit-onyx', { with: { "resolution-mode": "import" } }).OnyxFormElementV2Props> & Readonly<{
50
+ "onUpdate:open"?: ((open: boolean) => any) | undefined;
51
+ }>, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {
52
+ "update:open": (open: boolean) => any;
53
+ }, string, {
54
+ skeleton: import('sit-onyx', { with: { "resolution-mode": "import" } }).SkeletonInjected;
55
+ showError: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('sit-onyx/dist/composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
56
+ requiredMarker: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('sit-onyx/dist/composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType>;
57
+ reserveMessageSpace: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
58
+ id: string;
59
+ open: boolean | null;
60
+ popoverOptions: import('sit-onyx', { with: { "resolution-mode": "import" } }).FormElementV2PopoverOptions;
61
+ }, {}, string, {}, import('@vue/runtime-core').GlobalComponents, import('@vue/runtime-core').GlobalDirectives, string, import('@vue/runtime-core').ComponentProvideOptions> & {
62
+ beforeCreate?: (() => void) | (() => void)[];
63
+ created?: (() => void) | (() => void)[];
64
+ beforeMount?: (() => void) | (() => void)[];
65
+ mounted?: (() => void) | (() => void)[];
66
+ beforeUpdate?: (() => void) | (() => void)[];
67
+ updated?: (() => void) | (() => void)[];
68
+ activated?: (() => void) | (() => void)[];
69
+ deactivated?: (() => void) | (() => void)[];
70
+ beforeDestroy?: (() => void) | (() => void)[];
71
+ beforeUnmount?: (() => void) | (() => void)[];
72
+ destroyed?: (() => void) | (() => void)[];
73
+ unmounted?: (() => void) | (() => void)[];
74
+ renderTracked?: ((e: import('@vue/reactivity').DebuggerEvent) => void) | ((e: import('@vue/reactivity').DebuggerEvent) => void)[];
75
+ renderTriggered?: ((e: import('@vue/reactivity').DebuggerEvent) => void) | ((e: import('@vue/reactivity').DebuggerEvent) => void)[];
76
+ errorCaptured?: ((err: unknown, instance: import('@vue/runtime-core').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('@vue/runtime-core').ComponentPublicInstance | null, info: string) => boolean | void)[];
77
+ };
78
+ $forceUpdate: () => void;
79
+ $nextTick: typeof import('@vue/runtime-core').nextTick;
80
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('@vue/runtime-core').WatchOptions): import('@vue/reactivity').WatchStopHandle;
81
+ } & Readonly<{
82
+ skeleton: import('sit-onyx', { with: { "resolution-mode": "import" } }).SkeletonInjected;
83
+ showError: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('sit-onyx/dist/composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
84
+ requiredMarker: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('sit-onyx/dist/composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType>;
85
+ reserveMessageSpace: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
86
+ id: string;
87
+ open: boolean | null;
88
+ popoverOptions: import('sit-onyx', { with: { "resolution-mode": "import" } }).FormElementV2PopoverOptions;
89
+ }> & Omit<Readonly<import('sit-onyx', { with: { "resolution-mode": "import" } }).OnyxFormElementV2Props> & Readonly<{
90
+ "onUpdate:open"?: ((open: boolean) => any) | undefined;
91
+ }>, "requiredMarker" | "reserveMessageSpace" | "showError" | "open" | "popoverOptions" | "id" | "skeleton"> & import('@vue/reactivity').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
92
+ $slots: Readonly<import('sit-onyx', { with: { "resolution-mode": "import" } }).OnyxFormElementV2Slots> & import('sit-onyx', { with: { "resolution-mode": "import" } }).OnyxFormElementV2Slots;
93
+ }) | null;
94
+ };
95
+ rootEl: HTMLDivElement;
17
96
  };
18
97
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
19
98
  declare const __VLS_component: import('@vue/runtime-core').DefineComponent<OnyxTextEditorProps, {
@@ -26,11 +105,92 @@ declare const __VLS_component: import('@vue/runtime-core').DefineComponent<OnyxT
26
105
  }, string, import('@vue/runtime-core').PublicProps, Readonly<OnyxTextEditorProps> & Readonly<{
27
106
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
28
107
  }>, {
29
- disabled: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
108
+ requiredMarker: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('sit-onyx/dist/composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType>;
30
109
  reserveMessageSpace: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
110
+ showError: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('sit-onyx/dist/composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
111
+ skeleton: import('sit-onyx', { with: { "resolution-mode": "import" } }).SkeletonInjected;
112
+ disabled: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
31
113
  toolbar: import('./types.js', { with: { "resolution-mode": "import" } }).ToolbarOptions;
32
114
  extensions: import('@tiptap/core', { with: { "resolution-mode": "import" } }).Extensions;
33
- }, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, false, {}, any>;
115
+ }, {}, {}, {}, string, import('@vue/runtime-core').ComponentProvideOptions, false, {
116
+ formElement: ({
117
+ $: import('@vue/runtime-core').ComponentInternalInstance;
118
+ $data: {};
119
+ $props: {
120
+ readonly density?: import('sit-onyx', { with: { "resolution-mode": "import" } }).Density | undefined;
121
+ readonly requiredMarker?: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('sit-onyx/dist/composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType> | undefined;
122
+ readonly reserveMessageSpace?: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean> | undefined;
123
+ readonly showError?: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('sit-onyx/dist/composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode> | undefined;
124
+ readonly id?: string | undefined;
125
+ readonly label: string | import('sit-onyx', { with: { "resolution-mode": "import" } }).FormElementV2LabelOptions;
126
+ readonly skeleton?: import('sit-onyx', { with: { "resolution-mode": "import" } }).SkeletonInjected | undefined;
127
+ readonly message?: (string | FormElementV2Tooltip) | undefined;
128
+ readonly error?: (string | FormElementV2Tooltip) | undefined;
129
+ readonly success?: (string | FormElementV2Tooltip) | undefined;
130
+ readonly required?: boolean | undefined;
131
+ readonly loading?: boolean | undefined;
132
+ readonly open?: import('sit-onyx', { with: { "resolution-mode": "import" } }).Nullable<boolean>;
133
+ readonly popoverOptions?: import('sit-onyx', { with: { "resolution-mode": "import" } }).FormElementV2PopoverOptions | undefined;
134
+ readonly "onUpdate:open"?: ((open: boolean) => any) | undefined | undefined;
135
+ } & import('@vue/runtime-core').VNodeProps & import('@vue/runtime-core').AllowedComponentProps & import('@vue/runtime-core').ComponentCustomProps;
136
+ $attrs: import('@vue/runtime-core').Attrs;
137
+ $refs: {
138
+ [x: string]: unknown;
139
+ };
140
+ $slots: Readonly<{
141
+ [name: string]: import('@vue/runtime-core').Slot<any> | undefined;
142
+ }>;
143
+ $root: import('@vue/runtime-core').ComponentPublicInstance | null;
144
+ $parent: import('@vue/runtime-core').ComponentPublicInstance | null;
145
+ $host: Element | null;
146
+ $emit: (event: "update:open", open: boolean) => void;
147
+ $el: HTMLDivElement;
148
+ $options: import('@vue/runtime-core').ComponentOptionsBase<Readonly<import('sit-onyx', { with: { "resolution-mode": "import" } }).OnyxFormElementV2Props> & Readonly<{
149
+ "onUpdate:open"?: ((open: boolean) => any) | undefined;
150
+ }>, {}, {}, {}, {}, import('@vue/runtime-core').ComponentOptionsMixin, import('@vue/runtime-core').ComponentOptionsMixin, {
151
+ "update:open": (open: boolean) => any;
152
+ }, string, {
153
+ skeleton: import('sit-onyx', { with: { "resolution-mode": "import" } }).SkeletonInjected;
154
+ showError: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('sit-onyx/dist/composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
155
+ requiredMarker: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('sit-onyx/dist/composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType>;
156
+ reserveMessageSpace: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
157
+ id: string;
158
+ open: boolean | null;
159
+ popoverOptions: import('sit-onyx', { with: { "resolution-mode": "import" } }).FormElementV2PopoverOptions;
160
+ }, {}, string, {}, import('@vue/runtime-core').GlobalComponents, import('@vue/runtime-core').GlobalDirectives, string, import('@vue/runtime-core').ComponentProvideOptions> & {
161
+ beforeCreate?: (() => void) | (() => void)[];
162
+ created?: (() => void) | (() => void)[];
163
+ beforeMount?: (() => void) | (() => void)[];
164
+ mounted?: (() => void) | (() => void)[];
165
+ beforeUpdate?: (() => void) | (() => void)[];
166
+ updated?: (() => void) | (() => void)[];
167
+ activated?: (() => void) | (() => void)[];
168
+ deactivated?: (() => void) | (() => void)[];
169
+ beforeDestroy?: (() => void) | (() => void)[];
170
+ beforeUnmount?: (() => void) | (() => void)[];
171
+ destroyed?: (() => void) | (() => void)[];
172
+ unmounted?: (() => void) | (() => void)[];
173
+ renderTracked?: ((e: import('@vue/reactivity').DebuggerEvent) => void) | ((e: import('@vue/reactivity').DebuggerEvent) => void)[];
174
+ renderTriggered?: ((e: import('@vue/reactivity').DebuggerEvent) => void) | ((e: import('@vue/reactivity').DebuggerEvent) => void)[];
175
+ errorCaptured?: ((err: unknown, instance: import('@vue/runtime-core').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('@vue/runtime-core').ComponentPublicInstance | null, info: string) => boolean | void)[];
176
+ };
177
+ $forceUpdate: () => void;
178
+ $nextTick: typeof import('@vue/runtime-core').nextTick;
179
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('@vue/runtime-core').WatchOptions): import('@vue/reactivity').WatchStopHandle;
180
+ } & Readonly<{
181
+ skeleton: import('sit-onyx', { with: { "resolution-mode": "import" } }).SkeletonInjected;
182
+ showError: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('sit-onyx/dist/composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
183
+ requiredMarker: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('sit-onyx/dist/composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType>;
184
+ reserveMessageSpace: import('sit-onyx/dist/components/OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
185
+ id: string;
186
+ open: boolean | null;
187
+ popoverOptions: import('sit-onyx', { with: { "resolution-mode": "import" } }).FormElementV2PopoverOptions;
188
+ }> & Omit<Readonly<import('sit-onyx', { with: { "resolution-mode": "import" } }).OnyxFormElementV2Props> & Readonly<{
189
+ "onUpdate:open"?: ((open: boolean) => any) | undefined;
190
+ }>, "requiredMarker" | "reserveMessageSpace" | "showError" | "open" | "popoverOptions" | "id" | "skeleton"> & import('@vue/reactivity').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
191
+ $slots: Readonly<import('sit-onyx', { with: { "resolution-mode": "import" } }).OnyxFormElementV2Slots> & import('sit-onyx', { with: { "resolution-mode": "import" } }).OnyxFormElementV2Slots;
192
+ }) | null;
193
+ }, HTMLDivElement>;
34
194
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
35
195
  export default _default;
36
196
  type __VLS_WithTemplateSlots<T, S> = T & {
@@ -1,7 +1,7 @@
1
1
  import { Extensions } from '@tiptap/vue-3';
2
- import { Nullable, OnyxTextareaProps } from 'sit-onyx';
2
+ import { Nullable, OnyxFormElementV2Props, OnyxTextareaProps, SharedFormElementProps } from 'sit-onyx';
3
3
  import { InjectionKey, Ref } from 'vue';
4
- export type OnyxTextEditorProps = Pick<OnyxTextareaProps, "label" | "labelTooltip" | "disableManualResize" | "disabled" | "hideLabel" | "autosize" | "autofocus" | "message" | "success" | "density" | "placeholder" | "reserveMessageSpace"> & {
4
+ export type OnyxTextEditorProps = Omit<OnyxFormElementV2Props, "open" | "popoverOptions" | "id"> & Pick<SharedFormElementProps, "disabled" | "autofocus" | "placeholder"> & Pick<OnyxTextareaProps, "disableManualResize" | "autosize"> & {
5
5
  /**
6
6
  * Current editor value.
7
7
  */