@ironsource/shared-ui 2.1.6-rc.43 → 2.1.6-rc.44
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/CalendarMonth.vue_vue_type_style_index_0_scoped_acd3440c_lang.css +1 -0
- package/CalendarMonthV4.vue_vue_type_style_index_0_scoped_b0d3ea50_lang.css +1 -0
- package/DatePicker.vue_vue_type_style_index_0_scoped_67b44cbe_lang.css +1 -0
- package/DatePickerMonth.vue_vue_type_style_index_0_scoped_929d3028_lang.css +1 -0
- package/DatePickerMonthV4.vue_vue_type_style_index_0_scoped_11288104_lang.css +1 -0
- package/DatePickerV4.vue_vue_type_style_index_0_scoped_39e6c10c_lang.css +1 -0
- package/DateRange.vue_vue_type_style_index_0_scoped_70e316e9_lang.css +1 -0
- package/DateRangeV4.vue_vue_type_style_index_0_scoped_f81413ec_lang.css +1 -0
- package/components/datePicker/common/DatePicker.common.d.ts +11 -0
- package/components/datePicker/common/DatePicker.common.js +52 -0
- package/components/datePicker/common/DatePickerMonth.common.d.ts +85 -0
- package/components/datePicker/common/DatePickerMonth.common.js +66 -0
- package/components/datePicker/{DatePicker.vue.d.ts → v3/DatePicker.vue.d.ts} +1 -1
- package/components/datePicker/v3/DatePicker.vue.js +7 -0
- package/components/datePicker/v3/DatePicker.vue2.js +69 -0
- package/components/datePicker/v3/DatePickerMonth.vue.js +7 -0
- package/components/datePicker/v3/DatePickerMonth.vue2.js +40 -0
- package/components/datePicker/{index.d.ts → v3/index.d.ts} +3 -3
- package/components/datePicker/v4/DatePickerMonthV4.vue.d.ts +53 -0
- package/components/datePicker/v4/DatePickerMonthV4.vue.js +7 -0
- package/components/datePicker/v4/DatePickerMonthV4.vue2.js +40 -0
- package/components/datePicker/v4/DatePickerV4.vue.d.ts +67 -0
- package/components/datePicker/v4/DatePickerV4.vue.js +7 -0
- package/components/datePicker/v4/DatePickerV4.vue2.js +74 -0
- package/components/datePicker/v4/index.d.ts +184 -0
- package/components/datePicker/v4/index.js +6 -0
- package/components/dateRange/common/CalendarMonth.common.d.ts +17 -0
- package/components/dateRange/common/CalendarMonth.common.js +131 -0
- package/components/dateRange/common/DateRange.common.d.ts +47 -0
- package/components/dateRange/common/DateRange.common.js +265 -0
- package/components/dateRange/common/DateRangePicker.common.d.ts +3 -0
- package/components/dateRange/{DateServices.d.ts → common/DateServices.common.d.ts} +1 -0
- package/components/dateRange/common/DateServices.common.js +248 -0
- package/components/dateRange/common/consts.common.js +75 -0
- package/components/dateRange/{CalendarMonth.vue.d.ts → v3/CalendarMonth.vue.d.ts} +1 -1
- package/components/dateRange/v3/CalendarMonth.vue.js +7 -0
- package/components/dateRange/v3/CalendarMonth.vue2.js +147 -0
- package/components/dateRange/{DateRange.vue.d.ts → v3/DateRange.vue.d.ts} +9 -9
- package/components/dateRange/v3/DateRange.vue.js +7 -0
- package/components/dateRange/v3/DateRange.vue2.js +226 -0
- package/components/dateRange/{DateRangePicker.vue.d.ts → v3/DateRangePicker.vue.d.ts} +9 -9
- package/components/dateRange/{index.d.ts → v3/index.d.ts} +21 -21
- package/components/dateRange/v4/CalendarMonthV4.vue.d.ts +75 -0
- package/components/dateRange/v4/CalendarMonthV4.vue.js +7 -0
- package/components/dateRange/v4/CalendarMonthV4.vue2.js +132 -0
- package/components/dateRange/v4/DateRangePickerV4.vue.d.ts +115 -0
- package/components/dateRange/v4/DateRangeV4.vue.d.ts +127 -0
- package/components/dateRange/v4/DateRangeV4.vue.js +7 -0
- package/components/dateRange/v4/DateRangeV4.vue2.js +263 -0
- package/components/dateRange/v4/index.d.ts +408 -0
- package/components/dateRange/v4/index.js +6 -0
- package/components/filtersPanel/v3/Filter.d.ts +1 -1
- package/index.d.ts +1176 -2
- package/index.js +116 -116
- package/package.json +13 -5
- package/CalendarMonth.vue_vue_type_style_index_0_scoped_b2206adb_lang.css +0 -1
- package/DatePicker.vue_vue_type_style_index_0_scoped_e108ef3b_lang.css +0 -1
- package/DatePickerMonth.vue_vue_type_style_index_0_scoped_b171cdab_lang.css +0 -1
- package/DateRange.vue_vue_type_style_index_0_scoped_eb5d155e_lang.css +0 -1
- package/components/datePicker/DatePicker.vue.js +0 -7
- package/components/datePicker/DatePicker.vue2.js +0 -97
- package/components/datePicker/DatePickerMonth.vue.js +0 -7
- package/components/datePicker/DatePickerMonth.vue2.js +0 -85
- package/components/dateRange/CalendarMonth.vue.js +0 -7
- package/components/dateRange/CalendarMonth.vue2.js +0 -244
- package/components/dateRange/DateRange.vue.js +0 -7
- package/components/dateRange/DateRange.vue2.js +0 -417
- package/components/dateRange/DateServices.js +0 -245
- package/components/dateRange/consts.js +0 -79
- /package/components/datePicker/{DatePickerMonth.vue.d.ts → v3/DatePickerMonth.vue.d.ts} +0 -0
- /package/components/datePicker/{index.js → v3/index.js} +0 -0
- /package/components/dateRange/{consts.d.ts → common/consts.common.d.ts} +0 -0
- /package/components/dateRange/{index.js → v3/index.js} +0 -0
package/index.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import './CssBaseline.vue_vue_type_style_index_0_scoped_f7dd256b_lang.css';
|
|
2
|
-
import { AppTriggerTypes as
|
|
3
|
-
import { AutocompleteDropdownTypes as
|
|
4
|
-
import { MenuItemTypes as
|
|
5
|
-
import { MenuTypes as
|
|
6
|
-
import { AppIconTypes as
|
|
7
|
-
import { FloatingToolbarTypes as
|
|
8
|
-
import { IncludeExcludeTypes as
|
|
9
|
-
import { CssBaselineTypes as
|
|
10
|
-
import { ID_INJECTION_KEY as
|
|
11
|
-
import { FilterDropdownTypes as
|
|
12
|
-
import { TypographyTypes as
|
|
13
|
-
import { TypographyTypesV4 as
|
|
14
|
-
import { PopoverTypes as
|
|
15
|
-
import { MultiBarTypes as
|
|
16
|
-
import { FoldableSectionTypes as
|
|
17
|
-
import { FormCardTypes as
|
|
2
|
+
import { AppTriggerTypes as W } from "./components/appTrigger/index.js";
|
|
3
|
+
import { AutocompleteDropdownTypes as Z } from "./components/autocompleteDropdown/index.js";
|
|
4
|
+
import { MenuItemTypes as ro } from "./components/menuItem/index.js";
|
|
5
|
+
import { MenuTypes as to } from "./components/menu/index.js";
|
|
6
|
+
import { AppIconTypes as po } from "./components/appIcon/index.js";
|
|
7
|
+
import { FloatingToolbarTypes as fo } from "./components/floatingToolbar/index.js";
|
|
8
|
+
import { IncludeExcludeTypes as so } from "./components/includeExclude/index.js";
|
|
9
|
+
import { CssBaselineTypes as no } from "./components/cssBaseline/index.js";
|
|
10
|
+
import { ID_INJECTION_KEY as uo, useId as $o } from "./composables/useId.js";
|
|
11
|
+
import { FilterDropdownTypes as co } from "./components/filterDropdown/index.js";
|
|
12
|
+
import { TypographyTypes as go } from "./components/typography/index.js";
|
|
13
|
+
import { TypographyTypesV4 as Io } from "./components/typography/v4/index.js";
|
|
14
|
+
import { PopoverTypes as Eo } from "./components/popover/index.js";
|
|
15
|
+
import { MultiBarTypes as Co } from "./components/multibar/index.js";
|
|
16
|
+
import { FoldableSectionTypes as Mo } from "./components/layout/index.js";
|
|
17
|
+
import { FormCardTypes as ho, FormFieldTypes as wo } from "./components/forms/index.js";
|
|
18
18
|
import * as o from "./components/button/v3/index.js";
|
|
19
19
|
import * as r from "./components/button/v4/index.js";
|
|
20
20
|
import * as e from "./components/chip/v3/index.js";
|
|
@@ -24,8 +24,8 @@ import * as p from "./components/switch/v4/index.js";
|
|
|
24
24
|
import * as a from "./components/dropdown/v3/index.js";
|
|
25
25
|
import * as f from "./components/dropdown/v4/index.js";
|
|
26
26
|
import * as i from "./components/search/v3/index.js";
|
|
27
|
-
import * as
|
|
28
|
-
import * as
|
|
27
|
+
import * as d from "./components/search/v4/index.js";
|
|
28
|
+
import * as s from "./components/filtersPanel/v3/index.js";
|
|
29
29
|
import * as x from "./components/filtersPanel/v4/index.js";
|
|
30
30
|
import * as n from "./components/checkbox/v3/index.js";
|
|
31
31
|
import * as l from "./components/checkbox/v4/index.js";
|
|
@@ -38,36 +38,38 @@ import * as g from "./components/tabs/v4/index.js";
|
|
|
38
38
|
import * as F from "./components/dialog/v3/index.js";
|
|
39
39
|
import * as I from "./components/dialog/v4/index.js";
|
|
40
40
|
import * as A from "./components/toggle/v3/index.js";
|
|
41
|
-
import * as
|
|
42
|
-
import * as
|
|
43
|
-
import * as
|
|
44
|
-
import * as
|
|
45
|
-
import * as
|
|
46
|
-
import * as
|
|
47
|
-
import * as
|
|
48
|
-
import * as
|
|
49
|
-
import * as
|
|
50
|
-
import * as
|
|
51
|
-
import * as
|
|
52
|
-
import * as
|
|
53
|
-
import * as
|
|
54
|
-
import * as
|
|
55
|
-
import * as
|
|
56
|
-
import * as
|
|
41
|
+
import * as E from "./components/toggle/v4/index.js";
|
|
42
|
+
import * as B from "./components/tooltip/v3/index.js";
|
|
43
|
+
import * as C from "./components/tooltip/v4/index.js";
|
|
44
|
+
import * as D from "./components/table/v3/index.js";
|
|
45
|
+
import * as M from "./components/table/v4/index.js";
|
|
46
|
+
import * as b from "./components/table-cells/v3/index.js";
|
|
47
|
+
import * as h from "./components/table-cells/v4/index.js";
|
|
48
|
+
import * as w from "./components/skeleton/v3/index.js";
|
|
49
|
+
import * as v from "./components/skeleton/v4/index.js";
|
|
50
|
+
import * as H from "./components/emptyState/v3/index.js";
|
|
51
|
+
import * as O from "./components/emptyState/v4/index.js";
|
|
52
|
+
import * as P from "./components/snackbar/v3/index.js";
|
|
53
|
+
import * as S from "./components/snackbar/v4/index.js";
|
|
54
|
+
import * as V from "./components/radioButton/v3/index.js";
|
|
55
|
+
import * as J from "./components/radioButton/v4/index.js";
|
|
56
|
+
import * as K from "./components/textArea/v3/index.js";
|
|
57
57
|
import * as N from "./components/textArea/v4/index.js";
|
|
58
58
|
import * as _ from "./components/ThemeWrapper/index.js";
|
|
59
59
|
import * as j from "./components/appHeader/index.js";
|
|
60
|
-
import * as
|
|
61
|
-
import * as
|
|
62
|
-
import
|
|
63
|
-
import
|
|
64
|
-
import
|
|
65
|
-
import
|
|
66
|
-
import {
|
|
60
|
+
import * as k from "./components/inlineCopy/index.js";
|
|
61
|
+
import * as q from "./components/statusDot/index.js";
|
|
62
|
+
import * as z from "./components/datePicker/v3/index.js";
|
|
63
|
+
import * as G from "./components/datePicker/v4/index.js";
|
|
64
|
+
import * as L from "./components/dateRange/v3/index.js";
|
|
65
|
+
import * as R from "./components/dateRange/v4/index.js";
|
|
66
|
+
import { useToggle as Ho } from "./composables/useToggle.js";
|
|
67
|
+
import { useSearch as Po } from "./composables/useSearch.js";
|
|
68
|
+
import { scrollToElementByClass as Vo, scrollToFirstInvalidElement as Jo, useFormValidation as Ko, yupValidation as No } from "./composables/useFormValidation.js";
|
|
67
69
|
import { BannerTypes as jo } from "./components/banner/index.js";
|
|
68
|
-
import { AlertTypes as
|
|
69
|
-
import { AutocompleteTypes as
|
|
70
|
-
import { default as
|
|
70
|
+
import { AlertTypes as qo } from "./components/alert/index.js";
|
|
71
|
+
import { AutocompleteTypes as Go } from "./components/autocomplete/index.js";
|
|
72
|
+
import { default as Ro } from "./components/appTrigger/AppTrigger.vue.js";
|
|
71
73
|
import { default as Qo } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
|
|
72
74
|
import { default as Wo } from "./components/menuItem/MenuItem.vue.js";
|
|
73
75
|
import { default as Zo } from "./components/menu/Menu.vue.js";
|
|
@@ -75,30 +77,28 @@ import { default as rr } from "./components/appIcon/AppIcon.vue.js";
|
|
|
75
77
|
import { default as tr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
|
|
76
78
|
import { default as pr } from "./components/includeExclude/IncludeExclude.vue.js";
|
|
77
79
|
import { default as fr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
|
|
78
|
-
import { default as
|
|
80
|
+
import { default as dr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
|
|
79
81
|
import { default as xr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
|
|
80
82
|
import { default as lr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
|
|
81
83
|
import { default as $r } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
|
|
82
84
|
import { default as cr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
|
|
83
85
|
import { default as gr } from "./components/cssBaseline/CssBaseline.vue.js";
|
|
84
86
|
import { default as Ir } from "./components/filterDropdown/FilterDropdown.vue.js";
|
|
85
|
-
import { default as
|
|
86
|
-
import { default as
|
|
87
|
-
import { default as
|
|
88
|
-
import { default as
|
|
89
|
-
import { default as
|
|
90
|
-
import { default as
|
|
91
|
-
import { default as
|
|
92
|
-
import { default as
|
|
87
|
+
import { default as Er } from "./components/filterDropdown/AddFilterButton.vue.js";
|
|
88
|
+
import { default as Cr } from "./components/typography/Heading.vue.js";
|
|
89
|
+
import { default as Mr } from "./components/typography/Text.vue.js";
|
|
90
|
+
import { default as hr } from "./components/typography/v4/Typography.vue.js";
|
|
91
|
+
import { default as vr } from "./components/popover/Popover.vue.js";
|
|
92
|
+
import { default as Or } from "./components/multibar/MultiBar.vue.js";
|
|
93
|
+
import { default as Sr } from "./components/layout/FoldableSection.vue.js";
|
|
94
|
+
import { default as Jr } from "./components/forms/FormRow.vue.js";
|
|
93
95
|
import { default as Nr } from "./components/forms/FormCard.vue.js";
|
|
94
96
|
import { default as jr } from "./components/forms/CardPanel.vue.js";
|
|
95
|
-
import { default as
|
|
96
|
-
import { default as
|
|
97
|
-
import { default as
|
|
98
|
-
import { default as Qr } from "./components/
|
|
99
|
-
|
|
100
|
-
import { default as Zr } from "./components/autocomplete/Autocomplete.vue.js";
|
|
101
|
-
const G = {
|
|
97
|
+
import { default as qr } from "./components/forms/FormField.vue.js";
|
|
98
|
+
import { default as Gr } from "./components/banner/Banner.vue.js";
|
|
99
|
+
import { default as Rr } from "./components/alert/Alert.vue.js";
|
|
100
|
+
import { default as Qr } from "./components/autocomplete/Autocomplete.vue.js";
|
|
101
|
+
const Y = {
|
|
102
102
|
...e,
|
|
103
103
|
...t,
|
|
104
104
|
...m,
|
|
@@ -108,8 +108,8 @@ const G = {
|
|
|
108
108
|
...a,
|
|
109
109
|
...f,
|
|
110
110
|
...i,
|
|
111
|
-
...s,
|
|
112
111
|
...d,
|
|
112
|
+
...s,
|
|
113
113
|
...x,
|
|
114
114
|
...T,
|
|
115
115
|
...c,
|
|
@@ -119,91 +119,91 @@ const G = {
|
|
|
119
119
|
...g,
|
|
120
120
|
...F,
|
|
121
121
|
...I,
|
|
122
|
-
...E,
|
|
123
122
|
...B,
|
|
123
|
+
...C,
|
|
124
124
|
...A,
|
|
125
|
+
...E,
|
|
125
126
|
...D,
|
|
126
|
-
...
|
|
127
|
+
...M,
|
|
127
128
|
...b,
|
|
128
129
|
...h,
|
|
130
|
+
...H,
|
|
131
|
+
...O,
|
|
129
132
|
...w,
|
|
130
133
|
...v,
|
|
131
|
-
...k,
|
|
132
|
-
...M,
|
|
133
134
|
...P,
|
|
134
|
-
...
|
|
135
|
-
...O,
|
|
135
|
+
...S,
|
|
136
136
|
...n,
|
|
137
137
|
...l,
|
|
138
|
-
...
|
|
138
|
+
...K,
|
|
139
139
|
...N,
|
|
140
|
-
...
|
|
141
|
-
...
|
|
140
|
+
...V,
|
|
141
|
+
...J,
|
|
142
142
|
..._,
|
|
143
143
|
...j,
|
|
144
|
+
...k,
|
|
144
145
|
...q,
|
|
145
|
-
...z
|
|
146
|
+
...z,
|
|
147
|
+
...G,
|
|
148
|
+
...L,
|
|
149
|
+
...R
|
|
146
150
|
};
|
|
147
151
|
export {
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
152
|
+
Er as AddFilterButton,
|
|
153
|
+
Rr as Alert,
|
|
154
|
+
qo as AlertTypes,
|
|
151
155
|
rr as AppIcon,
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
+
po as AppIconTypes,
|
|
157
|
+
Ro as AppTrigger,
|
|
158
|
+
W as AppTriggerTypes,
|
|
159
|
+
Qr as Autocomplete,
|
|
156
160
|
Qo as AutocompleteDropdown,
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
161
|
+
Z as AutocompleteDropdownTypes,
|
|
162
|
+
Go as AutocompleteTypes,
|
|
163
|
+
Gr as Banner,
|
|
160
164
|
jo as BannerTypes,
|
|
161
165
|
jr as CardPanel,
|
|
162
166
|
gr as CssBaseline,
|
|
163
|
-
|
|
164
|
-
Yr as DatePicker,
|
|
165
|
-
No as DatePickerTypes,
|
|
166
|
-
Jr as DateRange,
|
|
167
|
-
So as DateRangeTypes,
|
|
167
|
+
no as CssBaselineTypes,
|
|
168
168
|
Ir as FilterDropdown,
|
|
169
|
-
|
|
169
|
+
co as FilterDropdownTypes,
|
|
170
170
|
tr as FloatingToolbar,
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
171
|
+
fo as FloatingToolbarTypes,
|
|
172
|
+
Sr as FoldableSection,
|
|
173
|
+
Mo as FoldableSectionTypes,
|
|
174
174
|
Nr as FormCard,
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
175
|
+
ho as FormCardTypes,
|
|
176
|
+
qr as FormField,
|
|
177
|
+
wo as FormFieldTypes,
|
|
178
|
+
Jr as FormRow,
|
|
179
|
+
Cr as Heading,
|
|
180
|
+
uo as ID_INJECTION_KEY,
|
|
181
181
|
pr as IncludeExclude,
|
|
182
182
|
$r as IncludeExcludeAppHeader,
|
|
183
183
|
lr as IncludeExcludeAppTrigger,
|
|
184
184
|
cr as IncludeExcludeChipFilter,
|
|
185
185
|
fr as IncludeExcludeDragDrop,
|
|
186
|
-
|
|
186
|
+
dr as IncludeExcludeOption,
|
|
187
187
|
xr as IncludeExcludeOptionDraggable,
|
|
188
|
-
|
|
188
|
+
so as IncludeExcludeTypes,
|
|
189
189
|
Zo as Menu,
|
|
190
190
|
Wo as MenuItem,
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
191
|
+
ro as MenuItemTypes,
|
|
192
|
+
to as MenuTypes,
|
|
193
|
+
Or as MultiBar,
|
|
194
|
+
Co as MultiBarTypes,
|
|
195
|
+
vr as Popover,
|
|
196
|
+
Eo as PopoverTypes,
|
|
197
|
+
Mr as Text,
|
|
198
|
+
hr as Typography,
|
|
199
|
+
go as TypographyTypes,
|
|
200
|
+
Io as TypographyTypesV4,
|
|
201
|
+
Y as default,
|
|
202
|
+
Vo as scrollToElementByClass,
|
|
203
|
+
Jo as scrollToFirstInvalidElement,
|
|
204
|
+
Ko as useFormValidation,
|
|
205
|
+
$o as useId,
|
|
206
|
+
Po as useSearch,
|
|
207
|
+
Ho as useToggle,
|
|
208
|
+
No as yupValidation
|
|
209
209
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ironsource/shared-ui",
|
|
3
|
-
"version": "2.1.6-rc.
|
|
3
|
+
"version": "2.1.6-rc.44",
|
|
4
4
|
"engines": {
|
|
5
5
|
"npm": ">=7.0.0",
|
|
6
6
|
"node": ">=16.0.0"
|
|
@@ -169,8 +169,10 @@
|
|
|
169
169
|
"./emptyState/v4": "./components/emptyState/v4/index.js",
|
|
170
170
|
"./table": "./components/table/v3/Table.vue.js",
|
|
171
171
|
"./table/v4": "./components/table/v4/index.js",
|
|
172
|
-
"./dateRange": "./components/dateRange/DateRange.vue.js",
|
|
173
|
-
"./
|
|
172
|
+
"./dateRange": "./components/dateRange/v3/DateRange.vue.js",
|
|
173
|
+
"./dateRange/v4": "./components/dateRange/v4/index.js",
|
|
174
|
+
"./datePicker": "./components/datePicker/v3/DatePicker.vue.js",
|
|
175
|
+
"./datePicker/v4": "./components/datePicker/v4/index.js",
|
|
174
176
|
"./dialog": "./components/dialog/v3/Dialog.vue.js",
|
|
175
177
|
"./dialog/v4": "./components/dialog/v4/index.js",
|
|
176
178
|
"./dropdown": "./components/dropdown/v3/index.js",
|
|
@@ -323,10 +325,16 @@
|
|
|
323
325
|
"./components/tabs/v4/index.d.ts"
|
|
324
326
|
],
|
|
325
327
|
"./dateRange": [
|
|
326
|
-
"./components/dateRange/DateRange.vue.d.ts"
|
|
328
|
+
"./components/dateRange/v3/DateRange.vue.d.ts"
|
|
329
|
+
],
|
|
330
|
+
"./dateRange/v4": [
|
|
331
|
+
"./components/dateRange/v4/index.d.ts"
|
|
327
332
|
],
|
|
328
333
|
"./datePicker": [
|
|
329
|
-
"./components/datePicker/DatePicker.vue.d.ts"
|
|
334
|
+
"./components/datePicker/v3/DatePicker.vue.d.ts"
|
|
335
|
+
],
|
|
336
|
+
"./datePicker/v4": [
|
|
337
|
+
"./components/datePicker/v4/index.d.ts"
|
|
330
338
|
],
|
|
331
339
|
"chip": [
|
|
332
340
|
"./components/chip/v3/Chip.vue.d.ts"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.label[data-v-b2206adb]{color:#41454d}.days-wrapper[data-v-b2206adb]{color:#53575b}.days-wrapper .day[data-v-b2206adb]{position:relative;width:32px;height:32px;cursor:pointer;display:inline-block;text-align:center;padding:5px;margin-bottom:4px;line-height:21px;box-sizing:border-box}.days-wrapper .day[data-v-b2206adb]:not(.non-day):not(.disabled-day):not(.selected-day):hover:before{content:"";display:block;position:absolute;background:#f1f3f4;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.today[data-v-b2206adb]:after{content:"";background:#3083ff;position:absolute;text-align:center;width:4px;height:4px;border-radius:100%;bottom:4px;left:50%;margin-left:-2px}.days-wrapper .day.today.selected-day[data-v-b2206adb]:after,.days-wrapper .day.today.selected-day-between[data-v-b2206adb]:after{background:#ffffff}.days-wrapper .day.start-day[data-v-b2206adb]{border-radius:100px 0 0 100px}.days-wrapper .day.end-day[data-v-b2206adb]{border-radius:0 100px 100px 0}.days-wrapper .day.start-day.end-day[data-v-b2206adb]{background-color:transparent!important}.days-wrapper .day.start-day.end-day[data-v-b2206adb]:before{content:"";display:block;position:absolute;background:#3083ff;width:32px;height:32px;left:50%;top:0;margin-left:-16px;border-radius:100px;z-index:-1}.days-wrapper .day.selected-day-between[data-v-b2206adb]{color:#fff;background-color:#96c0ff}.days-wrapper .day.selected-day-between[data-v-b2206adb]:hover{background-color:#f1f3f4;color:#696a6b}.days-wrapper .day.selected-day[data-v-b2206adb]{background-color:#3083ff!important;color:#fff}.days-wrapper .day.selected-day[data-v-b2206adb]:hover{color:#fff}.days-wrapper .day.disabled-day[data-v-b2206adb]{color:#a9afb4;cursor:default;background:transparent}.days-wrapper .day.non-day[data-v-b2206adb]{color:transparent;cursor:default;background:transparent}.calendar-month[data-v-b2206adb]{user-select:none;box-sizing:unset;padding:0;overflow:hidden;position:relative;width:224px;margin:auto}.calendar-month .days-header[data-v-b2206adb]{padding:21px 0 14px;color:#8e959d}.calendar-month .days-header span[data-v-b2206adb]{width:32px;display:inline-block;text-align:center}.calendar-month .month-header[data-v-b2206adb]{padding-top:13px;padding-bottom:3px;text-align:center;color:#53575b}.calendar-month .next[data-v-b2206adb]{right:4px;cursor:pointer;position:absolute;z-index:16}.calendar-month .next[data-v-b2206adb],.calendar-month .previous[data-v-b2206adb]{transform:translateY(8px)}.calendar-month .previous[data-v-b2206adb]{left:4px;cursor:pointer;position:absolute;z-index:16}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.label[data-v-e108ef3b]{color:#41454d}.date-picker[data-v-e108ef3b]{position:relative}.date-picker .input[data-v-e108ef3b]{max-width:100%}.date-picker-popup[data-v-e108ef3b]{width:252px;padding:16px;position:absolute;top:38px;left:0;z-index:1000!important;background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000004d}.date-picker-popup.align-right[data-v-e108ef3b]{left:inherit;right:0}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.label[data-v-b171cdab]{color:#41454d}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.label[data-v-eb5d155e]{color:#41454d}.pop-up[data-v-eb5d155e]{width:652px;position:absolute;z-index:1000;top:32px;box-shadow:0 8px 24px -6px #00000029,0 0 1px #0006;background-color:#fff;border-radius:8px;left:1px;overflow:hidden}.pop-up.open-on-top[data-v-eb5d155e]{top:0}.pop-up.hide-presets[data-v-eb5d155e],.pop-up.hide-presets .calendar-wrap[data-v-eb5d155e]{width:494px}.pop-up.hide-presets .date-picker-calendar[data-v-eb5d155e]{padding:15px 16px}.pop-up .date-picker-menu[data-v-eb5d155e]{width:164px;background:#ffffff;vertical-align:top}.pop-up .date-picker-menu .preset-element[data-v-eb5d155e]{padding-left:8px;height:32px;border-radius:8px;color:#53575b;line-height:32px}.pop-up .date-picker-menu .preset-element[data-v-eb5d155e]:hover{background:#f1f3f4}.pop-up .date-picker-menu .selected-preset[data-v-eb5d155e]{background:#e2eeff!important;color:#3083ff}.pop-up .date-picker-menu li[data-v-eb5d155e]{cursor:pointer;margin-bottom:2px}.pop-up .left-box[data-v-eb5d155e]{left:-1px}.pop-up .date-picker-calendar[data-v-eb5d155e]{box-sizing:border-box;height:100%;padding:15px 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:18px}.pop-up .calendars-wrapper[data-v-eb5d155e]{padding-left:6px}.pop-up .preset-dropdown ul[data-v-eb5d155e]{list-style:none;margin:0;padding:12px 16px 12px 12px;line-height:32px}.pop-up .buttons-cover[data-v-eb5d155e]{height:48px;padding:0 16px 0 0;position:absolute;bottom:0;width:calc(100% + 10px);right:-10px;box-sizing:border-box;border-top:1px solid #dddfe1;display:grid;grid-template-columns:auto 250px;align-items:center}.pop-up button[data-v-eb5d155e]{float:right;margin-left:4px}.pop-up .error[data-v-eb5d155e]{display:none;position:absolute;left:270px;top:22px}.pop-up .inline-block[data-v-eb5d155e]{display:inline-block}.pop-up.right[data-v-eb5d155e]{left:initial;right:1px}.calendar-wrap[data-v-eb5d155e]{width:478px;height:372px;position:relative;border-bottom-right-radius:8px;border-top-right-radius:8px;vertical-align:top}.type-picker[data-v-eb5d155e]{height:60px;line-height:60px;padding-left:15px;box-shadow:0 1px 3px #0000003b}.range-type[data-v-eb5d155e]{color:#8e959d;padding-left:15px;padding-right:15px;cursor:pointer}.selected-range-type[data-v-eb5d155e]{color:#fff;background-color:#3083ff;border-radius:20px;padding:6px 15px;cursor:default}.date-range-field[data-v-eb5d155e]{display:inline-block;width:100%;height:30px;position:relative;cursor:pointer;border-radius:3px}.date-range-field.selected-item-as-title[data-v-eb5d155e]{left:0;border:none;background-image:none;max-width:100%;height:22px;color:#3083ff;overflow:visible}.date-range-field.selected-item-as-title .small-triangle[data-v-eb5d155e]{right:-25px}.date-range-field.selected-item-as-title .small-triangle[data-v-eb5d155e]:after{border-top-color:currentColor}.date-range-field.selected-item-as-title span[data-v-eb5d155e]{padding-left:12px}.date-range-field.no-button-limit[data-v-eb5d155e]{overflow:visible}.date-range-field.no-button-limit span[data-v-eb5d155e]{width:100%;line-height:22px}.date-range-field span[data-v-eb5d155e]{line-height:28px;padding-left:15px;overflow:hidden;text-overflow:ellipsis;display:inline-block;width:calc(100% - 26px);white-space:nowrap;position:relative}.date-range-disabled .date-range-field[data-v-eb5d155e]{cursor:default;color:#8e959d;pointer-events:none}.date-range-disabled .small-triangle[data-v-eb5d155e]:after{border-top-color:#8e959d}.pop-up-content[data-v-eb5d155e]{margin-top:1px}.type-message[data-v-eb5d155e]{color:#8e959d;padding:10px 20px;line-height:1.5}.relative-wrap[data-v-eb5d155e]{position:relative}.space-right[data-v-eb5d155e]{margin-right:13px}.space-left[data-v-eb5d155e]{margin-left:9px}.top-date[data-v-eb5d155e]{line-height:13px}.flex[data-v-eb5d155e]{display:flex}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import e from "./DatePicker.vue2.js";
|
|
2
|
-
/* empty css */import o from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../DatePicker.vue_vue_type_style_index_0_scoped_e108ef3b_lang.css"; //*');
|
|
4
|
-
const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-e108ef3b"]]);
|
|
5
|
-
export {
|
|
6
|
-
c as default
|
|
7
|
-
};
|
|
@@ -1,97 +0,0 @@
|
|
|
1
|
-
import "../../DatePicker.vue_vue_type_style_index_0_scoped_e108ef3b_lang.css"; import { defineComponent as C, ref as r, computed as i, openBlock as v, createElementBlock as g, unref as l, createElementVNode as w, renderSlot as M, withDirectives as R, isRef as T, vModelText as x, normalizeClass as B, createVNode as E, createCommentVNode as N } from "vue";
|
|
2
|
-
import { onClickOutside as b } from "@vueuse/core";
|
|
3
|
-
import { useToggle as U } from "../../composables/useToggle.js";
|
|
4
|
-
import W from "./DatePickerMonth.vue.js";
|
|
5
|
-
import { isValid as m, format as q, parse as A, isFuture as O } from "date-fns";
|
|
6
|
-
import { DatePickerTestIdModifiers as y } from "../../testids/index.js";
|
|
7
|
-
const S = ["id", "data-testid"], z = ["placeholder", "data-testid"], Q = /* @__PURE__ */ C({
|
|
8
|
-
__name: "DatePicker",
|
|
9
|
-
props: {
|
|
10
|
-
uniqueId: { default: Date.now() },
|
|
11
|
-
modelValue: { default: null },
|
|
12
|
-
allowFutureDates: { type: Boolean, default: !1 },
|
|
13
|
-
dateFormat: { default: "yyyy-MM-d" },
|
|
14
|
-
placeholder: { default: "" },
|
|
15
|
-
testId: { default: "" }
|
|
16
|
-
},
|
|
17
|
-
emits: ["update:modelValue"],
|
|
18
|
-
setup(n, { emit: c }) {
|
|
19
|
-
const a = n, u = r(null), p = r(null), I = r(null), h = r(null), [s, V] = U({ initialValue: !1 }), k = () => {
|
|
20
|
-
V(!1);
|
|
21
|
-
}, P = (e) => {
|
|
22
|
-
const t = e.target.value;
|
|
23
|
-
if (!s) {
|
|
24
|
-
c("update:modelValue", t);
|
|
25
|
-
return;
|
|
26
|
-
}
|
|
27
|
-
const o = A(t, a.dateFormat, /* @__PURE__ */ new Date());
|
|
28
|
-
t.trim() || f(null), m(o) && (!a.allowFutureDates && O(o) || f(o));
|
|
29
|
-
}, f = (e) => {
|
|
30
|
-
k(), c("update:modelValue", e);
|
|
31
|
-
}, D = i(() => `datePicker${a.uniqueId || Math.random().toString().substring(2, 7)}`), d = i(() => {
|
|
32
|
-
const e = new Date(a.modelValue);
|
|
33
|
-
return m(a.modelValue) ? q(e, a.dateFormat) : a.modelValue;
|
|
34
|
-
}), F = i(() => {
|
|
35
|
-
if (!u.value || !s)
|
|
36
|
-
return !1;
|
|
37
|
-
const e = u.value.getBoundingClientRect(), t = 232;
|
|
38
|
-
return window.innerWidth - (e.x + t) < 0;
|
|
39
|
-
}), $ = i(() => {
|
|
40
|
-
if (!a.modelValue)
|
|
41
|
-
return null;
|
|
42
|
-
const e = new Date(a.modelValue);
|
|
43
|
-
return m(e) ? e : null;
|
|
44
|
-
});
|
|
45
|
-
return b(
|
|
46
|
-
p,
|
|
47
|
-
() => {
|
|
48
|
-
k();
|
|
49
|
-
},
|
|
50
|
-
{ ignore: [u] }
|
|
51
|
-
), (e, t) => (v(), g("div", {
|
|
52
|
-
id: l(D),
|
|
53
|
-
ref_key: "datePicker",
|
|
54
|
-
ref: u,
|
|
55
|
-
class: "date-picker",
|
|
56
|
-
"data-testid": `${n.testId}-${l(y).WRAPPER}`
|
|
57
|
-
}, [
|
|
58
|
-
w("div", {
|
|
59
|
-
ref_key: "buttonRef",
|
|
60
|
-
ref: h,
|
|
61
|
-
onClick: t[2] || (t[2] = (o) => l(V)())
|
|
62
|
-
}, [
|
|
63
|
-
M(e.$slots, "default", { formattedDate: l(d) }, () => [
|
|
64
|
-
R(w("input", {
|
|
65
|
-
ref_key: "input",
|
|
66
|
-
ref: I,
|
|
67
|
-
"onUpdate:modelValue": t[0] || (t[0] = (o) => T(d) ? d.value = o : null),
|
|
68
|
-
type: "text",
|
|
69
|
-
class: "input",
|
|
70
|
-
placeholder: n.placeholder,
|
|
71
|
-
"data-testid": `${n.testId}-${l(y).INPUT}`,
|
|
72
|
-
onInput: t[1] || (t[1] = (o) => P(o))
|
|
73
|
-
}, null, 40, z), [
|
|
74
|
-
[x, l(d)]
|
|
75
|
-
])
|
|
76
|
-
], !0)
|
|
77
|
-
], 512),
|
|
78
|
-
l(s) ? (v(), g("div", {
|
|
79
|
-
key: 0,
|
|
80
|
-
ref_key: "popup",
|
|
81
|
-
ref: p,
|
|
82
|
-
class: B(["date-picker-popup", { "align-right": l(F) }])
|
|
83
|
-
}, [
|
|
84
|
-
E(W, {
|
|
85
|
-
id: l(D) + "-month",
|
|
86
|
-
"model-value": l($),
|
|
87
|
-
"allow-future-dates": n.allowFutureDates,
|
|
88
|
-
"test-id": n.testId,
|
|
89
|
-
"onUpdate:modelValue": f
|
|
90
|
-
}, null, 8, ["id", "model-value", "allow-future-dates", "test-id"])
|
|
91
|
-
], 2)) : N("", !0)
|
|
92
|
-
], 8, S));
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
export {
|
|
96
|
-
Q as default
|
|
97
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import o from "./DatePickerMonth.vue2.js";
|
|
2
|
-
/* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../DatePickerMonth.vue_vue_type_style_index_0_scoped_b171cdab_lang.css"; //*');
|
|
4
|
-
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b171cdab"]]);
|
|
5
|
-
export {
|
|
6
|
-
s as default
|
|
7
|
-
};
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
import "../../DatePickerMonth.vue_vue_type_style_index_0_scoped_b171cdab_lang.css"; import { defineComponent as D, ref as w, watch as d, onMounted as M, computed as i, openBlock as C, createBlock as F, unref as c } from "vue";
|
|
2
|
-
import T from "../dateRange/CalendarMonth.vue.js";
|
|
3
|
-
import r from "../dateRange/DateServices.js";
|
|
4
|
-
import { navigateNext as k } from "../dateRange/consts.js";
|
|
5
|
-
import { startOfMonth as V, differenceInMonths as m, addMonths as I, subMonths as S } from "date-fns";
|
|
6
|
-
const E = /* @__PURE__ */ D({
|
|
7
|
-
__name: "DatePickerMonth",
|
|
8
|
-
props: {
|
|
9
|
-
uniqueId: { default: Date.now() },
|
|
10
|
-
modelValue: { default: null },
|
|
11
|
-
includeToday: { type: Boolean, default: !0 },
|
|
12
|
-
allowFutureDates: { type: Boolean, default: !1 },
|
|
13
|
-
testId: { default: "" }
|
|
14
|
-
},
|
|
15
|
-
emits: ["update:modelValue"],
|
|
16
|
-
setup(l, { emit: h }) {
|
|
17
|
-
const n = l, o = (t) => {
|
|
18
|
-
const a = t.getMonth(), u = t.getFullYear();
|
|
19
|
-
return r.createMonth(
|
|
20
|
-
a,
|
|
21
|
-
u,
|
|
22
|
-
n.includeToday,
|
|
23
|
-
!n.allowFutureDates
|
|
24
|
-
);
|
|
25
|
-
}, e = w(o(r.getCurrentTimeUTC())), s = () => {
|
|
26
|
-
const t = n.modelValue || r.getCurrentTimeUTC();
|
|
27
|
-
e.value = o(t);
|
|
28
|
-
}, f = (t) => {
|
|
29
|
-
const a = new Date(e.value.year, e.value.month), u = t === k ? I(a, 1) : S(a, 1);
|
|
30
|
-
e.value = o(u);
|
|
31
|
-
};
|
|
32
|
-
d(
|
|
33
|
-
() => n.modelValue,
|
|
34
|
-
() => {
|
|
35
|
-
s();
|
|
36
|
-
}
|
|
37
|
-
), d(
|
|
38
|
-
() => n.allowFutureDates,
|
|
39
|
-
() => {
|
|
40
|
-
e.value = o(
|
|
41
|
-
new Date(e.value.year, e.value.month)
|
|
42
|
-
);
|
|
43
|
-
}
|
|
44
|
-
);
|
|
45
|
-
const v = (t) => {
|
|
46
|
-
const a = t || null;
|
|
47
|
-
return {
|
|
48
|
-
fromStart: a,
|
|
49
|
-
fromEnd: a,
|
|
50
|
-
toStart: a,
|
|
51
|
-
toEnd: a
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
M(() => {
|
|
55
|
-
s();
|
|
56
|
-
});
|
|
57
|
-
const g = i(() => {
|
|
58
|
-
if (n.allowFutureDates)
|
|
59
|
-
return "all";
|
|
60
|
-
const t = V(r.getCurrentTimeUTC());
|
|
61
|
-
m(e.value.year, e.value.month);
|
|
62
|
-
const a = new Date(e.value.year, e.value.month);
|
|
63
|
-
return m(a, t) >= 0 ? "previous" : "all";
|
|
64
|
-
}), p = i(() => v(n.modelValue)), y = (t) => {
|
|
65
|
-
t.isFuture || h("update:modelValue", t.date);
|
|
66
|
-
};
|
|
67
|
-
return (t, a) => (C(), F(T, {
|
|
68
|
-
id: l.uniqueId,
|
|
69
|
-
type: "month",
|
|
70
|
-
class: "date-picker-month",
|
|
71
|
-
range: c(p),
|
|
72
|
-
navigation: c(g),
|
|
73
|
-
year: e.value.year,
|
|
74
|
-
days: e.value.days,
|
|
75
|
-
weeks: e.value.weeks,
|
|
76
|
-
month: e.value.month,
|
|
77
|
-
"test-id": l.testId,
|
|
78
|
-
onSelectionChanged: y,
|
|
79
|
-
onNavigation: f
|
|
80
|
-
}, null, 8, ["id", "range", "navigation", "year", "days", "weeks", "month", "test-id"]));
|
|
81
|
-
}
|
|
82
|
-
});
|
|
83
|
-
export {
|
|
84
|
-
E as default
|
|
85
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import o from "./CalendarMonth.vue2.js";
|
|
2
|
-
/* empty css */import e from "../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../CalendarMonth.vue_vue_type_style_index_0_scoped_b2206adb_lang.css"; //*');
|
|
4
|
-
const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-b2206adb"]]);
|
|
5
|
-
export {
|
|
6
|
-
s as default
|
|
7
|
-
};
|