@webitel/ui-sdk 26.8.117 → 26.8.119

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 (38) hide show
  1. package/dist/{clients-DWcx-Mfk.js → clients-CjVXyqY8.js} +1502 -170
  2. package/dist/{components-CeOlovz8.js → components-jZ2GzWbv.js} +741 -747
  3. package/dist/ui-sdk.css +1 -1
  4. package/dist/ui-sdk.js +1 -1
  5. package/dist/ui-sdk.umd.cjs +2152 -2113
  6. package/dist/{wt-chat-emoji-v9gpIuHe.js → wt-chat-emoji-RHMx_k1y.js} +1 -1
  7. package/dist/{wt-display-chip-items-Bob7miL_.js → wt-display-chip-items-D_iKQXSB.js} +1 -1
  8. package/dist/wt-label-unpxAKnu.js +28 -0
  9. package/dist/wt-rich-text-editor-B-iHNpqD.js +119 -0
  10. package/dist/{wt-send-message-popup-9O69XY0L.js → wt-send-message-popup-B2lqrtGF.js} +2 -2
  11. package/dist/{wt-type-extension-value-input-55YmFcBp.js → wt-type-extension-value-input-CJWynqhC.js} +2 -2
  12. package/dist/{wt-vidstack-player-ETPSioGH.js → wt-vidstack-player-BL6xL6yo.js} +1 -1
  13. package/package.json +3 -1
  14. package/src/components/index.js +14 -0
  15. package/src/components/on-demand/wt-rich-text-editor/__tests__/WtRichTextEditor.compat.spec.js +121 -0
  16. package/src/components/on-demand/wt-rich-text-editor/__tests__/WtRichTextEditor.spec.js +154 -0
  17. package/src/components/on-demand/wt-rich-text-editor/_internals/wt-rich-text-editor-skeleton.vue +54 -0
  18. package/src/components/on-demand/wt-rich-text-editor/wt-rich-text-editor.vue +225 -0
  19. package/src/utils/__tests__/findTreePath.spec.ts +83 -0
  20. package/src/utils/findTreePath.ts +33 -0
  21. package/src/utils/index.ts +1 -0
  22. package/types/.tsbuildinfo +1 -1
  23. package/types/components/index.d.ts +7 -0
  24. package/types/components/on-demand/wt-call-media-action/wt-call-media-action.vue.d.ts +2 -2
  25. package/types/components/on-demand/wt-rich-text-editor/__tests__/WtRichTextEditor.compat.spec.d.ts +1 -0
  26. package/types/components/on-demand/wt-rich-text-editor/__tests__/WtRichTextEditor.spec.d.ts +1 -0
  27. package/types/components/on-demand/wt-rich-text-editor/_internals/wt-rich-text-editor-skeleton.vue.d.ts +3 -0
  28. package/types/components/on-demand/wt-rich-text-editor/wt-rich-text-editor.vue.d.ts +78 -0
  29. package/types/components/transitions/cases/wt-replace-transition.vue.d.ts +1 -1
  30. package/types/components/wt-datepicker/wt-datepicker.vue.d.ts +2 -2
  31. package/types/components/wt-input-text/wt-input-text.vue.d.ts +1 -1
  32. package/types/components/wt-player/wt-player.vue.d.ts +1 -1
  33. package/types/components/wt-search-bar/wt-search-bar.vue.d.ts +2 -2
  34. package/types/components/wt-table/wt-table.vue.d.ts +1 -1
  35. package/types/components/wt-textarea/wt-textarea.vue.d.ts +1 -1
  36. package/types/components/wt-time-input/wt-time-input.vue.d.ts +1 -1
  37. package/types/utils/findTreePath.d.ts +10 -0
  38. package/types/utils/index.d.ts +1 -0
@@ -84,6 +84,12 @@ import WtPopup from './wt-popup/wt-popup.vue';
84
84
  import WtProgressBar from './wt-progress-bar/wt-progress-bar.vue';
85
85
  import WtRadio from './wt-radio/wt-radio.vue';
86
86
  import WtReplaceTransition from './transitions/cases/wt-replace-transition.vue';
87
+ /**
88
+ * TinyMCE lives in this chunk alone: an app that never renders an editor never
89
+ * downloads it. The skeleton covers the download.
90
+ * @type {typeof import('./on-demand/wt-rich-text-editor/wt-rich-text-editor.vue').default}
91
+ */
92
+ export const WtRichTextEditor: typeof import("./on-demand/wt-rich-text-editor/wt-rich-text-editor.vue").default;
87
93
  import WtRoundedAction from './wt-rounded-action/wt-rounded-action.vue';
