@ironsource/shared-ui 2.1.11-test.53 → 2.1.11-test.55
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/Chart.vue_vue_type_style_index_0_scoped_026d82c5_lang.css +1 -0
- package/ChartLegend.vue_vue_type_style_index_0_scoped_aa32a103_lang.css +1 -0
- package/ChartLoader.vue_vue_type_style_index_0_scoped_ffa4cc66_lang.css +1 -0
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_2a77c137_lang.css +1 -0
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css +1 -0
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_73bf9b5b_lang.css +1 -0
- package/EditableV4.vue_vue_type_style_index_0_scoped_1bbe222a_lang.css +1 -0
- package/IconFlag.vue_vue_type_style_index_0_scoped_6526c390_lang.css +1 -0
- package/OptionV4.vue_vue_type_style_index_0_scoped_5ff4b654_lang.css +1 -0
- package/SortableItem.vue_vue_type_style_index_0_scoped_48542664_lang.css +1 -0
- package/SortableList.vue_vue_type_style_index_0_scoped_8f267f88_lang.css +1 -0
- package/TextField.vue_vue_type_style_index_0_scoped_fce3948c_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_0_scoped_66eab856_lang.css +1 -0
- package/TooltipV4.vue_vue_type_style_index_1_lang.css +1 -1
- package/Typography.vue_vue_type_style_index_0_scoped_07b259bf_lang.css +1 -0
- package/components/button/v3/Button.vue.d.ts +6 -6
- package/components/button/v3/index.d.ts +14 -14
- package/components/chart/Chart.vue.d.ts +1 -1
- package/components/chart/Chart.vue.js +4 -4
- package/components/chart/Chart.vue2.js +110 -105
- package/components/chart/ChartLegend.vue.js +2 -2
- package/components/chart/ChartLegend.vue2.js +60 -50
- package/components/chart/ChartLoader.vue.js +5 -23
- package/components/chart/ChartLoader.vue2.js +15 -0
- package/components/chart/index.d.ts +20 -20
- package/components/chart/mockData.d.ts +8 -0
- package/components/dateRange/v4/DateRangeV4.vue.js +3 -3
- package/components/dateRange/v4/DateRangeV4.vue2.js +86 -81
- package/components/dropdown/v4/ConditionalDropdown.vue.d.ts +26 -3
- package/components/dropdown/v4/ConditionalDropdown.vue.js +2 -2
- package/components/dropdown/v4/ConditionalDropdown.vue2.js +131 -109
- package/components/dropdown/v4/DefaultDropdownTrigger.vue.js +2 -2
- package/components/dropdown/v4/DefaultDropdownTrigger.vue2.js +45 -46
- package/components/dropdown/v4/OptionV4.vue.js +2 -2
- package/components/dropdown/v4/OptionV4.vue2.js +97 -98
- package/components/dropdown/v4/index.d.ts +41 -3
- package/components/emptyState/v3/EmptyState.vue.d.ts +3 -3
- package/components/emptyState/v3/index.d.ts +7 -7
- package/components/icon/v4/IconFlag.vue.js +3 -3
- package/components/icon/v4/IconFlag.vue2.js +1 -1
- package/components/input/v4/TextField.vue.js +3 -3
- package/components/input/v4/TextField.vue2.js +184 -164
- package/components/sortableList/SortableItem.vue.d.ts +5 -0
- package/components/sortableList/SortableItem.vue.js +3 -3
- package/components/sortableList/SortableItem.vue2.js +76 -61
- package/components/sortableList/SortableList.vue.d.ts +16 -0
- package/components/sortableList/SortableList.vue.js +3 -3
- package/components/sortableList/SortableList.vue2.js +100 -87
- package/components/sortableList/index.d.ts +59 -1
- package/components/table/v4/DataGrid.vue.d.ts +2 -2
- package/components/table/v4/MultipleDataGrid.vue.d.ts +1 -1
- package/components/table/v4/index.d.ts +59 -59
- package/components/table-cells/common/Editable.common.js +8 -7
- package/components/table-cells/common/EditableContext.d.ts +1 -0
- package/components/table-cells/v4/EditableV4.vue.d.ts +5 -0
- package/components/table-cells/v4/EditableV4.vue.js +3 -3
- package/components/table-cells/v4/EditableV4.vue2.js +11 -10
- package/components/table-cells/v4/index.d.ts +20 -1
- package/components/tooltip/v4/TooltipV4.vue.js +3 -3
- package/components/tooltip/v4/TooltipV4.vue2.js +1 -1
- package/components/typography/v4/Typography.vue.js +3 -3
- package/components/typography/v4/Typography.vue2.js +1 -1
- package/composables/useFormValidation.d.ts +1 -1
- package/index.d.ts +385 -155
- package/index.js +1 -1
- package/package.json +239 -2
- package/testids/index.d.ts +1 -0
- package/testids/index.js +13 -13
- package/Chart.vue_vue_type_style_index_0_scoped_277fde76_lang.css +0 -1
- package/ChartLegend.vue_vue_type_style_index_0_scoped_a1c626cd_lang.css +0 -1
- package/ChartLoader.vue_vue_type_style_index_0_scoped_142c444a_lang.css +0 -1
- package/ConditionalDropdown.vue_vue_type_style_index_0_scoped_8f96cf5a_lang.css +0 -1
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_309e5351_lang.css +0 -1
- package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_9fa84b26_lang.css +0 -1
- package/EditableV4.vue_vue_type_style_index_0_scoped_e0c047b4_lang.css +0 -1
- package/IconFlag.vue_vue_type_style_index_0_scoped_7b09cc85_lang.css +0 -1
- package/OptionV4.vue_vue_type_style_index_0_scoped_2c2947b3_lang.css +0 -1
- package/SortableItem.vue_vue_type_style_index_0_scoped_7cb676f1_lang.css +0 -1
- package/SortableList.vue_vue_type_style_index_0_scoped_156c01ca_lang.css +0 -1
- package/TextField.vue_vue_type_style_index_0_scoped_2e327aa1_lang.css +0 -1
- package/TooltipV4.vue_vue_type_style_index_0_scoped_82b46d6d_lang.css +0 -1
- package/Typography.vue_vue_type_style_index_0_scoped_a14013a5_lang.css +0 -1
- package/consts/configs.js +0 -4
- package/tsconfig.json +0 -157
|
@@ -6,9 +6,9 @@ declare const ChartTypes: () => ({
|
|
|
6
6
|
$props: Partial<{
|
|
7
7
|
header: string;
|
|
8
8
|
loading: boolean;
|
|
9
|
-
parsing: import("./types").ChartParsingConfig;
|
|
10
9
|
xAxisFormat: import("./types").ValueFormat;
|
|
11
10
|
yAxisFormat: import("./types").ValueFormat;
|
|
11
|
+
parsing: import("./types").ChartParsingConfig;
|
|
12
12
|
visibleIds: unknown[];
|
|
13
13
|
minVisible: number;
|
|
14
14
|
maxVisible: number;
|
|
@@ -33,10 +33,6 @@ declare const ChartTypes: () => ({
|
|
|
33
33
|
type: import("vue").PropType<boolean>;
|
|
34
34
|
default: boolean;
|
|
35
35
|
};
|
|
36
|
-
parsing: {
|
|
37
|
-
type: import("vue").PropType<import("./types").ChartParsingConfig>;
|
|
38
|
-
default: any;
|
|
39
|
-
};
|
|
40
36
|
xAxisFormat: {
|
|
41
37
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
42
38
|
default: string;
|
|
@@ -45,6 +41,10 @@ declare const ChartTypes: () => ({
|
|
|
45
41
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
46
42
|
default: string;
|
|
47
43
|
};
|
|
44
|
+
parsing: {
|
|
45
|
+
type: import("vue").PropType<import("./types").ChartParsingConfig>;
|
|
46
|
+
default: any;
|
|
47
|
+
};
|
|
48
48
|
visibleIds: {
|
|
49
49
|
type: import("vue").PropType<unknown[]>;
|
|
50
50
|
required: true;
|
|
@@ -110,7 +110,7 @@ declare const ChartTypes: () => ({
|
|
|
110
110
|
}>> & {
|
|
111
111
|
"onUpdate:visibleIds"?: (visibleIds: unknown[]) => any;
|
|
112
112
|
"onUpdate:chartType"?: (chartType: import("./types").ChartType) => any;
|
|
113
|
-
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "
|
|
113
|
+
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "header" | "loading" | "xAxisFormat" | "yAxisFormat" | "parsing" | "visibleIds" | "minVisible" | "maxVisible" | "maxLimitTooltipText" | "chartType" | "withSettingsHeader" | "subheader" | "withSubheaderTooltip" | "dataSets" | "hideLegend" | "tickCount" | "noDataIcon" | "noDataTitle" | "noDataSubtitle" | "withAnimation">;
|
|
114
114
|
$attrs: {
|
|
115
115
|
[x: string]: unknown;
|
|
116
116
|
};
|
|
@@ -133,10 +133,6 @@ declare const ChartTypes: () => ({
|
|
|
133
133
|
type: import("vue").PropType<boolean>;
|
|
134
134
|
default: boolean;
|
|
135
135
|
};
|
|
136
|
-
parsing: {
|
|
137
|
-
type: import("vue").PropType<import("./types").ChartParsingConfig>;
|
|
138
|
-
default: any;
|
|
139
|
-
};
|
|
140
136
|
xAxisFormat: {
|
|
141
137
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
142
138
|
default: string;
|
|
@@ -145,6 +141,10 @@ declare const ChartTypes: () => ({
|
|
|
145
141
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
146
142
|
default: string;
|
|
147
143
|
};
|
|
144
|
+
parsing: {
|
|
145
|
+
type: import("vue").PropType<import("./types").ChartParsingConfig>;
|
|
146
|
+
default: any;
|
|
147
|
+
};
|
|
148
148
|
visibleIds: {
|
|
149
149
|
type: import("vue").PropType<unknown[]>;
|
|
150
150
|
required: true;
|
|
@@ -216,9 +216,9 @@ declare const ChartTypes: () => ({
|
|
|
216
216
|
}, string, {
|
|
217
217
|
header: string;
|
|
218
218
|
loading: boolean;
|
|
219
|
-
parsing: import("./types").ChartParsingConfig;
|
|
220
219
|
xAxisFormat: import("./types").ValueFormat;
|
|
221
220
|
yAxisFormat: import("./types").ValueFormat;
|
|
221
|
+
parsing: import("./types").ChartParsingConfig;
|
|
222
222
|
visibleIds: unknown[];
|
|
223
223
|
minVisible: number;
|
|
224
224
|
maxVisible: number;
|
|
@@ -263,10 +263,6 @@ declare const ChartTypes: () => ({
|
|
|
263
263
|
type: import("vue").PropType<boolean>;
|
|
264
264
|
default: boolean;
|
|
265
265
|
};
|
|
266
|
-
parsing: {
|
|
267
|
-
type: import("vue").PropType<import("./types").ChartParsingConfig>;
|
|
268
|
-
default: any;
|
|
269
|
-
};
|
|
270
266
|
xAxisFormat: {
|
|
271
267
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
272
268
|
default: string;
|
|
@@ -275,6 +271,10 @@ declare const ChartTypes: () => ({
|
|
|
275
271
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
276
272
|
default: string;
|
|
277
273
|
};
|
|
274
|
+
parsing: {
|
|
275
|
+
type: import("vue").PropType<import("./types").ChartParsingConfig>;
|
|
276
|
+
default: any;
|
|
277
|
+
};
|
|
278
278
|
visibleIds: {
|
|
279
279
|
type: import("vue").PropType<unknown[]>;
|
|
280
280
|
required: true;
|
|
@@ -353,10 +353,6 @@ declare const ChartTypes: () => ({
|
|
|
353
353
|
type: import("vue").PropType<boolean>;
|
|
354
354
|
default: boolean;
|
|
355
355
|
};
|
|
356
|
-
parsing: {
|
|
357
|
-
type: import("vue").PropType<import("./types").ChartParsingConfig>;
|
|
358
|
-
default: any;
|
|
359
|
-
};
|
|
360
356
|
xAxisFormat: {
|
|
361
357
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
362
358
|
default: string;
|
|
@@ -365,6 +361,10 @@ declare const ChartTypes: () => ({
|
|
|
365
361
|
type: import("vue").PropType<import("./types").ValueFormat>;
|
|
366
362
|
default: string;
|
|
367
363
|
};
|
|
364
|
+
parsing: {
|
|
365
|
+
type: import("vue").PropType<import("./types").ChartParsingConfig>;
|
|
366
|
+
default: any;
|
|
367
|
+
};
|
|
368
368
|
visibleIds: {
|
|
369
369
|
type: import("vue").PropType<unknown[]>;
|
|
370
370
|
required: true;
|
|
@@ -436,9 +436,9 @@ declare const ChartTypes: () => ({
|
|
|
436
436
|
}, string, {
|
|
437
437
|
header: string;
|
|
438
438
|
loading: boolean;
|
|
439
|
-
parsing: import("./types").ChartParsingConfig;
|
|
440
439
|
xAxisFormat: import("./types").ValueFormat;
|
|
441
440
|
yAxisFormat: import("./types").ValueFormat;
|
|
441
|
+
parsing: import("./types").ChartParsingConfig;
|
|
442
442
|
visibleIds: unknown[];
|
|
443
443
|
minVisible: number;
|
|
444
444
|
maxVisible: number;
|
|
@@ -34,4 +34,12 @@ export declare const MULTIPLE_DATASETS_DATE: ({
|
|
|
34
34
|
value: number;
|
|
35
35
|
}[];
|
|
36
36
|
})[];
|
|
37
|
+
export declare const MULTIPLE_DATASETS_SINGLE_DATE: {
|
|
38
|
+
id: string;
|
|
39
|
+
label: string;
|
|
40
|
+
data: {
|
|
41
|
+
date: string;
|
|
42
|
+
value: number;
|
|
43
|
+
}[];
|
|
44
|
+
}[];
|
|
37
45
|
export declare const generateMockData: (numSeries?: number) => any[];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./DateRangeV4.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../DateRangeV4.
|
|
4
|
-
const
|
|
3
|
+
// import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css"; //*');
|
|
4
|
+
const s = /* @__PURE__ */ o(e, [["__scopeId", "data-v-8a2714eb"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
s as default
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import "../../../DateRangeV4.
|
|
2
|
-
import
|
|
3
|
-
import { typeToName as
|
|
4
|
-
import
|
|
1
|
+
import "../../../DateRangeV4.vue_vue_type_style_index_0_scoped_8a2714eb_lang.css"; import { defineComponent as J, watch as Q, openBlock as n, createElementBlock as s, unref as e, normalizeClass as r, createElementVNode as d, renderSlot as x, createVNode as i, withDirectives as v, Fragment as k, renderList as C, withCtx as l, createTextVNode as m, toDisplayString as g, createCommentVNode as E, vShow as $, normalizeStyle as X, setBlockTracking as R } from "vue";
|
|
2
|
+
import Z from "./CalendarMonthV4.vue.js";
|
|
3
|
+
import { typeToName as _, messagePerType as ee } from "../common/consts.common.js";
|
|
4
|
+
import A from "../../button/v4/ButtonV4.vue.js";
|
|
5
5
|
import "../../button/v4/IconButtonV4.vue.js";
|
|
6
6
|
import "../../button/v4/ButtonGroup.vue.js";
|
|
7
7
|
import "../../button/v4/ToggleButtonGroupAB.vue.js";
|
|
@@ -11,17 +11,17 @@ import "../../dropdown/v4/IconButtonDropdownTrigger.vue.js";
|
|
|
11
11
|
import "../../dropdown/v4/ChipDropdownTrigger.vue.js";
|
|
12
12
|
import "../../dropdown/v4/AppDropdownTrigger.vue.js";
|
|
13
13
|
import "../../dropdown/v4/ButtonDropdownTrigger.vue.js";
|
|
14
|
-
import
|
|
14
|
+
import te from "../../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
|
|
15
15
|
import "../../dropdown/v4/TreeDropdown.vue.js";
|
|
16
16
|
import "../../dropdown/v4/OptionV4.vue.js";
|
|
17
17
|
import "../../dropdown/v4/ConditionalDropdown.vue.js";
|
|
18
|
-
import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as
|
|
19
|
-
import { dateRangeCommon as
|
|
18
|
+
import { DateRangeTestIdModifiers as o, DatePickerTestIdModifiers as ae } from "../../../testids/index.js";
|
|
19
|
+
import { dateRangeCommon as de } from "../common/DateRange.common.js";
|
|
20
20
|
import p from "../../typography/v4/Typography.vue.js";
|
|
21
|
-
const
|
|
21
|
+
const ne = ["id", "data-testid"], se = ["data-testid"], ie = ["id", "data-testid"], oe = {
|
|
22
22
|
key: 0,
|
|
23
23
|
class: "type-picker"
|
|
24
|
-
},
|
|
24
|
+
}, le = ["onClick"], re = ["data-testid"], ce = ["id"], ue = ["id"], me = ["onClick"], pe = { class: "dropdown-rightTriangle" }, ye = ["data-testid"], ge = { class: "date-picker-calendar left-box" }, fe = { class: "buttons-cover" }, he = { class: "range" }, ve = { class: "text-container" }, Ve = /* @__PURE__ */ J({
|
|
25
25
|
__name: "DateRangeV4",
|
|
26
26
|
props: {
|
|
27
27
|
range: null,
|
|
@@ -48,86 +48,91 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
|
|
|
48
48
|
"opened",
|
|
49
49
|
"dismissed"
|
|
50
50
|
],
|
|
51
|
-
setup(t, { emit:
|
|
52
|
-
const
|
|
53
|
-
datePicker:
|
|
54
|
-
datePickerId:
|
|
55
|
-
getMaxAllowedDate:
|
|
56
|
-
selectedPreset:
|
|
57
|
-
displayError:
|
|
51
|
+
setup(t, { emit: B }) {
|
|
52
|
+
const I = t, {
|
|
53
|
+
datePicker: M,
|
|
54
|
+
datePickerId: S,
|
|
55
|
+
getMaxAllowedDate: q,
|
|
56
|
+
selectedPreset: w,
|
|
57
|
+
displayError: O,
|
|
58
58
|
rangeType: f,
|
|
59
|
-
selectedRange:
|
|
60
|
-
placement:
|
|
61
|
-
currentDate:
|
|
62
|
-
error:
|
|
63
|
-
presets:
|
|
59
|
+
selectedRange: L,
|
|
60
|
+
placement: V,
|
|
61
|
+
currentDate: T,
|
|
62
|
+
error: z,
|
|
63
|
+
presets: U,
|
|
64
64
|
isOpen: h,
|
|
65
|
-
popup:
|
|
65
|
+
popup: F,
|
|
66
66
|
currentMonths: y,
|
|
67
|
-
displayedMonthsKeys:
|
|
68
|
-
changeType:
|
|
67
|
+
displayedMonthsKeys: b,
|
|
68
|
+
changeType: P,
|
|
69
69
|
presetChanged: G,
|
|
70
70
|
apply: K,
|
|
71
71
|
getNavigation: W,
|
|
72
72
|
navigationCallback: Y,
|
|
73
73
|
selectionChanged: j,
|
|
74
|
-
toggle:
|
|
74
|
+
toggle: D,
|
|
75
75
|
isCompact: H
|
|
76
|
-
} =
|
|
77
|
-
return (
|
|
78
|
-
|
|
76
|
+
} = de(I, B);
|
|
77
|
+
return Q(
|
|
78
|
+
() => I.datePresetList,
|
|
79
|
+
() => {
|
|
80
|
+
P("date", !1);
|
|
81
|
+
}
|
|
82
|
+
), (N, c) => (n(), s("div", {
|
|
83
|
+
id: e(S),
|
|
79
84
|
ref_key: "datePicker",
|
|
80
|
-
ref:
|
|
85
|
+
ref: M,
|
|
81
86
|
class: r(["relative-wrap", { "date-range-disabled": t.disabled }]),
|
|
82
87
|
"data-testid": `${t.testId}-${e(o).WRAPPER}`
|
|
83
88
|
}, [
|
|
84
89
|
d("div", {
|
|
85
90
|
class: "date-range-field",
|
|
86
91
|
"data-testid": `${t.testId}-${e(o).TRIGGER}`,
|
|
87
|
-
onClick:
|
|
92
|
+
onClick: c[0] || (c[0] = (a) => e(D)())
|
|
88
93
|
}, [
|
|
89
|
-
N
|
|
90
|
-
currentDate: e(
|
|
94
|
+
x(N.$slots, "field", {
|
|
95
|
+
currentDate: e(T),
|
|
91
96
|
isOpen: e(h)
|
|
92
97
|
}, () => [
|
|
93
|
-
|
|
94
|
-
label: e(
|
|
98
|
+
i(e(te), {
|
|
99
|
+
label: e(T),
|
|
95
100
|
"start-icon-name": "calendar-blank",
|
|
96
101
|
variant: "outlined",
|
|
97
|
-
"test-id": `${t.testId}-${e(
|
|
102
|
+
"test-id": `${t.testId}-${e(ae).INPUT}`,
|
|
98
103
|
open: e(h)
|
|
99
104
|
}, null, 8, ["label", "test-id", "open"])
|
|
100
105
|
], !0)
|
|
101
|
-
], 8,
|
|
106
|
+
], 8, se),
|
|
102
107
|
v(d("div", {
|
|
103
108
|
id: "datepickerPopup" + t.uniqueId,
|
|
104
109
|
ref_key: "popup",
|
|
105
|
-
ref:
|
|
110
|
+
ref: F,
|
|
106
111
|
class: r(["pop-up", [
|
|
107
|
-
e(
|
|
112
|
+
e(V),
|
|
108
113
|
t.openOnTop ? "open-on-top" : "",
|
|
109
114
|
t.showPresets ? "" : "hide-presets"
|
|
110
115
|
]]),
|
|
111
116
|
"data-testid": `${t.testId}-${e(o).CONTAINER}`
|
|
112
117
|
}, [
|
|
113
|
-
t.types.length > 1 ? (n(),
|
|
114
|
-
(n(!0),
|
|
118
|
+
t.types.length > 1 ? (n(), s("div", oe, [
|
|
119
|
+
(n(!0), s(k, null, C(t.types, (a) => (n(), s("span", {
|
|
115
120
|
key: a,
|
|
116
121
|
class: r(["range-type", { "selected-range-type": e(f) === a }]),
|
|
117
|
-
onClick: (
|
|
122
|
+
onClick: (u) => e(P)(a, !0)
|
|
118
123
|
}, [
|
|
119
|
-
|
|
124
|
+
i(e(p), { variant: "h1" }, {
|
|
120
125
|
default: l(() => [
|
|
121
|
-
m(g(e(
|
|
126
|
+
m(g(e(_)[a]), 1)
|
|
122
127
|
]),
|
|
123
128
|
_: 2
|
|
124
129
|
}, 1024)
|
|
125
|
-
], 10,
|
|
126
|
-
])) :
|
|
130
|
+
], 10, le))), 128))
|
|
131
|
+
])) : E("", !0),
|
|
127
132
|
d("div", {
|
|
128
133
|
class: r(["flex", { "pop-up-content": t.types.length > 1 }])
|
|
129
134
|
}, [
|
|
130
|
-
t.showPresets ? (n(),
|
|
135
|
+
t.showPresets ? (n(), s("div", {
|
|
131
136
|
key: 0,
|
|
132
137
|
class: "date-picker-menu",
|
|
133
138
|
"data-testid": `${t.testId}-${e(o).MENU}`
|
|
@@ -139,17 +144,17 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
|
|
|
139
144
|
d("ul", {
|
|
140
145
|
id: "customDropDownList" + t.uniqueId
|
|
141
146
|
}, [
|
|
142
|
-
(n(!0),
|
|
147
|
+
(n(!0), s(k, null, C(e(U), (a) => (n(), s("li", {
|
|
143
148
|
key: a.id,
|
|
144
149
|
class: r({
|
|
145
|
-
"selected-preset-container": e(
|
|
150
|
+
"selected-preset-container": e(w) === a.id
|
|
146
151
|
})
|
|
147
152
|
}, [
|
|
148
153
|
d("div", {
|
|
149
|
-
class: r([{ "selected-preset": e(
|
|
150
|
-
onClick: (
|
|
154
|
+
class: r([{ "selected-preset": e(w) === a.id }, "preset-element"]),
|
|
155
|
+
onClick: (u) => e(G)(a)
|
|
151
156
|
}, [
|
|
152
|
-
|
|
157
|
+
i(e(p), {
|
|
153
158
|
variant: "body2",
|
|
154
159
|
"data-testid": `${t.testId}-${e(o).MENU}-${a.id}`
|
|
155
160
|
}, {
|
|
@@ -158,60 +163,60 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
|
|
|
158
163
|
]),
|
|
159
164
|
_: 2
|
|
160
165
|
}, 1032, ["data-testid"])
|
|
161
|
-
], 10,
|
|
162
|
-
v(d("div",
|
|
166
|
+
], 10, me),
|
|
167
|
+
v(d("div", pe, null, 512), [
|
|
163
168
|
[$, a.id === "custom"]
|
|
164
169
|
])
|
|
165
170
|
], 2))), 128))
|
|
166
171
|
], 8, ue)
|
|
167
|
-
], 8,
|
|
172
|
+
], 8, ce),
|
|
168
173
|
d("div", {
|
|
169
174
|
class: "type-message",
|
|
170
175
|
"data-testid": `${t.testId}-${e(o).MESSAGE}`
|
|
171
|
-
}, g(e(
|
|
172
|
-
], 8,
|
|
176
|
+
}, g(e(ee)[e(f)]), 9, ye)
|
|
177
|
+
], 8, re)) : E("", !0),
|
|
173
178
|
d("div", {
|
|
174
179
|
class: "calendar-wrap",
|
|
175
|
-
style:
|
|
180
|
+
style: X({ height: e(H) ? "336px" : "372px" })
|
|
176
181
|
}, [
|
|
177
|
-
d("div",
|
|
178
|
-
(n(!0),
|
|
179
|
-
|
|
182
|
+
d("div", ge, [
|
|
183
|
+
(n(!0), s(k, null, C(e(b), (a, u) => (n(), s("div", { key: a }, [
|
|
184
|
+
i(Z, {
|
|
180
185
|
id: t.uniqueId,
|
|
181
186
|
navigation: e(W)(
|
|
182
|
-
|
|
183
|
-
|
|
187
|
+
u === 0,
|
|
188
|
+
u === e(b).length - 1
|
|
184
189
|
),
|
|
185
190
|
year: e(y)[a].parsedMonth.year,
|
|
186
191
|
days: e(y)[a].parsedMonth.days,
|
|
187
192
|
weeks: e(y)[a].parsedMonth.weeks,
|
|
188
193
|
month: e(y)[a].parsedMonth.month,
|
|
189
|
-
range: e(
|
|
194
|
+
range: e(L),
|
|
190
195
|
type: e(f),
|
|
191
196
|
"allowed-days": t.allowedDays,
|
|
192
|
-
"max-allowed-date": e(
|
|
193
|
-
"test-id": `${t.testId}-${
|
|
197
|
+
"max-allowed-date": e(q),
|
|
198
|
+
"test-id": `${t.testId}-${u}`,
|
|
194
199
|
onSelectionChanged: e(j),
|
|
195
200
|
onNavigation: e(Y)
|
|
196
201
|
}, null, 8, ["id", "navigation", "year", "days", "weeks", "month", "range", "type", "allowed-days", "max-allowed-date", "test-id", "onSelectionChanged", "onNavigation"])
|
|
197
202
|
]))), 128)),
|
|
198
|
-
d("div",
|
|
199
|
-
d("div", fe, [
|
|
200
|
-
N(D.$slots, "footer", {}, void 0, !0)
|
|
201
|
-
]),
|
|
203
|
+
d("div", fe, [
|
|
202
204
|
d("div", he, [
|
|
203
|
-
|
|
205
|
+
x(N.$slots, "footer", {}, void 0, !0)
|
|
206
|
+
]),
|
|
207
|
+
d("div", ve, [
|
|
208
|
+
i(e(p), { variant: "body2" }, {
|
|
204
209
|
default: l(() => [
|
|
205
210
|
m("All dates are in UTC")
|
|
206
211
|
]),
|
|
207
212
|
_: 1
|
|
208
213
|
})
|
|
209
214
|
]),
|
|
210
|
-
v(d("div", { class: "error" }, g(e(
|
|
211
|
-
[$, e(
|
|
215
|
+
v(d("div", { class: "error" }, g(e(z)), 513), [
|
|
216
|
+
[$, e(O)]
|
|
212
217
|
]),
|
|
213
|
-
|
|
214
|
-
|
|
218
|
+
c[1] || (R(-1), c[1] = d("div", { class: "buttons" }, [
|
|
219
|
+
i(e(A), {
|
|
215
220
|
id: "button-ok" + t.uniqueId,
|
|
216
221
|
size: "small",
|
|
217
222
|
class: "button",
|
|
@@ -220,7 +225,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
|
|
|
220
225
|
onClick: (a) => e(K)()
|
|
221
226
|
}, {
|
|
222
227
|
default: l(() => [
|
|
223
|
-
|
|
228
|
+
i(e(p), { variant: "button" }, {
|
|
224
229
|
default: l(() => [
|
|
225
230
|
m("Apply")
|
|
226
231
|
]),
|
|
@@ -229,7 +234,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
|
|
|
229
234
|
]),
|
|
230
235
|
_: 1
|
|
231
236
|
}, 8, ["id", "data-testid", "onClick"]),
|
|
232
|
-
|
|
237
|
+
i(e(A), {
|
|
233
238
|
id: "button-cancel" + t.uniqueId,
|
|
234
239
|
size: "small",
|
|
235
240
|
theme: "third",
|
|
@@ -237,10 +242,10 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
|
|
|
237
242
|
variant: "outlined",
|
|
238
243
|
class: "button",
|
|
239
244
|
"data-testid": `${t.testId}-${e(o).ACTION_CANCEL}`,
|
|
240
|
-
onClick: (a) => e(
|
|
245
|
+
onClick: (a) => e(D)()
|
|
241
246
|
}, {
|
|
242
247
|
default: l(() => [
|
|
243
|
-
|
|
248
|
+
i(e(p), { variant: "button" }, {
|
|
244
249
|
default: l(() => [
|
|
245
250
|
m(" Cancel ")
|
|
246
251
|
]),
|
|
@@ -249,7 +254,7 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
|
|
|
249
254
|
]),
|
|
250
255
|
_: 1
|
|
251
256
|
}, 8, ["id", "data-testid", "onClick"])
|
|
252
|
-
]),
|
|
257
|
+
]), R(1), c[1])
|
|
253
258
|
])
|
|
254
259
|
])
|
|
255
260
|
], 4)
|
|
@@ -257,9 +262,9 @@ const de = ["id", "data-testid"], ne = ["data-testid"], ie = ["id", "data-testid
|
|
|
257
262
|
], 10, ie), [
|
|
258
263
|
[$, e(h)]
|
|
259
264
|
])
|
|
260
|
-
], 10,
|
|
265
|
+
], 10, ne));
|
|
261
266
|
}
|
|
262
267
|
});
|
|
263
268
|
export {
|
|
264
|
-
|
|
269
|
+
Ve as default
|
|
265
270
|
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { IconTypes } from '@is-ssp/icon/v4/Icon.types';
|
|
1
2
|
type SelectedCondition = {
|
|
2
3
|
label: string;
|
|
3
4
|
value: string;
|
|
@@ -15,12 +16,16 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
15
16
|
minCharsToStart?: number;
|
|
16
17
|
isOpen?: boolean;
|
|
17
18
|
searchQuery?: string;
|
|
18
|
-
loadMoreFn?: () => Promise<
|
|
19
|
+
loadMoreFn?: () => Promise<any[]>;
|
|
19
20
|
infiniteLoading?: boolean;
|
|
20
21
|
fetchDataDebounceTime?: number;
|
|
21
22
|
autoFocusSearch?: boolean;
|
|
22
23
|
groupedOptions?: boolean;
|
|
23
24
|
optionFlagKey?: string;
|
|
25
|
+
optionIconKey?: string;
|
|
26
|
+
optionImageKey?: string;
|
|
27
|
+
optionIconType?: IconTypes;
|
|
28
|
+
loadingOverride?: boolean;
|
|
24
29
|
}>, {
|
|
25
30
|
label: string;
|
|
26
31
|
testId: string;
|
|
@@ -35,10 +40,15 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
35
40
|
autoFocusSearch: boolean;
|
|
36
41
|
groupedOptions: boolean;
|
|
37
42
|
optionFlagKey: string;
|
|
43
|
+
optionIconKey: string;
|
|
44
|
+
optionImageKey: string;
|
|
45
|
+
optionIconType: any;
|
|
46
|
+
loadingOverride: boolean;
|
|
38
47
|
}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
39
48
|
"update:selectedCondition": (value: SelectedCondition) => void;
|
|
40
49
|
"update:appliedSelections": (value: unknown) => void;
|
|
41
50
|
clear: () => void;
|
|
51
|
+
closed: () => void;
|
|
42
52
|
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
43
53
|
selectedCondition: SelectedCondition | null;
|
|
44
54
|
appliedSelections: unknown | unknown[];
|
|
@@ -51,12 +61,16 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
51
61
|
minCharsToStart?: number;
|
|
52
62
|
isOpen?: boolean;
|
|
53
63
|
searchQuery?: string;
|
|
54
|
-
loadMoreFn?: () => Promise<
|
|
64
|
+
loadMoreFn?: () => Promise<any[]>;
|
|
55
65
|
infiniteLoading?: boolean;
|
|
56
66
|
fetchDataDebounceTime?: number;
|
|
57
67
|
autoFocusSearch?: boolean;
|
|
58
68
|
groupedOptions?: boolean;
|
|
59
69
|
optionFlagKey?: string;
|
|
70
|
+
optionIconKey?: string;
|
|
71
|
+
optionImageKey?: string;
|
|
72
|
+
optionIconType?: IconTypes;
|
|
73
|
+
loadingOverride?: boolean;
|
|
60
74
|
}>, {
|
|
61
75
|
label: string;
|
|
62
76
|
testId: string;
|
|
@@ -71,8 +85,13 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
71
85
|
autoFocusSearch: boolean;
|
|
72
86
|
groupedOptions: boolean;
|
|
73
87
|
optionFlagKey: string;
|
|
88
|
+
optionIconKey: string;
|
|
89
|
+
optionImageKey: string;
|
|
90
|
+
optionIconType: any;
|
|
91
|
+
loadingOverride: boolean;
|
|
74
92
|
}>>> & {
|
|
75
93
|
onClear?: () => any;
|
|
94
|
+
onClosed?: () => any;
|
|
76
95
|
"onUpdate:selectedCondition"?: (value: SelectedCondition) => any;
|
|
77
96
|
"onUpdate:appliedSelections"?: (value: unknown) => any;
|
|
78
97
|
}, {
|
|
@@ -81,14 +100,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
|
|
|
81
100
|
isOpen: boolean;
|
|
82
101
|
infiniteLoading: boolean;
|
|
83
102
|
optionNameKey: string;
|
|
103
|
+
optionIconKey: string;
|
|
104
|
+
optionImageKey: string;
|
|
105
|
+
optionIconType: IconTypes;
|
|
84
106
|
optionFlagKey: string;
|
|
85
107
|
groupedOptions: boolean;
|
|
86
108
|
comparingKey: string;
|
|
87
109
|
minCharsToStart: number;
|
|
88
110
|
searchQuery: string;
|
|
89
|
-
loadMoreFn: () => Promise<
|
|
111
|
+
loadMoreFn: () => Promise<any[]>;
|
|
90
112
|
fetchDataDebounceTime: number;
|
|
91
113
|
autoFocusSearch: boolean;
|
|
114
|
+
loadingOverride: boolean;
|
|
92
115
|
}>;
|
|
93
116
|
export default _default;
|
|
94
117
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import o from "./ConditionalDropdown.vue2.js";
|
|
2
2
|
/* empty css */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../ConditionalDropdown.
|
|
4
|
-
const n = /* @__PURE__ */ _(o, [["__scopeId", "data-v-
|
|
3
|
+
// import "../../../ConditionalDropdown.vue_vue_type_style_index_0_scoped_2a77c137_lang.css"; //*');
|
|
4
|
+
const n = /* @__PURE__ */ _(o, [["__scopeId", "data-v-2a77c137"]]);
|
|
5
5
|
export {
|
|
6
6
|
n as default
|
|
7
7
|
};
|