@webitel/ui-sdk 25.6.25 → 25.6.28
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.
- package/dist/types/components/wt-button/wt-button.vue.d.ts +51 -87
- package/dist/types/components/wt-empty/wt-empty.vue.d.ts +2 -2
- package/dist/types/components/wt-popover/wt-popover.vue.d.ts +56 -0
- package/dist/types/components/wt-select/wt-select-v2.vue.d.ts +20 -0
- package/dist/types/components/wt-select/wt-select.vue.d.ts +2 -0
- package/dist/types/components/wt-slider/wt-slider.vue.d.ts +1 -1
- package/dist/types/enums/ButtonColor/ButtonColor.d.ts +10 -0
- package/dist/types/enums/index.d.ts +2 -1
- package/dist/types/install.d.ts +1 -0
- package/dist/ui-sdk.css +1 -1
- package/dist/ui-sdk.js +26162 -17575
- package/dist/ui-sdk.umd.cjs +1631 -19
- package/package.json +7 -3
- package/src/api/transformers/addQueryParamsToUrl/addQueryParamsToUrl.transformer.js +19 -0
- package/src/api/transformers/index.js +2 -0
- package/src/components/index.js +3 -0
- package/src/components/wt-button/wt-button.vue +80 -238
- package/src/components/wt-popover/wt-popover.vue +45 -0
- package/src/components/wt-select/wt-select-v2.vue +278 -0
- package/src/components/wt-select/wt-select.vue +10 -5
- package/src/css/main.scss +1 -0
- package/src/css/tailwind.css +1 -0
- package/src/enums/ButtonColor/ButtonColor.js +9 -0
- package/src/enums/ButtonColor/ButtonColor.ts +11 -0
- package/src/enums/index.js +2 -0
- package/src/enums/index.ts +2 -0
- package/src/install.ts +3 -0
- package/src/plugins/primevue/primevue.plugin.js +34 -0
- package/src/plugins/primevue/theme/components/autocomplete/autocomplete.js +35 -0
- package/src/plugins/primevue/theme/components/button/button.js +175 -0
- package/src/plugins/primevue/theme/components/components.js +13 -0
- package/src/plugins/primevue/theme/components/popover/popover.js +11 -0
- package/src/plugins/primevue/theme/components/tooltip/tooltip.js +9 -0
- package/src/plugins/primevue/theme/extend/extend.js +7 -0
- package/src/plugins/primevue/theme/extend/spacings/spacings.js +15 -0
- package/src/plugins/primevue/theme/semantic/color-scheme/color-schema.js +16 -0
- package/src/plugins/primevue/theme/semantic/color-scheme/dark-color.js +198 -0
- package/src/plugins/primevue/theme/semantic/color-scheme/light-color.js +198 -0
- package/src/plugins/primevue/theme/semantic/color-scheme/palette.js +516 -0
- package/src/plugins/primevue/theme/semantic/semantic.js +7 -0
- package/src/plugins/primevue/theme/webitel-theme.js +16 -0
|
@@ -1,113 +1,77 @@
|
|
|
1
|
-
|
|
1
|
+
import { ButtonColor, ComponentSize } from '../../enums';
|
|
2
|
+
declare const primevueSizeMap: {
|
|
3
|
+
sm: string;
|
|
4
|
+
md: string;
|
|
5
|
+
};
|
|
6
|
+
type __VLS_Props = {
|
|
2
7
|
/**
|
|
3
8
|
* @values 'primary', 'secondary', 'success', 'error', 'transfer', 'job', 'info'
|
|
4
9
|
* @example <wt-button color="success"></wt-button>
|
|
5
10
|
*/
|
|
6
|
-
color
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
};
|
|
10
|
-
disabled: {
|
|
11
|
-
type: BooleanConstructor;
|
|
12
|
-
default: boolean;
|
|
13
|
-
};
|
|
14
|
-
loading: {
|
|
15
|
-
type: BooleanConstructor;
|
|
16
|
-
default: boolean;
|
|
17
|
-
};
|
|
18
|
-
/**
|
|
19
|
-
* @values 'sm', 'md'
|
|
20
|
-
* @example <wt-button size="sm"></wt-button>
|
|
21
|
-
*/
|
|
22
|
-
size: {
|
|
23
|
-
type: StringConstructor;
|
|
24
|
-
default: string;
|
|
25
|
-
options: string[];
|
|
26
|
-
};
|
|
27
|
-
/**
|
|
28
|
-
* Stretches button to all available width
|
|
29
|
-
*/
|
|
30
|
-
wide: {
|
|
31
|
-
type: BooleanConstructor;
|
|
32
|
-
default: boolean;
|
|
33
|
-
};
|
|
34
|
-
/**
|
|
35
|
-
* Shrinks button to content width
|
|
36
|
-
*/
|
|
37
|
-
widthByContent: {
|
|
38
|
-
type: BooleanConstructor;
|
|
39
|
-
default: boolean;
|
|
40
|
-
};
|
|
41
|
-
/**
|
|
42
|
-
* sets wt-button line-height to 0 to prevent height changing: [stack overflow](https://stackoverflow.com/a/11126701)
|
|
43
|
-
*/
|
|
44
|
-
containsIcon: {
|
|
45
|
-
type: BooleanConstructor;
|
|
46
|
-
default: boolean;
|
|
47
|
-
description: string;
|
|
48
|
-
};
|
|
49
|
-
}>, {}, {
|
|
50
|
-
showLoader: boolean;
|
|
51
|
-
}, {
|
|
52
|
-
colorClass(): string;
|
|
53
|
-
loaderColor(): "on-dark";
|
|
54
|
-
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
55
|
-
/**
|
|
56
|
-
* @values 'primary', 'secondary', 'success', 'error', 'transfer', 'job', 'info'
|
|
57
|
-
* @example <wt-button color="success"></wt-button>
|
|
58
|
-
*/
|
|
59
|
-
color: {
|
|
60
|
-
type: StringConstructor;
|
|
61
|
-
default: string;
|
|
62
|
-
};
|
|
63
|
-
disabled: {
|
|
64
|
-
type: BooleanConstructor;
|
|
65
|
-
default: boolean;
|
|
66
|
-
};
|
|
67
|
-
loading: {
|
|
68
|
-
type: BooleanConstructor;
|
|
69
|
-
default: boolean;
|
|
70
|
-
};
|
|
11
|
+
color?: ButtonColor;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
loading?: boolean;
|
|
71
14
|
/**
|
|
72
15
|
* @values 'sm', 'md'
|
|
73
16
|
* @example <wt-button size="sm"></wt-button>
|
|
74
17
|
*/
|
|
75
|
-
size
|
|
76
|
-
type: StringConstructor;
|
|
77
|
-
default: string;
|
|
78
|
-
options: string[];
|
|
79
|
-
};
|
|
18
|
+
size?: ComponentSize;
|
|
80
19
|
/**
|
|
81
20
|
* Stretches button to all available width
|
|
82
21
|
*/
|
|
83
|
-
wide
|
|
84
|
-
type: BooleanConstructor;
|
|
85
|
-
default: boolean;
|
|
86
|
-
};
|
|
22
|
+
wide?: boolean;
|
|
87
23
|
/**
|
|
88
24
|
* Shrinks button to content width
|
|
89
25
|
*/
|
|
90
|
-
widthByContent
|
|
91
|
-
type: BooleanConstructor;
|
|
92
|
-
default: boolean;
|
|
93
|
-
};
|
|
26
|
+
widthByContent?: boolean;
|
|
94
27
|
/**
|
|
95
28
|
* sets wt-button line-height to 0 to prevent height changing: [stack overflow](https://stackoverflow.com/a/11126701)
|
|
96
29
|
*/
|
|
97
|
-
containsIcon
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
30
|
+
containsIcon?: boolean;
|
|
31
|
+
};
|
|
32
|
+
declare const emit: (event: "click", ...args: any[]) => void;
|
|
33
|
+
declare const showLoader: import("vue").Ref<boolean, boolean>;
|
|
34
|
+
declare const loaderColor: import("vue").ComputedRef<string>;
|
|
35
|
+
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
36
|
+
declare var __VLS_14: {};
|
|
37
|
+
type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
|
|
38
|
+
default?: (props: typeof __VLS_14) => any;
|
|
39
|
+
}>;
|
|
40
|
+
declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
|
|
41
|
+
primevueSizeMap: typeof primevueSizeMap;
|
|
42
|
+
emit: typeof emit;
|
|
43
|
+
showLoader: typeof showLoader;
|
|
44
|
+
loaderColor: typeof loaderColor;
|
|
45
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
46
|
+
click: (...args: any[]) => void;
|
|
47
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
48
|
+
onClick?: (...args: any[]) => any;
|
|
49
|
+
}>, {
|
|
50
|
+
size: ComponentSize;
|
|
51
|
+
disabled: boolean;
|
|
52
|
+
color: ButtonColor;
|
|
53
|
+
wide: boolean;
|
|
54
|
+
loading: boolean;
|
|
55
|
+
widthByContent: boolean;
|
|
56
|
+
containsIcon: boolean;
|
|
57
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
58
|
+
declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
59
|
+
click: (...args: any[]) => void;
|
|
60
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
103
61
|
onClick?: (...args: any[]) => any;
|
|
104
62
|
}>, {
|
|
105
|
-
size:
|
|
63
|
+
size: ComponentSize;
|
|
106
64
|
disabled: boolean;
|
|
107
|
-
color:
|
|
65
|
+
color: ButtonColor;
|
|
108
66
|
wide: boolean;
|
|
109
67
|
loading: boolean;
|
|
110
68
|
widthByContent: boolean;
|
|
111
69
|
containsIcon: boolean;
|
|
112
70
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
71
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
113
72
|
export default _default;
|
|
73
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
74
|
+
new (): {
|
|
75
|
+
$slots: S;
|
|
76
|
+
};
|
|
77
|
+
};
|
|
@@ -5,9 +5,9 @@ type __VLS_WithSlots<T, S> = T & (new () => {
|
|
|
5
5
|
});
|
|
6
6
|
declare const __VLS_component: import("vue").DefineComponent<{}, {
|
|
7
7
|
$emit: (event: "click:primary" | "click:secondary", ...args: any[]) => void;
|
|
8
|
-
size: string;
|
|
9
8
|
title: string;
|
|
10
9
|
text: string;
|
|
10
|
+
size: string;
|
|
11
11
|
headline: string;
|
|
12
12
|
primaryActionText: string;
|
|
13
13
|
secondaryActionText: string;
|
|
@@ -15,9 +15,9 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
|
|
|
15
15
|
disabledSecondaryAction: boolean;
|
|
16
16
|
image?: Record<string, any>;
|
|
17
17
|
$props: {
|
|
18
|
-
readonly size?: string;
|
|
19
18
|
readonly title?: string;
|
|
20
19
|
readonly text?: string;
|
|
20
|
+
readonly size?: string;
|
|
21
21
|
readonly headline?: string;
|
|
22
22
|
readonly primaryActionText?: string;
|
|
23
23
|
readonly secondaryActionText?: string;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { PopoverProps } from 'primevue';
|
|
2
|
+
import Popover from 'primevue/popover';
|
|
3
|
+
declare const attrs: {
|
|
4
|
+
[x: string]: unknown;
|
|
5
|
+
};
|
|
6
|
+
declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
|
|
7
|
+
declare var __VLS_7: {};
|
|
8
|
+
type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
|
|
9
|
+
default?: (props: typeof __VLS_7) => any;
|
|
10
|
+
}>;
|
|
11
|
+
declare const __VLS_self: import("vue").DefineComponent<PopoverProps, {
|
|
12
|
+
Popover: typeof Popover;
|
|
13
|
+
attrs: typeof attrs;
|
|
14
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
15
|
+
hide: () => any;
|
|
16
|
+
show: () => any;
|
|
17
|
+
}, string, import("vue").PublicProps, Readonly<PopoverProps> & Readonly<{
|
|
18
|
+
onHide?: () => any;
|
|
19
|
+
onShow?: () => any;
|
|
20
|
+
}>, {
|
|
21
|
+
dt: import("@primevue/core").DesignToken<any>;
|
|
22
|
+
appendTo: import("@primevue/core").HintedString<"body" | "self"> | undefined | HTMLElement;
|
|
23
|
+
baseZIndex: number;
|
|
24
|
+
autoZIndex: boolean;
|
|
25
|
+
breakpoints: import("primevue").PopoverBreakpoints;
|
|
26
|
+
pt: any;
|
|
27
|
+
ptOptions: import("primevue/passthrough").PassThroughOptions;
|
|
28
|
+
closeOnEscape: boolean | undefined;
|
|
29
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
30
|
+
declare const __VLS_component: import("vue").DefineComponent<PopoverProps, {
|
|
31
|
+
toggle: (...args: any[]) => void;
|
|
32
|
+
show: (...args: any[]) => void;
|
|
33
|
+
hide: (...args: any[]) => void;
|
|
34
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
35
|
+
hide: () => any;
|
|
36
|
+
show: () => any;
|
|
37
|
+
}, string, import("vue").PublicProps, Readonly<PopoverProps> & Readonly<{
|
|
38
|
+
onHide?: () => any;
|
|
39
|
+
onShow?: () => any;
|
|
40
|
+
}>, {
|
|
41
|
+
dt: import("@primevue/core").DesignToken<any>;
|
|
42
|
+
appendTo: import("@primevue/core").HintedString<"body" | "self"> | undefined | HTMLElement;
|
|
43
|
+
baseZIndex: number;
|
|
44
|
+
autoZIndex: boolean;
|
|
45
|
+
breakpoints: import("primevue").PopoverBreakpoints;
|
|
46
|
+
pt: any;
|
|
47
|
+
ptOptions: import("primevue/passthrough").PassThroughOptions;
|
|
48
|
+
closeOnEscape: boolean | undefined;
|
|
49
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
50
|
+
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
51
|
+
export default _default;
|
|
52
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
53
|
+
new (): {
|
|
54
|
+
$slots: S;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {
|
|
2
|
+
$emit: (event: "input" | "closed" | "update:modelValue" | "reset" | "search-change" | "custom-value", ...args: any[]) => void;
|
|
3
|
+
options: unknown[];
|
|
4
|
+
clearable: boolean;
|
|
5
|
+
multiple: boolean;
|
|
6
|
+
allowCustomValues: boolean;
|
|
7
|
+
handleCustomValuesAdditionManually: boolean;
|
|
8
|
+
value?: unknown;
|
|
9
|
+
searchMethod?: Function;
|
|
10
|
+
$props: {
|
|
11
|
+
readonly options?: unknown[];
|
|
12
|
+
readonly clearable?: boolean;
|
|
13
|
+
readonly multiple?: boolean;
|
|
14
|
+
readonly allowCustomValues?: boolean;
|
|
15
|
+
readonly handleCustomValuesAdditionManually?: boolean;
|
|
16
|
+
readonly value?: unknown;
|
|
17
|
+
readonly searchMethod?: Function;
|
|
18
|
+
};
|
|
19
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
20
|
+
export default _default;
|
|
@@ -20,12 +20,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
20
20
|
};
|
|
21
21
|
}>, {}, {
|
|
22
22
|
isOpened: boolean;
|
|
23
|
+
items: any[];
|
|
23
24
|
}, {
|
|
24
25
|
taggable(): any;
|
|
25
26
|
manualTagging(): any;
|
|
26
27
|
optionsWithCustomValues(): any;
|
|
27
28
|
}, {
|
|
28
29
|
handleCustomValue(value: any): Promise<void>;
|
|
30
|
+
search(event: any): Promise<void>;
|
|
29
31
|
handleCustomValueArrowInput(toggle: any): Promise<void>;
|
|
30
32
|
emitTagEvent(searchQuery: any, id: any): void;
|
|
31
33
|
clearValue(): void;
|
|
@@ -68,8 +68,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
68
68
|
min: number;
|
|
69
69
|
max: number;
|
|
70
70
|
disabled: boolean;
|
|
71
|
+
step: number;
|
|
71
72
|
height: number;
|
|
72
73
|
vertical: boolean;
|
|
73
|
-
step: number;
|
|
74
74
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
75
75
|
export default _default;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const ButtonColor: {
|
|
2
|
+
readonly PRIMARY: "primary";
|
|
3
|
+
readonly SECONDARY: "secondary";
|
|
4
|
+
readonly SUCCESS: "success";
|
|
5
|
+
readonly ERROR: "error";
|
|
6
|
+
readonly TRANSFER: "transfer";
|
|
7
|
+
readonly JOB: "job";
|
|
8
|
+
readonly INFO: "info";
|
|
9
|
+
};
|
|
10
|
+
export type ButtonColor = (typeof ButtonColor)[keyof typeof ButtonColor];
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import AbstractUserStatus from './AbstractUserStatus/AbstractUserStatus.enum.js';
|
|
2
2
|
import AgentStatus from './AgentStatus/AgentStatus.enum.js';
|
|
3
|
+
import { ButtonColor } from './ButtonColor/ButtonColor';
|
|
3
4
|
import ChatGatewayProvider from './ChatGatewayProvider/ChatGatewayProvider.enum.js';
|
|
4
5
|
import { ComponentSize } from './ComponentSize/ComponentSize';
|
|
5
6
|
import { CrudAction } from './CrudAction/CrudAction';
|
|
@@ -15,4 +16,4 @@ import WebitelApplications from './WebitelApplications/WebitelApplications.enum.
|
|
|
15
16
|
import { WtApplication } from './WebitelApplications/WtApplication';
|
|
16
17
|
import { WtObject } from './WtObject/WtObject';
|
|
17
18
|
import { WtTypeExtensionFieldKind } from './WtTypeExtensionFieldKind/WtTypeExtensionFieldKind';
|
|
18
|
-
export { AbstractUserStatus, AdminSections, AgentStatus, AuditorSections, ChatGatewayProvider, ComponentSize, CrmSections, CrudAction, IconAction, QueueType, RelativeDatetimeValue, SupervisorSections, TypesExportedSettings, WebitelApplications, WtApplication, WtObject, WtTypeExtensionFieldKind, };
|
|
19
|
+
export { AbstractUserStatus, AdminSections, AgentStatus, AuditorSections, ButtonColor, ChatGatewayProvider, ComponentSize, CrmSections, CrudAction, IconAction, QueueType, RelativeDatetimeValue, SupervisorSections, TypesExportedSettings, WebitelApplications, WtApplication, WtObject, WtTypeExtensionFieldKind, };
|
package/dist/types/install.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import 'vue-multiselect/dist/vue-multiselect.css';
|
|
|
2
2
|
import '@webitel/styleguide/fonts';
|
|
3
3
|
import 'plyr/src/sass/plyr.scss';
|
|
4
4
|
import './css/main.scss';
|
|
5
|
+
import './css/tailwind.css';
|
|
5
6
|
import './assets/icons/sprite/index.js';
|
|
6
7
|
declare const _default: {
|
|
7
8
|
install(app: any, { eventBus, router, globals }: {
|