88
94
  /** @type {typeof import('./on-demand/wt-screen-recordings-action/wt-screen-recordings-action.vue').default} */
89
95
  export const WtScreenRecordingsAction: typeof import("./on-demand/wt-screen-recordings-action/wt-screen-recordings-action.vue").default;
@@ -146,6 +152,7 @@ declare namespace Components {
146
152
  export { WtLoader };
147
153
  export { WtRoundedAction };
148
154
  export { WtReplaceTransition };
155
+ export { WtRichTextEditor };
149
156
  export { WtCheckbox };
150
157
  export { WtDatepicker };
151
158
  export { WtIconBtn };
@@ -4,11 +4,11 @@ interface Props {
4
4
  playingFileId?: string;
5
5
  }
6
6
  declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
7
- play: (file: EngineCallFile) => any;
8
7
  stop: () => any;
8
+ play: (file: EngineCallFile) => any;
9
9
  }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
10
- onPlay?: ((file: EngineCallFile) => any) | undefined;
11
10
  onStop?: (() => any) | undefined;
11
+ onPlay?: ((file: EngineCallFile) => any) | undefined;
12
12
  }>, {
13
13
  playingFileId: string;
14
14
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -0,0 +1,3 @@
1
+ declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
2
+ declare const _default: typeof __VLS_export;
3
+ export default _default;
@@ -0,0 +1,78 @@
1
+ import 'tinymce/tinymce';
2
+ import 'tinymce/icons/default';
3
+ import 'tinymce/models/dom';
4
+ import 'tinymce/themes/silver';
5
+ import 'tinymce/plugins/advlist';
6
+ import 'tinymce/plugins/emoticons';
7
+ import 'tinymce/plugins/emoticons/js/emojis';
8
+ import 'tinymce/plugins/fullscreen';
9
+ import 'tinymce/plugins/image';
10
+ import 'tinymce/plugins/link';
11
+ import 'tinymce/plugins/lists';
12
+ import 'tinymce/plugins/table';
13
+ import 'tinymce/skins/ui/oxide/skin.css';
14
+ type RichTextOutput = 'html' | 'text';
15
+ interface Props {
16
+ /**
17
+ * Editor label
18
+ */
19
+ label?: string;
20
+ /**
21
+ * Object with props, passed down to wt-label as props
22
+ */
23
+ labelProps?: Record<string, unknown>;
24
+ /**
25
+ * `html` keeps the formatting toolbar; `text` edits (and emits) plain text
26
+ * @values html, text
27
+ */
28
+ output?: RichTextOutput;
29
+ /**
30
+ * Editor height, in px
31
+ */
32
+ height?: number | string;
33
+ disabled?: boolean;
34
+ /**
35
+ * Placeholder shown while the editor is empty
36
+ */
37
+ placeholder?: string;
38
+ /**
39
+ * TinyMCE toolbar, replacing the default for `output`
40
+ */
41
+ toolbar?: string;
42
+ /**
43
+ * TinyMCE plugins, replacing the default for `output`. A plugin outside
44
+ * the bundled set (advlist, emoticons, fullscreen, image, link, lists,
45
+ * table) must be imported by the app.
46
+ */
47
+ plugins?: string[];
48
+ }
49
+ type __VLS_Props = Props;
50
+ type __VLS_ModelProps = {
51
+ /**
52
+ * @model modelValue — the content, as `output` formats it
53
+ */
54
+ modelValue?: string;
55
+ };
56
+ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
57
+ declare var __VLS_7: {
58
+ label: string | undefined;
59
+ };
60
+ type __VLS_Slots = {} & {
61
+ label?: (props: typeof __VLS_7) => any;
62
+ };
63
+ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
64
+ "update:modelValue": (value: string | undefined) => any;
65
+ }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
66
+ "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
67
+ }>, {
68
+ output: RichTextOutput;
69
+ height: number | string;
70
+ }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
71
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
72
+ declare const _default: typeof __VLS_export;
73
+ export default _default;
74
+ type __VLS_WithSlots<T, S> = T & {
75
+ new (): {
76
+ $slots: S;
77
+ };
78
+ };
@@ -41,10 +41,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
41
41
  default: string;
42
42
  };
43
43
  }>> & Readonly<{}>, {
44
+ pattern: string;
44
45
  mode: string;
45
46
  appear: boolean;
46
47
  duration: string;
47
- pattern: string;
48
48
  }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
