@epam/uui 5.12.0-rc.0 → 5.12.0
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/assets/styles/effects.scss +1 -2
- package/assets/styles/typography.scss +2 -1
- package/components/errors/ErrorPage.d.ts.map +1 -1
- package/components/errors/config.d.ts +4 -0
- package/components/errors/config.d.ts.map +1 -1
- package/components/filters/PresetPanel/Preset.d.ts.map +1 -1
- package/components/filters/PresetPanel/PresetActionsDropdown.d.ts.map +1 -1
- package/components/inputs/Rating.d.ts +25 -0
- package/components/inputs/Rating.d.ts.map +1 -0
- package/components/inputs/index.d.ts +1 -0
- package/components/inputs/index.d.ts.map +1 -1
- package/components/overlays/Alert.d.ts.map +1 -1
- package/components/tables/DataTableHeaderGroupCell.d.ts.map +1 -1
- package/i18n.d.ts +2 -0
- package/i18n.d.ts.map +1 -1
- package/index.esm.js +456 -410
- package/index.esm.js.map +1 -1
- package/index.js +456 -409
- package/index.js.map +1 -1
- package/package.json +5 -6
- package/settings.d.ts.map +1 -1
- package/settings.types.d.ts +6 -0
- package/settings.types.d.ts.map +1 -1
- package/stats.html +1 -1
- package/styles.css +2676 -2650
- package/styles.css.map +1 -1
package/index.js
CHANGED
|
@@ -49,176 +49,176 @@ var customParseFormat__default = /*#__PURE__*/_interopDefault(customParseFormat)
|
|
|
49
49
|
var isoWeek__default = /*#__PURE__*/_interopDefault(isoWeek);
|
|
50
50
|
var FocusLock__default = /*#__PURE__*/_interopDefault(FocusLock);
|
|
51
51
|
|
|
52
|
-
var _path$
|
|
53
|
-
function _extends$
|
|
52
|
+
var _path$R;
|
|
53
|
+
function _extends$R() { return _extends$R = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$R.apply(null, arguments); }
|
|
54
54
|
var SvgNavigationCloseOutline = function SvgNavigationCloseOutline(props, ref) {
|
|
55
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
55
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
|
|
56
56
|
xmlns: "http://www.w3.org/2000/svg",
|
|
57
57
|
width: 24,
|
|
58
58
|
height: 24,
|
|
59
59
|
viewBox: "0 0 24 24",
|
|
60
60
|
ref: ref
|
|
61
|
-
}, props), _path$
|
|
61
|
+
}, props), _path$R || (_path$R = /*#__PURE__*/React__namespace.createElement("path", {
|
|
62
62
|
d: "M6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5l5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19z"
|
|
63
63
|
})));
|
|
64
64
|
};
|
|
65
|
-
var ForwardRef$
|
|
65
|
+
var ForwardRef$R = /*#__PURE__*/React.forwardRef(SvgNavigationCloseOutline);
|
|
66
66
|
|
|
67
|
-
var _path$
|
|
68
|
-
function _extends$
|
|
67
|
+
var _path$Q;
|
|
68
|
+
function _extends$Q() { return _extends$Q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$Q.apply(null, arguments); }
|
|
69
69
|
var SvgNavigationChevronDownOutline = function SvgNavigationChevronDownOutline(props, ref) {
|
|
70
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
70
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
|
|
71
71
|
xmlns: "http://www.w3.org/2000/svg",
|
|
72
72
|
width: 24,
|
|
73
73
|
height: 24,
|
|
74
74
|
viewBox: "0 0 24 24",
|
|
75
75
|
ref: ref
|
|
76
|
-
}, props), _path$
|
|
76
|
+
}, props), _path$Q || (_path$Q = /*#__PURE__*/React__namespace.createElement("path", {
|
|
77
77
|
d: "M5.414 8.086 4 9.5l8 8 8-8-1.414-1.414L12 14.672 5.414 8.086z"
|
|
78
78
|
})));
|
|
79
79
|
};
|
|
80
|
-
var ForwardRef$
|
|
80
|
+
var ForwardRef$Q = /*#__PURE__*/React.forwardRef(SvgNavigationChevronDownOutline);
|
|
81
81
|
|
|
82
|
-
var _path$
|
|
83
|
-
function _extends$
|
|
82
|
+
var _path$P;
|
|
83
|
+
function _extends$P() { return _extends$P = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$P.apply(null, arguments); }
|
|
84
84
|
var SvgNotificationDoneOutline = function SvgNotificationDoneOutline(props, ref) {
|
|
85
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
85
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
|
|
86
86
|
xmlns: "http://www.w3.org/2000/svg",
|
|
87
87
|
width: 24,
|
|
88
88
|
height: 24,
|
|
89
89
|
viewBox: "0 0 24 24",
|
|
90
90
|
ref: ref
|
|
91
|
-
}, props), _path$
|
|
91
|
+
}, props), _path$P || (_path$P = /*#__PURE__*/React__namespace.createElement("path", {
|
|
92
92
|
d: "m20.503 7.4-1.778-1.78-9.175 9.176-4.275-4.275L3.496 12.3l6.054 6.053L20.503 7.4z"
|
|
93
93
|
})));
|
|
94
94
|
};
|
|
95
|
-
var ForwardRef$
|
|
95
|
+
var ForwardRef$P = /*#__PURE__*/React.forwardRef(SvgNotificationDoneOutline);
|
|
96
96
|
|
|
97
|
-
var _path$
|
|
98
|
-
function _extends$
|
|
97
|
+
var _path$O;
|
|
98
|
+
function _extends$O() { return _extends$O = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$O.apply(null, arguments); }
|
|
99
99
|
var SvgActionSearchOutline = function SvgActionSearchOutline(props, ref) {
|
|
100
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
100
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
|
|
101
101
|
xmlns: "http://www.w3.org/2000/svg",
|
|
102
102
|
width: 24,
|
|
103
103
|
height: 24,
|
|
104
104
|
viewBox: "0 0 24 24",
|
|
105
105
|
ref: ref
|
|
106
|
-
}, props), _path$
|
|
106
|
+
}, props), _path$O || (_path$O = /*#__PURE__*/React__namespace.createElement("path", {
|
|
107
107
|
fillRule: "evenodd",
|
|
108
108
|
d: "M17.32 15.906 21.414 20 20 21.414l-4.094-4.094a8 8 0 1 1 1.414-1.414zM11 17a6 6 0 1 0 0-12 6 6 0 0 0 0 12z",
|
|
109
109
|
clipRule: "evenodd"
|
|
110
110
|
})));
|
|
111
111
|
};
|
|
112
|
-
var ForwardRef$
|
|
112
|
+
var ForwardRef$O = /*#__PURE__*/React.forwardRef(SvgActionSearchOutline);
|
|
113
113
|
|
|
114
|
-
var _path$
|
|
115
|
-
function _extends$
|
|
114
|
+
var _path$N;
|
|
115
|
+
function _extends$N() { return _extends$N = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$N.apply(null, arguments); }
|
|
116
116
|
var SvgActionCalendarFill = function SvgActionCalendarFill(props, ref) {
|
|
117
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
117
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
|
|
118
118
|
xmlns: "http://www.w3.org/2000/svg",
|
|
119
119
|
width: 24,
|
|
120
120
|
height: 24,
|
|
121
121
|
viewBox: "0 0 24 24",
|
|
122
122
|
ref: ref
|
|
123
|
-
}, props), _path$
|
|
123
|
+
}, props), _path$N || (_path$N = /*#__PURE__*/React__namespace.createElement("path", {
|
|
124
124
|
d: "M5 22a1.93 1.93 0 0 1-1.413-.587A1.928 1.928 0 0 1 3 20V6c0-.55.196-1.02.587-1.412A1.927 1.927 0 0 1 5 4h1V2h2v2h8V2h2v2h1c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412v14a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 19 22H5zm0-2h14V10H5v10z"
|
|
125
125
|
})));
|
|
126
126
|
};
|
|
127
|
-
var ForwardRef$
|
|
127
|
+
var ForwardRef$N = /*#__PURE__*/React.forwardRef(SvgActionCalendarFill);
|
|
128
128
|
|
|
129
|
-
var _path$
|
|
130
|
-
function _extends$
|
|
129
|
+
var _path$M;
|
|
130
|
+
function _extends$M() { return _extends$M = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$M.apply(null, arguments); }
|
|
131
131
|
var SvgNotificationInfoOutline = function SvgNotificationInfoOutline(props, ref) {
|
|
132
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
132
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
|
|
133
133
|
xmlns: "http://www.w3.org/2000/svg",
|
|
134
134
|
width: 24,
|
|
135
135
|
height: 24,
|
|
136
136
|
viewBox: "0 0 24 24",
|
|
137
137
|
ref: ref
|
|
138
|
-
}, props), _path$
|
|
138
|
+
}, props), _path$M || (_path$M = /*#__PURE__*/React__namespace.createElement("path", {
|
|
139
139
|
d: "M11 17h2v-6h-2v6zm1-8a.968.968 0 0 0 .713-.288A.967.967 0 0 0 13 8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.967.967 0 0 0-.712.287A.968.968 0 0 0 11 8c0 .283.096.52.288.712A.965.965 0 0 0 12 9zm0 13a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22zm0-2c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20z"
|
|
140
140
|
})));
|
|
141
141
|
};
|
|
142
|
-
var ForwardRef$
|
|
142
|
+
var ForwardRef$M = /*#__PURE__*/React.forwardRef(SvgNotificationInfoOutline);
|
|
143
143
|
|
|
144
|
-
var _path$
|
|
145
|
-
function _extends$
|
|
144
|
+
var _path$L;
|
|
145
|
+
function _extends$L() { return _extends$L = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$L.apply(null, arguments); }
|
|
146
146
|
var SvgFileFileWordFill = function SvgFileFileWordFill(props, ref) {
|
|
147
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
147
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
|
|
148
148
|
xmlns: "http://www.w3.org/2000/svg",
|
|
149
149
|
width: 24,
|
|
150
150
|
height: 24,
|
|
151
151
|
viewBox: "0 0 24 24",
|
|
152
152
|
ref: ref
|
|
153
|
-
}, props), _path$
|
|
153
|
+
}, props), _path$L || (_path$L = /*#__PURE__*/React__namespace.createElement("path", {
|
|
154
154
|
fillRule: "evenodd",
|
|
155
155
|
d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1.2 18h-1.4L12 13.2 10.2 20H8.8l-2.2-9h1.5l1.4 6.8 1.8-6.8h1.3l1.8 6.8 1.4-6.8h1.5l-2.1 9zM13 9V3.5L18.5 9H13z",
|
|
156
156
|
clipRule: "evenodd"
|
|
157
157
|
})));
|
|
158
158
|
};
|
|
159
|
-
var ForwardRef$
|
|
159
|
+
var ForwardRef$L = /*#__PURE__*/React.forwardRef(SvgFileFileWordFill);
|
|
160
160
|
|
|
161
|
-
var _path$
|
|
162
|
-
function _extends$
|
|
161
|
+
var _path$K;
|
|
162
|
+
function _extends$K() { return _extends$K = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$K.apply(null, arguments); }
|
|
163
163
|
var SvgFileFileExcelFill = function SvgFileFileExcelFill(props, ref) {
|
|
164
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
164
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
|
|
165
165
|
xmlns: "http://www.w3.org/2000/svg",
|
|
166
166
|
width: 24,
|
|
167
167
|
height: 24,
|
|
168
168
|
viewBox: "0 0 24 24",
|
|
169
169
|
ref: ref
|
|
170
|
-
}, props), _path$
|
|
170
|
+
}, props), _path$K || (_path$K = /*#__PURE__*/React__namespace.createElement("path", {
|
|
171
171
|
fillRule: "evenodd",
|
|
172
172
|
d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1.8 18H14l-2-3.4-2 3.4H8.2l2.9-4.5L8.2 11H10l2 3.4 2-3.4h1.8l-2.9 4.5 2.9 4.5zM13 9V3.5L18.5 9H13z",
|
|
173
173
|
clipRule: "evenodd"
|
|
174
174
|
})));
|
|
175
175
|
};
|
|
176
|
-
var ForwardRef$
|
|
176
|
+
var ForwardRef$K = /*#__PURE__*/React.forwardRef(SvgFileFileExcelFill);
|
|
177
177
|
|
|
178
|
-
var _path$
|
|
179
|
-
function _extends$
|
|
178
|
+
var _path$J;
|
|
179
|
+
function _extends$J() { return _extends$J = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$J.apply(null, arguments); }
|
|
180
180
|
var SvgFileFilePdfFill = function SvgFileFilePdfFill(props, ref) {
|
|
181
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
181
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
|
|
182
182
|
xmlns: "http://www.w3.org/2000/svg",
|
|
183
183
|
width: 24,
|
|
184
184
|
height: 24,
|
|
185
185
|
viewBox: "0 0 24 24",
|
|
186
186
|
ref: ref
|
|
187
|
-
}, props), _path$
|
|
187
|
+
}, props), _path$J || (_path$J = /*#__PURE__*/React__namespace.createElement("path", {
|
|
188
188
|
fillRule: "evenodd",
|
|
189
189
|
d: "M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2zm4.1 9.4c-.02.04-.29 1.76-2.1 4.69 0 0-3.5 1.82-2.67 3.18.67 1.08 2.32-.04 3.74-2.68 0 0 1.82-.64 4.24-.82 0 0 3.86 1.73 4.39-.11.52-1.86-3.06-1.44-3.7-1.25 0 0-2-1.35-2.5-3.21 0 0 1.14-3.95-.61-3.9-1.75.05-1.09 3.13-.79 4.1zm.81 1.04c.03.01.47 1.21 1.89 2.46 0 0-2.33.46-3.39.9 0 0 1-1.73 1.5-3.36zm3.93 2.72c.58-.16 2.33.15 2.26.48-.06.33-2.26-.48-2.26-.48zM7.77 17c-.53 1.24-1.44 2-1.67 2-.23 0 .7-1.6 1.67-2zm3.14-6.93c0-.07-.36-2.2 0-2.15.54.08 0 2.08 0 2.15z",
|
|
190
190
|
clipRule: "evenodd"
|
|
191
191
|
})));
|
|
192
192
|
};
|
|
193
|
-
var ForwardRef$
|
|
193
|
+
var ForwardRef$J = /*#__PURE__*/React.forwardRef(SvgFileFilePdfFill);
|
|
194
194
|
|
|
195
|
-
var _path$
|
|
196
|
-
function _extends$
|
|
195
|
+
var _path$I;
|
|
196
|
+
function _extends$I() { return _extends$I = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$I.apply(null, arguments); }
|
|
197
197
|
var SvgFileFileImageFill = function SvgFileFileImageFill(props, ref) {
|
|
198
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
198
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
|
|
199
199
|
xmlns: "http://www.w3.org/2000/svg",
|
|
200
200
|
width: 24,
|
|
201
201
|
height: 24,
|
|
202
202
|
viewBox: "0 0 24 24",
|
|
203
203
|
ref: ref
|
|
204
|
-
}, props), _path$
|
|
204
|
+
}, props), _path$I || (_path$I = /*#__PURE__*/React__namespace.createElement("path", {
|
|
205
205
|
fillRule: "evenodd",
|
|
206
206
|
d: "M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2zm0 18h12v-8l-4 4-2-2-6 6zM8 9a2 2 0 1 0 0 4 2 2 0 0 0 0-4z",
|
|
207
207
|
clipRule: "evenodd"
|
|
208
208
|
})));
|
|
209
209
|
};
|
|
210
|
-
var ForwardRef$
|
|
210
|
+
var ForwardRef$I = /*#__PURE__*/React.forwardRef(SvgFileFileImageFill);
|
|
211
211
|
|
|
212
|
-
var _path$
|
|
213
|
-
function _extends$
|
|
212
|
+
var _path$H, _path2$5;
|
|
213
|
+
function _extends$H() { return _extends$H = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$H.apply(null, arguments); }
|
|
214
214
|
var SvgFileFileVideoFill = function SvgFileFileVideoFill(props, ref) {
|
|
215
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
215
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
|
|
216
216
|
xmlns: "http://www.w3.org/2000/svg",
|
|
217
217
|
width: 24,
|
|
218
218
|
height: 24,
|
|
219
219
|
viewBox: "0 0 24 24",
|
|
220
220
|
ref: ref
|
|
221
|
-
}, props), _path$
|
|
221
|
+
}, props), _path$H || (_path$H = /*#__PURE__*/React__namespace.createElement("path", {
|
|
222
222
|
d: "M14.992 14 9.5 17.138v-6.276L14.992 14z"
|
|
223
223
|
})), _path2$5 || (_path2$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
224
224
|
fillRule: "evenodd",
|
|
@@ -226,97 +226,98 @@ var SvgFileFileVideoFill = function SvgFileFileVideoFill(props, ref) {
|
|
|
226
226
|
clipRule: "evenodd"
|
|
227
227
|
})));
|
|
228
228
|
};
|
|
229
|
-
var ForwardRef$
|
|
229
|
+
var ForwardRef$H = /*#__PURE__*/React.forwardRef(SvgFileFileVideoFill);
|
|
230
230
|
|
|
231
|
-
var _path$
|
|
232
|
-
function _extends$
|
|
231
|
+
var _path$G;
|
|
232
|
+
function _extends$G() { return _extends$G = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$G.apply(null, arguments); }
|
|
233
233
|
var SvgFileFileTableFill = function SvgFileFileTableFill(props, ref) {
|
|
234
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
234
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
|
|
235
235
|
xmlns: "http://www.w3.org/2000/svg",
|
|
236
236
|
width: 24,
|
|
237
237
|
height: 24,
|
|
238
238
|
viewBox: "0 0 24 24",
|
|
239
239
|
ref: ref
|
|
240
|
-
}, props), _path$
|
|
240
|
+
}, props), _path$G || (_path$G = /*#__PURE__*/React__namespace.createElement("path", {
|
|
241
241
|
fillRule: "evenodd",
|
|
242
242
|
d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-4 17H7v-2h3v2zm0-3H7v-2h3v2zm0-3H7v-2h3v2zm4 6h-3v-2h3v2zm0-3h-3v-2h3v2zm0-3h-3v-2h3v2zm-1-4V3.5L18.5 9H13z",
|
|
243
243
|
clipRule: "evenodd"
|
|
244
244
|
})));
|
|
245
245
|
};
|
|
246
|
-
var ForwardRef$
|
|
246
|
+
var ForwardRef$G = /*#__PURE__*/React.forwardRef(SvgFileFileTableFill);
|
|
247
247
|
|
|
248
|
-
var _path$
|
|
249
|
-
function _extends$
|
|
248
|
+
var _path$F;
|
|
249
|
+
function _extends$F() { return _extends$F = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$F.apply(null, arguments); }
|
|
250
250
|
var SvgFileFileTextFill = function SvgFileFileTextFill(props, ref) {
|
|
251
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
251
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
|
|
252
252
|
xmlns: "http://www.w3.org/2000/svg",
|
|
253
253
|
width: 24,
|
|
254
254
|
height: 24,
|
|
255
255
|
viewBox: "0 0 24 24",
|
|
256
256
|
ref: ref
|
|
257
|
-
}, props), _path$
|
|
257
|
+
}, props), _path$F || (_path$F = /*#__PURE__*/React__namespace.createElement("path", {
|
|
258
258
|
fillRule: "evenodd",
|
|
259
259
|
d: "M13 9h5.5L13 3.5V9zM6 2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4c0-1.11.89-2 2-2zm9 16v-2H6v2h9zm3-4v-2H6v2h12z",
|
|
260
260
|
clipRule: "evenodd"
|
|
261
261
|
})));
|
|
262
262
|
};
|
|
263
|
-
var ForwardRef$
|
|
263
|
+
var ForwardRef$F = /*#__PURE__*/React.forwardRef(SvgFileFileTextFill);
|
|
264
264
|
|
|
265
|
-
var _path$
|
|
266
|
-
function _extends$
|
|
265
|
+
var _path$E;
|
|
266
|
+
function _extends$E() { return _extends$E = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$E.apply(null, arguments); }
|
|
267
267
|
var SvgFileFileEmlFill = function SvgFileFileEmlFill(props, ref) {
|
|
268
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
268
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
|
|
269
269
|
xmlns: "http://www.w3.org/2000/svg",
|
|
270
270
|
width: 24,
|
|
271
271
|
height: 24,
|
|
272
272
|
viewBox: "0 0 24 24",
|
|
273
273
|
ref: ref
|
|
274
|
-
}, props), _path$
|
|
274
|
+
}, props), _path$E || (_path$E = /*#__PURE__*/React__namespace.createElement("path", {
|
|
275
275
|
fillRule: "evenodd",
|
|
276
276
|
d: "M4 4c0-1.11.89-2 2-2h8l6 6v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4zm9-.5V9h5.5L13 3.5zM7 18v-4.732l5 3.333 5-3.333V18a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1zm5-2.6 4.688-3.126A.997.997 0 0 0 16 12H8a.997.997 0 0 0-.688.274L12 15.399z",
|
|
277
277
|
clipRule: "evenodd"
|
|
278
278
|
})));
|
|
279
279
|
};
|
|
280
|
-
var ForwardRef$
|
|
280
|
+
var ForwardRef$E = /*#__PURE__*/React.forwardRef(SvgFileFileEmlFill);
|
|
281
281
|
|
|
282
|
-
var _path$
|
|
283
|
-
function _extends$
|
|
282
|
+
var _path$D;
|
|
283
|
+
function _extends$D() { return _extends$D = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$D.apply(null, arguments); }
|
|
284
284
|
var SvgFileFileFill = function SvgFileFileFill(props, ref) {
|
|
285
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
285
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
|
|
286
286
|
xmlns: "http://www.w3.org/2000/svg",
|
|
287
287
|
width: 24,
|
|
288
288
|
height: 24,
|
|
289
289
|
viewBox: "0 0 24 24",
|
|
290
290
|
ref: ref
|
|
291
|
-
}, props), _path$
|
|
291
|
+
}, props), _path$D || (_path$D = /*#__PURE__*/React__namespace.createElement("path", {
|
|
292
292
|
d: "M6 22c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 4 20V4c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 6 2h8l6 6v12a1.93 1.93 0 0 1-.587 1.413A1.928 1.928 0 0 1 18 22H6zm7-13h5l-5-5v5z"
|
|
293
293
|
})));
|
|
294
294
|
};
|
|
295
|
-
var ForwardRef$
|
|
295
|
+
var ForwardRef$D = /*#__PURE__*/React.forwardRef(SvgFileFileFill);
|
|
296
296
|
|
|
297
297
|
const fileIcons = {
|
|
298
|
-
docIcon: ForwardRef$
|
|
299
|
-
exelIcon: ForwardRef$
|
|
300
|
-
pdfIcon: ForwardRef$
|
|
301
|
-
imgIcon: ForwardRef$
|
|
302
|
-
videoIcon: ForwardRef$
|
|
303
|
-
tableIcon: ForwardRef$
|
|
304
|
-
textIcon: ForwardRef$
|
|
305
|
-
mailIcon: ForwardRef$
|
|
306
|
-
fileIcon: ForwardRef$
|
|
298
|
+
docIcon: ForwardRef$L,
|
|
299
|
+
exelIcon: ForwardRef$K,
|
|
300
|
+
pdfIcon: ForwardRef$J,
|
|
301
|
+
imgIcon: ForwardRef$I,
|
|
302
|
+
videoIcon: ForwardRef$H,
|
|
303
|
+
tableIcon: ForwardRef$G,
|
|
304
|
+
textIcon: ForwardRef$F,
|
|
305
|
+
mailIcon: ForwardRef$E,
|
|
306
|
+
fileIcon: ForwardRef$D,
|
|
307
307
|
};
|
|
308
308
|
const systemIcons = {
|
|
309
|
-
clear: ForwardRef$
|
|
310
|
-
foldingArrow: ForwardRef$
|
|
311
|
-
accept: ForwardRef$
|
|
312
|
-
search: ForwardRef$
|
|
313
|
-
calendar: ForwardRef$
|
|
314
|
-
info: ForwardRef$
|
|
309
|
+
clear: ForwardRef$R,
|
|
310
|
+
foldingArrow: ForwardRef$Q,
|
|
311
|
+
accept: ForwardRef$P,
|
|
312
|
+
search: ForwardRef$O,
|
|
313
|
+
calendar: ForwardRef$N,
|
|
314
|
+
info: ForwardRef$M,
|
|
315
315
|
};
|
|
316
316
|
|
|
317
317
|
const settings = {
|
|
318
318
|
sizes: {
|
|
319
319
|
defaults: {
|
|
320
|
+
alert: '48',
|
|
320
321
|
badge: '36',
|
|
321
322
|
button: '36',
|
|
322
323
|
checkbox: '18',
|
|
@@ -335,6 +336,13 @@ const settings = {
|
|
|
335
336
|
labeledInput: '36',
|
|
336
337
|
statusIndicator: '24',
|
|
337
338
|
paginator: '30',
|
|
339
|
+
rating: '18',
|
|
340
|
+
},
|
|
341
|
+
alert: {
|
|
342
|
+
action: {
|
|
343
|
+
36: '24',
|
|
344
|
+
48: '30',
|
|
345
|
+
},
|
|
338
346
|
},
|
|
339
347
|
tag: {
|
|
340
348
|
countIndicator: {
|
|
@@ -614,11 +622,11 @@ const settings = {
|
|
|
614
622
|
},
|
|
615
623
|
};
|
|
616
624
|
|
|
617
|
-
var css$
|
|
625
|
+
var css$1y = {"uui-typography":"BLa8lF","uuiTypography":"BLa8lF","hero-header":"_85rhtM","heroHeader":"_85rhtM","promo-header":"mEmWKX","promoHeader":"mEmWKX","uui-critical":"l56Qog","uuiCritical":"l56Qog","uui-info":"b5EVQU","uuiInfo":"b5EVQU","uui-success":"L5c5t5","uuiSuccess":"L5c5t5","uui-warning":"UmI9Rd","uuiWarning":"UmI9Rd","uui-highlight":"v6mRbk","uuiHighlight":"v6mRbk","uui-typography-size-12":"_6GTW6C","uuiTypographySize12":"_6GTW6C","uui-typography-size-14":"RaO9pV","uuiTypographySize14":"RaO9pV","uui-typography-size-16":"-xf5Fz","uuiTypographySize16":"-xf5Fz","root":"Sd8wUq"};
|
|
618
626
|
|
|
619
627
|
function applyButtonMods(mods) {
|
|
620
628
|
return [
|
|
621
|
-
css$
|
|
629
|
+
css$1y.root,
|
|
622
630
|
'uui-button',
|
|
623
631
|
`uui-fill-${mods.fill || 'solid'}`,
|
|
624
632
|
`uui-color-${mods.color || 'primary'}`,
|
|
@@ -632,10 +640,10 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
|
|
|
632
640
|
};
|
|
633
641
|
});
|
|
634
642
|
|
|
635
|
-
var css$
|
|
643
|
+
var css$1x = {"root":"ceu4Jl"};
|
|
636
644
|
|
|
637
645
|
function applyIconButtonMods(props) {
|
|
638
|
-
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$
|
|
646
|
+
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1x.root];
|
|
639
647
|
}
|
|
640
648
|
const IconButton = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.IconButton, applyIconButtonMods, (props) => {
|
|
641
649
|
const isDeprecated = ['info', 'success', 'error', 'warning'].includes(props.color);
|
|
@@ -669,7 +677,7 @@ function getIconClass(props) {
|
|
|
669
677
|
return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
|
|
670
678
|
}
|
|
671
679
|
|
|
672
|
-
var css$
|
|
680
|
+
var css$1w = {"uui-typography":"Mcf8PD","uuiTypography":"Mcf8PD","hero-header":"MRFvdy","heroHeader":"MRFvdy","promo-header":"_3JCoue","promoHeader":"_3JCoue","uui-critical":"_60ld5v","uuiCritical":"_60ld5v","uui-info":"EOZAqo","uuiInfo":"EOZAqo","uui-success":"pTKEcf","uuiSuccess":"pTKEcf","uui-warning":"Kh6Nqy","uuiWarning":"Kh6Nqy","uui-highlight":"DFEJcW","uuiHighlight":"DFEJcW","uui-typography-size-12":"mvKHRF","uuiTypographySize12":"mvKHRF","uui-typography-size-14":"i-WTso","uuiTypographySize14":"i-WTso","uui-typography-size-16":"J1RW9l","uuiTypographySize16":"J1RW9l","root":"QA3aGj"};
|
|
673
681
|
|
|
674
682
|
const DEFAULT_COLOR = 'primary';
|
|
675
683
|
const DEFAULT_WEIGHT = 'semibold';
|
|
@@ -685,7 +693,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
685
693
|
}
|
|
686
694
|
const rootStyles = [
|
|
687
695
|
'uui-link_button',
|
|
688
|
-
css$
|
|
696
|
+
css$1w.root,
|
|
689
697
|
`uui-size-${props.size || settings.sizes.defaults.linkButton}`,
|
|
690
698
|
...getIconClass(props),
|
|
691
699
|
`uui-color-${props.color || DEFAULT_COLOR}`,
|
|
@@ -700,11 +708,11 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
700
708
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
701
709
|
});
|
|
702
710
|
|
|
703
|
-
var css$
|
|
711
|
+
var css$1v = {"root":"ijU3T6"};
|
|
704
712
|
|
|
705
713
|
const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
706
714
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
707
|
-
css$
|
|
715
|
+
css$1v.root,
|
|
708
716
|
'uui-count_indicator',
|
|
709
717
|
`uui-size-${props.size || settings.sizes.defaults.countIndicator}`,
|
|
710
718
|
props.color && `uui-color-${props.color}`,
|
|
@@ -712,11 +720,11 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
712
720
|
]) }, props.caption));
|
|
713
721
|
});
|
|
714
722
|
|
|
715
|
-
var css$
|
|
723
|
+
var css$1u = {"uui-typography":"K4BCuG","uuiTypography":"K4BCuG","hero-header":"_3ztadS","heroHeader":"_3ztadS","promo-header":"WU0Fwo","promoHeader":"WU0Fwo","uui-critical":"_2B780H","uuiCritical":"_2B780H","uui-info":"dnVppf","uuiInfo":"dnVppf","uui-success":"u-LjWn","uuiSuccess":"u-LjWn","uui-warning":"RFH7I2","uuiWarning":"RFH7I2","uui-highlight":"YkTVN7","uuiHighlight":"YkTVN7","uui-typography-size-12":"_5R973l","uuiTypographySize12":"_5R973l","uui-typography-size-14":"hImHWJ","uuiTypographySize14":"hImHWJ","uui-typography-size-16":"zTqlny","uuiTypographySize16":"zTqlny","root":"GBNWjd","withNotify":"jJfu9k"};
|
|
716
724
|
|
|
717
725
|
const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
718
726
|
const styles = [
|
|
719
|
-
css$
|
|
727
|
+
css$1u.root,
|
|
720
728
|
'uui-tab-button',
|
|
721
729
|
`uui-size-${props.size || settings.sizes.defaults.tabButton}`,
|
|
722
730
|
...getIconClass(props),
|
|
@@ -728,48 +736,48 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
|
|
|
728
736
|
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
729
737
|
(props.caption || props.withNotify) && (React__namespace.default.createElement("div", { className: uuiCore.cx(uuiCore.uuiElement.caption) },
|
|
730
738
|
props.caption,
|
|
731
|
-
props.withNotify && React__namespace.default.createElement("div", { className: css$
|
|
739
|
+
props.withNotify && React__namespace.default.createElement("div", { className: css$1u.withNotify }))),
|
|
732
740
|
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
733
741
|
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: "neutral", size: settings.sizes.tabButton.countIndicator[props.size || settings.sizes.defaults.tabButton], caption: props.count })),
|
|
734
742
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
|
|
735
743
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
736
744
|
});
|
|
737
745
|
|
|
738
|
-
var css$
|
|
746
|
+
var css$1t = {"uui-typography":"_39kwba","uuiTypography":"_39kwba","hero-header":"UZRX3R","heroHeader":"UZRX3R","promo-header":"yfxkWl","promoHeader":"yfxkWl","uui-critical":"hueuAZ","uuiCritical":"hueuAZ","uui-info":"UkFDEB","uuiInfo":"UkFDEB","uui-success":"vDIsUT","uuiSuccess":"vDIsUT","uui-warning":"izh9oU","uuiWarning":"izh9oU","uui-highlight":"q2go0J","uuiHighlight":"q2go0J","uui-typography-size-12":"dlRMag","uuiTypographySize12":"dlRMag","uui-typography-size-14":"PKHpAV","uuiTypographySize14":"PKHpAV","uui-typography-size-16":"bGl9CC","uuiTypographySize16":"bGl9CC","root":"EK9DMf"};
|
|
739
747
|
|
|
740
748
|
function applyVerticalTabButtonMods() {
|
|
741
|
-
return [css$
|
|
749
|
+
return [css$1t.root, 'uui-vertical-tab-button'];
|
|
742
750
|
}
|
|
743
751
|
const VerticalTabButton = /* @__PURE__ */uuiCore.withMods(TabButton, applyVerticalTabButtonMods);
|
|
744
752
|
|
|
745
|
-
var _path$
|
|
746
|
-
function _extends$
|
|
753
|
+
var _path$C;
|
|
754
|
+
function _extends$C() { return _extends$C = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$C.apply(null, arguments); }
|
|
747
755
|
var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
|
|
748
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
756
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
|
|
749
757
|
xmlns: "http://www.w3.org/2000/svg",
|
|
750
758
|
width: 24,
|
|
751
759
|
height: 24,
|
|
752
760
|
viewBox: "0 0 24 24",
|
|
753
761
|
ref: ref
|
|
754
|
-
}, props), _path$
|
|
762
|
+
}, props), _path$C || (_path$C = /*#__PURE__*/React__namespace.createElement("path", {
|
|
755
763
|
d: "M19 10.5H5v3h14v-3z"
|
|
756
764
|
})));
|
|
757
765
|
};
|
|
758
|
-
var ForwardRef$
|
|
766
|
+
var ForwardRef$C = /*#__PURE__*/React.forwardRef(SvgContentMinusOutline);
|
|
759
767
|
|
|
760
|
-
var css$
|
|
768
|
+
var css$1s = {"uui-typography":"yv-DuJ","uuiTypography":"yv-DuJ","hero-header":"-HI3ft","heroHeader":"-HI3ft","promo-header":"oCYW32","promoHeader":"oCYW32","uui-critical":"O3gHrK","uuiCritical":"O3gHrK","uui-info":"es4Xts","uuiInfo":"es4Xts","uui-success":"_6gee-u","uuiSuccess":"_6gee-u","uui-warning":"teVG2Y","uuiWarning":"teVG2Y","uui-highlight":"_45e4sr","uuiHighlight":"_45e4sr","uui-typography-size-12":"_8gq8Ha","uuiTypographySize12":"_8gq8Ha","uui-typography-size-14":"JyqOLB","uuiTypographySize14":"JyqOLB","uui-typography-size-16":"vEzUiO","uuiTypographySize16":"vEzUiO","root":"bXXMWv","mode-cell":"VNLE04","modeCell":"VNLE04"};
|
|
761
769
|
|
|
762
770
|
function applyCheckboxMods(mods) {
|
|
763
771
|
return [
|
|
764
|
-
css$
|
|
772
|
+
css$1s.root,
|
|
765
773
|
`uui-size-${mods.size || settings.sizes.defaults.checkbox}`,
|
|
766
|
-
css$
|
|
774
|
+
css$1s['mode-' + (mods.mode || 'form')],
|
|
767
775
|
'uui-color-primary',
|
|
768
776
|
];
|
|
769
777
|
}
|
|
770
778
|
const applyUUICheckboxProps = (props) => {
|
|
771
|
-
const defaultIcon = ForwardRef$
|
|
772
|
-
const defaultIndeterminateIcon = ForwardRef$
|
|
779
|
+
const defaultIcon = ForwardRef$P;
|
|
780
|
+
const defaultIndeterminateIcon = ForwardRef$C;
|
|
773
781
|
return {
|
|
774
782
|
icon: props.icon ? props.icon : defaultIcon,
|
|
775
783
|
indeterminateIcon: props.indeterminateIcon ? props.indeterminateIcon : defaultIndeterminateIcon,
|
|
@@ -777,38 +785,38 @@ const applyUUICheckboxProps = (props) => {
|
|
|
777
785
|
};
|
|
778
786
|
const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
779
787
|
|
|
780
|
-
var _path$
|
|
781
|
-
function _extends$
|
|
788
|
+
var _path$B;
|
|
789
|
+
function _extends$B() { return _extends$B = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$B.apply(null, arguments); }
|
|
782
790
|
var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
783
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
791
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
|
|
784
792
|
xmlns: "http://www.w3.org/2000/svg",
|
|
785
793
|
width: 24,
|
|
786
794
|
height: 24,
|
|
787
795
|
viewBox: "0 0 24 24",
|
|
788
796
|
ref: ref
|
|
789
|
-
}, props), _path$
|
|
797
|
+
}, props), _path$B || (_path$B = /*#__PURE__*/React__namespace.createElement("path", {
|
|
790
798
|
d: "M12 19a7 7 0 1 0 0-14 7 7 0 0 0 0 14z"
|
|
791
799
|
})));
|
|
792
800
|
};
|
|
793
|
-
var ForwardRef$
|
|
801
|
+
var ForwardRef$B = /*#__PURE__*/React.forwardRef(SvgRadioDotFill);
|
|
794
802
|
|
|
795
|
-
var css$
|
|
803
|
+
var css$1r = {"uui-typography":"_5RRAli","uuiTypography":"_5RRAli","hero-header":"EWMTQT","heroHeader":"EWMTQT","promo-header":"Vq9gAZ","promoHeader":"Vq9gAZ","uui-critical":"uTgGng","uuiCritical":"uTgGng","uui-info":"FzoMGA","uuiInfo":"FzoMGA","uui-success":"L194ld","uuiSuccess":"L194ld","uui-warning":"_9pPojW","uuiWarning":"_9pPojW","uui-highlight":"OVtSEv","uuiHighlight":"OVtSEv","uui-typography-size-12":"cYRsaj","uuiTypographySize12":"cYRsaj","uui-typography-size-14":"B-fPp-","uuiTypographySize14":"B-fPp-","uui-typography-size-16":"jfJ6QJ","uuiTypographySize16":"jfJ6QJ","root":"wKm1mK"};
|
|
796
804
|
|
|
797
805
|
function applyRadioInputMods(mods) {
|
|
798
806
|
return [
|
|
799
|
-
css$
|
|
807
|
+
css$1r.root,
|
|
800
808
|
`uui-size-${mods.size || settings.sizes.defaults.radioInput}`,
|
|
801
809
|
'uui-radio-input-container',
|
|
802
810
|
'uui-color-primary',
|
|
803
811
|
];
|
|
804
812
|
}
|
|
805
|
-
const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$
|
|
813
|
+
const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$B }));
|
|
806
814
|
|
|
807
|
-
var css$
|
|
815
|
+
var css$1q = {"root":"_2NyyeX"};
|
|
808
816
|
|
|
809
817
|
function applySwitchMods(mods) {
|
|
810
818
|
return [
|
|
811
|
-
css$
|
|
819
|
+
css$1q.root,
|
|
812
820
|
`uui-size-${mods.size || settings.sizes.defaults.switch}`,
|
|
813
821
|
'uui-color-primary',
|
|
814
822
|
];
|
|
@@ -872,7 +880,7 @@ var EditMode;
|
|
|
872
880
|
EditMode["INLINE"] = "inline";
|
|
873
881
|
})(EditMode || (EditMode = {}));
|
|
874
882
|
|
|
875
|
-
var textInputCss = {"uui-typography":"
|
|
883
|
+
var textInputCss = {"uui-typography":"iWXZu-","uuiTypography":"iWXZu-","hero-header":"_5uezzr","heroHeader":"_5uezzr","promo-header":"X9Slxh","promoHeader":"X9Slxh","uui-critical":"VmmGKx","uuiCritical":"VmmGKx","uui-info":"_0qg8iv","uuiInfo":"_0qg8iv","uui-success":"_0ebf7c","uuiSuccess":"_0ebf7c","uui-warning":"GObQv-","uuiWarning":"GObQv-","uui-highlight":"zwdGYi","uuiHighlight":"zwdGYi","uui-typography-size-12":"HD-CaN","uuiTypographySize12":"HD-CaN","uui-typography-size-14":"MFXj7w","uuiTypographySize14":"MFXj7w","uui-typography-size-16":"_3xPCzg","uuiTypographySize16":"_3xPCzg","root":"BDthH6","mode-form":"NePwUu","modeForm":"NePwUu","mode-inline":"ZGRPIq","modeInline":"ZGRPIq","mode-cell":"KFwhF8","modeCell":"KFwhF8"};
|
|
876
884
|
|
|
877
885
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
878
886
|
function applyTextInputMods(mods) {
|
|
@@ -898,22 +906,22 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
|
|
|
898
906
|
} })));
|
|
899
907
|
});
|
|
900
908
|
|
|
901
|
-
var css$
|
|
909
|
+
var css$1p = {"root":"R-ZSiv"};
|
|
902
910
|
|
|
903
|
-
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$
|
|
911
|
+
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1p.root, 'uui-control-group']);
|
|
904
912
|
|
|
905
913
|
function MultiSwitchComponent(props, ref) {
|
|
906
914
|
return (React__namespace.createElement(ControlGroup, { ref: ref, rawProps: Object.assign(Object.assign({}, props.rawProps), { role: 'tablist', 'aria-invalid': props.isInvalid, 'aria-required': props.isRequired, 'aria-disabled': props.isDisabled, 'aria-readonly': props.isReadonly }) }, props.items.map((item, index) => (React__namespace.createElement(Button, Object.assign({}, props, item, { isDisabled: props.isDisabled, key: index + '-' + item.id, onClick: () => props.onValueChange(item.id), fill: props.value === item.id ? 'solid' : 'outline', color: props.color, size: props.size, rawProps: { 'aria-current': props.value === item.id, role: 'tab' } }))))));
|
|
907
915
|
}
|
|
908
916
|
const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
|
|
909
917
|
|
|
910
|
-
var css$
|
|
918
|
+
var css$1o = {"uui-typography":"GGyqfr","uuiTypography":"GGyqfr","hero-header":"UcytAy","heroHeader":"UcytAy","promo-header":"jDKX-P","promoHeader":"jDKX-P","uui-critical":"yw9QJI","uuiCritical":"yw9QJI","uui-info":"_3Vz73g","uuiInfo":"_3Vz73g","uui-success":"Zkef9Y","uuiSuccess":"Zkef9Y","uui-warning":"_7787PR","uuiWarning":"_7787PR","uui-highlight":"-xsBLt","uuiHighlight":"-xsBLt","uui-typography-size-12":"AlsmoF","uuiTypographySize12":"AlsmoF","uui-typography-size-14":"_5BGm53","uuiTypographySize14":"_5BGm53","uui-typography-size-16":"uwW-LF","uuiTypographySize16":"uwW-LF","root":"FKZ8jR","mode-form":"RjMPcd","modeForm":"RjMPcd","mode-cell":"rHtho2","modeCell":"rHtho2"};
|
|
911
919
|
|
|
912
920
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
913
921
|
function applyNumericInputMods(mods) {
|
|
914
922
|
return [
|
|
915
923
|
textInputCss.root,
|
|
916
|
-
css$
|
|
924
|
+
css$1o.root,
|
|
917
925
|
`uui-size-${mods.size || settings.sizes.defaults.numericInput}`,
|
|
918
926
|
textInputCss['mode-' + (mods.mode || DEFAULT_MODE$2)],
|
|
919
927
|
];
|
|
@@ -928,15 +936,15 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
|
|
|
928
936
|
};
|
|
929
937
|
});
|
|
930
938
|
|
|
931
|
-
var css$
|
|
939
|
+
var css$1n = {"uui-typography":"cA7h6S","uuiTypography":"cA7h6S","hero-header":"F8qx3R","heroHeader":"F8qx3R","promo-header":"BZlQFf","promoHeader":"BZlQFf","uui-critical":"yFWyBd","uuiCritical":"yFWyBd","uui-info":"lzf-zw","uuiInfo":"lzf-zw","uui-success":"_8um-Pg","uuiSuccess":"_8um-Pg","uui-warning":"_8nt2SN","uuiWarning":"_8nt2SN","uui-highlight":"N1fhjf","uuiHighlight":"N1fhjf","uui-typography-size-12":"vB6Kaq","uuiTypographySize12":"vB6Kaq","uui-typography-size-14":"_2d12zr","uuiTypographySize14":"_2d12zr","uui-typography-size-16":"vCAtt4","uuiTypographySize16":"vCAtt4","root":"t20qlB","mode-form":"W4H7oe","modeForm":"W4H7oe","mode-cell":"VgHz5c","modeCell":"VgHz5c","mode-inline":"TcTUTY","modeInline":"TcTUTY"};
|
|
932
940
|
|
|
933
941
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
934
942
|
function applyTextAreaMods(mods) {
|
|
935
943
|
return [
|
|
936
|
-
css$
|
|
944
|
+
css$1n.root,
|
|
937
945
|
'uui-textarea',
|
|
938
946
|
'uui-size-' + (mods.size || settings.sizes.defaults.textArea),
|
|
939
|
-
css$
|
|
947
|
+
css$1n['mode-' + (mods.mode || DEFAULT_MODE$1)],
|
|
940
948
|
];
|
|
941
949
|
}
|
|
942
950
|
const TextArea = /* @__PURE__ */uuiCore.withMods(uuiComponents.TextArea, applyTextAreaMods, (props) => {
|
|
@@ -969,95 +977,96 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
969
977
|
};
|
|
970
978
|
}
|
|
971
979
|
|
|
972
|
-
var _path$
|
|
973
|
-
function _extends$
|
|
980
|
+
var _path$A;
|
|
981
|
+
function _extends$A() { return _extends$A = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$A.apply(null, arguments); }
|
|
974
982
|
var SvgNotificationCheckFill = function SvgNotificationCheckFill(props, ref) {
|
|
975
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
983
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
|
|
976
984
|
xmlns: "http://www.w3.org/2000/svg",
|
|
977
985
|
width: 24,
|
|
978
986
|
height: 24,
|
|
979
987
|
viewBox: "0 0 24 24",
|
|
980
988
|
ref: ref
|
|
981
|
-
}, props), _path$
|
|
989
|
+
}, props), _path$A || (_path$A = /*#__PURE__*/React__namespace.createElement("path", {
|
|
982
990
|
d: "m10.6 16.6 7.05-7.05-1.4-1.4-5.65 5.65-2.85-2.85-1.4 1.4 4.25 4.25zM12 22a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22z"
|
|
983
991
|
})));
|
|
984
992
|
};
|
|
985
|
-
var ForwardRef$
|
|
993
|
+
var ForwardRef$A = /*#__PURE__*/React.forwardRef(SvgNotificationCheckFill);
|
|
986
994
|
|
|
987
|
-
var _path$
|
|
988
|
-
function _extends$
|
|
995
|
+
var _path$z;
|
|
996
|
+
function _extends$z() { return _extends$z = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$z.apply(null, arguments); }
|
|
989
997
|
var SvgNotificationWarningFill = function SvgNotificationWarningFill(props, ref) {
|
|
990
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
998
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
|
|
991
999
|
xmlns: "http://www.w3.org/2000/svg",
|
|
992
1000
|
width: 24,
|
|
993
1001
|
height: 24,
|
|
994
1002
|
viewBox: "0 0 24 24",
|
|
995
1003
|
ref: ref
|
|
996
|
-
}, props), _path$
|
|
1004
|
+
}, props), _path$z || (_path$z = /*#__PURE__*/React__namespace.createElement("path", {
|
|
997
1005
|
d: "M1 21 12 2l11 19H1zm11-3a.968.968 0 0 0 .713-.288A.967.967 0 0 0 13 17a.967.967 0 0 0-.287-.712A.968.968 0 0 0 12 16a.965.965 0 0 0-.712.288A.965.965 0 0 0 11 17c0 .283.096.52.288.712A.965.965 0 0 0 12 18zm-1-3h2v-5h-2v5z"
|
|
998
1006
|
})));
|
|
999
1007
|
};
|
|
1000
|
-
var ForwardRef$
|
|
1008
|
+
var ForwardRef$z = /*#__PURE__*/React.forwardRef(SvgNotificationWarningFill);
|
|
1001
1009
|
|
|
1002
|
-
var _path$
|
|
1003
|
-
function _extends$
|
|
1010
|
+
var _path$y;
|
|
1011
|
+
function _extends$y() { return _extends$y = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$y.apply(null, arguments); }
|
|
1004
1012
|
var SvgNotificationErrorFill = function SvgNotificationErrorFill(props, ref) {
|
|
1005
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1013
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
|
|
1006
1014
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1007
1015
|
width: 24,
|
|
1008
1016
|
height: 24,
|
|
1009
1017
|
viewBox: "0 0 24 24",
|
|
1010
1018
|
ref: ref
|
|
1011
|
-
}, props), _path$
|
|
1019
|
+
}, props), _path$y || (_path$y = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1012
1020
|
d: "M12 17a.968.968 0 0 0 .713-.288A.967.967 0 0 0 13 16a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 15a.967.967 0 0 0-.712.287A.968.968 0 0 0 11 16c0 .283.096.52.288.712A.965.965 0 0 0 12 17zm-1-4h2V7h-2v6zm1 9a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22z"
|
|
1013
1021
|
})));
|
|
1014
1022
|
};
|
|
1015
|
-
var ForwardRef$
|
|
1023
|
+
var ForwardRef$y = /*#__PURE__*/React.forwardRef(SvgNotificationErrorFill);
|
|
1016
1024
|
|
|
1017
|
-
var _path$
|
|
1018
|
-
function _extends$
|
|
1025
|
+
var _path$x;
|
|
1026
|
+
function _extends$x() { return _extends$x = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$x.apply(null, arguments); }
|
|
1019
1027
|
var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
|
|
1020
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1028
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
|
|
1021
1029
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1022
1030
|
width: 24,
|
|
1023
1031
|
height: 24,
|
|
1024
1032
|
viewBox: "0 0 24 24",
|
|
1025
1033
|
ref: ref
|
|
1026
|
-
}, props), _path$
|
|
1034
|
+
}, props), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1027
1035
|
d: "M11 17h2v-6h-2v6zm1-8a.968.968 0 0 0 .713-.288A.967.967 0 0 0 13 8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.967.967 0 0 0-.712.287A.968.968 0 0 0 11 8c0 .283.096.52.288.712A.965.965 0 0 0 12 9zm0 13a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22z"
|
|
1028
1036
|
})));
|
|
1029
1037
|
};
|
|
1030
|
-
var ForwardRef$
|
|
1031
|
-
|
|
1032
|
-
var css$
|
|
1033
|
-
|
|
1034
|
-
const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx__default.default('uui-alert', css$
|
|
1035
|
-
React__namespace.createElement("div", { className: css$
|
|
1036
|
-
|
|
1037
|
-
React__namespace.createElement(
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
|
|
1043
|
-
const
|
|
1044
|
-
const
|
|
1045
|
-
const
|
|
1038
|
+
var ForwardRef$x = /*#__PURE__*/React.forwardRef(SvgNotificationInfoFill);
|
|
1039
|
+
|
|
1040
|
+
var css$1m = {"uui-typography":"PqaoD5","uuiTypography":"PqaoD5","hero-header":"DFRVgZ","heroHeader":"DFRVgZ","promo-header":"mgXinB","promoHeader":"mgXinB","uui-critical":"BllGxR","uuiCritical":"BllGxR","uui-info":"E67UGS","uuiInfo":"E67UGS","uui-success":"vFjaoB","uuiSuccess":"vFjaoB","uui-warning":"FBC-yv","uuiWarning":"FBC-yv","uui-highlight":"_7nFLcv","uuiHighlight":"_7nFLcv","uui-typography-size-12":"C3XNEo","uuiTypographySize12":"C3XNEo","uui-typography-size-14":"aeC91A","uuiTypographySize14":"aeC91A","uui-typography-size-16":"bFXxis","uuiTypographySize16":"bFXxis","root":"okzeuZ","main-path":"SONtwS","mainPath":"SONtwS","content-wrapper":"hIcDrj","contentWrapper":"hIcDrj","content":"tKbVNs","action-wrapper":"_9w-dxZ","actionWrapper":"_9w-dxZ","icon-wrapper":"HhUFnr","iconWrapper":"HhUFnr","icon":"RQvXSQ","close-icon":"it98vz","closeIcon":"it98vz"};
|
|
1041
|
+
|
|
1042
|
+
const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1m.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.sizes.defaults.alert}`) }, props.rawProps),
|
|
1043
|
+
React__namespace.createElement("div", { className: css$1m.mainPath },
|
|
1044
|
+
React__namespace.createElement("div", { className: css$1m.contentWrapper },
|
|
1045
|
+
props.icon && (React__namespace.createElement("div", { className: css$1m.iconWrapper },
|
|
1046
|
+
React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon, cx: css$1m.icon }))),
|
|
1047
|
+
React__namespace.createElement("div", { className: css$1m.content },
|
|
1048
|
+
props.children,
|
|
1049
|
+
props.actions && (React__namespace.createElement("div", { className: css$1m.actionWrapper }, props.actions.map((action) => (React__namespace.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$1m.actionLink, size: settings.sizes.alert.action[props.size || settings.sizes.defaults.alert] }))))))),
|
|
1050
|
+
props.onClose && React__namespace.createElement(IconButton, { icon: ForwardRef$R, color: "neutral", onClick: props.onClose, cx: css$1m.closeIcon })))));
|
|
1051
|
+
const WarningAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$z, color: "warning", ref: ref }, props)));
|
|
1052
|
+
const SuccessAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$A, color: "success", ref: ref }, props)));
|
|
1053
|
+
const HintAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$x, color: "info", ref: ref }, props)));
|
|
1054
|
+
const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, Object.assign({ icon: ForwardRef$y, color: "error", ref: ref }, props)));
|
|
1046
1055
|
|
|
1047
1056
|
const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
|
|
1048
1057
|
|
|
1049
|
-
var css$
|
|
1058
|
+
var css$1l = {"root":"EL-Gur"};
|
|
1050
1059
|
|
|
1051
1060
|
function applyDropdownContainerMods(mods) {
|
|
1052
1061
|
return [
|
|
1053
|
-
css$
|
|
1062
|
+
css$1l.root,
|
|
1054
1063
|
mods.vPadding && `vPadding-${mods.vPadding}`,
|
|
1055
1064
|
mods.padding && `padding-${mods.padding}`,
|
|
1056
1065
|
];
|
|
1057
1066
|
}
|
|
1058
1067
|
const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
|
|
1059
1068
|
|
|
1060
|
-
var css$
|
|
1069
|
+
var css$1k = {"uui-typography":"tForgf","uuiTypography":"tForgf","hero-header":"ahTXrJ","heroHeader":"ahTXrJ","promo-header":"QR49-U","promoHeader":"QR49-U","uui-critical":"_9baVYH","uuiCritical":"_9baVYH","uui-info":"GqsbtO","uuiInfo":"GqsbtO","uui-success":"uBMfy1","uuiSuccess":"uBMfy1","uui-warning":"kaY7on","uuiWarning":"kaY7on","uui-highlight":"_0KAQHh","uuiHighlight":"_0KAQHh","uui-typography-size-12":"tnqi0-","uuiTypographySize12":"tnqi0-","uui-typography-size-14":"ZQxTfn","uuiTypographySize14":"ZQxTfn","uui-typography-size-16":"UOi0dK","uuiTypographySize16":"UOi0dK","submenu-root-item-rtl":"GbsI4x","submenuRootItemRtl":"GbsI4x","icon-after":"_2LeNI4","iconAfter":"_2LeNI4","submenu-root-item":"N3oV-C","submenuRootItem":"N3oV-C","icon-check":"oBb52i","iconCheck":"oBb52i","splitter-root":"_7GLM1G","splitterRoot":"_7GLM1G","splitter":"W2jfdF","header-root":"qHrmPe","headerRoot":"qHrmPe","item-root":"chwpSE","itemRoot":"chwpSE","icon":"_6pXzTN","link":"dKfjgQ","indent":"_2uTVBI","selected-mark":"Ot7d7U","selectedMark":"Ot7d7U"};
|
|
1061
1070
|
|
|
1062
1071
|
exports.IDropdownControlKeys = void 0;
|
|
1063
1072
|
(function (IDropdownControlKeys) {
|
|
@@ -1118,17 +1127,17 @@ const DropdownMenuButton = /* @__PURE__ */React__namespace.default.forwardRef((p
|
|
|
1118
1127
|
const getMenuButtonContent = () => {
|
|
1119
1128
|
const isIconBefore = Boolean(icon && iconPosition !== 'right');
|
|
1120
1129
|
const isIconAfter = Boolean(icon && iconPosition === 'right');
|
|
1121
|
-
const iconElement = (React__namespace.default.createElement(IconButton, { icon: icon, color: isActive ? 'primary' : 'neutral', onClick: onIconClick, isDisabled: isDisabled, cx: uuiCore.cx(css$
|
|
1130
|
+
const iconElement = (React__namespace.default.createElement(IconButton, { icon: icon, color: isActive ? 'primary' : 'neutral', onClick: onIconClick, isDisabled: isDisabled, cx: uuiCore.cx(css$1k.icon, iconPosition === 'right' ? css$1k.iconAfter : css$1k.iconBefore) }));
|
|
1122
1131
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
1123
1132
|
isIconBefore && iconElement,
|
|
1124
|
-
React__namespace.default.createElement(uuiComponents.Text, { cx: props.indent && css$
|
|
1133
|
+
React__namespace.default.createElement(uuiComponents.Text, { cx: props.indent && css$1k.indent }, caption),
|
|
1125
1134
|
isIconAfter && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
1126
1135
|
React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
1127
1136
|
iconElement))));
|
|
1128
1137
|
};
|
|
1129
1138
|
const isAnchor = Boolean(link || href);
|
|
1130
|
-
const itemClassNames = uuiCore.cx(props.cx, css$
|
|
1131
|
-
return isAnchor ? (React__namespace.default.createElement(uuiComponents.Anchor, { cx: uuiCore.cx(css$
|
|
1139
|
+
const itemClassNames = uuiCore.cx(props.cx, css$1k.itemRoot, isDisabled && uuiCore.uuiMod.disabled, isActive && uuiCore.uuiMod.active, isOpen && uuiCore.uuiMod.opened);
|
|
1140
|
+
return isAnchor ? (React__namespace.default.createElement(uuiComponents.Anchor, { cx: uuiCore.cx(css$1k.link, itemClassNames), link: link, href: href, rawProps: { role: 'menuitem', tabIndex: isDisabled ? -1 : 0 }, onClick: handleClick, isLinkActive: isActive, isDisabled: isDisabled, target: target }, getMenuButtonContent())) : (React__namespace.default.createElement(uuiComponents.FlexRow, { rawProps: {
|
|
1132
1141
|
tabIndex: isDisabled ? -1 : 0,
|
|
1133
1142
|
role: 'menuitem',
|
|
1134
1143
|
onKeyDown: isDisabled ? null : handleOpenDropdown,
|
|
@@ -1136,15 +1145,15 @@ const DropdownMenuButton = /* @__PURE__ */React__namespace.default.forwardRef((p
|
|
|
1136
1145
|
getMenuButtonContent(),
|
|
1137
1146
|
isSelected && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
1138
1147
|
React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
1139
|
-
React__namespace.default.createElement(uuiComponents.IconContainer, { icon: systemIcons.accept, cx: css$
|
|
1148
|
+
React__namespace.default.createElement(uuiComponents.IconContainer, { icon: systemIcons.accept, cx: css$1k.selectedMark })))));
|
|
1140
1149
|
});
|
|
1141
1150
|
function DropdownMenuSplitter(props) {
|
|
1142
|
-
return (React__namespace.default.createElement("div", { className: uuiCore.cx(props.cx, css$
|
|
1143
|
-
React__namespace.default.createElement("hr", { className: css$
|
|
1151
|
+
return (React__namespace.default.createElement("div", { className: uuiCore.cx(props.cx, css$1k.splitterRoot) },
|
|
1152
|
+
React__namespace.default.createElement("hr", { className: css$1k.splitter })));
|
|
1144
1153
|
}
|
|
1145
1154
|
function DropdownMenuHeader(props) {
|
|
1146
|
-
return (React__namespace.default.createElement("div", { className: uuiCore.cx('uui-dropdown-menu-header', props.cx, css$
|
|
1147
|
-
React__namespace.default.createElement("span", { className: css$
|
|
1155
|
+
return (React__namespace.default.createElement("div", { className: uuiCore.cx('uui-dropdown-menu-header', props.cx, css$1k.headerRoot) },
|
|
1156
|
+
React__namespace.default.createElement("span", { className: css$1k.header }, props.caption)));
|
|
1148
1157
|
}
|
|
1149
1158
|
function DropdownSubMenu(props) {
|
|
1150
1159
|
const subMenuModifiers = [
|
|
@@ -1166,7 +1175,7 @@ function DropdownSubMenu(props) {
|
|
|
1166
1175
|
const isRtl = (window === null || window === void 0 ? void 0 : window.document.dir) === 'rtl';
|
|
1167
1176
|
return (React__namespace.default.createElement(uuiComponents.Dropdown, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: isRtl ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => !props.isDisabled && (React__namespace.default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: exports.IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps))), renderTarget: (_a) => {
|
|
1168
1177
|
var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
|
|
1169
|
-
return (React__namespace.default.createElement(DropdownMenuButton, Object.assign({ cx: uuiCore.cx(isRtl ? css$
|
|
1178
|
+
return (React__namespace.default.createElement(DropdownMenuButton, Object.assign({ cx: uuiCore.cx(isRtl ? css$1k.submenuRootItemRtl : css$1k.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
|
|
1170
1179
|
} }));
|
|
1171
1180
|
}
|
|
1172
1181
|
function DropdownMenuSwitchButton(props) {
|
|
@@ -1183,29 +1192,29 @@ function DropdownMenuSwitchButton(props) {
|
|
|
1183
1192
|
onHandleValueChange(!isSelected);
|
|
1184
1193
|
}
|
|
1185
1194
|
};
|
|
1186
|
-
return (React__namespace.default.createElement(uuiComponents.FlexRow, { cx: uuiCore.cx(props.cx, css$
|
|
1187
|
-
icon && React__namespace.default.createElement(uuiComponents.IconContainer, { icon: icon, cx: css$
|
|
1195
|
+
return (React__namespace.default.createElement(uuiComponents.FlexRow, { cx: uuiCore.cx(props.cx, css$1k.itemRoot, isDisabled && uuiCore.uuiMod.disabled), onClick: () => onHandleValueChange(!isSelected), rawProps: { role: 'menuitem', onKeyDown: handleKeySelect, tabIndex: isDisabled ? -1 : 0 } },
|
|
1196
|
+
icon && React__namespace.default.createElement(uuiComponents.IconContainer, { icon: icon, cx: css$1k.iconBefore }),
|
|
1188
1197
|
React__namespace.default.createElement(uuiComponents.Text, null, caption),
|
|
1189
1198
|
React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
1190
1199
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
1191
1200
|
}
|
|
1192
1201
|
|
|
1193
|
-
var css$
|
|
1202
|
+
var css$1j = {"uui-typography":"PLU4-E","uuiTypography":"PLU4-E","hero-header":"ifpP47","heroHeader":"ifpP47","promo-header":"_6wEJLr","promoHeader":"_6wEJLr","uui-critical":"glez-i","uuiCritical":"glez-i","uui-info":"R6dJNT","uuiInfo":"R6dJNT","uui-success":"DBF1uj","uuiSuccess":"DBF1uj","uui-warning":"t2sdIf","uuiWarning":"t2sdIf","uui-highlight":"dbOfXp","uuiHighlight":"dbOfXp","uui-typography-size-12":"fuvIn2","uuiTypographySize12":"fuvIn2","uui-typography-size-14":"sXvsC2","uuiTypographySize14":"sXvsC2","uui-typography-size-16":"NwYweU","uuiTypographySize16":"NwYweU","root":"yO4n7C","mode-block":"dZihJj","modeBlock":"dZihJj","mode-inline":"O4quU6","modeInline":"O4quU6","padding-0":"O6g4jR","padding0":"O6g4jR","padding-6":"KPC0sT","padding6":"KPC0sT","padding-12":"f-ng5D","padding12":"f-ng5D","padding-18":"BJGznu","padding18":"BJGznu"};
|
|
1194
1203
|
|
|
1195
1204
|
function applyAccordionMods(mods) {
|
|
1196
1205
|
return [
|
|
1197
|
-
css$
|
|
1198
|
-
css$
|
|
1199
|
-
mods.padding && css$
|
|
1206
|
+
css$1j.root,
|
|
1207
|
+
css$1j[`mode-${mods.mode || 'block'}`],
|
|
1208
|
+
mods.padding && css$1j['padding-' + mods.padding],
|
|
1200
1209
|
];
|
|
1201
1210
|
}
|
|
1202
1211
|
const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accordion, applyAccordionMods, (mods) => ({
|
|
1203
1212
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
|
|
1204
1213
|
}));
|
|
1205
1214
|
|
|
1206
|
-
var css$
|
|
1215
|
+
var css$1i = {"uui-typography":"i6xK7M","uuiTypography":"i6xK7M","hero-header":"wdItIn","heroHeader":"wdItIn","promo-header":"j9ZJhK","promoHeader":"j9ZJhK","uui-critical":"qf-c5g","uuiCritical":"qf-c5g","uui-info":"pCIEae","uuiInfo":"pCIEae","uui-success":"NnIqeK","uuiSuccess":"NnIqeK","uui-warning":"_268msu","uuiWarning":"_268msu","uui-highlight":"Vqryez","uuiHighlight":"Vqryez","uui-typography-size-12":"u5yeZU","uuiTypographySize12":"u5yeZU","uui-typography-size-14":"bxeTgs","uuiTypographySize14":"bxeTgs","uui-typography-size-16":"H-PlAV","uuiTypographySize16":"H-PlAV","root":"eIDA6n","border-top":"ciDgHQ","borderTop":"ciDgHQ","border-bottom":"jWh1EI","borderBottom":"jWh1EI","top-shadow":"p3K2XG","topShadow":"p3K2XG","padding-6":"OPDJfD","padding6":"OPDJfD","padding-12":"A8Thk8","padding12":"A8Thk8","padding-18":"U-wwWD","padding18":"U-wwWD","padding-24":"EfnV6b","padding24":"EfnV6b","margin-24":"sgLzpb","margin24":"sgLzpb","margin-12":"els8y2","margin12":"els8y2","vPadding-12":"_1HXgBH","vPadding12":"_1HXgBH","vPadding-18":"ojERDU","vPadding18":"ojERDU","vPadding-24":"Y9Lilo","vPadding24":"Y9Lilo","vPadding-36":"Zu0MVq","vPadding36":"Zu0MVq","vPadding-48":"-tPZwT","vPadding48":"-tPZwT","spacing-6":"-eKd8p","spacing6":"-eKd8p","spacing-12":"O2HN-t","spacing12":"O2HN-t","spacing-18":"c286rj","spacing18":"c286rj","uui-surface-main":"W0Hekf","uuiSurfaceMain":"W0Hekf"};
|
|
1207
1216
|
|
|
1208
|
-
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$
|
|
1217
|
+
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1i.flexCell]);
|
|
1209
1218
|
|
|
1210
1219
|
const FlexRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexRow, (props) => {
|
|
1211
1220
|
if (process.env.NODE_ENV !== "production") {
|
|
@@ -1214,54 +1223,54 @@ const FlexRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexRow, (props) =
|
|
|
1214
1223
|
}
|
|
1215
1224
|
}
|
|
1216
1225
|
return [
|
|
1217
|
-
css$
|
|
1226
|
+
css$1i.root,
|
|
1218
1227
|
props.size !== null && 'uui-size-' + (props.size || '36'),
|
|
1219
|
-
props.padding && css$
|
|
1220
|
-
props.vPadding && css$
|
|
1221
|
-
props.margin && css$
|
|
1222
|
-
props.topShadow && css$
|
|
1223
|
-
props.borderBottom && css$
|
|
1224
|
-
props.borderTop && css$
|
|
1225
|
-
props.spacing && css$
|
|
1226
|
-
props.background && css$
|
|
1228
|
+
props.padding && css$1i['padding-' + props.padding],
|
|
1229
|
+
props.vPadding && css$1i['vPadding-' + props.vPadding],
|
|
1230
|
+
props.margin && css$1i['margin-' + props.margin],
|
|
1231
|
+
props.topShadow && css$1i.topShadow,
|
|
1232
|
+
props.borderBottom && css$1i.borderBottom,
|
|
1233
|
+
props.borderTop && css$1i.borderTop,
|
|
1234
|
+
props.spacing && css$1i['spacing-' + props.spacing],
|
|
1235
|
+
props.background && css$1i[`uui-${props.background}`],
|
|
1227
1236
|
];
|
|
1228
1237
|
});
|
|
1229
1238
|
|
|
1230
|
-
var css$
|
|
1239
|
+
var css$1h = {"root":"CRqbyG","margin-24":"nB3-Kd","margin24":"nB3-Kd","padding-12":"lTNKpE","padding12":"lTNKpE","padding-24":"ymG--Q","padding24":"ymG--Q","shadow":"i2xMMw","uui-surface-main":"_0yRNW7","uuiSurfaceMain":"_0yRNW7"};
|
|
1231
1240
|
|
|
1232
1241
|
const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
1233
1242
|
'uui-panel',
|
|
1234
|
-
css$
|
|
1235
|
-
props.shadow && css$
|
|
1236
|
-
props.margin && css$
|
|
1237
|
-
props.background && css$
|
|
1243
|
+
css$1h.root,
|
|
1244
|
+
props.shadow && css$1h.shadow,
|
|
1245
|
+
props.margin && css$1h['margin-' + props.margin],
|
|
1246
|
+
props.background && css$1h[`uui-${props.background}`],
|
|
1238
1247
|
]);
|
|
1239
1248
|
|
|
1240
|
-
var css$
|
|
1249
|
+
var css$1g = {"root":"hGx0XO"};
|
|
1241
1250
|
|
|
1242
1251
|
function applyTooltipMods(mods) {
|
|
1243
1252
|
return [
|
|
1244
|
-
css$
|
|
1253
|
+
css$1g.root,
|
|
1245
1254
|
`uui-color-${mods.color || 'inverted'}`,
|
|
1246
1255
|
];
|
|
1247
1256
|
}
|
|
1248
1257
|
const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
|
|
1249
1258
|
|
|
1250
|
-
var css$
|
|
1259
|
+
var css$1f = {"uui-typography":"ajVxEf","uuiTypography":"ajVxEf","hero-header":"_2WuukQ","heroHeader":"_2WuukQ","promo-header":"R-wtf0","promoHeader":"R-wtf0","uui-critical":"JqLC6c","uuiCritical":"JqLC6c","uui-info":"EUL-a-","uuiInfo":"EUL-a-","uui-success":"VTc1wb","uuiSuccess":"VTc1wb","uui-warning":"Sn5b94","uuiWarning":"Sn5b94","uui-highlight":"I1JuGM","uuiHighlight":"I1JuGM","uui-typography-size-12":"_15hyF-","uuiTypographySize12":"_15hyF-","uui-typography-size-14":"Qvd2Jq","uuiTypographySize14":"Qvd2Jq","uui-typography-size-16":"bIOS7c","uuiTypographySize16":"bIOS7c","root":"zowzQl"};
|
|
1251
1260
|
|
|
1252
1261
|
function applyLabeledInputMods(mods) {
|
|
1253
1262
|
return [
|
|
1254
1263
|
'uui-labeled-input',
|
|
1255
|
-
css$
|
|
1264
|
+
css$1f.root,
|
|
1256
1265
|
'uui-size-' + (mods.size || settings.sizes.defaults.labeledInput),
|
|
1257
1266
|
];
|
|
1258
1267
|
}
|
|
1259
1268
|
const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, (props) => ({
|
|
1260
1269
|
Tooltip: props.Tooltip || Tooltip,
|
|
1261
|
-
infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$
|
|
1270
|
+
infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$x : ForwardRef$M),
|
|
1262
1271
|
}));
|
|
1263
1272
|
|
|
1264
|
-
var css$
|
|
1273
|
+
var css$1e = {"root":"_06KKh9"};
|
|
1265
1274
|
|
|
1266
1275
|
function RadioGroup(props) {
|
|
1267
1276
|
const direction = props.direction || 'vertical';
|
|
@@ -1270,34 +1279,34 @@ function RadioGroup(props) {
|
|
|
1270
1279
|
props.onValueChange(newVal);
|
|
1271
1280
|
}
|
|
1272
1281
|
};
|
|
1273
|
-
return (React__namespace.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: uuiCore.cx(css$
|
|
1282
|
+
return (React__namespace.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: uuiCore.cx(css$1e.root, uuiCore.directionMode[direction], props.cx), onFocus: props.onFocus, onBlur: props.onBlur }, props.rawProps), props.items.map((i) => {
|
|
1274
1283
|
const restItemProps = __rest(i, ["id", "name", "renderName"]);
|
|
1275
1284
|
return (React__namespace.createElement(RadioInput, Object.assign({ name: props.name, renderLabel: i.renderName ? i.renderName : () => i.name, value: props.value === i.id, onValueChange: () => handleChange(i.id), isDisabled: props.isDisabled || i.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, isRequired: props.isRequired, key: i.id.toString(), size: props.size || i.size }, restItemProps)));
|
|
1276
1285
|
})));
|
|
1277
1286
|
}
|
|
1278
1287
|
|
|
1279
|
-
var css$
|
|
1288
|
+
var css$1d = {"root":"P7A5BI"};
|
|
1280
1289
|
|
|
1281
1290
|
function applyScrollBarsMods() {
|
|
1282
1291
|
return [
|
|
1283
|
-
css$
|
|
1292
|
+
css$1d.root, 'uui-scroll-bars', 'uui-shadow-top', 'uui-shadow-bottom',
|
|
1284
1293
|
];
|
|
1285
1294
|
}
|
|
1286
1295
|
const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
|
|
1287
1296
|
|
|
1288
|
-
var css$
|
|
1297
|
+
var css$1c = {"scroll-container":"_6CE4b9","scrollContainer":"_6CE4b9","list-container":"KpAAnb","listContainer":"KpAAnb"};
|
|
1289
1298
|
|
|
1290
|
-
var css$
|
|
1299
|
+
var css$1b = {"root":"mYs8JU"};
|
|
1291
1300
|
|
|
1292
|
-
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$
|
|
1301
|
+
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$1b.root]);
|
|
1293
1302
|
|
|
1294
|
-
var css$
|
|
1303
|
+
var css$1a = {"uui-typography":"obptu2","uuiTypography":"obptu2","hero-header":"ZFPmGs","heroHeader":"ZFPmGs","promo-header":"cWyTE0","promoHeader":"cWyTE0","uui-critical":"q1lAJe","uuiCritical":"q1lAJe","uui-info":"tUnPFO","uuiInfo":"tUnPFO","uui-success":"_8kM-MO","uuiSuccess":"_8kM-MO","uui-warning":"Fk7L1G","uuiWarning":"Fk7L1G","uui-highlight":"e-R45N","uuiHighlight":"e-R45N","uui-typography-size-12":"XThKzz","uuiTypographySize12":"XThKzz","uui-typography-size-14":"nulr01","uuiTypographySize14":"nulr01","uui-typography-size-16":"jevBwv","uuiTypographySize16":"jevBwv","root":"n5sQKD"};
|
|
1295
1304
|
|
|
1296
1305
|
const DEFAULT_FILL = 'solid';
|
|
1297
1306
|
function applyBadgeMods(mods) {
|
|
1298
1307
|
return [
|
|
1299
1308
|
'uui-badge',
|
|
1300
|
-
css$
|
|
1309
|
+
css$1a.root,
|
|
1301
1310
|
`uui-size-${mods.size || settings.sizes.defaults.badge}`,
|
|
1302
1311
|
`uui-fill-${mods.fill || DEFAULT_FILL}`,
|
|
1303
1312
|
`uui-color-${mods.color || 'info'}`,
|
|
@@ -1315,11 +1324,11 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
|
|
|
1315
1324
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1316
1325
|
});
|
|
1317
1326
|
|
|
1318
|
-
var css$
|
|
1327
|
+
var css$19 = {"uui-typography":"D1bcLf","uuiTypography":"D1bcLf","hero-header":"zRwH7F","heroHeader":"zRwH7F","promo-header":"-RBK8Y","promoHeader":"-RBK8Y","uui-critical":"ZHOQFX","uuiCritical":"ZHOQFX","uui-info":"t4GC6P","uuiInfo":"t4GC6P","uui-success":"WbZEuW","uuiSuccess":"WbZEuW","uui-warning":"cHCPrL","uuiWarning":"cHCPrL","uui-highlight":"KTZpH7","uuiHighlight":"KTZpH7","uui-typography-size-12":"TA1okT","uuiTypographySize12":"TA1okT","uui-typography-size-14":"saCWD0","uuiTypographySize14":"saCWD0","uui-typography-size-16":"uU-enQ","uuiTypographySize16":"uU-enQ","root":"xr8P1o"};
|
|
1319
1328
|
|
|
1320
1329
|
function applyTagMods(props) {
|
|
1321
1330
|
return [
|
|
1322
|
-
css$
|
|
1331
|
+
css$19.root,
|
|
1323
1332
|
`uui-size-${props.size || settings.sizes.defaults.tag}`,
|
|
1324
1333
|
`uui-color-${props.color || 'neutral'}`,
|
|
1325
1334
|
`uui-fill-${props.fill || 'solid'}`,
|
|
@@ -1339,94 +1348,94 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
1339
1348
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1340
1349
|
});
|
|
1341
1350
|
|
|
1342
|
-
var css$
|
|
1351
|
+
var css$18 = {"root":"TLGpeM","uui-spinner":"_0sqre6","uuiSpinner":"_0sqre6"};
|
|
1343
1352
|
|
|
1344
1353
|
function applySpinnerMods() {
|
|
1345
|
-
return [css$
|
|
1354
|
+
return [css$18.root, 'uui-spinner'];
|
|
1346
1355
|
}
|
|
1347
1356
|
const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
|
|
1348
1357
|
|
|
1349
|
-
var _path$
|
|
1350
|
-
function _extends$
|
|
1358
|
+
var _path$w;
|
|
1359
|
+
function _extends$w() { return _extends$w = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$w.apply(null, arguments); }
|
|
1351
1360
|
var SvgNavigationChevronLeftOutline = function SvgNavigationChevronLeftOutline(props, ref) {
|
|
1352
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1361
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
|
|
1353
1362
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1354
1363
|
width: 24,
|
|
1355
1364
|
height: 24,
|
|
1356
1365
|
viewBox: "0 0 24 24",
|
|
1357
1366
|
ref: ref
|
|
1358
|
-
}, props), _path$
|
|
1367
|
+
}, props), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1359
1368
|
d: "M15.914 5.414 14.5 4l-8 8 8 8 1.414-1.414L9.328 12l6.586-6.586z"
|
|
1360
1369
|
})));
|
|
1361
1370
|
};
|
|
1362
|
-
var ForwardRef$
|
|
1371
|
+
var ForwardRef$w = /*#__PURE__*/React.forwardRef(SvgNavigationChevronLeftOutline);
|
|
1363
1372
|
|
|
1364
|
-
var _path$
|
|
1365
|
-
function _extends$
|
|
1373
|
+
var _path$v;
|
|
1374
|
+
function _extends$v() { return _extends$v = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$v.apply(null, arguments); }
|
|
1366
1375
|
var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline(props, ref) {
|
|
1367
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1376
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
|
|
1368
1377
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1369
1378
|
width: 24,
|
|
1370
1379
|
height: 24,
|
|
1371
1380
|
viewBox: "0 0 24 24",
|
|
1372
1381
|
ref: ref
|
|
1373
|
-
}, props), _path$
|
|
1382
|
+
}, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1374
1383
|
d: "M8.086 18.586 9.5 20l8-8-8-8-1.414 1.414L14.672 12l-6.586 6.586z"
|
|
1375
1384
|
})));
|
|
1376
1385
|
};
|
|
1377
|
-
var ForwardRef$
|
|
1386
|
+
var ForwardRef$v = /*#__PURE__*/React.forwardRef(SvgNavigationChevronRightOutline);
|
|
1378
1387
|
|
|
1379
|
-
var css$
|
|
1388
|
+
var css$17 = {"root":"osQYsV","page":"R-u0Q5","spacer":"mSvIuJ","mode-ghost":"Vw3AsL","modeGhost":"Vw3AsL"};
|
|
1380
1389
|
|
|
1381
1390
|
function Paginator(props) {
|
|
1382
|
-
const renderPaginator = (params) => (React__namespace.default.createElement("nav", Object.assign({ role: "navigation", className: cx__default.default(css$
|
|
1383
|
-
React__namespace.default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$
|
|
1391
|
+
const renderPaginator = (params) => (React__namespace.default.createElement("nav", Object.assign({ role: "navigation", className: cx__default.default(css$17.root, 'uui-paginator', `uui-size-${props.size || settings.sizes.defaults.paginator}`) }, params.rawProps),
|
|
1392
|
+
React__namespace.default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$w, onClick: params.goToPrev, isDisabled: params.isFirst || props.isDisabled, fill: "outline", color: "secondary" }),
|
|
1384
1393
|
params.pages.map((page, index) => {
|
|
1385
1394
|
if (page.type === 'spacer') {
|
|
1386
|
-
return (React__namespace.default.createElement(Button, { cx: cx__default.default(css$
|
|
1395
|
+
return (React__namespace.default.createElement(Button, { cx: cx__default.default(css$17.spacer, css$17.page), size: props.size || settings.sizes.defaults.paginator, key: `${index}_spacer`, caption: "...", fill: "ghost", color: "secondary", tabIndex: -1, isDisabled: props.isDisabled }));
|
|
1387
1396
|
}
|
|
1388
1397
|
else {
|
|
1389
|
-
return (React__namespace.default.createElement(Button, { cx: cx__default.default(css$
|
|
1398
|
+
return (React__namespace.default.createElement(Button, { cx: cx__default.default(css$17[`mode-${!page.isActive && 'ghost'}`], css$17.page), size: props.size || settings.sizes.defaults.paginator, key: page.pageNumber, caption: page.pageNumber, onClick: () => { var _a; return (_a = page.onClick) === null || _a === void 0 ? void 0 : _a.call(page); }, rawProps: { 'aria-current': page.isActive }, fill: (page.isActive && 'outline') || 'ghost', color: "primary", isDisabled: props.isDisabled }));
|
|
1390
1399
|
}
|
|
1391
1400
|
}),
|
|
1392
|
-
React__namespace.default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$
|
|
1401
|
+
React__namespace.default.createElement(Button, { size: props.size || settings.sizes.defaults.paginator, icon: ForwardRef$v, onClick: params.goToNext, isDisabled: params.isLast || props.isDisabled, fill: "outline", color: "secondary" })));
|
|
1393
1402
|
return React__namespace.default.createElement(uuiComponents.Paginator, Object.assign({}, props, { render: renderPaginator }));
|
|
1394
1403
|
}
|
|
1395
1404
|
|
|
1396
|
-
var css$
|
|
1405
|
+
var css$16 = {"root":"AoahmD","progress-bar":"XSpG4Q","progressBar":"XSpG4Q","progressBar-indeterminate":"eOBJpW","progressBarIndeterminate":"eOBJpW","size-12":"-jGTpr","size12":"-jGTpr","size-18":"IIkMw8","size18":"IIkMw8","size-24":"_5-m3JV","size24":"_5-m3JV"};
|
|
1397
1406
|
|
|
1398
1407
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1399
|
-
return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$
|
|
1400
|
-
React__namespace.createElement("div", { className: cx__default.default(css$
|
|
1408
|
+
return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$16.root, css$16[`size-${props.size || 12}`]) },
|
|
1409
|
+
React__namespace.createElement("div", { className: cx__default.default(css$16.progressBar) })));
|
|
1401
1410
|
});
|
|
1402
1411
|
|
|
1403
|
-
var css$
|
|
1412
|
+
var css$15 = {"root":"J8RXA6","striped":"Hj0QrT","animate-stripes":"CE2Mq4","animateStripes":"CE2Mq4","size-12":"Vgk3M3","size12":"Vgk3M3","size-18":"HPpV2Z","size18":"HPpV2Z","size-24":"V-MJV4","size24":"V-MJV4"};
|
|
1404
1413
|
|
|
1405
1414
|
const DEFAULT_SIZE = '12';
|
|
1406
1415
|
function applyProgressBarMods(mods) {
|
|
1407
1416
|
const size = mods.size || DEFAULT_SIZE;
|
|
1408
1417
|
return [
|
|
1409
|
-
css$
|
|
1410
|
-
css$
|
|
1411
|
-
mods.striped && css$
|
|
1418
|
+
css$15.root,
|
|
1419
|
+
css$15[`size-${size}`],
|
|
1420
|
+
mods.striped && css$15.striped,
|
|
1412
1421
|
];
|
|
1413
1422
|
}
|
|
1414
1423
|
const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.ProgressBar, applyProgressBarMods, (props) => ({
|
|
1415
1424
|
hideLabel: props.hideLabel || props.striped,
|
|
1416
1425
|
}));
|
|
1417
1426
|
|
|
1418
|
-
var css$
|
|
1427
|
+
var css$14 = {"root":"X-B-bF"};
|
|
1419
1428
|
|
|
1420
1429
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1421
1430
|
const { progress } = props;
|
|
1422
|
-
return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$
|
|
1431
|
+
return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$14.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$14.root, props.cx) }));
|
|
1423
1432
|
});
|
|
1424
1433
|
|
|
1425
|
-
var css$
|
|
1434
|
+
var css$13 = {"root":"xs7YlJ"};
|
|
1426
1435
|
|
|
1427
1436
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1428
1437
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
1429
|
-
css$
|
|
1438
|
+
css$13.root,
|
|
1430
1439
|
`uui-size-${props.size || settings.sizes.defaults.statusIndicator}`,
|
|
1431
1440
|
'uui-status_indicator',
|
|
1432
1441
|
`uui-color-${props.color || 'neutral'}`,
|
|
@@ -1437,7 +1446,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1437
1446
|
React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
1438
1447
|
});
|
|
1439
1448
|
|
|
1440
|
-
var css$
|
|
1449
|
+
var css$12 = {"drag-handle":"_76NMMz","dragHandle":"_76NMMz","icon-container":"j536Cz","iconContainer":"j536Cz"};
|
|
1441
1450
|
|
|
1442
1451
|
function DataRowAddons(props) {
|
|
1443
1452
|
var _a, _b;
|
|
@@ -1449,19 +1458,19 @@ function DataRowAddons(props) {
|
|
|
1449
1458
|
return settings.sizes.rowAddons.indentWidth[props.size] || settings.sizes.rowAddons.defaults.indentWidth;
|
|
1450
1459
|
};
|
|
1451
1460
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
1452
|
-
((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__namespace.default.createElement(uuiComponents.DragHandle, { key: "dh", cx: css$
|
|
1461
|
+
((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__namespace.default.createElement(uuiComponents.DragHandle, { key: "dh", cx: css$12.dragHandle, rawProps: Object.assign({}, props.eventHandlers) }),
|
|
1453
1462
|
((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__namespace.default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.sizes.rowAddons.checkbox[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => { var _a; return (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row); }, isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
|
|
1454
1463
|
row.indent > 0 && (React__namespace.default.createElement("div", { key: "fold", className: cx__default.default('uui-dr_addons-indent', `uui-size-${props.size}`), style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__namespace.default.createElement(uuiComponents.IconContainer, { rawProps: {
|
|
1455
1464
|
'aria-label': row.isFolded ? 'Unfold' : 'Fold',
|
|
1456
1465
|
role: 'button',
|
|
1457
|
-
}, key: "icon", icon: ForwardRef$
|
|
1458
|
-
uuiCore.uuiElement.foldingArrow, uuiCore.uuiMarkers.clickable, css$
|
|
1466
|
+
}, key: "icon", icon: ForwardRef$Q, cx: [
|
|
1467
|
+
uuiCore.uuiElement.foldingArrow, uuiCore.uuiMarkers.clickable, css$12.iconContainer,
|
|
1459
1468
|
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.sizes.rowAddons.icon[props.size] || settings.sizes.rowAddons.defaults.icon }))))));
|
|
1460
1469
|
}
|
|
1461
1470
|
|
|
1462
|
-
var css$
|
|
1471
|
+
var css$11 = {"root":"SQUzil"};
|
|
1463
1472
|
|
|
1464
|
-
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$
|
|
1473
|
+
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$11.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
|
|
1465
1474
|
|
|
1466
1475
|
const VirtualList = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1467
1476
|
const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = uuiCore.useVirtualList({
|
|
@@ -1477,7 +1486,7 @@ const VirtualList = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
1477
1486
|
var _a;
|
|
1478
1487
|
return ((_a = props.renderRows) === null || _a === void 0 ? void 0 : _a.call(props, {
|
|
1479
1488
|
listContainerRef, estimatedHeight, offsetY, scrollShadows,
|
|
1480
|
-
})) || (React__namespace.createElement("div", { className: css$
|
|
1489
|
+
})) || (React__namespace.createElement("div", { className: css$1c.listContainer, style: { minHeight: `${estimatedHeight}px` } },
|
|
1481
1490
|
React__namespace.createElement("div", { ref: listContainerRef, role: props.role, style: { marginTop: offsetY } }, props.rows)));
|
|
1482
1491
|
};
|
|
1483
1492
|
const renderView = ({ style }) => (React__namespace.createElement(VirtualListView, { isLoading: props.isLoading, style: style, rawProps: props.rawProps }));
|
|
@@ -1487,7 +1496,7 @@ const VirtualList = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
1487
1496
|
return;
|
|
1488
1497
|
scrollContainerRef.current = scrollbars.container.firstChild;
|
|
1489
1498
|
}, []);
|
|
1490
|
-
return (React__namespace.createElement(ScrollBars, { cx: uuiCore.cx(css$
|
|
1499
|
+
return (React__namespace.createElement(ScrollBars, { cx: uuiCore.cx(css$1c.scrollContainer, props.cx, {
|
|
1491
1500
|
[uuiCore.uuiMarkers.scrolledLeft]: scrollShadows.horizontalLeft,
|
|
1492
1501
|
[uuiCore.uuiMarkers.scrolledRight]: scrollShadows.horizontalRight,
|
|
1493
1502
|
[uuiCore.uuiMarkers.scrolledTop]: scrollShadows.verticalTop,
|
|
@@ -1500,7 +1509,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
1500
1509
|
React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
1501
1510
|
});
|
|
1502
1511
|
|
|
1503
|
-
var css
|
|
1512
|
+
var css$10 = {"root":"iHw-h-"};
|
|
1504
1513
|
|
|
1505
1514
|
function CheckboxGroup(props) {
|
|
1506
1515
|
const currentValue = props.value || [];
|
|
@@ -1516,16 +1525,16 @@ function CheckboxGroup(props) {
|
|
|
1516
1525
|
}
|
|
1517
1526
|
props.onValueChange(newSelection);
|
|
1518
1527
|
};
|
|
1519
|
-
return (React__namespace.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: uuiCore.cx(css
|
|
1528
|
+
return (React__namespace.createElement("fieldset", Object.assign({ ref: props.forwardedRef, className: uuiCore.cx(css$10.root, uuiCore.directionMode[direction], props.cx) }, props.rawProps), props.items.map((i) => {
|
|
1520
1529
|
const restItemProps = __rest(i, ["id", "name", "renderName"]);
|
|
1521
1530
|
return (React__namespace.createElement(Checkbox, Object.assign({ renderLabel: i.renderName ? i.renderName : () => i.name, value: currentValue.indexOf(i.id) !== -1, onValueChange: (selected) => handleChange(selected, i.id), isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, isRequired: props.isRequired, key: i.id.toString(), size: props.size || i.size }, restItemProps)));
|
|
1522
1531
|
})));
|
|
1523
1532
|
}
|
|
1524
1533
|
|
|
1525
|
-
var css
|
|
1534
|
+
var css$$ = {"uui-typography":"d-EMCo","uuiTypography":"d-EMCo","hero-header":"E6kuus","heroHeader":"E6kuus","promo-header":"EMOInY","promoHeader":"EMOInY","uui-critical":"oszFfG","uuiCritical":"oszFfG","uui-info":"dkYqHD","uuiInfo":"dkYqHD","uui-success":"VtAT-R","uuiSuccess":"VtAT-R","uui-warning":"p7n702","uuiWarning":"p7n702","uui-highlight":"_4qfoTf","uuiHighlight":"_4qfoTf","uui-typography-size-12":"_1rYmX7","uuiTypographySize12":"_1rYmX7","uui-typography-size-14":"c-N2su","uuiTypographySize14":"c-N2su","uui-typography-size-16":"V9C8NQ","uuiTypographySize16":"V9C8NQ","root":"_7fjSjH","modal-blocker":"tUA4nY","modalBlocker":"tUA4nY","animateModalBlocker":"_5jCSqC","modal":"noNQ7p","modal-footer":"SH5mWX","modalFooter":"SH5mWX","modal-header":"BkL-FB","modalHeader":"BkL-FB"};
|
|
1526
1535
|
|
|
1527
|
-
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css
|
|
1528
|
-
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css
|
|
1536
|
+
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$$.modalBlocker]);
|
|
1537
|
+
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$$.root, css$$.modal], (props) => {
|
|
1529
1538
|
const width = props.width || settings.sizes.modal.window.defaults.width;
|
|
1530
1539
|
const height = props.height || 'auto';
|
|
1531
1540
|
const maxHeight = uuiCore.isMobile() ? '100dvh' : (props.maxHeight || '80dvh');
|
|
@@ -1537,19 +1546,19 @@ const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, (
|
|
|
1537
1546
|
});
|
|
1538
1547
|
class ModalHeader extends React__namespace.default.Component {
|
|
1539
1548
|
render() {
|
|
1540
|
-
return (React__namespace.default.createElement(FlexRow, { padding: this.props.padding || '24', size: null, vPadding: "36", borderBottom: this.props.borderBottom, cx: [css
|
|
1549
|
+
return (React__namespace.default.createElement(FlexRow, { padding: this.props.padding || '24', size: null, vPadding: "36", borderBottom: this.props.borderBottom, cx: [css$$.root, css$$.modalHeader, this.props.cx], columnGap: "12", rawProps: this.props.rawProps },
|
|
1541
1550
|
this.props.title && (React__namespace.default.createElement("div", { className: cx__default.default('uui-modal-title', 'uui-typography') }, this.props.title)),
|
|
1542
1551
|
this.props.children,
|
|
1543
1552
|
this.props.onClose && React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
1544
1553
|
this.props.onClose && (React__namespace.default.createElement(FlexCell, { shrink: 0, width: "auto" },
|
|
1545
|
-
React__namespace.default.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$
|
|
1554
|
+
React__namespace.default.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$R, onClick: this.props.onClose })))));
|
|
1546
1555
|
}
|
|
1547
1556
|
}
|
|
1548
1557
|
class ModalFooter extends React__namespace.default.Component {
|
|
1549
1558
|
render() {
|
|
1550
1559
|
return (React__namespace.default.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
|
|
1551
|
-
css
|
|
1552
|
-
css
|
|
1560
|
+
css$$.root,
|
|
1561
|
+
css$$.modalFooter,
|
|
1553
1562
|
this.props.cx,
|
|
1554
1563
|
], borderTop: this.props.borderTop, padding: this.props.padding || '24', vPadding: this.props.vPadding || '24', rawProps: this.props.rawProps }, this.props.children));
|
|
1555
1564
|
}
|
|
@@ -1693,25 +1702,26 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, uuiCore.i18n)
|
|
|
1693
1702
|
subtitle: 'We are trying to recover. Please wait.',
|
|
1694
1703
|
},
|
|
1695
1704
|
},
|
|
1705
|
+
supportMessage: undefined,
|
|
1696
1706
|
} }));
|
|
1697
1707
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
1698
1708
|
|
|
1699
|
-
var _path$
|
|
1700
|
-
function _extends$
|
|
1709
|
+
var _path$u;
|
|
1710
|
+
function _extends$u() { return _extends$u = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$u.apply(null, arguments); }
|
|
1701
1711
|
var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
|
|
1702
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1712
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
|
|
1703
1713
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1704
1714
|
width: 24,
|
|
1705
1715
|
height: 24,
|
|
1706
1716
|
viewBox: "0 0 24 24",
|
|
1707
1717
|
ref: ref
|
|
1708
|
-
}, props), _path$
|
|
1718
|
+
}, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1709
1719
|
d: "M11.95 18c.35 0 .646-.121.888-.363.241-.241.362-.537.362-.887s-.12-.646-.362-.887a1.208 1.208 0 0 0-.888-.363c-.35 0-.646.121-.888.363a1.206 1.206 0 0 0-.362.887c0 .35.12.646.362.887.242.242.538.363.888.363zm-.9-3.85h1.85c0-.55.063-.983.188-1.3.125-.317.479-.75 1.062-1.3a7.483 7.483 0 0 0 1.025-1.238c.25-.391.375-.862.375-1.412 0-.933-.342-1.65-1.025-2.15-.683-.5-1.492-.75-2.425-.75-.95 0-1.72.25-2.312.75-.592.5-1.005 1.1-1.238 1.8l1.65.65c.083-.3.271-.625.563-.975.291-.35.737-.525 1.337-.525.533 0 .933.146 1.2.437.267.292.4.613.4.963 0 .333-.1.646-.3.937-.2.292-.45.563-.75.813-.733.65-1.183 1.142-1.35 1.475-.167.333-.25.942-.25 1.825zM12 22a9.733 9.733 0 0 1-3.9-.788 10.092 10.092 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.733 9.733 0 0 1 2 12a9.74 9.74 0 0 1 .788-3.9 10.092 10.092 0 0 1 2.137-3.175c.9-.9 1.958-1.613 3.175-2.138A9.743 9.743 0 0 1 12 2a9.74 9.74 0 0 1 3.9.787 10.105 10.105 0 0 1 3.175 2.138c.9.9 1.612 1.958 2.137 3.175A9.733 9.733 0 0 1 22 12a9.733 9.733 0 0 1-.788 3.9 10.092 10.092 0 0 1-2.137 3.175c-.9.9-1.958 1.612-3.175 2.137A9.733 9.733 0 0 1 12 22z"
|
|
1710
1720
|
})));
|
|
1711
1721
|
};
|
|
1712
|
-
var ForwardRef$
|
|
1722
|
+
var ForwardRef$u = /*#__PURE__*/React.forwardRef(SvgNotificationHelpFill);
|
|
1713
1723
|
|
|
1714
|
-
var css$
|
|
1724
|
+
var css$_ = {"uui-typography":"cOgR5z","uuiTypography":"cOgR5z","hero-header":"PhvdhL","heroHeader":"PhvdhL","promo-header":"PLeV9B","promoHeader":"PLeV9B","uui-critical":"SLEqUH","uuiCritical":"SLEqUH","uui-info":"vvbYes","uuiInfo":"vvbYes","uui-success":"MYD2kE","uuiSuccess":"MYD2kE","uui-warning":"fpS7nt","uuiWarning":"fpS7nt","uui-highlight":"N-KzZE","uuiHighlight":"N-KzZE","uui-typography-size-12":"_7eBhZX","uuiTypographySize12":"_7eBhZX","uui-typography-size-14":"-xytXs","uuiTypographySize14":"-xytXs","uui-typography-size-16":"msc6lw","uuiTypographySize16":"msc6lw","root":"o5cCRt","icon-wrapper":"LyNbOu","iconWrapper":"LyNbOu","action-wrapper":"g1fV9K","actionWrapper":"g1fV9K","action-link":"_3alFXz","actionLink":"_3alFXz","close-icon":"_9UhlU0","closeIcon":"_9UhlU0","main-path":"_0Ib--9","mainPath":"_0Ib--9","content":"pqr3el","close-wrapper":"Z0T4Pq","closeWrapper":"Z0T4Pq","notification-wrapper":"EEEUG9","notificationWrapper":"EEEUG9","clear-button":"bNAyGc","clearButton":"bNAyGc"};
|
|
1715
1725
|
|
|
1716
1726
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
1717
1727
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -1726,27 +1736,27 @@ const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((pro
|
|
|
1726
1736
|
(_b = notificationCardNode.current) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseleave', props.refreshTimer);
|
|
1727
1737
|
};
|
|
1728
1738
|
}, []);
|
|
1729
|
-
return (React__namespace.default.createElement("div", Object.assign({ role: "alert", className: cx__default.default('uui-notification_card', props.color && `uui-color-${props.color}`, css$
|
|
1730
|
-
React__namespace.default.createElement("div", { className: css$
|
|
1731
|
-
props.icon && (React__namespace.default.createElement("div", { className: css$
|
|
1739
|
+
return (React__namespace.default.createElement("div", Object.assign({ role: "alert", className: cx__default.default('uui-notification_card', props.color && `uui-color-${props.color}`, css$_.root, props.cx), ref: notificationCardNode }, props.rawProps),
|
|
1740
|
+
React__namespace.default.createElement("div", { className: css$_.mainPath },
|
|
1741
|
+
props.icon && (React__namespace.default.createElement("div", { className: css$_.iconWrapper },
|
|
1732
1742
|
React__namespace.default.createElement(uuiComponents.IconContainer, { size: 24, icon: props.icon }))),
|
|
1733
|
-
React__namespace.default.createElement("div", { className: css$
|
|
1743
|
+
React__namespace.default.createElement("div", { className: css$_.content },
|
|
1734
1744
|
props.children,
|
|
1735
|
-
props.actions && (React__namespace.default.createElement("div", { className: css$
|
|
1736
|
-
props.onClose && (React__namespace.default.createElement("div", { className: css$
|
|
1737
|
-
React__namespace.default.createElement(IconButton, { icon: ForwardRef$
|
|
1745
|
+
props.actions && (React__namespace.default.createElement("div", { className: css$_.actionWrapper }, props.actions.map((action) => (React__namespace.default.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$_.actionLink, size: "36", rawProps: action.rawProps })))))),
|
|
1746
|
+
props.onClose && (React__namespace.default.createElement("div", { className: css$_.closeWrapper },
|
|
1747
|
+
React__namespace.default.createElement(IconButton, { icon: ForwardRef$R, color: "neutral", onClick: props.onClose, cx: css$_.closeIcon }))))));
|
|
1738
1748
|
});
|
|
1739
|
-
const WarningNotification = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$
|
|
1740
|
-
const SuccessNotification = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$
|
|
1741
|
-
const HintNotification = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$
|
|
1742
|
-
const ErrorNotification = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$
|
|
1749
|
+
const WarningNotification = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$z, color: "warning" }, props, { ref: ref, cx: props.cx }))));
|
|
1750
|
+
const SuccessNotification = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$A, color: "success" }, props, { ref: ref, cx: props.cx }))));
|
|
1751
|
+
const HintNotification = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$u, color: "info" }, props, { ref: ref, cx: props.cx }))));
|
|
1752
|
+
const ErrorNotification = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, Object.assign({ icon: ForwardRef$y, color: "error" }, props, { ref: ref, cx: props.cx }))));
|
|
1743
1753
|
function ClearNotification() {
|
|
1744
1754
|
const uuiCtx = uuiCore.useUuiContext();
|
|
1745
|
-
return (React__namespace.default.createElement("div", { className: cx__default.default(css$
|
|
1755
|
+
return (React__namespace.default.createElement("div", { className: cx__default.default(css$_.notificationWrapper, css$_.clearButton) },
|
|
1746
1756
|
React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
1747
1757
|
}
|
|
1748
1758
|
|
|
1749
|
-
var css$
|
|
1759
|
+
var css$Z = {"footer":"_7WWSUZ"};
|
|
1750
1760
|
|
|
1751
1761
|
class ConfirmationModal extends React__namespace.Component {
|
|
1752
1762
|
render() {
|
|
@@ -1758,7 +1768,7 @@ class ConfirmationModal extends React__namespace.Component {
|
|
|
1758
1768
|
React__namespace.createElement(ModalWindow, { width: 420 },
|
|
1759
1769
|
React__namespace.createElement(ModalHeader, { borderBottom: true, title: this.props.caption, onClose: () => this.props.abort() }),
|
|
1760
1770
|
React__namespace.createElement(ScrollBars, null, bodyContent),
|
|
1761
|
-
React__namespace.createElement(ModalFooter, { cx: css$
|
|
1771
|
+
React__namespace.createElement(ModalFooter, { cx: css$Z.footer },
|
|
1762
1772
|
this.props.hideCancelButton || (React__namespace.createElement(Button, { caption: i18n.form.modals.discardButton, onClick: () => this.props.success(false), fill: "outline", color: "secondary" })),
|
|
1763
1773
|
React__namespace.createElement(Button, { caption: i18n.form.modals.saveButton, onClick: () => this.props.success(true), color: "primary" })))));
|
|
1764
1774
|
}
|
|
@@ -1788,7 +1798,7 @@ function useReliableForceUpdate() {
|
|
|
1788
1798
|
return red[1];
|
|
1789
1799
|
}
|
|
1790
1800
|
|
|
1791
|
-
var css$
|
|
1801
|
+
var css$Y = {"root":"nt7CmI","timepicker-input":"MRghmu","timepickerInput":"MRghmu","ltr-always":"zQnFxp","ltrAlways":"zQnFxp"};
|
|
1792
1802
|
|
|
1793
1803
|
const uuiTimePicker = {
|
|
1794
1804
|
container: 'uui-timepicker-container',
|
|
@@ -1827,23 +1837,23 @@ function TimePickerBody(props) {
|
|
|
1827
1837
|
const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
|
|
1828
1838
|
onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
|
|
1829
1839
|
};
|
|
1830
|
-
return (React__namespace.createElement("div", Object.assign({ className: uuiCore.cx(css$
|
|
1831
|
-
React__namespace.createElement("div", { className: css$
|
|
1840
|
+
return (React__namespace.createElement("div", Object.assign({ className: uuiCore.cx(css$Y.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef }, props.rawProps),
|
|
1841
|
+
React__namespace.createElement("div", { className: css$Y.ltrAlways },
|
|
1832
1842
|
React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
1833
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$
|
|
1843
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$Q, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).add(1, 'h').hour()) }),
|
|
1834
1844
|
React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onHoursChange, value: +(uuiDayjs.dayjs()
|
|
1835
1845
|
.set(props.value)
|
|
1836
1846
|
.format(MAX_HOURS === FORMAT_12H ? 'hh' : 'HH')), min: MIN_HOURS, max: MAX_HOURS }),
|
|
1837
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement hours' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$
|
|
1847
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement hours' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$Q, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).subtract(1, 'h').hour()) })),
|
|
1838
1848
|
React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
1839
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$
|
|
1849
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$Q, onClick: handleMinutesUpClick }),
|
|
1840
1850
|
React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onMinutesChange, value: +uuiDayjs.dayjs().set(props.value).format('m'), min: MIN_MINUTES, max: MAX_MINUTES }),
|
|
1841
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$
|
|
1851
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$Q, onClick: handleMinutesDownClick }))),
|
|
1842
1852
|
MAX_HOURS === FORMAT_12H && (React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
1843
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$
|
|
1853
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$Q, onClick: onTimeTypeChange }),
|
|
1844
1854
|
React__namespace.createElement(uuiComponents.TextInput, { cx: uuiTimePicker.input, onValueChange: () => {
|
|
1845
1855
|
}, isReadonly: true, value: uuiDayjs.dayjs().set(props.value).format('A') }),
|
|
1846
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$
|
|
1856
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$Q, onClick: onTimeTypeChange })))));
|
|
1847
1857
|
}
|
|
1848
1858
|
|
|
1849
1859
|
const getMeridian = (newValue, format) => {
|
|
@@ -1970,7 +1980,7 @@ function TimePicker(props) {
|
|
|
1970
1980
|
};
|
|
1971
1981
|
const renderInput = (inputProps) => {
|
|
1972
1982
|
var _a;
|
|
1973
|
-
return (React__namespace.default.createElement(TextInput, Object.assign({}, inputProps, { onClick: null, size: props.size || '36', isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$
|
|
1983
|
+
return (React__namespace.default.createElement(TextInput, Object.assign({}, inputProps, { onClick: null, size: props.size || '36', isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$Y.root, css$Y.timepickerInput, props.inputCx], value: state.inputValue, onValueChange: handleInputChange, onCancel: !props.disableClear && onClear, onFocus: handleFocus, onBlur: handleBlur, isDropdown: false, placeholder: props.placeholder ? props.placeholder : getFormat(), mode: props.mode || DEFAULT_MODE, rawProps: (_a = props.rawProps) === null || _a === void 0 ? void 0 : _a.input })));
|
|
1974
1984
|
};
|
|
1975
1985
|
const renderBody = (bodyProps) => {
|
|
1976
1986
|
var _a;
|
|
@@ -1981,22 +1991,52 @@ function TimePicker(props) {
|
|
|
1981
1991
|
return (React__namespace.default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
|
|
1982
1992
|
}
|
|
1983
1993
|
|
|
1984
|
-
var css$
|
|
1994
|
+
var css$X = {"root":"Zd7G1e"};
|
|
1985
1995
|
|
|
1986
1996
|
function applyInputAddonMods() {
|
|
1987
1997
|
return [
|
|
1988
|
-
css$
|
|
1998
|
+
css$X.root,
|
|
1989
1999
|
];
|
|
1990
2000
|
}
|
|
1991
2001
|
const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
|
|
1992
2002
|
|
|
1993
|
-
var css$
|
|
2003
|
+
var css$W = {"root":"weJlKp"};
|
|
1994
2004
|
|
|
1995
2005
|
function applySliderMods() {
|
|
1996
|
-
return [css$
|
|
2006
|
+
return [css$W.root, 'uui-color-neutral'];
|
|
1997
2007
|
}
|
|
1998
2008
|
const Slider = /* @__PURE__ */uuiCore.withMods(uuiComponents.Slider, applySliderMods);
|
|
1999
2009
|
|
|
2010
|
+
var _path$t;
|
|
2011
|
+
function _extends$t() { return _extends$t = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$t.apply(null, arguments); }
|
|
2012
|
+
var SvgStarFilled = function SvgStarFilled(props, ref) {
|
|
2013
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
|
|
2014
|
+
width: 24,
|
|
2015
|
+
height: 24,
|
|
2016
|
+
viewBox: "0 0 24 24",
|
|
2017
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2018
|
+
ref: ref
|
|
2019
|
+
}, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2020
|
+
fillRule: "evenodd",
|
|
2021
|
+
d: "M8.917 8.268 12.01 2l3.093 6.268 6.917 1.005-5.005 4.878 1.182 6.889-6.187-3.252-6.186 3.252 1.181-6.889L2 9.273z"
|
|
2022
|
+
})));
|
|
2023
|
+
};
|
|
2024
|
+
var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgStarFilled);
|
|
2025
|
+
|
|
2026
|
+
var css$V = {"root":"i25jPE","tooltip":"mpBWKd"};
|
|
2027
|
+
|
|
2028
|
+
function applyRatingMods(mods) {
|
|
2029
|
+
return [
|
|
2030
|
+
css$V.root,
|
|
2031
|
+
`uui-size-${mods.size || settings.sizes.defaults.rating}`,
|
|
2032
|
+
];
|
|
2033
|
+
}
|
|
2034
|
+
const Rating = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Rating, applyRatingMods, (props) => ({
|
|
2035
|
+
filledStarIcon: props.icon || ForwardRef$t,
|
|
2036
|
+
emptyStarIcon: props.icon || ForwardRef$t,
|
|
2037
|
+
Tooltip,
|
|
2038
|
+
}));
|
|
2039
|
+
|
|
2000
2040
|
const defaultFormat = 'MMM D, YYYY';
|
|
2001
2041
|
const valueFormat = 'YYYY-MM-DD';
|
|
2002
2042
|
const supportedDateFormats = (format) => {
|
|
@@ -2125,7 +2165,7 @@ const getNextYearsList = (currentDate) => {
|
|
|
2125
2165
|
return currentDate.add(16, 'year');
|
|
2126
2166
|
};
|
|
2127
2167
|
|
|
2128
|
-
var css$U = {"root":"
|
|
2168
|
+
var css$U = {"root":"nZHMO-","container":"tSNtgm"};
|
|
2129
2169
|
|
|
2130
2170
|
const uuiHeader = {
|
|
2131
2171
|
container: 'uui-datepicker-header-container',
|
|
@@ -2204,19 +2244,19 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2204
2244
|
const disableNext = view === 'YEAR_SELECTION' && !isYearWithinSoberRange(getNextYearsList(month));
|
|
2205
2245
|
return (React__namespace.createElement("div", { className: cx__default.default(css$U.root, uuiHeader.container, cx__default.default) },
|
|
2206
2246
|
React__namespace.createElement("header", { className: uuiHeader.headerNav },
|
|
2207
|
-
React__namespace.createElement(Button, { icon: navIconLeft || ForwardRef$
|
|
2247
|
+
React__namespace.createElement(Button, { icon: navIconLeft || ForwardRef$w, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: !isDisabled && (() => onLeftNavigationArrow()), isDisabled: disablePrev }),
|
|
2208
2248
|
React__namespace.createElement(Button, { caption: title, fill: "ghost", cx: uuiHeader.navTitle, onClick: !isDisabled && (() => onCaptionClick(view)) }),
|
|
2209
|
-
React__namespace.createElement(Button, { icon: navIconRight || ForwardRef$
|
|
2249
|
+
React__namespace.createElement(Button, { icon: navIconRight || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2210
2250
|
}
|
|
2211
2251
|
|
|
2212
|
-
var css$T = {"uui-typography":"
|
|
2252
|
+
var css$T = {"uui-typography":"RxmyXw","uuiTypography":"RxmyXw","hero-header":"_2hP1Cc","heroHeader":"_2hP1Cc","promo-header":"IMp-zl","promoHeader":"IMp-zl","uui-critical":"fRrKwv","uuiCritical":"fRrKwv","uui-info":"EX8OCo","uuiInfo":"EX8OCo","uui-success":"acBTMA","uuiSuccess":"acBTMA","uui-warning":"WKdJ5k","uuiWarning":"WKdJ5k","uui-highlight":"C6vXpu","uuiHighlight":"C6vXpu","uui-typography-size-12":"M8e4uu","uuiTypographySize12":"M8e4uu","uui-typography-size-14":"QCXE2c","uuiTypographySize14":"QCXE2c","uui-typography-size-16":"zjCcMo","uuiTypographySize16":"zjCcMo","root":"kv8y2T"};
|
|
2213
2253
|
|
|
2214
2254
|
function applyDateSelectionMods() {
|
|
2215
2255
|
return [css$T.root, `uui-size-${settings.sizes.defaults.datePicker}`];
|
|
2216
2256
|
}
|
|
2217
2257
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
2218
2258
|
|
|
2219
|
-
var css$S = {"uui-typography":"
|
|
2259
|
+
var css$S = {"uui-typography":"Ji7hMe","uuiTypography":"Ji7hMe","hero-header":"wbSEqM","heroHeader":"wbSEqM","promo-header":"_3dC6s2","promoHeader":"_3dC6s2","uui-critical":"nIokgE","uuiCritical":"nIokgE","uui-info":"_09cHr2","uuiInfo":"_09cHr2","uui-success":"QnR1Ct","uuiSuccess":"QnR1Ct","uui-warning":"DL1I8e","uuiWarning":"DL1I8e","uui-highlight":"_4-LQd-","uuiHighlight":"_4-LQd-","uui-typography-size-12":"KpVkWw","uuiTypographySize12":"KpVkWw","uui-typography-size-14":"Rs22eM","uuiTypographySize14":"Rs22eM","uui-typography-size-16":"j3mXg5","uuiTypographySize16":"j3mXg5","root":"_3Fv7gH"};
|
|
2220
2260
|
|
|
2221
2261
|
const uuiDatePickerBody = {
|
|
2222
2262
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2347,7 +2387,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2347
2387
|
}
|
|
2348
2388
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
2349
2389
|
|
|
2350
|
-
var css$R = {"uui-typography":"
|
|
2390
|
+
var css$R = {"uui-typography":"_7jm6rF","uuiTypography":"_7jm6rF","hero-header":"fYM8gC","heroHeader":"fYM8gC","promo-header":"evMyY9","promoHeader":"evMyY9","uui-critical":"fzJUhP","uuiCritical":"fzJUhP","uui-info":"QA-38N","uuiInfo":"QA-38N","uui-success":"lPPIT9","uuiSuccess":"lPPIT9","uui-warning":"chAZ1W","uuiWarning":"chAZ1W","uui-highlight":"_5bYXhR","uuiHighlight":"_5bYXhR","uui-typography-size-12":"RLZ9vw","uuiTypographySize12":"RLZ9vw","uui-typography-size-14":"_0Neu5-","uuiTypographySize14":"_0Neu5-","uui-typography-size-16":"DWZrJt","uuiTypographySize16":"DWZrJt","date-input":"_3w1f1a","dateInput":"_3w1f1a","root":"_8mGcVu","separator":"D6rbyl","mode-form":"_0v2QBC","modeForm":"_0v2QBC","mode-cell":"_3OA4tH","modeCell":"_3OA4tH"};
|
|
2351
2391
|
|
|
2352
2392
|
const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, id, cx: classes, }, ref) => {
|
|
2353
2393
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -2389,7 +2429,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
2389
2429
|
} : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.to, onClick: onClick, onKeyDown: onInputKeyDown })));
|
|
2390
2430
|
});
|
|
2391
2431
|
|
|
2392
|
-
var css$Q = {"uui-typography":"
|
|
2432
|
+
var css$Q = {"uui-typography":"E067-e","uuiTypography":"E067-e","hero-header":"IdbxS0","heroHeader":"IdbxS0","promo-header":"izZfe-","promoHeader":"izZfe-","uui-critical":"cIAmFv","uuiCritical":"cIAmFv","uui-info":"_1iIBgg","uuiInfo":"_1iIBgg","uui-success":"CZMGVc","uuiSuccess":"CZMGVc","uui-warning":"TT2Oct","uuiWarning":"TT2Oct","uui-highlight":"wMOhjJ","uuiHighlight":"wMOhjJ","uui-typography-size-12":"_4n7xES","uuiTypographySize12":"_4n7xES","uui-typography-size-14":"P6GOAt","uuiTypographySize14":"P6GOAt","uui-typography-size-16":"OOH2BA","uuiTypographySize16":"OOH2BA","root":"_2oSBGs"};
|
|
2393
2433
|
|
|
2394
2434
|
const uuiPresets = {
|
|
2395
2435
|
container: 'uui-presets-container',
|
|
@@ -2405,7 +2445,7 @@ function CalendarPresets(props) {
|
|
|
2405
2445
|
getPresets(props.presets).map((item) => (React__namespace.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: "24" })))));
|
|
2406
2446
|
}
|
|
2407
2447
|
|
|
2408
|
-
var css$P = {"uui-typography":"
|
|
2448
|
+
var css$P = {"uui-typography":"naqfn4","uuiTypography":"naqfn4","hero-header":"pVI63u","heroHeader":"pVI63u","promo-header":"Tp74Er","promoHeader":"Tp74Er","uui-critical":"tqXu-S","uuiCritical":"tqXu-S","uui-info":"xEwT3u","uuiInfo":"xEwT3u","uui-success":"SOtoyh","uuiSuccess":"SOtoyh","uui-warning":"smSqsf","uuiWarning":"smSqsf","uui-highlight":"Pb1QOr","uuiHighlight":"Pb1QOr","uui-typography-size-12":"hVEkJl","uuiTypographySize12":"hVEkJl","uui-typography-size-14":"wubGgz","uuiTypographySize14":"wubGgz","uui-typography-size-16":"iQ5Igt","uuiTypographySize16":"iQ5Igt","root":"ZzvnK1","container":"Xit8iB","day-selection":"_9tX6YE","daySelection":"_9tX6YE","from-picker":"W0hUUl","fromPicker":"W0hUUl","to-picker":"sgMh9h","toPicker":"sgMh9h","bodes-wrapper":"RDJaqR","bodesWrapper":"RDJaqR","blocker":"EblefW"};
|
|
2409
2449
|
|
|
2410
2450
|
const uuiRangeDatePickerBody = {
|
|
2411
2451
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -2580,7 +2620,7 @@ const getDayCX = (day, selectedDate) => {
|
|
|
2580
2620
|
return [uuiCore.cx(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiComponents.uuiDaySelection.selectedDay)];
|
|
2581
2621
|
};
|
|
2582
2622
|
|
|
2583
|
-
var css$O = {"dropdown-container":"
|
|
2623
|
+
var css$O = {"dropdown-container":"qrWCmZ","dropdownContainer":"qrWCmZ"};
|
|
2584
2624
|
|
|
2585
2625
|
const modifiers = [{
|
|
2586
2626
|
name: 'offset',
|
|
@@ -2657,7 +2697,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
2657
2697
|
}
|
|
2658
2698
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
2659
2699
|
|
|
2660
|
-
var css$N = {"root":"
|
|
2700
|
+
var css$N = {"root":"mW4uXA","blocker":"flHM18","marker":"zpzqb8","top":"NfaWDa","bottom":"jAWf9p","left":"LXLbAx","right":"r-hCHn","inside":"DEONND"};
|
|
2661
2701
|
|
|
2662
2702
|
function DropMarker(props) {
|
|
2663
2703
|
return props.isDndInProgress
|
|
@@ -2672,7 +2712,7 @@ function DropMarker(props) {
|
|
|
2672
2712
|
: null;
|
|
2673
2713
|
}
|
|
2674
2714
|
|
|
2675
|
-
var css$M = {"root":"
|
|
2715
|
+
var css$M = {"root":"tn3Q-w","line-height":"InYYE3","lineHeight":"InYYE3","font-size":"_8G4Fy1","fontSize":"_8G4Fy1"};
|
|
2676
2716
|
|
|
2677
2717
|
function applyTextMods(mods) {
|
|
2678
2718
|
return [
|
|
@@ -2697,7 +2737,7 @@ const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, appl
|
|
|
2697
2737
|
};
|
|
2698
2738
|
});
|
|
2699
2739
|
|
|
2700
|
-
var css$L = {"root":"
|
|
2740
|
+
var css$L = {"root":"Yq7ZBu","loading-word":"YnZYUY","loadingWord":"YnZYUY","animated-loading":"Fde1WZ","animatedLoading":"Fde1WZ","skeleton_loading":"_95DHCz","skeletonLoading":"_95DHCz"};
|
|
2701
2741
|
|
|
2702
2742
|
const TextPlaceholder = (props) => {
|
|
2703
2743
|
const pattern = ' ';
|
|
@@ -2716,7 +2756,7 @@ const TextPlaceholder = (props) => {
|
|
|
2716
2756
|
|
|
2717
2757
|
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
|
|
2718
2758
|
|
|
2719
|
-
var css$K = {"uui-typography":"
|
|
2759
|
+
var css$K = {"uui-typography":"WnYGEz","uuiTypography":"WnYGEz","hero-header":"_8Y0tec","heroHeader":"_8Y0tec","promo-header":"e2sgzG","promoHeader":"e2sgzG","uui-critical":"_-9g8my","uuiCritical":"_-9g8my","uui-info":"ElVZCq","uuiInfo":"ElVZCq","uui-success":"ebPFDa","uuiSuccess":"ebPFDa","uui-warning":"DrzF3u","uuiWarning":"DrzF3u","uui-highlight":"_6npFSw","uuiHighlight":"_6npFSw","uui-typography-size-12":"hUFHdC","uuiTypographySize12":"hUFHdC","uui-typography-size-14":"ARS-Fr","uuiTypographySize14":"ARS-Fr","uui-typography-size-16":"DT9JJr","uuiTypographySize16":"DT9JJr","modal":"iraZNK","search-wrapper":"kWf5l0","searchWrapper":"kWf5l0","no-data":"H1Ak-Z","noData":"H1Ak-Z","type-search-to-load-size-24":"_3U-S-g","typeSearchToLoadSize24":"_3U-S-g"};
|
|
2720
2760
|
|
|
2721
2761
|
class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
2722
2762
|
constructor() {
|
|
@@ -2764,7 +2804,7 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
|
2764
2804
|
}
|
|
2765
2805
|
}
|
|
2766
2806
|
|
|
2767
|
-
var css$J = {"footer":"
|
|
2807
|
+
var css$J = {"footer":"BeE37f"};
|
|
2768
2808
|
|
|
2769
2809
|
function DataPickerFooterImpl(props) {
|
|
2770
2810
|
const { search, clearSelection, view, showSelected, selectionMode, isSearchTooShort, } = props;
|
|
@@ -2789,18 +2829,18 @@ function DataPickerFooterImpl(props) {
|
|
|
2789
2829
|
}
|
|
2790
2830
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
2791
2831
|
|
|
2792
|
-
var css$I = {"header":"
|
|
2832
|
+
var css$I = {"header":"hlpFx5","title":"eJxt-D","close":"NU2dtq"};
|
|
2793
2833
|
|
|
2794
2834
|
const DataPickerHeaderImpl = (props) => {
|
|
2795
2835
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
2796
2836
|
return (React__namespace.default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$I.header },
|
|
2797
2837
|
React__namespace.default.createElement(Text, { size: settings.sizes.pickerInput.body.mobile.header.titleSize, cx: css$I.title }, title),
|
|
2798
|
-
React__namespace.default.createElement(IconButton, { icon: ForwardRef$
|
|
2838
|
+
React__namespace.default.createElement(IconButton, { icon: ForwardRef$R, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$I.close })));
|
|
2799
2839
|
};
|
|
2800
2840
|
const DataPickerHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerHeaderImpl);
|
|
2801
2841
|
|
|
2802
2842
|
var _path$s;
|
|
2803
|
-
function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : function (
|
|
2843
|
+
function _extends$s() { return _extends$s = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$s.apply(null, arguments); }
|
|
2804
2844
|
var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
2805
2845
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
|
|
2806
2846
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -2814,7 +2854,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
|
2814
2854
|
};
|
|
2815
2855
|
var ForwardRef$s = /*#__PURE__*/React.forwardRef(SvgNotificationDoneFill);
|
|
2816
2856
|
|
|
2817
|
-
var css$H = {"uui-typography":"
|
|
2857
|
+
var css$H = {"uui-typography":"BQ3YYf","uuiTypography":"BQ3YYf","hero-header":"D3TRnK","heroHeader":"D3TRnK","promo-header":"N49cpn","promoHeader":"N49cpn","uui-critical":"egqf3q","uuiCritical":"egqf3q","uui-info":"-n5cjr","uuiInfo":"-n5cjr","uui-success":"HvKuuE","uuiSuccess":"HvKuuE","uui-warning":"A5iJLg","uuiWarning":"A5iJLg","uui-highlight":"KhrUcy","uuiHighlight":"KhrUcy","uui-typography-size-12":"cGQPyJ","uuiTypographySize12":"cGQPyJ","uui-typography-size-14":"zZshgs","uuiTypographySize14":"zZshgs","uui-typography-size-16":"yC3nQg","uuiTypographySize16":"yC3nQg","root":"_5bRaXP","align-widgets-top":"t44Re8","alignWidgetsTop":"t44Re8","align-widgets-center":"DKTIQY","alignWidgetsCenter":"DKTIQY","icon-container":"g3SOwQ","iconContainer":"g3SOwQ","loading-cell":"LZMtwK","loadingCell":"LZMtwK","content-wrapper":"Q8XcMJ","contentWrapper":"Q8XcMJ","render-item":"b35hLx","renderItem":"b35hLx","icon-wrapper":"jlom8V","iconWrapper":"jlom8V","icon-default":"X4w1Jn","iconDefault":"X4w1Jn","selected-mark":"_3Bp9hW","selectedMark":"_3Bp9hW"};
|
|
2818
2858
|
|
|
2819
2859
|
function DataPickerCell(props) {
|
|
2820
2860
|
const ref = React__namespace.useRef();
|
|
@@ -2833,7 +2873,7 @@ function DataPickerCell(props) {
|
|
|
2833
2873
|
props.renderItem(props.rowProps.value, props.rowProps),
|
|
2834
2874
|
React__namespace.createElement(uuiComponents.FlexSpacer, null),
|
|
2835
2875
|
(props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React__namespace.createElement("div", { className: uuiCore.cx(css$H.iconWrapper, uuiCore.uuiMod.selected) },
|
|
2836
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: settings.sizes.pickerInput.body.dropdown.row.cell.icon[props.size], icon: settings.sizes.pickerInput.body.dropdown.row.cell.isBoldSelectionIcon[props.size] ? ForwardRef$s : ForwardRef$
|
|
2876
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: settings.sizes.pickerInput.body.dropdown.row.cell.icon[props.size], icon: settings.sizes.pickerInput.body.dropdown.row.cell.isBoldSelectionIcon[props.size] ? ForwardRef$s : ForwardRef$P, cx: props.rowProps.isChildrenSelected ? css$H.iconDefault : css$H.selectedMark, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
|
|
2837
2877
|
? 'Child is selected'
|
|
2838
2878
|
: 'Selected' } })))));
|
|
2839
2879
|
}
|
|
@@ -2851,7 +2891,7 @@ function DataPickerCell(props) {
|
|
|
2851
2891
|
getWrappedContent()));
|
|
2852
2892
|
}
|
|
2853
2893
|
|
|
2854
|
-
var css$G = {"uui-typography":"
|
|
2894
|
+
var css$G = {"uui-typography":"b-mwtp","uuiTypography":"b-mwtp","hero-header":"dgccWf","heroHeader":"dgccWf","promo-header":"XkM-yB","promoHeader":"XkM-yB","uui-critical":"gNL4rk","uuiCritical":"gNL4rk","uui-info":"PnERQ-","uuiInfo":"PnERQ-","uui-success":"LqNyzI","uuiSuccess":"LqNyzI","uui-warning":"fWyvsb","uuiWarning":"fWyvsb","uui-highlight":"yL-6i9","uuiHighlight":"yL-6i9","uui-typography-size-12":"wT4u5y","uuiTypographySize12":"wT4u5y","uui-typography-size-14":"FbjFMB","uuiTypographySize14":"FbjFMB","uui-typography-size-16":"X0lTj6","uuiTypographySize16":"X0lTj6","picker-row":"GjErwI","pickerRow":"GjErwI"};
|
|
2855
2895
|
|
|
2856
2896
|
class DataPickerRow extends React__namespace.Component {
|
|
2857
2897
|
constructor() {
|
|
@@ -2865,7 +2905,7 @@ class DataPickerRow extends React__namespace.Component {
|
|
|
2865
2905
|
}
|
|
2866
2906
|
}
|
|
2867
2907
|
|
|
2868
|
-
var css$F = {"uui-typography":"
|
|
2908
|
+
var css$F = {"uui-typography":"vUkUCl","uuiTypography":"vUkUCl","hero-header":"JasYw5","heroHeader":"JasYw5","promo-header":"jI5OXh","promoHeader":"jI5OXh","uui-critical":"nkRAbM","uuiCritical":"nkRAbM","uui-info":"JA1nbC","uuiInfo":"JA1nbC","uui-success":"jtui8Y","uuiSuccess":"jtui8Y","uui-warning":"EWQttu","uuiWarning":"EWQttu","uui-highlight":"UjaJZH","uuiHighlight":"UjaJZH","uui-typography-size-12":"QI4T5j","uuiTypographySize12":"QI4T5j","uui-typography-size-14":"JFh3S5","uuiTypographySize14":"JFh3S5","uui-typography-size-16":"gUNO50","uuiTypographySize16":"gUNO50","done":"GZNhSx","container":"uQgk-V"};
|
|
2869
2909
|
|
|
2870
2910
|
const PickerBodyMobileView = (props) => {
|
|
2871
2911
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -2878,7 +2918,7 @@ const PickerBodyMobileView = (props) => {
|
|
|
2878
2918
|
};
|
|
2879
2919
|
|
|
2880
2920
|
var _path$r, _path2$4;
|
|
2881
|
-
function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (
|
|
2921
|
+
function _extends$r() { return _extends$r = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$r.apply(null, arguments); }
|
|
2882
2922
|
var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
2883
2923
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
|
|
2884
2924
|
width: 66,
|
|
@@ -2899,7 +2939,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
2899
2939
|
};
|
|
2900
2940
|
var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
|
|
2901
2941
|
|
|
2902
|
-
var css$E = {"uui-typography":"
|
|
2942
|
+
var css$E = {"uui-typography":"OTF2sO","uuiTypography":"OTF2sO","hero-header":"Yj9nQH","heroHeader":"Yj9nQH","promo-header":"zQGN57","promoHeader":"zQGN57","uui-critical":"_--3x25","uuiCritical":"_--3x25","uui-info":"X-nCtd","uuiInfo":"X-nCtd","uui-success":"KCa-zn","uuiSuccess":"KCa-zn","uui-warning":"Cp8wUQ","uuiWarning":"Cp8wUQ","uui-highlight":"fMdh8E","uuiHighlight":"fMdh8E","uui-typography-size-12":"bdeYvN","uuiTypographySize12":"bdeYvN","uui-typography-size-14":"j3zZ2W","uuiTypographySize14":"j3zZ2W","uui-typography-size-16":"HKFf2I","uuiTypographySize16":"HKFf2I","sub-header-wrapper":"YAxKWI","subHeaderWrapper":"YAxKWI","switch":"Q5AVYe","no-found-modal-container":"_2s3NJ4","noFoundModalContainer":"_2s3NJ4","no-found-modal-container-icon":"_9B8u5x","noFoundModalContainerIcon":"_9B8u5x","no-found-modal-container-text":"Xkw5Hv","noFoundModalContainerText":"Xkw5Hv"};
|
|
2903
2943
|
|
|
2904
2944
|
const mergeHighlightRanges = (ranges) => {
|
|
2905
2945
|
const mergedRanges = [];
|
|
@@ -2966,7 +3006,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
2966
3006
|
return getDecoratedText(str, ranges);
|
|
2967
3007
|
};
|
|
2968
3008
|
|
|
2969
|
-
var css$D = {"root":"
|
|
3009
|
+
var css$D = {"root":"V8MCO5","column-gap":"_1QGnll","columnGap":"_1QGnll","multiline":"gtVVcW","text":"_7Cyfto"};
|
|
2970
3010
|
|
|
2971
3011
|
function PickerItem(props) {
|
|
2972
3012
|
var _a;
|
|
@@ -3041,7 +3081,7 @@ function PickerModal(props) {
|
|
|
3041
3081
|
React__namespace.default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3042
3082
|
}
|
|
3043
3083
|
|
|
3044
|
-
var css$C = {"tooltip":"
|
|
3084
|
+
var css$C = {"tooltip":"Fqq6gv"};
|
|
3045
3085
|
|
|
3046
3086
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3047
3087
|
var _a;
|
|
@@ -3056,7 +3096,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
3056
3096
|
}
|
|
3057
3097
|
});
|
|
3058
3098
|
|
|
3059
|
-
var css$B = {"uui-typography":"
|
|
3099
|
+
var css$B = {"uui-typography":"zpy91k","uuiTypography":"zpy91k","hero-header":"_6W6NkC","heroHeader":"_6W6NkC","promo-header":"ixVP3J","promoHeader":"ixVP3J","uui-critical":"AxHN0A","uuiCritical":"AxHN0A","uui-info":"EPpdIw","uuiInfo":"EPpdIw","uui-success":"_-1c1h0","uuiSuccess":"_-1c1h0","uui-warning":"-MpRAS","uuiWarning":"-MpRAS","uui-highlight":"xl-lFv","uuiHighlight":"xl-lFv","uui-typography-size-12":"FEFup5","uuiTypographySize12":"FEFup5","uui-typography-size-14":"_1TlqOl","uuiTypographySize14":"_1TlqOl","uui-typography-size-16":"o1rh8Q","uuiTypographySize16":"o1rh8Q","root":"-qSL3U","mode-form":"qJymlS","modeForm":"qJymlS","mode-cell":"Um94TG","modeCell":"Um94TG","mode-inline":"wGYNBH","modeInline":"wGYNBH"};
|
|
3060
3100
|
|
|
3061
3101
|
const defaultMode = EditMode.FORM;
|
|
3062
3102
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3153,7 +3193,7 @@ function PickerInputComponent(_a, ref) {
|
|
|
3153
3193
|
}
|
|
3154
3194
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
3155
3195
|
|
|
3156
|
-
var css$A = {"row":"
|
|
3196
|
+
var css$A = {"row":"qA9Yw5"};
|
|
3157
3197
|
|
|
3158
3198
|
function PickerListItem(props) {
|
|
3159
3199
|
var _a;
|
|
@@ -3174,7 +3214,7 @@ function PickerListItem(props) {
|
|
|
3174
3214
|
return (React__namespace.default.createElement("div", Object.assign({ role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1 }, (((_a = props.checkbox) === null || _a === void 0 ? void 0 : _a.isVisible) && { 'aria-checked': props.isChecked }), { className: css$A.row }), component));
|
|
3175
3215
|
}
|
|
3176
3216
|
|
|
3177
|
-
var css$z = {"root":"
|
|
3217
|
+
var css$z = {"root":"d-pW1W"};
|
|
3178
3218
|
|
|
3179
3219
|
function PickerList(props) {
|
|
3180
3220
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -3209,7 +3249,7 @@ function PickerList(props) {
|
|
|
3209
3249
|
}, selectedRows)));
|
|
3210
3250
|
}
|
|
3211
3251
|
|
|
3212
|
-
var css$y = {"uui-typography":"
|
|
3252
|
+
var css$y = {"uui-typography":"KpzHRj","uuiTypography":"KpzHRj","hero-header":"tXW-AJ","heroHeader":"tXW-AJ","promo-header":"JW06y2","promoHeader":"JW06y2","uui-critical":"hnTuyk","uuiCritical":"hnTuyk","uui-info":"-Y1sSh","uuiInfo":"-Y1sSh","uui-success":"TR9WjX","uuiSuccess":"TR9WjX","uui-warning":"-ghmOr","uuiWarning":"-ghmOr","uui-highlight":"hYnq1P","uuiHighlight":"hYnq1P","uui-typography-size-12":"vqqWKP","uuiTypographySize12":"vqqWKP","uui-typography-size-14":"T8Kj0i","uuiTypographySize14":"T8Kj0i","uui-typography-size-16":"_9OMdop","uuiTypographySize16":"_9OMdop","root":"O-zBPM","wrapper":"E46HiQ","align-widgets-top":"Z9IvSz","alignWidgetsTop":"Z9IvSz","align-widgets-center":"GbWjCk","alignWidgetsCenter":"GbWjCk"};
|
|
3213
3253
|
|
|
3214
3254
|
function DataTableCell(initialProps) {
|
|
3215
3255
|
const props = Object.assign({}, initialProps);
|
|
@@ -3258,7 +3298,7 @@ function DataTableCell(initialProps) {
|
|
|
3258
3298
|
return React__namespace.createElement(uuiComponents.DataTableCell, Object.assign({}, props));
|
|
3259
3299
|
}
|
|
3260
3300
|
|
|
3261
|
-
var css$x = {"uui-typography":"
|
|
3301
|
+
var css$x = {"uui-typography":"aC95DY","uuiTypography":"aC95DY","hero-header":"LxXhZu","heroHeader":"LxXhZu","promo-header":"-Omku0","promoHeader":"-Omku0","uui-critical":"GdqCn6","uuiCritical":"GdqCn6","uui-info":"h1OCJR","uuiInfo":"h1OCJR","uui-success":"Fra2gi","uuiSuccess":"Fra2gi","uui-warning":"jPMAkD","uuiWarning":"jPMAkD","uui-highlight":"nzkSGS","uuiHighlight":"nzkSGS","uui-typography-size-12":"mJ7v6Q","uuiTypographySize12":"mJ7v6Q","uui-typography-size-14":"uFZYtj","uuiTypographySize14":"uFZYtj","uui-typography-size-16":"d0qPde","uuiTypographySize16":"d0qPde","root":"_1MV9Iv"};
|
|
3262
3302
|
|
|
3263
3303
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3264
3304
|
// As we need our mods to style the cell properly, we extract them from DataTableCellProps.rowProps, which is a hack, but it's reliable enough.
|
|
@@ -3274,10 +3314,10 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
3274
3314
|
];
|
|
3275
3315
|
}, () => propsMods);
|
|
3276
3316
|
|
|
3277
|
-
var css$w = {"uui-typography":"
|
|
3317
|
+
var css$w = {"uui-typography":"ZtrKMB","uuiTypography":"ZtrKMB","hero-header":"dbPhP1","heroHeader":"dbPhP1","promo-header":"_3x4It3","promoHeader":"_3x4It3","uui-critical":"xSTjiM","uuiCritical":"xSTjiM","uui-info":"r6LMnu","uuiInfo":"r6LMnu","uui-success":"_9ks43j","uuiSuccess":"_9ks43j","uui-warning":"Sakv-k","uuiWarning":"Sakv-k","uui-highlight":"hV69JG","uuiHighlight":"hV69JG","uui-typography-size-12":"PJKfDU","uuiTypographySize12":"PJKfDU","uui-typography-size-14":"uF-eFx","uuiTypographySize14":"uF-eFx","uui-typography-size-16":"Ogmbkn","uuiTypographySize16":"Ogmbkn","sorting-panel-container":"NDKCK6","sortingPanelContainer":"NDKCK6"};
|
|
3278
3318
|
|
|
3279
3319
|
var _path$q;
|
|
3280
|
-
function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (
|
|
3320
|
+
function _extends$q() { return _extends$q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$q.apply(null, arguments); }
|
|
3281
3321
|
var SvgTableSortAscOutline = function SvgTableSortAscOutline(props, ref) {
|
|
3282
3322
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
|
|
3283
3323
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3292,7 +3332,7 @@ var SvgTableSortAscOutline = function SvgTableSortAscOutline(props, ref) {
|
|
|
3292
3332
|
var ForwardRef$q = /*#__PURE__*/React.forwardRef(SvgTableSortAscOutline);
|
|
3293
3333
|
|
|
3294
3334
|
var _path$p;
|
|
3295
|
-
function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (
|
|
3335
|
+
function _extends$p() { return _extends$p = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$p.apply(null, arguments); }
|
|
3296
3336
|
var SvgTableSortDescOutline = function SvgTableSortDescOutline(props, ref) {
|
|
3297
3337
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
|
|
3298
3338
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3330,7 +3370,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
3330
3370
|
const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
|
|
3331
3371
|
|
|
3332
3372
|
var _path$o;
|
|
3333
|
-
function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : function (
|
|
3373
|
+
function _extends$o() { return _extends$o = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$o.apply(null, arguments); }
|
|
3334
3374
|
var SvgTableSwapOutline = function SvgTableSwapOutline(props, ref) {
|
|
3335
3375
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
|
|
3336
3376
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3345,7 +3385,7 @@ var SvgTableSwapOutline = function SvgTableSwapOutline(props, ref) {
|
|
|
3345
3385
|
var ForwardRef$o = /*#__PURE__*/React.forwardRef(SvgTableSwapOutline);
|
|
3346
3386
|
|
|
3347
3387
|
var _path$n;
|
|
3348
|
-
function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (
|
|
3388
|
+
function _extends$n() { return _extends$n = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$n.apply(null, arguments); }
|
|
3349
3389
|
var SvgContentFiltrationFill = function SvgContentFiltrationFill(props, ref) {
|
|
3350
3390
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
|
|
3351
3391
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3360,7 +3400,7 @@ var SvgContentFiltrationFill = function SvgContentFiltrationFill(props, ref) {
|
|
|
3360
3400
|
var ForwardRef$n = /*#__PURE__*/React.forwardRef(SvgContentFiltrationFill);
|
|
3361
3401
|
|
|
3362
3402
|
var _path$m;
|
|
3363
|
-
function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : function (
|
|
3403
|
+
function _extends$m() { return _extends$m = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$m.apply(null, arguments); }
|
|
3364
3404
|
var SvgNavigationChevronUpOutline = function SvgNavigationChevronUpOutline(props, ref) {
|
|
3365
3405
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
|
|
3366
3406
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3375,7 +3415,7 @@ var SvgNavigationChevronUpOutline = function SvgNavigationChevronUpOutline(props
|
|
|
3375
3415
|
var ForwardRef$m = /*#__PURE__*/React.forwardRef(SvgNavigationChevronUpOutline);
|
|
3376
3416
|
|
|
3377
3417
|
var _path$l;
|
|
3378
|
-
function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : function (
|
|
3418
|
+
function _extends$l() { return _extends$l = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$l.apply(null, arguments); }
|
|
3379
3419
|
var SvgNavigationCollapseAllOutline = function SvgNavigationCollapseAllOutline(props, ref) {
|
|
3380
3420
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
|
|
3381
3421
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3390,7 +3430,7 @@ var SvgNavigationCollapseAllOutline = function SvgNavigationCollapseAllOutline(p
|
|
|
3390
3430
|
var ForwardRef$l = /*#__PURE__*/React.forwardRef(SvgNavigationCollapseAllOutline);
|
|
3391
3431
|
|
|
3392
3432
|
var _path$k;
|
|
3393
|
-
function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : function (
|
|
3433
|
+
function _extends$k() { return _extends$k = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$k.apply(null, arguments); }
|
|
3394
3434
|
var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props, ref) {
|
|
3395
3435
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
|
|
3396
3436
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3404,7 +3444,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
|
|
|
3404
3444
|
};
|
|
3405
3445
|
var ForwardRef$k = /*#__PURE__*/React.forwardRef(SvgNavigationExpandAllOutline);
|
|
3406
3446
|
|
|
3407
|
-
var css$v = {"uui-typography":"
|
|
3447
|
+
var css$v = {"uui-typography":"oRF7OT","uuiTypography":"oRF7OT","hero-header":"YcMwvF","heroHeader":"YcMwvF","promo-header":"ojZBTI","promoHeader":"ojZBTI","uui-critical":"Mclxmn","uuiCritical":"Mclxmn","uui-info":"DBzRfW","uuiInfo":"DBzRfW","uui-success":"X7pGoE","uuiSuccess":"X7pGoE","uui-warning":"t1phN1","uuiWarning":"t1phN1","uui-highlight":"Kb2vYP","uuiHighlight":"Kb2vYP","uui-typography-size-12":"aefYtl","uuiTypographySize12":"aefYtl","uui-typography-size-14":"PpqycP","uuiTypographySize14":"PpqycP","uui-typography-size-16":"Jj-LyA","uuiTypographySize16":"Jj-LyA","root":"nEQ9Mr","caption-wrapper":"k41PRZ","captionWrapper":"k41PRZ","sort-icon":"VIokxE","sortIcon":"VIokxE","dropdown-icon":"kSyBg8","dropdownIcon":"kSyBg8","infoIcon":"d43wW5","resizable":"_4AF6CK","align-right":"CWxS5r","alignRight":"CWxS5r","align-center":"jcnyr7","alignCenter":"jcnyr7","caption":"lXvrMb","truncate":"_2jCbeW","checkbox":"R5ArEb","icon":"ntSUOj","fold-all-icon":"_0NJhUk","foldAllIcon":"_0NJhUk","cell-tooltip":"IVad45","cellTooltip":"IVad45","upper-case":"DvPpM-","upperCase":"DvPpM-","resizing-marker":"qOBdwy","resizingMarker":"qOBdwy","pinned-right":"JkwY-A","pinnedRight":"JkwY-A","draggable":"F0D1wZ","ghost":"hRn5o4","is-dragged-out":"aGtfR1","isDraggedOut":"aGtfR1","dnd-marker-left":"_4QaGfn","dndMarkerLeft":"_4QaGfn","dnd-marker-right":"f-CVFD","dndMarkerRight":"f-CVFD","cell-tooltip-wrapper":"MDLJVA","cellTooltipWrapper":"MDLJVA","cell-tooltip-text":"PmDI3S","cellTooltipText":"PmDI3S","tooltip-caption":"JguU8a","tooltipCaption":"JguU8a","tooltip-info":"hPfBpr","tooltipInfo":"hPfBpr"};
|
|
3408
3448
|
|
|
3409
3449
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
3410
3450
|
constructor() {
|
|
@@ -3428,7 +3468,7 @@ class DataTableHeaderCell extends React__namespace.Component {
|
|
|
3428
3468
|
React__namespace.createElement(Text, { key: "text", fontSize: settings.sizes.dataTable.header.row.cell.columnCaption[this.props.textCase === 'upper' ? 'uppercase' : 'fontSize'], size: settings.sizes.dataTable.header.row.cell.columnCaption.size, cx: captionCx }, this.props.column.caption)),
|
|
3429
3469
|
this.props.column.isSortable && (!this.props.column.renderFilter || this.props.sortDirection) && (React__namespace.createElement(IconButton, { key: "sort", cx: uuiCore.cx(css$v.icon, css$v.sortIcon, this.props.sortDirection && css$v.sortIconActive, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderSortIcon), color: this.props.sortDirection ? 'neutral' : 'secondary', icon: this.props.sortDirection === 'desc' ? ForwardRef$p : this.props.sortDirection === 'asc' ? ForwardRef$q : ForwardRef$o })),
|
|
3430
3470
|
this.props.isFilterActive && (React__namespace.createElement(IconButton, { key: "filter", cx: uuiCore.cx(css$v.icon, !this.props.sortDirection && css$v.filterIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderFilterIcon), color: "neutral", icon: ForwardRef$n })),
|
|
3431
|
-
this.props.column.renderFilter && (React__namespace.createElement(IconButton, { key: "dropdown", cx: uuiCore.cx(css$v.icon, css$v.dropdownIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$m : ForwardRef$
|
|
3471
|
+
this.props.column.renderFilter && (React__namespace.createElement(IconButton, { key: "dropdown", cx: uuiCore.cx(css$v.icon, css$v.dropdownIcon, uuiCore.uuiDataTableHeaderCell.uuiTableHeaderDropdownIcon), color: "secondary", icon: this.state.isDropdownOpen ? ForwardRef$m : ForwardRef$Q }))));
|
|
3432
3472
|
};
|
|
3433
3473
|
this.renderHeaderCheckbox = () => {
|
|
3434
3474
|
if (this.props.selectAll && this.props.isFirstColumn) {
|
|
@@ -3496,7 +3536,7 @@ class DataTableHeaderCell extends React__namespace.Component {
|
|
|
3496
3536
|
}
|
|
3497
3537
|
|
|
3498
3538
|
var _path$j;
|
|
3499
|
-
function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : function (
|
|
3539
|
+
function _extends$j() { return _extends$j = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$j.apply(null, arguments); }
|
|
3500
3540
|
var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
3501
3541
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
|
|
3502
3542
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3510,9 +3550,9 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
|
3510
3550
|
};
|
|
3511
3551
|
var ForwardRef$j = /*#__PURE__*/React.forwardRef(SvgActionSettingsFill);
|
|
3512
3552
|
|
|
3513
|
-
var css$u = {"uui-typography":"
|
|
3553
|
+
var css$u = {"uui-typography":"_1YLLVH","uuiTypography":"_1YLLVH","hero-header":"fmIUpZ","heroHeader":"fmIUpZ","promo-header":"SUm-6v","promoHeader":"SUm-6v","uui-critical":"_9keztR","uuiCritical":"_9keztR","uui-info":"_-2jaGi","uuiInfo":"_-2jaGi","uui-success":"sWo6y0","uuiSuccess":"sWo6y0","uui-warning":"_7xSClx","uuiWarning":"_7xSClx","uui-highlight":"_--rokK","uuiHighlight":"_--rokK","uui-typography-size-12":"vU7UVl","uuiTypographySize12":"vU7UVl","uui-typography-size-14":"_1wv-Oi","uuiTypographySize14":"_1wv-Oi","uui-typography-size-16":"_4r6j0m","uuiTypographySize16":"_4r6j0m","root":"n4Fw0D"};
|
|
3514
3554
|
|
|
3515
|
-
var css$t = {"uui-typography":"
|
|
3555
|
+
var css$t = {"uui-typography":"GIt4Ka","uuiTypography":"GIt4Ka","hero-header":"HbthCq","heroHeader":"HbthCq","promo-header":"Jxa9u3","promoHeader":"Jxa9u3","uui-critical":"wNBArw","uuiCritical":"wNBArw","uui-info":"ah4JfU","uuiInfo":"ah4JfU","uui-success":"h4Lv4Q","uuiSuccess":"h4Lv4Q","uui-warning":"rzhvW-","uuiWarning":"rzhvW-","uui-highlight":"wma7aU","uuiHighlight":"wma7aU","uui-typography-size-12":"_1J-Vxx","uuiTypographySize12":"_1J-Vxx","uui-typography-size-14":"m-6l6z","uuiTypographySize14":"m-6l6z","uui-typography-size-16":"-Mpd-g","uuiTypographySize16":"-Mpd-g","root":"tdz7Yw","caption-wrapper":"h2--nJ","captionWrapper":"h2--nJ","align-center":"fQHDw1","alignCenter":"fQHDw1","caption":"wfqCPg","truncate":"ukvS7J","group-cell-tooltip":"IV6fkQ","groupCellTooltip":"IV6fkQ","upper-case":"_6u4fu2","upperCase":"_6u4fu2","group-cell-tooltip-wrapper":"xq5ZBO","groupCellTooltipWrapper":"xq5ZBO","group-cell-tooltip-text":"K2rsf4","groupCellTooltipText":"K2rsf4","tooltip-caption":"_7mFQBs","tooltipCaption":"_7mFQBs","tooltip-info":"tcyiSD","tooltipInfo":"tcyiSD"};
|
|
3516
3556
|
|
|
3517
3557
|
class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
3518
3558
|
constructor() {
|
|
@@ -3561,7 +3601,6 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
|
3561
3601
|
const computeStyles = {
|
|
3562
3602
|
'--uui-dt-header-group-cell-padding-start': `${this.getLeftPadding()}px`,
|
|
3563
3603
|
'--uui-dt-header-group-cell-padding-end': `${this.getRightPadding()}px`,
|
|
3564
|
-
width: '100%',
|
|
3565
3604
|
};
|
|
3566
3605
|
return (React__namespace.createElement(uuiComponents.DataTableCellContainer, { column: this.props.group, cx: uuiCore.cx(uuiCore.uuiDataTableHeaderGroupCell.uuiTableHeaderGroupCell, css$t.root, `uui-size-${this.props.size || settings.sizes.dataTable.header.row.groupCell.defaults.size}`, this.props.isFirstCell && 'uui-dt-header-first-column', this.props.isLastCell && 'uui-dt-header-last-column'), rawProps: { role: 'columnheader' }, style: computeStyles }, this.getColumnCaption()));
|
|
3567
3606
|
}
|
|
@@ -3578,7 +3617,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
|
3578
3617
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
3579
3618
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
3580
3619
|
|
|
3581
|
-
var css$s = {"uui-typography":"
|
|
3620
|
+
var css$s = {"uui-typography":"ioPrhF","uuiTypography":"ioPrhF","hero-header":"Ei78zO","heroHeader":"Ei78zO","promo-header":"_66Ib0o","promoHeader":"_66Ib0o","uui-critical":"rBesM0","uuiCritical":"rBesM0","uui-info":"_8G-tiD","uuiInfo":"_8G-tiD","uui-success":"jvH3uw","uuiSuccess":"jvH3uw","uui-warning":"RB2GRK","uuiWarning":"RB2GRK","uui-highlight":"yxQZGS","uuiHighlight":"yxQZGS","uui-typography-size-12":"_1zJ-4T","uuiTypographySize12":"_1zJ-4T","uui-typography-size-14":"_8mK9JG","uuiTypographySize14":"_8mK9JG","uui-typography-size-16":"dhRlv4","uuiTypographySize16":"dhRlv4","root":"ZAhtyX","title-wrapper":"NiuJvN","titleWrapper":"NiuJvN","title":"n1kMq-","text-wrapper":"a9jwPV","textWrapper":"a9jwPV","selection":"z3jUBt","postfix":"CS7rq3","selected":"_76kvfE"};
|
|
3582
3621
|
|
|
3583
3622
|
const defaultSize = '36';
|
|
3584
3623
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
@@ -3709,7 +3748,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
3709
3748
|
const context = uuiCore.useUuiContext();
|
|
3710
3749
|
const onOpenChange = (newIsOpen) => {
|
|
3711
3750
|
var _a, _b;
|
|
3712
|
-
|
|
3751
|
+
{
|
|
3713
3752
|
(_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
|
|
3714
3753
|
}
|
|
3715
3754
|
(_b = props.onOpenChange) === null || _b === void 0 ? void 0 : _b.call(props, newIsOpen);
|
|
@@ -3756,7 +3795,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
3756
3795
|
React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
3757
3796
|
}
|
|
3758
3797
|
|
|
3759
|
-
var css$r = {"container":"
|
|
3798
|
+
var css$r = {"container":"_0hEbmk"};
|
|
3760
3799
|
|
|
3761
3800
|
function FilterNumericBody(props) {
|
|
3762
3801
|
var _a, _b;
|
|
@@ -3840,7 +3879,7 @@ function FilterItemBody(props) {
|
|
|
3840
3879
|
}
|
|
3841
3880
|
|
|
3842
3881
|
var _path$i;
|
|
3843
|
-
function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : function (
|
|
3882
|
+
function _extends$i() { return _extends$i = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$i.apply(null, arguments); }
|
|
3844
3883
|
var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
3845
3884
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
|
|
3846
3885
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -3854,7 +3893,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
|
3854
3893
|
};
|
|
3855
3894
|
var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
|
|
3856
3895
|
|
|
3857
|
-
var css$q = {"uui-typography":"
|
|
3896
|
+
var css$q = {"uui-typography":"EZ-kov","uuiTypography":"EZ-kov","hero-header":"Dffwh9","heroHeader":"Dffwh9","promo-header":"cpJYqc","promoHeader":"cpJYqc","uui-critical":"ZZI3Xd","uuiCritical":"ZZI3Xd","uui-info":"QZ-lrA","uuiInfo":"QZ-lrA","uui-success":"_5-DW-J","uuiSuccess":"_5-DW-J","uui-warning":"EcnUml","uuiWarning":"EcnUml","uui-highlight":"_-7ZZti","uuiHighlight":"_-7ZZti","uui-typography-size-12":"bhb8D5","uuiTypographySize12":"bhb8D5","uui-typography-size-14":"T-qmOf","uuiTypographySize14":"T-qmOf","uui-typography-size-16":"R6WMy6","uuiTypographySize16":"R6WMy6","header":"TAnkVl","removeButton":"_4qetCv","with-search":"mK09-w","withSearch":"mK09-w"};
|
|
3858
3897
|
|
|
3859
3898
|
function useView(props, value) {
|
|
3860
3899
|
const forceUpdate = uuiCore.useForceUpdate();
|
|
@@ -4038,7 +4077,7 @@ function FiltersToolbarItemImpl(props) {
|
|
|
4038
4077
|
const FiltersPanelItem = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarItemImpl);
|
|
4039
4078
|
|
|
4040
4079
|
var _path$h;
|
|
4041
|
-
function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : function (
|
|
4080
|
+
function _extends$h() { return _extends$h = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$h.apply(null, arguments); }
|
|
4042
4081
|
var SvgActionAddOutline = function SvgActionAddOutline(props, ref) {
|
|
4043
4082
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
|
|
4044
4083
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4175,10 +4214,10 @@ function FiltersToolbarImpl(props) {
|
|
|
4175
4214
|
}
|
|
4176
4215
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
4177
4216
|
|
|
4178
|
-
var css$p = {"divider":"
|
|
4217
|
+
var css$p = {"divider":"yO5QiF","dropdownDeleteIcon":"_8YemMj","presetsWrapper":"_9sstl-","addPresetContainer":"zwqSft","dropContainer":"_1fS5KC"};
|
|
4179
4218
|
|
|
4180
4219
|
var _path$g;
|
|
4181
|
-
function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (
|
|
4220
|
+
function _extends$g() { return _extends$g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$g.apply(null, arguments); }
|
|
4182
4221
|
var SvgNavigationMoreVertOutline = function SvgNavigationMoreVertOutline(props, ref) {
|
|
4183
4222
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
|
|
4184
4223
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4195,7 +4234,7 @@ var SvgNavigationMoreVertOutline = function SvgNavigationMoreVertOutline(props,
|
|
|
4195
4234
|
var ForwardRef$g = /*#__PURE__*/React.forwardRef(SvgNavigationMoreVertOutline);
|
|
4196
4235
|
|
|
4197
4236
|
var _path$f;
|
|
4198
|
-
function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : function (
|
|
4237
|
+
function _extends$f() { return _extends$f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$f.apply(null, arguments); }
|
|
4199
4238
|
var SvgNavigationRefreshOutline = function SvgNavigationRefreshOutline(props, ref) {
|
|
4200
4239
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
|
|
4201
4240
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4210,7 +4249,7 @@ var SvgNavigationRefreshOutline = function SvgNavigationRefreshOutline(props, re
|
|
|
4210
4249
|
var ForwardRef$f = /*#__PURE__*/React.forwardRef(SvgNavigationRefreshOutline);
|
|
4211
4250
|
|
|
4212
4251
|
var _path$e;
|
|
4213
|
-
function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : function (
|
|
4252
|
+
function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
|
|
4214
4253
|
var SvgActionSaveOutline = function SvgActionSaveOutline(props, ref) {
|
|
4215
4254
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
|
|
4216
4255
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4225,7 +4264,7 @@ var SvgActionSaveOutline = function SvgActionSaveOutline(props, ref) {
|
|
|
4225
4264
|
var ForwardRef$e = /*#__PURE__*/React.forwardRef(SvgActionSaveOutline);
|
|
4226
4265
|
|
|
4227
4266
|
var _path$d;
|
|
4228
|
-
function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : function (
|
|
4267
|
+
function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
|
|
4229
4268
|
var SvgContentEditUndoOutline = function SvgContentEditUndoOutline(props, ref) {
|
|
4230
4269
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
|
|
4231
4270
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4240,7 +4279,7 @@ var SvgContentEditUndoOutline = function SvgContentEditUndoOutline(props, ref) {
|
|
|
4240
4279
|
var ForwardRef$d = /*#__PURE__*/React.forwardRef(SvgContentEditUndoOutline);
|
|
4241
4280
|
|
|
4242
4281
|
var _path$c;
|
|
4243
|
-
function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (
|
|
4282
|
+
function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
|
|
4244
4283
|
var SvgActionCopyContentOutline = function SvgActionCopyContentOutline(props, ref) {
|
|
4245
4284
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
|
|
4246
4285
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4257,7 +4296,7 @@ var SvgActionCopyContentOutline = function SvgActionCopyContentOutline(props, re
|
|
|
4257
4296
|
var ForwardRef$c = /*#__PURE__*/React.forwardRef(SvgActionCopyContentOutline);
|
|
4258
4297
|
|
|
4259
4298
|
var _path$b;
|
|
4260
|
-
function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : function (
|
|
4299
|
+
function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
|
|
4261
4300
|
var SvgContentEditFill = function SvgContentEditFill(props, ref) {
|
|
4262
4301
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
|
|
4263
4302
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4272,7 +4311,7 @@ var SvgContentEditFill = function SvgContentEditFill(props, ref) {
|
|
|
4272
4311
|
var ForwardRef$b = /*#__PURE__*/React.forwardRef(SvgContentEditFill);
|
|
4273
4312
|
|
|
4274
4313
|
var _path$a, _path2$3;
|
|
4275
|
-
function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : function (
|
|
4314
|
+
function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
|
|
4276
4315
|
var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
|
|
4277
4316
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
|
|
4278
4317
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4288,7 +4327,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
|
|
|
4288
4327
|
};
|
|
4289
4328
|
var ForwardRef$a = /*#__PURE__*/React.forwardRef(SvgContentLinkOutline);
|
|
4290
4329
|
|
|
4291
|
-
var css$o = {"delete-button":"
|
|
4330
|
+
var css$o = {"delete-button":"GRiqS5","deleteButton":"GRiqS5","tab-button":"R5YP2C","tabButton":"R5YP2C","targetOpen":"_7Sh9e5"};
|
|
4292
4331
|
|
|
4293
4332
|
function PresetActionsDropdown(props) {
|
|
4294
4333
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -4329,12 +4368,14 @@ function PresetActionsDropdown(props) {
|
|
|
4329
4368
|
const isRenameAvailable = props.preset.id === props.activePresetId && !isReadonlyPreset;
|
|
4330
4369
|
return (React__namespace.default.createElement(DropdownMenuBody, Object.assign({}, dropdownProps),
|
|
4331
4370
|
isPresetChanged && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
4332
|
-
!isReadonlyPreset && (React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-in-current`, icon: ForwardRef$f, caption: "Save in current", onClick: saveInCurrentHandler })),
|
|
4333
|
-
React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-as-new`, icon: ForwardRef$e, caption: "Save as new",
|
|
4334
|
-
|
|
4371
|
+
!isReadonlyPreset && (React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-in-current`, icon: ForwardRef$f, caption: "Save in current", onClick: () => { dropdownProps.onClose(); saveInCurrentHandler(); } })),
|
|
4372
|
+
React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-as-new`, icon: ForwardRef$e, caption: "Save as new",
|
|
4373
|
+
// We add setTimeout to call addPreset after dropdown will be closed, since dropdown has focus lock, and it broke autofocus on add new preset input
|
|
4374
|
+
onClick: () => { dropdownProps.onClose(); setTimeout(() => props.addPreset(), 0); } }),
|
|
4375
|
+
React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-discard`, icon: ForwardRef$d, caption: "Discard all changes", onClick: () => { dropdownProps.onClose(); discardAllChangesHandler(); } }),
|
|
4335
4376
|
React__namespace.default.createElement(DropdownMenuSplitter, { key: "discard-splitter" }))),
|
|
4336
4377
|
isRenameAvailable && (React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-rename`, icon: ForwardRef$b, caption: "Rename", onClick: props.renamePreset })),
|
|
4337
|
-
React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-duplicate`, icon: ForwardRef$c, caption: "Duplicate", onClick: duplicateHandler }),
|
|
4378
|
+
React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-duplicate`, icon: ForwardRef$c, caption: "Duplicate", onClick: () => { dropdownProps.onClose(); duplicateHandler(); } }),
|
|
4338
4379
|
React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-copyLink`, icon: ForwardRef$a, caption: "Copy Link", onClick: copyUrlToClipboard }),
|
|
4339
4380
|
!isReadonlyPreset && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
4340
4381
|
React__namespace.default.createElement(DropdownMenuSplitter, { key: "delete-splitter" }),
|
|
@@ -4346,7 +4387,7 @@ function PresetActionsDropdown(props) {
|
|
|
4346
4387
|
return (React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
4347
4388
|
}
|
|
4348
4389
|
|
|
4349
|
-
var css$n = {"preset-input-cell":"
|
|
4390
|
+
var css$n = {"preset-input-cell":"OOHGVC","presetInputCell":"OOHGVC","preset-input":"GTtqXo","presetInput":"GTtqXo"};
|
|
4350
4391
|
|
|
4351
4392
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
4352
4393
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
@@ -4379,7 +4420,7 @@ function PresetInput(props) {
|
|
|
4379
4420
|
React__namespace.default.createElement(TextInput, { cx: css$n.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
4380
4421
|
}
|
|
4381
4422
|
|
|
4382
|
-
var css$m = {"preset":"
|
|
4423
|
+
var css$m = {"preset":"_9t-Ad7","activePreset":"zFp29n"};
|
|
4383
4424
|
|
|
4384
4425
|
function Preset(props) {
|
|
4385
4426
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -4397,11 +4438,12 @@ function Preset(props) {
|
|
|
4397
4438
|
return props.updatePreset(newPreset);
|
|
4398
4439
|
}, [props.preset]);
|
|
4399
4440
|
const isPresetActive = props.activePresetId === props.preset.id;
|
|
4400
|
-
|
|
4441
|
+
const PresetActionsDropdownComponent = React.useCallback(() => React__namespace.default.createElement(PresetActionsDropdown, Object.assign({ renamePreset: setPresetForRename }, props)), [props.preset, props.tableState, props.activePresetId]);
|
|
4442
|
+
return (React__namespace.default.createElement(FlexCell, { key: props.preset.id, alignSelf: "center", width: "auto" }, isRenamePreset ? (React__namespace.default.createElement(PresetInput, { onCancel: cancelRenamePreset, onSuccess: handlePresetRename, preset: props.preset })) : (React__namespace.default.createElement(TabButton, { caption: props.preset.name, onClick: !isPresetActive && choosePresetHandler, cx: [css$m.preset, isPresetActive && css$m.activePreset, UUI_PRESETS_PANEL_PRESET], size: "60", withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
|
|
4401
4443
|
}
|
|
4402
4444
|
|
|
4403
4445
|
var _path$9;
|
|
4404
|
-
function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : function (
|
|
4446
|
+
function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
|
|
4405
4447
|
var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref) {
|
|
4406
4448
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
|
|
4407
4449
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4499,7 +4541,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4499
4541
|
};
|
|
4500
4542
|
|
|
4501
4543
|
var _path$8;
|
|
4502
|
-
function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (
|
|
4544
|
+
function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
|
|
4503
4545
|
var SvgActionLockFill = function SvgActionLockFill(props, ref) {
|
|
4504
4546
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
|
|
4505
4547
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4516,7 +4558,7 @@ var SvgActionLockFill = function SvgActionLockFill(props, ref) {
|
|
|
4516
4558
|
var ForwardRef$8 = /*#__PURE__*/React.forwardRef(SvgActionLockFill);
|
|
4517
4559
|
|
|
4518
4560
|
var _path$7, _path2$2;
|
|
4519
|
-
function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : function (
|
|
4561
|
+
function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
|
|
4520
4562
|
var SvgTableGroupColumnLeftFill = function SvgTableGroupColumnLeftFill(props, ref) {
|
|
4521
4563
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
|
|
4522
4564
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4535,7 +4577,7 @@ var SvgTableGroupColumnLeftFill = function SvgTableGroupColumnLeftFill(props, re
|
|
|
4535
4577
|
var ForwardRef$7 = /*#__PURE__*/React.forwardRef(SvgTableGroupColumnLeftFill);
|
|
4536
4578
|
|
|
4537
4579
|
var _path$6, _path2$1;
|
|
4538
|
-
function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : function (
|
|
4580
|
+
function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
|
|
4539
4581
|
var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props, ref) {
|
|
4540
4582
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
|
|
4541
4583
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4553,7 +4595,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
|
|
|
4553
4595
|
};
|
|
4554
4596
|
var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgTableGroupColumnRightFill);
|
|
4555
4597
|
|
|
4556
|
-
var css$l = {"unpin-icon":"
|
|
4598
|
+
var css$l = {"unpin-icon":"cYHcqw","unpinIcon":"cYHcqw","pin-toggler-icon":"r1OJGN","pinTogglerIcon":"r1OJGN"};
|
|
4557
4599
|
|
|
4558
4600
|
function PinIconButton(props) {
|
|
4559
4601
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4596,7 +4638,7 @@ function getUnpinIcon(params) {
|
|
|
4596
4638
|
}
|
|
4597
4639
|
|
|
4598
4640
|
var _path$5;
|
|
4599
|
-
function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : function (
|
|
4641
|
+
function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
|
|
4600
4642
|
var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
|
|
4601
4643
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
4602
4644
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4612,7 +4654,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
|
|
|
4612
4654
|
};
|
|
4613
4655
|
var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgActionDragIndicator18);
|
|
4614
4656
|
|
|
4615
|
-
var css$k = {"uui-typography":"
|
|
4657
|
+
var css$k = {"uui-typography":"tCJ-44","uuiTypography":"tCJ-44","hero-header":"tZW5WP","heroHeader":"tZW5WP","promo-header":"U20tzc","promoHeader":"U20tzc","uui-critical":"SJR1oQ","uuiCritical":"SJR1oQ","uui-info":"Km2CDD","uuiInfo":"Km2CDD","uui-success":"V5IiWC","uuiSuccess":"V5IiWC","uui-warning":"_5wfKau","uuiWarning":"_5wfKau","uui-highlight":"T1Iq9w","uuiHighlight":"T1Iq9w","uui-typography-size-12":"WaIUNv","uuiTypographySize12":"WaIUNv","uui-typography-size-14":"vP8-HK","uuiTypographySize14":"vP8-HK","uui-typography-size-16":"AEQWTT","uuiTypographySize16":"AEQWTT","row-wrapper":"jI1vxJ","rowWrapper":"jI1vxJ","pin-icon-button":"qwZsBF","pinIconButton":"qwZsBF","not-pinned":"Y9KYNM","notPinned":"Y9KYNM","checkbox":"h-4oIy","drag-handle":"J9Tngf","dragHandle":"J9Tngf","dnd-disabled":"u-vgTf","dndDisabled":"u-vgTf"};
|
|
4616
4658
|
|
|
4617
4659
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4618
4660
|
const { column } = props;
|
|
@@ -4635,7 +4677,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
|
|
|
4635
4677
|
return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4636
4678
|
});
|
|
4637
4679
|
|
|
4638
|
-
var css$j = {"uui-typography":"
|
|
4680
|
+
var css$j = {"uui-typography":"Zr7Skp","uuiTypography":"Zr7Skp","hero-header":"POkOsN","heroHeader":"POkOsN","promo-header":"EpqCBA","promoHeader":"EpqCBA","uui-critical":"BfZP3F","uuiCritical":"BfZP3F","uui-info":"LA7sfr","uuiInfo":"LA7sfr","uui-success":"_8a4gk2","uuiSuccess":"_8a4gk2","uui-warning":"Dv7Il4","uuiWarning":"Dv7Il4","uui-highlight":"KUWMWS","uuiHighlight":"KUWMWS","uui-typography-size-12":"ZJeKGN","uuiTypographySize12":"ZJeKGN","uui-typography-size-14":"_4Wo8bU","uuiTypographySize14":"_4Wo8bU","uui-typography-size-16":"nDSwEl","uuiTypographySize16":"nDSwEl","root":"iKBnFF","main-panel":"U-g-h-","mainPanel":"U-g-h-","group":"sS-nY0","group-title":"f9D237","groupTitle":"f9D237","group-items":"qhZR5S","groupItems":"qhZR5S","no-data":"bHaIYJ","noData":"bHaIYJ","no-data-title":"WbXaFa","noDataTitle":"WbXaFa","no-data-sub-title":"wJrwTq","noDataSubTitle":"wJrwTq","h-divider":"jKY4Ww","hDivider":"jKY4Ww","search-area":"-Bk2lp","searchArea":"-Bk2lp","subgroup-accordion":"YPr48O","subgroupAccordion":"YPr48O","subgroup":"_54c60u","subgroup-title":"hq03XH","subgroupTitle":"hq03XH"};
|
|
4639
4681
|
|
|
4640
4682
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$j.group },
|
|
4641
4683
|
React__namespace.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
|
|
@@ -4712,7 +4754,7 @@ function SubGroup(props) {
|
|
|
4712
4754
|
const content = (React__namespace.createElement(FlexRow, { cx: css$j.groupItems, size: settings.sizes.dataTable.columnsConfigurationModal.columnRow }, items.map((c) => (React__namespace.createElement(ColumnRow, { column: c, key: c.key, renderItem: renderItem })))));
|
|
4713
4755
|
if (isCollapsible) {
|
|
4714
4756
|
const renderTitle = (isOpened) => {
|
|
4715
|
-
const toggleIcon = isOpened ? ForwardRef$
|
|
4757
|
+
const toggleIcon = isOpened ? ForwardRef$Q : ForwardRef$v;
|
|
4716
4758
|
return (React__namespace.createElement(FlexRow, { cx: uuiCore.cx(css$j.subgroup) },
|
|
4717
4759
|
React__namespace.createElement(uuiComponents.IconContainer, { size: settings.sizes.dataTable.columnsConfigurationModal.subgroupIcon, icon: toggleIcon }),
|
|
4718
4760
|
React__namespace.createElement(Text, { size: "none", color: "tertiary", cx: css$j.subgroupTitle }, title)));
|
|
@@ -4724,7 +4766,7 @@ function SubGroup(props) {
|
|
|
4724
4766
|
return null;
|
|
4725
4767
|
}
|
|
4726
4768
|
|
|
4727
|
-
var css$i = {"listContainer":"
|
|
4769
|
+
var css$i = {"listContainer":"g6pPbA","header":"-Jr3iP","group":"GGu1Vv","stickyHeader":"TAnWDa"};
|
|
4728
4770
|
|
|
4729
4771
|
const getChildrenAndRest = (row, rows) => {
|
|
4730
4772
|
const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
|
|
@@ -4780,7 +4822,7 @@ function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, r
|
|
|
4780
4822
|
}
|
|
4781
4823
|
|
|
4782
4824
|
var _path$4, _path2, _path3, _path4, _path5, _path6, _g, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _defs;
|
|
4783
|
-
function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : function (
|
|
4825
|
+
function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
|
|
4784
4826
|
var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
4785
4827
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
4786
4828
|
width: 232,
|
|
@@ -4790,7 +4832,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4790
4832
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4791
4833
|
ref: ref
|
|
4792
4834
|
}, props), /*#__PURE__*/React__namespace.createElement("g", {
|
|
4793
|
-
clipPath: "url(#
|
|
4835
|
+
clipPath: "url(#ljdi1z6n0zidggsov_a)"
|
|
4794
4836
|
}, _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4795
4837
|
d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
|
|
4796
4838
|
fill: "#F5F6FA"
|
|
@@ -4811,7 +4853,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4811
4853
|
d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
|
|
4812
4854
|
fill: "#1D1E26"
|
|
4813
4855
|
})), /*#__PURE__*/React__namespace.createElement("mask", {
|
|
4814
|
-
id: "
|
|
4856
|
+
id: "ljdi1zpeaxvfg4fv_b",
|
|
4815
4857
|
style: {
|
|
4816
4858
|
maskType: "alpha"
|
|
4817
4859
|
},
|
|
@@ -4824,7 +4866,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4824
4866
|
d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
|
|
4825
4867
|
fill: "#9BDEFF"
|
|
4826
4868
|
}))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
4827
|
-
mask: "url(#
|
|
4869
|
+
mask: "url(#ljdi1zpeaxvfg4fv_b)",
|
|
4828
4870
|
fillRule: "evenodd",
|
|
4829
4871
|
clipRule: "evenodd"
|
|
4830
4872
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -4910,7 +4952,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4910
4952
|
d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
|
|
4911
4953
|
fill: "#fff"
|
|
4912
4954
|
}))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
4913
|
-
id: "
|
|
4955
|
+
id: "ljdi1z6n0zidggsov_a"
|
|
4914
4956
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
4915
4957
|
fill: "#fff",
|
|
4916
4958
|
transform: "translate(.552)",
|
|
@@ -4919,7 +4961,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4919
4961
|
};
|
|
4920
4962
|
var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
|
|
4921
4963
|
|
|
4922
|
-
var css$h = {"root":"
|
|
4964
|
+
var css$h = {"root":"QeVOHa","sticky-header":"aWhV4b","stickyHeader":"aWhV4b","no-results":"BokJ1y","noResults":"BokJ1y","icon":"tFGEnG","title":"y6EvmD"};
|
|
4923
4965
|
|
|
4924
4966
|
function DataTable(props) {
|
|
4925
4967
|
var _a, _b, _c, _d;
|
|
@@ -4970,12 +5012,12 @@ function DataTable(props) {
|
|
|
4970
5012
|
} }))));
|
|
4971
5013
|
}
|
|
4972
5014
|
|
|
4973
|
-
var css$g = {"root":"
|
|
5015
|
+
var css$g = {"root":"HVbFiO"};
|
|
4974
5016
|
|
|
4975
|
-
var css$f = {"root":"
|
|
5017
|
+
var css$f = {"root":"_8P3o8x","burger-content":"QWiOwR","burgerContent":"QWiOwR"};
|
|
4976
5018
|
|
|
4977
5019
|
var _path$3;
|
|
4978
|
-
function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (
|
|
5020
|
+
function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
|
|
4979
5021
|
var SvgNavigationOpenSideMenuOutline = function SvgNavigationOpenSideMenuOutline(props, ref) {
|
|
4980
5022
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
|
|
4981
5023
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -4994,12 +5036,12 @@ function applyBurgerMods() {
|
|
|
4994
5036
|
}
|
|
4995
5037
|
const Burger = /* @__PURE__ */uuiCore.withMods(uuiComponents.Burger, applyBurgerMods, () => ({
|
|
4996
5038
|
burgerIcon: ForwardRef$3,
|
|
4997
|
-
crossIcon: ForwardRef$
|
|
5039
|
+
crossIcon: ForwardRef$R,
|
|
4998
5040
|
burgerContentCx: css$f.burgerContent,
|
|
4999
5041
|
}));
|
|
5000
5042
|
|
|
5001
5043
|
var _path$2;
|
|
5002
|
-
function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (
|
|
5044
|
+
function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
|
|
5003
5045
|
var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props, ref) {
|
|
5004
5046
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
|
|
5005
5047
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5015,7 +5057,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5015
5057
|
};
|
|
5016
5058
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
5017
5059
|
|
|
5018
|
-
var css$e = {"uui-typography":"
|
|
5060
|
+
var css$e = {"uui-typography":"yB9OaF","uuiTypography":"yB9OaF","hero-header":"FRXUG5","heroHeader":"FRXUG5","promo-header":"DmMLBg","promoHeader":"DmMLBg","uui-critical":"v3SiCF","uuiCritical":"v3SiCF","uui-info":"s4Reph","uuiInfo":"s4Reph","uui-success":"wjLBKB","uuiSuccess":"wjLBKB","uui-warning":"N3LDfn","uuiWarning":"N3LDfn","uui-highlight":"T9Js7M","uuiHighlight":"T9Js7M","uui-typography-size-12":"_6Uvb3J","uuiTypographySize12":"_6Uvb3J","uui-typography-size-14":"wIhk6o","uuiTypographySize14":"wIhk6o","uui-typography-size-16":"_0b1Hd8","uuiTypographySize16":"_0b1Hd8","root":"BbZ2dy","button-primary":"Gaw91J","buttonPrimary":"Gaw91J","button-secondary":"A5Ys9B","buttonSecondary":"A5Ys9B","hasIcon":"U7N-SM","dropdown":"TAe8ki"};
|
|
5019
5061
|
|
|
5020
5062
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
5021
5063
|
css$e.root,
|
|
@@ -5026,13 +5068,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
5026
5068
|
props.icon && css$e.hasIcon,
|
|
5027
5069
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5028
5070
|
|
|
5029
|
-
var css$d = {"search-input":"
|
|
5071
|
+
var css$d = {"search-input":"Yl6vtN","searchInput":"Yl6vtN"};
|
|
5030
5072
|
|
|
5031
5073
|
function BurgerSearch(props) {
|
|
5032
|
-
return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$
|
|
5074
|
+
return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$O, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$R }));
|
|
5033
5075
|
}
|
|
5034
5076
|
|
|
5035
|
-
var css$c = {"root":"
|
|
5077
|
+
var css$c = {"root":"XYlNa6","group-header":"OuRecK","groupHeader":"OuRecK","group-name":"ujUEa-","groupName":"ujUEa-","line":"OGPHW-"};
|
|
5036
5078
|
|
|
5037
5079
|
function BurgerGroupHeader(props) {
|
|
5038
5080
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5040,7 +5082,7 @@ function BurgerGroupHeader(props) {
|
|
|
5040
5082
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5041
5083
|
}
|
|
5042
5084
|
|
|
5043
|
-
var css$b = {"uui-typography":"
|
|
5085
|
+
var css$b = {"uui-typography":"jVeOyu","uuiTypography":"jVeOyu","hero-header":"_6UOqNb","heroHeader":"_6UOqNb","promo-header":"Br5hHo","promoHeader":"Br5hHo","uui-critical":"n6GWk7","uuiCritical":"n6GWk7","uui-info":"_7sULpP","uuiInfo":"_7sULpP","uui-success":"HlrHyD","uuiSuccess":"HlrHyD","uui-warning":"QLF1HO","uuiWarning":"QLF1HO","uui-highlight":"_-2nHuI","uuiHighlight":"_-2nHuI","uui-typography-size-12":"cSE2-q","uuiTypographySize12":"cSE2-q","uui-typography-size-14":"QXy8ik","uuiTypographySize14":"QXy8ik","uui-typography-size-16":"jQbgBM","uuiTypographySize16":"jQbgBM","root":"HaIjhf","type-primary":"RNqpAJ","typePrimary":"RNqpAJ","type-secondary":"_5SAOkf","typeSecondary":"_5SAOkf"};
|
|
5044
5086
|
|
|
5045
5087
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5046
5088
|
const { type } = props, clickableProps = __rest(props, ["type"]);
|
|
@@ -5053,10 +5095,10 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5053
5095
|
props.caption && (React__namespace.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
|
|
5054
5096
|
props.count !== undefined && props.count !== null && (React__namespace.createElement(CountIndicator, { caption: props.count, color: "neutral", size: "18" })),
|
|
5055
5097
|
props.icon && props.iconPosition === 'right' && (React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: props.onIconClick })),
|
|
5056
|
-
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$
|
|
5098
|
+
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$Q, flipY: props.isOpen }))));
|
|
5057
5099
|
});
|
|
5058
5100
|
|
|
5059
|
-
var css$a = {"dropdown-body":"
|
|
5101
|
+
var css$a = {"dropdown-body":"LUOvvE","dropdownBody":"LUOvvE"};
|
|
5060
5102
|
|
|
5061
5103
|
class MainMenuDropdown extends React__namespace.Component {
|
|
5062
5104
|
render() {
|
|
@@ -5095,7 +5137,7 @@ const MainMenu = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.MainMe
|
|
|
5095
5137
|
}));
|
|
5096
5138
|
|
|
5097
5139
|
var _path$1;
|
|
5098
|
-
function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (
|
|
5140
|
+
function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
|
|
5099
5141
|
var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutlineOutline(props, ref) {
|
|
5100
5142
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
|
|
5101
5143
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5111,31 +5153,31 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5111
5153
|
};
|
|
5112
5154
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5113
5155
|
|
|
5114
|
-
var css$9 = {"global-menu-btn":"
|
|
5156
|
+
var css$9 = {"global-menu-btn":"PvQ3e1","globalMenuBtn":"PvQ3e1","global-menu-icon":"_5394-E","globalMenuIcon":"_5394-E"};
|
|
5115
5157
|
|
|
5116
5158
|
const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx) }, props.rawProps),
|
|
5117
5159
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5118
5160
|
|
|
5119
|
-
var css$8 = {"container":"
|
|
5161
|
+
var css$8 = {"container":"B7yrBF","open":"E4xaSe","folding-arrow":"FciINo","foldingArrow":"FciINo"};
|
|
5120
5162
|
|
|
5121
5163
|
const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick },
|
|
5122
5164
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
5123
5165
|
props.icon && React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon }),
|
|
5124
5166
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
5125
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$
|
|
5167
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$Q, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5126
5168
|
|
|
5127
|
-
var css$7 = {"search-input":"
|
|
5169
|
+
var css$7 = {"search-input":"Z69ayg","searchInput":"Z69ayg"};
|
|
5128
5170
|
|
|
5129
5171
|
const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
5130
5172
|
var _a;
|
|
5131
|
-
return (React__namespace.createElement(uuiComponents.TextInput, Object.assign({ iconPosition: "left", icon: ForwardRef$
|
|
5173
|
+
return (React__namespace.createElement(uuiComponents.TextInput, Object.assign({ iconPosition: "left", icon: ForwardRef$O, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$R }, props, iEditable, { ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx) }, props.rawProps)));
|
|
5132
5174
|
} }))));
|
|
5133
5175
|
|
|
5134
|
-
var css$6 = {"container":"
|
|
5176
|
+
var css$6 = {"container":"j3Y1P4"};
|
|
5135
5177
|
|
|
5136
5178
|
const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container) }, props))));
|
|
5137
5179
|
|
|
5138
|
-
var css$5 = {"root":"
|
|
5180
|
+
var css$5 = {"root":"_2DQLx-"};
|
|
5139
5181
|
|
|
5140
5182
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
5141
5183
|
|
|
@@ -5177,7 +5219,7 @@ function useForm(props) {
|
|
|
5177
5219
|
}
|
|
5178
5220
|
|
|
5179
5221
|
var _path;
|
|
5180
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
5222
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
5181
5223
|
var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
5182
5224
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
5183
5225
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -5193,7 +5235,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5193
5235
|
};
|
|
5194
5236
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
5195
5237
|
|
|
5196
|
-
var css$4 = {"root":"
|
|
5238
|
+
var css$4 = {"root":"sx-MUO","drop-start":"W1US79","dropStart":"W1US79","drop-over":"ysLVHE","dropOver":"ysLVHE","link":"_5uSUyH","drop-area":"bGSoFG","dropArea":"bGSoFG","drop-caption":"OhbHHw","dropCaption":"OhbHHw","icon-blue":"-Vot1u","iconBlue":"-Vot1u"};
|
|
5197
5239
|
|
|
5198
5240
|
function DropSpot(props) {
|
|
5199
5241
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5211,9 +5253,9 @@ function DropSpot(props) {
|
|
|
5211
5253
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5212
5254
|
}
|
|
5213
5255
|
|
|
5214
|
-
var css$3 = {"uui-typography":"
|
|
5256
|
+
var css$3 = {"uui-typography":"CVgoB9","uuiTypography":"CVgoB9","hero-header":"Yq3uLm","heroHeader":"Yq3uLm","promo-header":"Pmdocg","promoHeader":"Pmdocg","uui-critical":"Hkw6KM","uuiCritical":"Hkw6KM","uui-info":"cEdtXJ","uuiInfo":"cEdtXJ","uui-success":"Hn0IRx","uuiSuccess":"Hn0IRx","uui-warning":"BUQiyf","uuiWarning":"BUQiyf","uui-highlight":"pyXoIt","uuiHighlight":"pyXoIt","uui-typography-size-12":"wDRbu-","uuiTypographySize12":"wDRbu-","uui-typography-size-14":"N1vLdB","uuiTypographySize14":"N1vLdB","uui-typography-size-16":"f8rWCl","uuiTypographySize16":"f8rWCl","root":"oV4aS5","file-name":"BL3-6K","fileName":"BL3-6K","default-color":"qt5swD","defaultColor":"qt5swD","doc-color":"_84-62F","docColor":"_84-62F","xls-color":"Le-KtU","xlsColor":"Le-KtU","pdf-color":"mpprBI","pdfColor":"mpprBI","movie-color":"xCSK6L","movieColor":"xCSK6L","img-color":"_2QokRp","imgColor":"_2QokRp","mov-color":"LUUpwl","movColor":"LUUpwl","error-block":"pyKzfh","errorBlock":"pyKzfh","icons-block":"kKrRJ-","iconsBlock":"kKrRJ-"};
|
|
5215
5257
|
|
|
5216
|
-
var css$2 = {"root":"
|
|
5258
|
+
var css$2 = {"root":"ogcEK2"};
|
|
5217
5259
|
|
|
5218
5260
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5219
5261
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5278,7 +5320,7 @@ const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
5278
5320
|
};
|
|
5279
5321
|
const renderErrorContent = () => (React__namespace.createElement(Tooltip, { content: file.error.message, placement: "bottom-start" },
|
|
5280
5322
|
React__namespace.createElement("div", { className: css$3.errorBlock },
|
|
5281
|
-
React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$
|
|
5323
|
+
React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$y, size: 12 }),
|
|
5282
5324
|
i18n.fileCard.failedUploadErrorMessage)));
|
|
5283
5325
|
const renderSuccessfulContent = () => (React__namespace.createElement(Text, { size: "18", fontSize: "14", lineHeight: "18", color: "tertiary" },
|
|
5284
5326
|
fileExtension && `${fileExtension.toUpperCase()}, `,
|
|
@@ -5296,7 +5338,7 @@ const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
5296
5338
|
(error === null || error === void 0 ? void 0 : error.isError) ? renderErrorContent() : renderSuccessfulContent()),
|
|
5297
5339
|
React__namespace.createElement("div", { className: uuiCore.cx(css$3.iconsBlock), onMouseEnter: mouseEnterHandler, onMouseLeave: mouseLeaveHandler },
|
|
5298
5340
|
isLoadingShow && isLoading && React__namespace.createElement(SvgCircleProgress, { progress: progress, size: 18 }),
|
|
5299
|
-
isCrossShow && React__namespace.createElement(IconButton, { icon: ForwardRef$
|
|
5341
|
+
isCrossShow && React__namespace.createElement(IconButton, { icon: ForwardRef$R, onClick: removeHandler })))));
|
|
5300
5342
|
});
|
|
5301
5343
|
|
|
5302
5344
|
const getRecoveryMessageConfig = () => ({
|
|
@@ -5323,33 +5365,37 @@ const getErrorPageConfig = () => ({
|
|
|
5323
5365
|
mobileImageUrl: 'https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/error-pages-illustrations/L_Error_500_Monochrome.svg',
|
|
5324
5366
|
title: i18n.errorHandler.errorPageConfig.serverError.title,
|
|
5325
5367
|
subtitle: i18n.errorHandler.errorPageConfig.serverError.subtitle,
|
|
5368
|
+
supportLink: i18n.errorHandler.supportMessage,
|
|
5326
5369
|
},
|
|
5327
5370
|
serviceUnavailable: {
|
|
5328
5371
|
imageUrl: 'https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/error-pages-illustrations/L_Error_503_Monochrome.svg',
|
|
5329
5372
|
mobileImageUrl: 'https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/error-pages-illustrations/L_Error_503_Monochrome.svg',
|
|
5330
5373
|
title: i18n.errorHandler.errorPageConfig.serviceUnavailable.title,
|
|
5331
5374
|
subtitle: i18n.errorHandler.errorPageConfig.serviceUnavailable.subtitle,
|
|
5375
|
+
supportLink: i18n.errorHandler.supportMessage,
|
|
5332
5376
|
},
|
|
5333
5377
|
default: {
|
|
5334
5378
|
imageUrl: 'https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/error-pages-illustrations/L_Empty_Monochrome.svg',
|
|
5335
5379
|
mobileImageUrl: 'https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/error-pages-illustrations/L_Empty_Monochrome.svg',
|
|
5336
5380
|
title: i18n.errorHandler.errorPageConfig.default.title,
|
|
5337
5381
|
subtitle: i18n.errorHandler.errorPageConfig.default.subtitle,
|
|
5382
|
+
supportLink: i18n.errorHandler.supportMessage,
|
|
5338
5383
|
},
|
|
5339
5384
|
});
|
|
5340
5385
|
|
|
5341
|
-
var css$1 = {"container":"
|
|
5386
|
+
var css$1 = {"container":"rp4vzb"};
|
|
5342
5387
|
|
|
5343
5388
|
const ErrorPage = (props) => {
|
|
5344
5389
|
const isMobileScreen = uuiCore.isMobile();
|
|
5345
5390
|
return (React__namespace.default.createElement("div", { className: uuiCore.cx(css$1.container, props.cx) },
|
|
5346
|
-
React__namespace.default.createElement("div", { className:
|
|
5391
|
+
React__namespace.default.createElement("div", { className: uuiCore.cx('uui-error-content', 'uui-typography') },
|
|
5347
5392
|
React__namespace.default.createElement("img", { className: "uui-error-image", src: isMobileScreen && props.mobileImageUrl ? props.mobileImageUrl : props.imageUrl, alt: "ERROR OCCURRED!" }),
|
|
5348
5393
|
React__namespace.default.createElement("div", { className: "uui-error-title" }, props.title),
|
|
5349
|
-
React__namespace.default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle)
|
|
5394
|
+
React__namespace.default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle),
|
|
5395
|
+
(props === null || props === void 0 ? void 0 : props.supportLink) && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props === null || props === void 0 ? void 0 : props.supportLink))));
|
|
5350
5396
|
};
|
|
5351
5397
|
|
|
5352
|
-
var css = {"recovery-spinner":"
|
|
5398
|
+
var css = {"recovery-spinner":"H3oT0G","recoverySpinner":"H3oT0G","recovery-message":"GdYH0b","recoveryMessage":"GdYH0b","modal-blocker":"JF3BmL","modalBlocker":"JF3BmL","modalFadeIn":"aLBsyz"};
|
|
5353
5399
|
|
|
5354
5400
|
function ErrorHandler(props) {
|
|
5355
5401
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|
|
@@ -5510,6 +5556,7 @@ exports.RadioInput = RadioInput;
|
|
|
5510
5556
|
exports.RangeDatePicker = RangeDatePicker;
|
|
5511
5557
|
exports.RangeDatePickerBody = RangeDatePickerBody;
|
|
5512
5558
|
exports.RangeDatePickerInput = RangeDatePickerInput;
|
|
5559
|
+
exports.Rating = Rating;
|
|
5513
5560
|
exports.RichTextView = RichTextView;
|
|
5514
5561
|
exports.ScrollBars = ScrollBars;
|
|
5515
5562
|
exports.SearchInput = SearchInput;
|