49
49
  type __VLS_Slots = {
50
50
  default?: ((props: {}) => any) | undefined;
@@ -28,9 +28,9 @@ type __VLS_Slots = {} & {
28
28
  label?: (props: typeof __VLS_7) => any;
29
29
  };
30
30
  declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
31
+ input: () => any;
31
32
  blur: () => any;
32
33
  focus: () => any;
33
- input: () => any;
34
34
  keydown: () => any;
35
35
  show: () => any;
36
36
  hide: () => any;
@@ -42,9 +42,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
42
42
  "month-change": () => any;
43
43
  "year-change": () => any;
44
44
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
45
+ onInput?: (() => any) | undefined;
45
46
  onBlur?: (() => any) | undefined;
46
47
  onFocus?: (() => any) | undefined;
47
- onInput?: (() => any) | undefined;
48
48
  onKeydown?: (() => any) | undefined;
49
49
  onShow?: (() => any) | undefined;
50
50
  onHide?: (() => any) | undefined;
@@ -44,8 +44,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
44
44
  onFocus?: ((args_0: FocusEvent) => any) | undefined;
45
45
  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
46
46
  }>, {
47
- type: string;
48
47
  label: string;
48
+ type: string;
49
49
  disabled: boolean;
50
50
  size: string | null;
51
51
  required: boolean;
@@ -88,9 +88,9 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
88
88
  }>, {
89
89
  download: string | ((url: string) => string) | boolean;
90
90
  closable: boolean;
91
- invertTime: boolean;
92
91
  loop: boolean;
93
92
  autoplay: boolean;
93
+ invertTime: boolean;
94
94
  position: string;
95
95
  resetOnEnd: boolean;
96
96
  hideVolumeSlider: boolean;
@@ -51,9 +51,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
51
51
  default: boolean;
52
52
  };
53
53
  }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
54
- focus: (args_0: FocusEvent) => any;
55
54
  input: (args_0: string) => any;
56
55
  search: (args_0: string) => any;
56
+ focus: (args_0: FocusEvent) => any;
57
57
  enter: (args_0: string) => any;
58
58
  "update:search-mode": (args_0: string | object) => any;
59
59
  "change:search-mode": (args_0: string | object) => any;
@@ -97,9 +97,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
97
97
  default: boolean;
98
98
  };
99
99
  }>> & Readonly<{
100
- onFocus?: ((args_0: FocusEvent) => any) | undefined;
101
100
  onInput?: ((args_0: string) => any) | undefined;
102
101
  onSearch?: ((args_0: string) => any) | undefined;
102
+ onFocus?: ((args_0: FocusEvent) => any) | undefined;
103
103
  onEnter?: ((args_0: string) => any) | undefined;
104
104
  "onUpdate:search-mode"?: ((args_0: string | object) => any) | undefined;
105
105
  "onChange:search-mode"?: ((args_0: string | object) => any) | undefined;
@@ -119,8 +119,8 @@ declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, i
119
119
  "onColumn-resize"?: ((...args: any[]) => any) | undefined;
120
120
  "onColumn-reorder"?: ((...args: any[]) => any) | undefined;
121
121
  }>, {
122
- lazy: boolean;
123
122
  data: WtTableRow[];
123
+ lazy: boolean;
124
124
  dataKey: string;
125
125
  headers: WtTableHeader[];
126
126
  sortable: boolean;
@@ -103,8 +103,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
103
103
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
104
104
  "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
105
105
  }>, {
106
- name: string;
107
106
  label: string;
107
+ name: string;
108
108
  disabled: boolean;
109
109
  required: boolean;
110
110
  placeholder: string;
@@ -59,8 +59,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
59
59
  }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
60
60
  "onUpdate:modelValue"?: ((value: number | undefined) => any) | undefined;
61
61
  }>, {
62
- name: string;
63
62
  label: string;
63
+ name: string;
64
64
  disabled: boolean;
65
65
  required: boolean;
66
66
  customValidators: CompatCustomValidator[];
@@ -0,0 +1,10 @@
1
+ /**
2
+ * Walks a tree depth-first and returns the nodes from a root down to the
3
+ * first node matching `isTarget`, both ends included, or `null` when nothing
4
+ * matches. Children are read from `childrenKey` (e.g. `service` for case
5
+ * service catalogs, whose services nest under `service`).
6
+ *
7
+ * The path is what a breadcrumb, an "A / B / C" label or an ancestor check
8
+ * needs: `path.map(({ name }) => name)`, `path.slice(0, -1)`, and so on.
9
+ */
10
+ export declare function findTreePath<TNode extends object>(nodes: readonly TNode[] | null | undefined, isTarget: (node: TNode) => boolean, childrenKey: NoInfer<keyof TNode>): TNode[] | null;
@@ -1,3 +1,4 @@
1
1
  export * from './displayText';
2
+ export * from './findTreePath';
2
3
  export * from './formatDate';
3
4
  export * from './prettifyDate';