@epam/uui 5.13.3-beta.2 → 5.13.3-beta.24
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/inputs.scss +4 -4
- package/components/buttons/Button.d.ts +1 -1
- package/components/buttons/Button.d.ts.map +1 -1
- package/components/datePickers/DatePicker.d.ts +47 -3
- package/components/datePickers/DatePicker.d.ts.map +1 -1
- package/components/datePickers/RangeDatePicker.d.ts +68 -3
- package/components/datePickers/RangeDatePicker.d.ts.map +1 -1
- package/components/datePickers/RangeDatePickerBody.d.ts +3 -4
- package/components/datePickers/RangeDatePickerBody.d.ts.map +1 -1
- package/components/datePickers/RangeDatePickerInput.d.ts +3 -6
- package/components/datePickers/RangeDatePickerInput.d.ts.map +1 -1
- package/components/datePickers/index.d.ts +1 -1
- package/components/datePickers/index.d.ts.map +1 -1
- package/components/datePickers/types.d.ts +8 -108
- package/components/datePickers/types.d.ts.map +1 -1
- package/components/filters/FilterNumericBody.d.ts.map +1 -1
- package/components/filters/FilterPanelItemToggler.d.ts +2 -2
- package/components/filters/FilterPanelItemToggler.d.ts.map +1 -1
- package/components/filters/FilterPickerBody.d.ts +1 -1
- package/components/filters/FilterPickerBody.d.ts.map +1 -1
- package/components/filters/FilterRangeDatePickerBody.d.ts +1 -1
- package/components/filters/FilterRangeDatePickerBody.d.ts.map +1 -1
- package/components/filters/FiltersPanel.d.ts +1 -1
- package/components/filters/FiltersPanel.d.ts.map +1 -1
- package/components/filters/FiltersPanelItem.d.ts.map +1 -1
- package/components/filters/PresetPanel/Preset.d.ts +1 -1
- package/components/filters/PresetPanel/Preset.d.ts.map +1 -1
- package/components/filters/PresetPanel/PresetActionsDropdown.d.ts +1 -1
- package/components/filters/PresetPanel/PresetActionsDropdown.d.ts.map +1 -1
- package/components/filters/PresetPanel/PresetInput.d.ts +1 -1
- package/components/filters/PresetPanel/PresetInput.d.ts.map +1 -1
- package/components/filters/PresetPanel/PresetsPanel.d.ts +1 -1
- package/components/filters/PresetPanel/PresetsPanel.d.ts.map +1 -1
- package/components/filters/constants.d.ts +4 -0
- package/components/filters/constants.d.ts.map +1 -1
- package/components/inputs/MultiSwitch.d.ts +4 -9
- package/components/inputs/MultiSwitch.d.ts.map +1 -1
- package/components/inputs/RadioInput.d.ts +6 -7
- package/components/inputs/RadioInput.d.ts.map +1 -1
- package/components/layout/Blocker.d.ts +2 -2
- package/components/layout/Blocker.d.ts.map +1 -1
- package/components/overlays/NotificationCard.d.ts +1 -1
- package/components/overlays/NotificationCard.d.ts.map +1 -1
- package/components/overlays/Tooltip.d.ts +4 -1
- package/components/overlays/Tooltip.d.ts.map +1 -1
- package/components/pickers/DataPickerBody.d.ts +3 -3
- package/components/pickers/DataPickerBody.d.ts.map +1 -1
- package/components/pickers/DataPickerCell.d.ts.map +1 -1
- package/components/pickers/DataPickerFooter.d.ts +1 -0
- package/components/pickers/DataPickerFooter.d.ts.map +1 -1
- package/components/tables/DataRowsContainer/DataRowsContainer.d.ts +2 -2
- package/components/tables/DataRowsContainer/DataRowsContainer.d.ts.map +1 -1
- package/components/tables/DataTable.d.ts +2 -2
- package/components/tables/DataTable.d.ts.map +1 -1
- package/components/tables/DataTableCell.d.ts.map +1 -1
- package/components/tables/types.d.ts +3 -2
- package/components/tables/types.d.ts.map +1 -1
- package/components/typography/Text.d.ts +5 -5
- package/components/typography/Text.d.ts.map +1 -1
- package/index.esm.js +859 -837
- package/index.esm.js.map +1 -1
- package/index.js +858 -836
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/settings.d.ts +47 -4
- package/settings.d.ts.map +1 -1
- package/stats.html +1 -19
- package/styles.css +2211 -2148
- package/styles.css.map +1 -1
package/index.js
CHANGED
|
@@ -49,24 +49,9 @@ 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$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
|
-
var SvgNavigationCloseOutline = function SvgNavigationCloseOutline(props, ref) {
|
|
55
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$R({
|
|
56
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
57
|
-
width: 24,
|
|
58
|
-
height: 24,
|
|
59
|
-
viewBox: "0 0 24 24",
|
|
60
|
-
ref: ref
|
|
61
|
-
}, props), _path$R || (_path$R = /*#__PURE__*/React__namespace.createElement("path", {
|
|
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
|
-
})));
|
|
64
|
-
};
|
|
65
|
-
var ForwardRef$R = /*#__PURE__*/React.forwardRef(SvgNavigationCloseOutline);
|
|
66
|
-
|
|
67
52
|
var _path$Q;
|
|
68
53
|
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
|
-
var
|
|
54
|
+
var SvgNavigationCloseOutline = function SvgNavigationCloseOutline(props, ref) {
|
|
70
55
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$Q({
|
|
71
56
|
xmlns: "http://www.w3.org/2000/svg",
|
|
72
57
|
width: 24,
|
|
@@ -74,14 +59,14 @@ var SvgNavigationChevronDownOutline = function SvgNavigationChevronDownOutline(p
|
|
|
74
59
|
viewBox: "0 0 24 24",
|
|
75
60
|
ref: ref
|
|
76
61
|
}, props), _path$Q || (_path$Q = /*#__PURE__*/React__namespace.createElement("path", {
|
|
77
|
-
d: "
|
|
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"
|
|
78
63
|
})));
|
|
79
64
|
};
|
|
80
|
-
var ForwardRef$Q = /*#__PURE__*/React.forwardRef(
|
|
65
|
+
var ForwardRef$Q = /*#__PURE__*/React.forwardRef(SvgNavigationCloseOutline);
|
|
81
66
|
|
|
82
67
|
var _path$P;
|
|
83
68
|
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
|
-
var
|
|
69
|
+
var SvgNavigationChevronDownOutline = function SvgNavigationChevronDownOutline(props, ref) {
|
|
85
70
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$P({
|
|
86
71
|
xmlns: "http://www.w3.org/2000/svg",
|
|
87
72
|
width: 24,
|
|
@@ -89,14 +74,14 @@ var SvgNotificationDoneOutline = function SvgNotificationDoneOutline(props, ref)
|
|
|
89
74
|
viewBox: "0 0 24 24",
|
|
90
75
|
ref: ref
|
|
91
76
|
}, props), _path$P || (_path$P = /*#__PURE__*/React__namespace.createElement("path", {
|
|
92
|
-
d: "
|
|
77
|
+
d: "M5.414 8.086 4 9.5l8 8 8-8-1.414-1.414L12 14.672 5.414 8.086z"
|
|
93
78
|
})));
|
|
94
79
|
};
|
|
95
|
-
var ForwardRef$P = /*#__PURE__*/React.forwardRef(
|
|
80
|
+
var ForwardRef$P = /*#__PURE__*/React.forwardRef(SvgNavigationChevronDownOutline);
|
|
96
81
|
|
|
97
82
|
var _path$O;
|
|
98
83
|
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
|
-
var
|
|
84
|
+
var SvgNotificationDoneOutline = function SvgNotificationDoneOutline(props, ref) {
|
|
100
85
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$O({
|
|
101
86
|
xmlns: "http://www.w3.org/2000/svg",
|
|
102
87
|
width: 24,
|
|
@@ -104,14 +89,14 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
|
|
|
104
89
|
viewBox: "0 0 24 24",
|
|
105
90
|
ref: ref
|
|
106
91
|
}, props), _path$O || (_path$O = /*#__PURE__*/React__namespace.createElement("path", {
|
|
107
|
-
d: "
|
|
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"
|
|
108
93
|
})));
|
|
109
94
|
};
|
|
110
|
-
var ForwardRef$O = /*#__PURE__*/React.forwardRef(
|
|
95
|
+
var ForwardRef$O = /*#__PURE__*/React.forwardRef(SvgNotificationDoneOutline);
|
|
111
96
|
|
|
112
97
|
var _path$N;
|
|
113
98
|
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); }
|
|
114
|
-
var
|
|
99
|
+
var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
|
|
115
100
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$N({
|
|
116
101
|
xmlns: "http://www.w3.org/2000/svg",
|
|
117
102
|
width: 24,
|
|
@@ -119,16 +104,14 @@ var SvgActionSearchOutline = function SvgActionSearchOutline(props, ref) {
|
|
|
119
104
|
viewBox: "0 0 24 24",
|
|
120
105
|
ref: ref
|
|
121
106
|
}, props), _path$N || (_path$N = /*#__PURE__*/React__namespace.createElement("path", {
|
|
122
|
-
|
|
123
|
-
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",
|
|
124
|
-
clipRule: "evenodd"
|
|
107
|
+
d: "M19 10.5H5v3h14v-3z"
|
|
125
108
|
})));
|
|
126
109
|
};
|
|
127
|
-
var ForwardRef$N = /*#__PURE__*/React.forwardRef(
|
|
110
|
+
var ForwardRef$N = /*#__PURE__*/React.forwardRef(SvgContentMinusOutline);
|
|
128
111
|
|
|
129
112
|
var _path$M;
|
|
130
113
|
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
|
-
var
|
|
114
|
+
var SvgActionSearchOutline = function SvgActionSearchOutline(props, ref) {
|
|
132
115
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$M({
|
|
133
116
|
xmlns: "http://www.w3.org/2000/svg",
|
|
134
117
|
width: 24,
|
|
@@ -136,14 +119,16 @@ var SvgActionCalendarFill = function SvgActionCalendarFill(props, ref) {
|
|
|
136
119
|
viewBox: "0 0 24 24",
|
|
137
120
|
ref: ref
|
|
138
121
|
}, props), _path$M || (_path$M = /*#__PURE__*/React__namespace.createElement("path", {
|
|
139
|
-
|
|
122
|
+
fillRule: "evenodd",
|
|
123
|
+
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",
|
|
124
|
+
clipRule: "evenodd"
|
|
140
125
|
})));
|
|
141
126
|
};
|
|
142
|
-
var ForwardRef$M = /*#__PURE__*/React.forwardRef(
|
|
127
|
+
var ForwardRef$M = /*#__PURE__*/React.forwardRef(SvgActionSearchOutline);
|
|
143
128
|
|
|
144
129
|
var _path$L;
|
|
145
130
|
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
|
-
var
|
|
131
|
+
var SvgActionCalendarFill = function SvgActionCalendarFill(props, ref) {
|
|
147
132
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$L({
|
|
148
133
|
xmlns: "http://www.w3.org/2000/svg",
|
|
149
134
|
width: 24,
|
|
@@ -151,14 +136,14 @@ var SvgNotificationInfoOutline = function SvgNotificationInfoOutline(props, ref)
|
|
|
151
136
|
viewBox: "0 0 24 24",
|
|
152
137
|
ref: ref
|
|
153
138
|
}, props), _path$L || (_path$L = /*#__PURE__*/React__namespace.createElement("path", {
|
|
154
|
-
d: "
|
|
139
|
+
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"
|
|
155
140
|
})));
|
|
156
141
|
};
|
|
157
|
-
var ForwardRef$L = /*#__PURE__*/React.forwardRef(
|
|
142
|
+
var ForwardRef$L = /*#__PURE__*/React.forwardRef(SvgActionCalendarFill);
|
|
158
143
|
|
|
159
144
|
var _path$K;
|
|
160
145
|
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); }
|
|
161
|
-
var
|
|
146
|
+
var SvgNotificationInfoOutline = function SvgNotificationInfoOutline(props, ref) {
|
|
162
147
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$K({
|
|
163
148
|
xmlns: "http://www.w3.org/2000/svg",
|
|
164
149
|
width: 24,
|
|
@@ -166,15 +151,30 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
|
|
|
166
151
|
viewBox: "0 0 24 24",
|
|
167
152
|
ref: ref
|
|
168
153
|
}, props), _path$K || (_path$K = /*#__PURE__*/React__namespace.createElement("path", {
|
|
169
|
-
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
|
|
154
|
+
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"
|
|
170
155
|
})));
|
|
171
156
|
};
|
|
172
|
-
var ForwardRef$K = /*#__PURE__*/React.forwardRef(
|
|
157
|
+
var ForwardRef$K = /*#__PURE__*/React.forwardRef(SvgNotificationInfoOutline);
|
|
173
158
|
|
|
174
|
-
var _path$J
|
|
159
|
+
var _path$J;
|
|
175
160
|
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); }
|
|
176
|
-
var
|
|
161
|
+
var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
|
|
177
162
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$J({
|
|
163
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
164
|
+
width: 24,
|
|
165
|
+
height: 24,
|
|
166
|
+
viewBox: "0 0 24 24",
|
|
167
|
+
ref: ref
|
|
168
|
+
}, props), _path$J || (_path$J = /*#__PURE__*/React__namespace.createElement("path", {
|
|
169
|
+
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"
|
|
170
|
+
})));
|
|
171
|
+
};
|
|
172
|
+
var ForwardRef$J = /*#__PURE__*/React.forwardRef(SvgNotificationInfoFill);
|
|
173
|
+
|
|
174
|
+
var _path$I, _path2$5, _path3, _path4, _path5, _path6, _g, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _defs;
|
|
175
|
+
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); }
|
|
176
|
+
var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
177
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
|
|
178
178
|
width: 232,
|
|
179
179
|
height: 180,
|
|
180
180
|
viewBox: "0 0 232 180",
|
|
@@ -182,8 +182,8 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
182
182
|
xmlns: "http://www.w3.org/2000/svg",
|
|
183
183
|
ref: ref
|
|
184
184
|
}, props), /*#__PURE__*/React__namespace.createElement("g", {
|
|
185
|
-
clipPath: "url(#
|
|
186
|
-
}, _path$
|
|
185
|
+
clipPath: "url(#cqo5s9xkpyvp8ws5k_a)"
|
|
186
|
+
}, _path$I || (_path$I = /*#__PURE__*/React__namespace.createElement("path", {
|
|
187
187
|
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",
|
|
188
188
|
fill: "#F5F6FA"
|
|
189
189
|
})), _path2$5 || (_path2$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -203,7 +203,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
203
203
|
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",
|
|
204
204
|
fill: "#1D1E26"
|
|
205
205
|
})), /*#__PURE__*/React__namespace.createElement("mask", {
|
|
206
|
-
id: "
|
|
206
|
+
id: "cqo5s9mq6ierjlck_b",
|
|
207
207
|
style: {
|
|
208
208
|
maskType: "alpha"
|
|
209
209
|
},
|
|
@@ -216,7 +216,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
216
216
|
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",
|
|
217
217
|
fill: "#9BDEFF"
|
|
218
218
|
}))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
219
|
-
mask: "url(#
|
|
219
|
+
mask: "url(#cqo5s9mq6ierjlck_b)",
|
|
220
220
|
fillRule: "evenodd",
|
|
221
221
|
clipRule: "evenodd"
|
|
222
222
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -302,33 +302,18 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
302
302
|
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",
|
|
303
303
|
fill: "#fff"
|
|
304
304
|
}))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
305
|
-
id: "
|
|
305
|
+
id: "cqo5s9xkpyvp8ws5k_a"
|
|
306
306
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
307
307
|
fill: "#fff",
|
|
308
308
|
transform: "translate(.552)",
|
|
309
309
|
d: "M0 0h230.897v180H0z"
|
|
310
310
|
})))));
|
|
311
311
|
};
|
|
312
|
-
var ForwardRef$
|
|
313
|
-
|
|
314
|
-
var _path$I;
|
|
315
|
-
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); }
|
|
316
|
-
var SvgTableSortAscOutline = function SvgTableSortAscOutline(props, ref) {
|
|
317
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$I({
|
|
318
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
319
|
-
width: 24,
|
|
320
|
-
height: 24,
|
|
321
|
-
viewBox: "0 0 24 24",
|
|
322
|
-
ref: ref
|
|
323
|
-
}, props), _path$I || (_path$I = /*#__PURE__*/React__namespace.createElement("path", {
|
|
324
|
-
d: "M11 21V6.825L9.4 8.4 8 7l4-4 4 4-1.4 1.4L13 6.825V21h-2z"
|
|
325
|
-
})));
|
|
326
|
-
};
|
|
327
|
-
var ForwardRef$I = /*#__PURE__*/React.forwardRef(SvgTableSortAscOutline);
|
|
312
|
+
var ForwardRef$I = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
|
|
328
313
|
|
|
329
314
|
var _path$H;
|
|
330
315
|
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); }
|
|
331
|
-
var
|
|
316
|
+
var SvgTableSortAscOutline = function SvgTableSortAscOutline(props, ref) {
|
|
332
317
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
|
|
333
318
|
xmlns: "http://www.w3.org/2000/svg",
|
|
334
319
|
width: 24,
|
|
@@ -336,14 +321,14 @@ var SvgTableSortDescOutline = function SvgTableSortDescOutline(props, ref) {
|
|
|
336
321
|
viewBox: "0 0 24 24",
|
|
337
322
|
ref: ref
|
|
338
323
|
}, props), _path$H || (_path$H = /*#__PURE__*/React__namespace.createElement("path", {
|
|
339
|
-
d: "
|
|
324
|
+
d: "M11 21V6.825L9.4 8.4 8 7l4-4 4 4-1.4 1.4L13 6.825V21h-2z"
|
|
340
325
|
})));
|
|
341
326
|
};
|
|
342
|
-
var ForwardRef$H = /*#__PURE__*/React.forwardRef(
|
|
327
|
+
var ForwardRef$H = /*#__PURE__*/React.forwardRef(SvgTableSortAscOutline);
|
|
343
328
|
|
|
344
329
|
var _path$G;
|
|
345
330
|
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); }
|
|
346
|
-
var
|
|
331
|
+
var SvgTableSortDescOutline = function SvgTableSortDescOutline(props, ref) {
|
|
347
332
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
|
|
348
333
|
xmlns: "http://www.w3.org/2000/svg",
|
|
349
334
|
width: 24,
|
|
@@ -351,14 +336,14 @@ var SvgActionDragIndicatorOutline = function SvgActionDragIndicatorOutline(props
|
|
|
351
336
|
viewBox: "0 0 24 24",
|
|
352
337
|
ref: ref
|
|
353
338
|
}, props), _path$G || (_path$G = /*#__PURE__*/React__namespace.createElement("path", {
|
|
354
|
-
d: "
|
|
339
|
+
d: "M13 3v14.175l1.6-1.575L16 17l-4 4-4-4 1.4-1.4 1.6 1.575V3h2z"
|
|
355
340
|
})));
|
|
356
341
|
};
|
|
357
|
-
var ForwardRef$G = /*#__PURE__*/React.forwardRef(
|
|
342
|
+
var ForwardRef$G = /*#__PURE__*/React.forwardRef(SvgTableSortDescOutline);
|
|
358
343
|
|
|
359
344
|
var _path$F;
|
|
360
345
|
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); }
|
|
361
|
-
var
|
|
346
|
+
var SvgActionDragIndicatorOutline = function SvgActionDragIndicatorOutline(props, ref) {
|
|
362
347
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
|
|
363
348
|
xmlns: "http://www.w3.org/2000/svg",
|
|
364
349
|
width: 24,
|
|
@@ -366,16 +351,14 @@ var SvgNavigationMoreVertOutline = function SvgNavigationMoreVertOutline(props,
|
|
|
366
351
|
viewBox: "0 0 24 24",
|
|
367
352
|
ref: ref
|
|
368
353
|
}, props), _path$F || (_path$F = /*#__PURE__*/React__namespace.createElement("path", {
|
|
369
|
-
|
|
370
|
-
d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
|
|
371
|
-
clipRule: "evenodd"
|
|
354
|
+
d: "M9 20c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 7 18c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 9 16c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.021-.587 1.413A1.928 1.928 0 0 1 9 20zm6 0c-.55 0-1.02-.196-1.412-.587A1.927 1.927 0 0 1 13 18c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 15 16c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.021-.587 1.413A1.928 1.928 0 0 1 15 20zm-6-6c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 7 12c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 9 10c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.412A1.927 1.927 0 0 1 9 14zm6 0c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 13 12c0-.55.196-1.021.588-1.413A1.925 1.925 0 0 1 15 10c.55 0 1.021.196 1.413.587.391.392.587.863.587 1.413s-.196 1.02-.587 1.412A1.927 1.927 0 0 1 15 14zM9 8c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 7 6c0-.55.196-1.02.588-1.412A1.923 1.923 0 0 1 9 4c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.927 1.927 0 0 1 9 8zm6 0c-.55 0-1.02-.196-1.412-.588A1.923 1.923 0 0 1 13 6c0-.55.196-1.02.588-1.412A1.923 1.923 0 0 1 15 4c.55 0 1.021.196 1.413.588.391.391.587.862.587 1.412 0 .55-.196 1.02-.587 1.412A1.927 1.927 0 0 1 15 8z"
|
|
372
355
|
})));
|
|
373
356
|
};
|
|
374
|
-
var ForwardRef$F = /*#__PURE__*/React.forwardRef(
|
|
357
|
+
var ForwardRef$F = /*#__PURE__*/React.forwardRef(SvgActionDragIndicatorOutline);
|
|
375
358
|
|
|
376
359
|
var _path$E;
|
|
377
360
|
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); }
|
|
378
|
-
var
|
|
361
|
+
var SvgNavigationMoreVertOutline = function SvgNavigationMoreVertOutline(props, ref) {
|
|
379
362
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
|
|
380
363
|
xmlns: "http://www.w3.org/2000/svg",
|
|
381
364
|
width: 24,
|
|
@@ -383,14 +366,16 @@ var SvgNavigationRefreshOutline = function SvgNavigationRefreshOutline(props, re
|
|
|
383
366
|
viewBox: "0 0 24 24",
|
|
384
367
|
ref: ref
|
|
385
368
|
}, props), _path$E || (_path$E = /*#__PURE__*/React__namespace.createElement("path", {
|
|
386
|
-
|
|
369
|
+
fillRule: "evenodd",
|
|
370
|
+
d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z",
|
|
371
|
+
clipRule: "evenodd"
|
|
387
372
|
})));
|
|
388
373
|
};
|
|
389
|
-
var ForwardRef$E = /*#__PURE__*/React.forwardRef(
|
|
374
|
+
var ForwardRef$E = /*#__PURE__*/React.forwardRef(SvgNavigationMoreVertOutline);
|
|
390
375
|
|
|
391
376
|
var _path$D;
|
|
392
377
|
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); }
|
|
393
|
-
var
|
|
378
|
+
var SvgNavigationRefreshOutline = function SvgNavigationRefreshOutline(props, ref) {
|
|
394
379
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
|
|
395
380
|
xmlns: "http://www.w3.org/2000/svg",
|
|
396
381
|
width: 24,
|
|
@@ -398,16 +383,14 @@ var SvgActionLockFill = function SvgActionLockFill(props, ref) {
|
|
|
398
383
|
viewBox: "0 0 24 24",
|
|
399
384
|
ref: ref
|
|
400
385
|
}, props), _path$D || (_path$D = /*#__PURE__*/React__namespace.createElement("path", {
|
|
401
|
-
|
|
402
|
-
d: "M12 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM7 9V7a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V11a2 2 0 0 1 2-2h1zm2 0h6V7a3 3 0 1 0-6 0v2z",
|
|
403
|
-
clipRule: "evenodd"
|
|
386
|
+
d: "M12 20c-2.233 0-4.125-.775-5.675-2.325C4.775 16.125 4 14.233 4 12c0-2.233.775-4.125 2.325-5.675C7.875 4.775 9.767 4 12 4c1.15 0 2.25.238 3.3.713A7.617 7.617 0 0 1 18 6.75V4h2v7h-7V9h4.2a5.837 5.837 0 0 0-2.187-2.2A5.93 5.93 0 0 0 12 6c-1.667 0-3.083.583-4.25 1.75C6.583 8.917 6 10.333 6 12c0 1.667.583 3.083 1.75 4.25C8.917 17.417 10.333 18 12 18a5.863 5.863 0 0 0 3.475-1.1A5.81 5.81 0 0 0 17.65 14h2.1c-.467 1.767-1.417 3.208-2.85 4.325S13.833 20 12 20z"
|
|
404
387
|
})));
|
|
405
388
|
};
|
|
406
|
-
var ForwardRef$D = /*#__PURE__*/React.forwardRef(
|
|
389
|
+
var ForwardRef$D = /*#__PURE__*/React.forwardRef(SvgNavigationRefreshOutline);
|
|
407
390
|
|
|
408
|
-
var _path$C
|
|
391
|
+
var _path$C;
|
|
409
392
|
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); }
|
|
410
|
-
var
|
|
393
|
+
var SvgActionLockFill = function SvgActionLockFill(props, ref) {
|
|
411
394
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
|
|
412
395
|
xmlns: "http://www.w3.org/2000/svg",
|
|
413
396
|
width: 24,
|
|
@@ -415,18 +398,16 @@ var SvgTableGroupColumnLeftFill = function SvgTableGroupColumnLeftFill(props, re
|
|
|
415
398
|
viewBox: "0 0 24 24",
|
|
416
399
|
ref: ref
|
|
417
400
|
}, props), _path$C || (_path$C = /*#__PURE__*/React__namespace.createElement("path", {
|
|
418
|
-
d: "M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6V3H5z"
|
|
419
|
-
})), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
420
401
|
fillRule: "evenodd",
|
|
421
|
-
d: "
|
|
402
|
+
d: "M12 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4zM7 9V7a5 5 0 0 1 10 0v2h1a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V11a2 2 0 0 1 2-2h1zm2 0h6V7a3 3 0 1 0-6 0v2z",
|
|
422
403
|
clipRule: "evenodd"
|
|
423
404
|
})));
|
|
424
405
|
};
|
|
425
|
-
var ForwardRef$C = /*#__PURE__*/React.forwardRef(
|
|
406
|
+
var ForwardRef$C = /*#__PURE__*/React.forwardRef(SvgActionLockFill);
|
|
426
407
|
|
|
427
|
-
var _path$B, _path2$
|
|
408
|
+
var _path$B, _path2$4;
|
|
428
409
|
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); }
|
|
429
|
-
var
|
|
410
|
+
var SvgTableGroupColumnLeftFill = function SvgTableGroupColumnLeftFill(props, ref) {
|
|
430
411
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
|
|
431
412
|
xmlns: "http://www.w3.org/2000/svg",
|
|
432
413
|
width: 24,
|
|
@@ -434,18 +415,18 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
|
|
|
434
415
|
viewBox: "0 0 24 24",
|
|
435
416
|
ref: ref
|
|
436
417
|
}, props), _path$B || (_path$B = /*#__PURE__*/React__namespace.createElement("path", {
|
|
437
|
-
d: "
|
|
438
|
-
})), _path2$
|
|
418
|
+
d: "M5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6V3H5z"
|
|
419
|
+
})), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
439
420
|
fillRule: "evenodd",
|
|
440
|
-
d: "
|
|
421
|
+
d: "M13 21V3h6a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-6zm2-16h4v14h-4V5z",
|
|
441
422
|
clipRule: "evenodd"
|
|
442
423
|
})));
|
|
443
424
|
};
|
|
444
|
-
var ForwardRef$B = /*#__PURE__*/React.forwardRef(
|
|
425
|
+
var ForwardRef$B = /*#__PURE__*/React.forwardRef(SvgTableGroupColumnLeftFill);
|
|
445
426
|
|
|
446
|
-
var _path$A;
|
|
427
|
+
var _path$A, _path2$3;
|
|
447
428
|
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); }
|
|
448
|
-
var
|
|
429
|
+
var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props, ref) {
|
|
449
430
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
|
|
450
431
|
xmlns: "http://www.w3.org/2000/svg",
|
|
451
432
|
width: 24,
|
|
@@ -453,14 +434,18 @@ var SvgTableSwapOutline = function SvgTableSwapOutline(props, ref) {
|
|
|
453
434
|
viewBox: "0 0 24 24",
|
|
454
435
|
ref: ref
|
|
455
436
|
}, props), _path$A || (_path$A = /*#__PURE__*/React__namespace.createElement("path", {
|
|
456
|
-
d: "
|
|
437
|
+
d: "M13 3h6a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-6V3z"
|
|
438
|
+
})), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
439
|
+
fillRule: "evenodd",
|
|
440
|
+
d: "M9 5H5v14h4V5zM5 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h6V3H5z",
|
|
441
|
+
clipRule: "evenodd"
|
|
457
442
|
})));
|
|
458
443
|
};
|
|
459
|
-
var ForwardRef$A = /*#__PURE__*/React.forwardRef(
|
|
444
|
+
var ForwardRef$A = /*#__PURE__*/React.forwardRef(SvgTableGroupColumnRightFill);
|
|
460
445
|
|
|
461
446
|
var _path$z;
|
|
462
447
|
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); }
|
|
463
|
-
var
|
|
448
|
+
var SvgTableSwapOutline = function SvgTableSwapOutline(props, ref) {
|
|
464
449
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
|
|
465
450
|
xmlns: "http://www.w3.org/2000/svg",
|
|
466
451
|
width: 24,
|
|
@@ -468,14 +453,14 @@ var SvgContentFiltrationFill = function SvgContentFiltrationFill(props, ref) {
|
|
|
468
453
|
viewBox: "0 0 24 24",
|
|
469
454
|
ref: ref
|
|
470
455
|
}, props), _path$z || (_path$z = /*#__PURE__*/React__namespace.createElement("path", {
|
|
471
|
-
d: "
|
|
456
|
+
d: "M7 6.825V20h2V6.825L10.6 8.4 12 7 8 3 4 7l1.4 1.4L7 6.825zm10 10.35V4h-2v13.175L13.4 15.6 12 17l4 4 4-4-1.4-1.4-1.6 1.575z"
|
|
472
457
|
})));
|
|
473
458
|
};
|
|
474
|
-
var ForwardRef$z = /*#__PURE__*/React.forwardRef(
|
|
459
|
+
var ForwardRef$z = /*#__PURE__*/React.forwardRef(SvgTableSwapOutline);
|
|
475
460
|
|
|
476
461
|
var _path$y;
|
|
477
462
|
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); }
|
|
478
|
-
var
|
|
463
|
+
var SvgContentFiltrationFill = function SvgContentFiltrationFill(props, ref) {
|
|
479
464
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
|
|
480
465
|
xmlns: "http://www.w3.org/2000/svg",
|
|
481
466
|
width: 24,
|
|
@@ -483,14 +468,14 @@ var SvgNavigationChevronUpOutline = function SvgNavigationChevronUpOutline(props
|
|
|
483
468
|
viewBox: "0 0 24 24",
|
|
484
469
|
ref: ref
|
|
485
470
|
}, props), _path$y || (_path$y = /*#__PURE__*/React__namespace.createElement("path", {
|
|
486
|
-
d: "
|
|
471
|
+
d: "M14 13v8l-4-2v-6L2.95 4h18.1L14 13z"
|
|
487
472
|
})));
|
|
488
473
|
};
|
|
489
|
-
var ForwardRef$y = /*#__PURE__*/React.forwardRef(
|
|
474
|
+
var ForwardRef$y = /*#__PURE__*/React.forwardRef(SvgContentFiltrationFill);
|
|
490
475
|
|
|
491
476
|
var _path$x;
|
|
492
477
|
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); }
|
|
493
|
-
var
|
|
478
|
+
var SvgNavigationChevronUpOutline = function SvgNavigationChevronUpOutline(props, ref) {
|
|
494
479
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
|
|
495
480
|
xmlns: "http://www.w3.org/2000/svg",
|
|
496
481
|
width: 24,
|
|
@@ -498,14 +483,14 @@ var SvgNavigationCollapseAllOutline = function SvgNavigationCollapseAllOutline(p
|
|
|
498
483
|
viewBox: "0 0 24 24",
|
|
499
484
|
ref: ref
|
|
500
485
|
}, props), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
|
|
501
|
-
d: "
|
|
486
|
+
d: "M18.586 15.914 20 14.5l-8-8-8 8 1.414 1.414L12 9.328l6.586 6.586z"
|
|
502
487
|
})));
|
|
503
488
|
};
|
|
504
|
-
var ForwardRef$x = /*#__PURE__*/React.forwardRef(
|
|
489
|
+
var ForwardRef$x = /*#__PURE__*/React.forwardRef(SvgNavigationChevronUpOutline);
|
|
505
490
|
|
|
506
491
|
var _path$w;
|
|
507
492
|
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); }
|
|
508
|
-
var
|
|
493
|
+
var SvgNavigationCollapseAllOutline = function SvgNavigationCollapseAllOutline(props, ref) {
|
|
509
494
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
|
|
510
495
|
xmlns: "http://www.w3.org/2000/svg",
|
|
511
496
|
width: 24,
|
|
@@ -513,14 +498,14 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
|
|
|
513
498
|
viewBox: "0 0 24 24",
|
|
514
499
|
ref: ref
|
|
515
500
|
}, props), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
|
|
516
|
-
d: "
|
|
501
|
+
d: "M16.5 4.414 15.086 3 12 6.086 8.914 3 7.5 4.414l4.5 4.5 4.5-4.5zM9 13v-2h6v2H9zm6.086 8 1.414-1.414-4.5-4.5-4.5 4.5L8.914 21 12 17.914 15.086 21z"
|
|
517
502
|
})));
|
|
518
503
|
};
|
|
519
|
-
var ForwardRef$w = /*#__PURE__*/React.forwardRef(
|
|
504
|
+
var ForwardRef$w = /*#__PURE__*/React.forwardRef(SvgNavigationCollapseAllOutline);
|
|
520
505
|
|
|
521
506
|
var _path$v;
|
|
522
507
|
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); }
|
|
523
|
-
var
|
|
508
|
+
var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props, ref) {
|
|
524
509
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
|
|
525
510
|
xmlns: "http://www.w3.org/2000/svg",
|
|
526
511
|
width: 24,
|
|
@@ -528,14 +513,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
|
528
513
|
viewBox: "0 0 24 24",
|
|
529
514
|
ref: ref
|
|
530
515
|
}, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
|
|
531
|
-
d: "
|
|
516
|
+
d: "m16.5 7.5-1.414 1.414L12 5.828 8.914 8.914 7.5 7.5 12 3l4.5 4.5zM9 13v-2h6v2H9zm6.086 2.086L16.5 16.5 12 21l-4.5-4.5 1.414-1.414L12 18.17l3.086-3.085z"
|
|
532
517
|
})));
|
|
533
518
|
};
|
|
534
|
-
var ForwardRef$v = /*#__PURE__*/React.forwardRef(
|
|
519
|
+
var ForwardRef$v = /*#__PURE__*/React.forwardRef(SvgNavigationExpandAllOutline);
|
|
535
520
|
|
|
536
521
|
var _path$u;
|
|
537
522
|
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); }
|
|
538
|
-
var
|
|
523
|
+
var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
539
524
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
|
|
540
525
|
xmlns: "http://www.w3.org/2000/svg",
|
|
541
526
|
width: 24,
|
|
@@ -543,14 +528,14 @@ var SvgNavigationChevronLeftOutline = function SvgNavigationChevronLeftOutline(p
|
|
|
543
528
|
viewBox: "0 0 24 24",
|
|
544
529
|
ref: ref
|
|
545
530
|
}, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
|
|
546
|
-
d: "
|
|
531
|
+
d: "m9.25 22-.4-3.2a3.771 3.771 0 0 1-.612-.3 8.194 8.194 0 0 1-.563-.375L4.7 19.375l-2.75-4.75 2.575-1.95a2.39 2.39 0 0 1-.025-.338v-.675c0-.108.009-.22.025-.337L1.95 9.375l2.75-4.75 2.975 1.25c.184-.133.375-.258.575-.375.2-.117.4-.217.6-.3l.4-3.2h5.5l.4 3.2c.217.083.421.183.613.3.191.117.379.242.562.375l2.975-1.25 2.75 4.75-2.575 1.95c.017.117.025.229.025.337v.675c0 .109-.017.221-.05.338l2.575 1.95-2.75 4.75-2.95-1.25a6.826 6.826 0 0 1-.575.375c-.2.117-.4.217-.6.3l-.4 3.2h-5.5zm2.8-6.5c.967 0 1.792-.342 2.475-1.025A3.372 3.372 0 0 0 15.55 12c0-.967-.341-1.792-1.025-2.475A3.372 3.372 0 0 0 12.05 8.5c-.983 0-1.813.342-2.488 1.025A3.394 3.394 0 0 0 8.55 12c0 .967.338 1.792 1.012 2.475.676.683 1.505 1.025 2.488 1.025z"
|
|
547
532
|
})));
|
|
548
533
|
};
|
|
549
|
-
var ForwardRef$u = /*#__PURE__*/React.forwardRef(
|
|
534
|
+
var ForwardRef$u = /*#__PURE__*/React.forwardRef(SvgActionSettingsFill);
|
|
550
535
|
|
|
551
536
|
var _path$t;
|
|
552
537
|
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); }
|
|
553
|
-
var
|
|
538
|
+
var SvgNavigationChevronLeftOutline = function SvgNavigationChevronLeftOutline(props, ref) {
|
|
554
539
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
|
|
555
540
|
xmlns: "http://www.w3.org/2000/svg",
|
|
556
541
|
width: 24,
|
|
@@ -558,14 +543,14 @@ var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline
|
|
|
558
543
|
viewBox: "0 0 24 24",
|
|
559
544
|
ref: ref
|
|
560
545
|
}, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
|
|
561
|
-
d: "
|
|
546
|
+
d: "M15.914 5.414 14.5 4l-8 8 8 8 1.414-1.414L9.328 12l6.586-6.586z"
|
|
562
547
|
})));
|
|
563
548
|
};
|
|
564
|
-
var ForwardRef$t = /*#__PURE__*/React.forwardRef(
|
|
549
|
+
var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgNavigationChevronLeftOutline);
|
|
565
550
|
|
|
566
551
|
var _path$s;
|
|
567
552
|
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); }
|
|
568
|
-
var
|
|
553
|
+
var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline(props, ref) {
|
|
569
554
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
|
|
570
555
|
xmlns: "http://www.w3.org/2000/svg",
|
|
571
556
|
width: 24,
|
|
@@ -573,14 +558,14 @@ var SvgActionAddOutline = function SvgActionAddOutline(props, ref) {
|
|
|
573
558
|
viewBox: "0 0 24 24",
|
|
574
559
|
ref: ref
|
|
575
560
|
}, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
|
|
576
|
-
d: "
|
|
561
|
+
d: "M8.086 18.586 9.5 20l8-8-8-8-1.414 1.414L14.672 12l-6.586 6.586z"
|
|
577
562
|
})));
|
|
578
563
|
};
|
|
579
|
-
var ForwardRef$s = /*#__PURE__*/React.forwardRef(
|
|
564
|
+
var ForwardRef$s = /*#__PURE__*/React.forwardRef(SvgNavigationChevronRightOutline);
|
|
580
565
|
|
|
581
566
|
var _path$r;
|
|
582
567
|
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); }
|
|
583
|
-
var
|
|
568
|
+
var SvgActionAddOutline = function SvgActionAddOutline(props, ref) {
|
|
584
569
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
|
|
585
570
|
xmlns: "http://www.w3.org/2000/svg",
|
|
586
571
|
width: 24,
|
|
@@ -588,14 +573,14 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
|
588
573
|
viewBox: "0 0 24 24",
|
|
589
574
|
ref: ref
|
|
590
575
|
}, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
|
|
591
|
-
d: "
|
|
576
|
+
d: "M13.286 3h-2.572v7.714H3v2.572h7.714V21h2.572v-7.714H21v-2.572h-7.714V3z"
|
|
592
577
|
})));
|
|
593
578
|
};
|
|
594
|
-
var ForwardRef$r = /*#__PURE__*/React.forwardRef(
|
|
579
|
+
var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgActionAddOutline);
|
|
595
580
|
|
|
596
581
|
var _path$q;
|
|
597
582
|
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); }
|
|
598
|
-
var
|
|
583
|
+
var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
599
584
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
|
|
600
585
|
xmlns: "http://www.w3.org/2000/svg",
|
|
601
586
|
width: 24,
|
|
@@ -603,14 +588,14 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
|
603
588
|
viewBox: "0 0 24 24",
|
|
604
589
|
ref: ref
|
|
605
590
|
}, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
|
|
606
|
-
d: "
|
|
591
|
+
d: "m2 12 3.077-3.2 4.615 4.8L18.923 4 22 7.2 9.692 20 2 12z"
|
|
607
592
|
})));
|
|
608
593
|
};
|
|
609
|
-
var ForwardRef$q = /*#__PURE__*/React.forwardRef(
|
|
594
|
+
var ForwardRef$q = /*#__PURE__*/React.forwardRef(SvgNotificationDoneFill);
|
|
610
595
|
|
|
611
596
|
var _path$p;
|
|
612
597
|
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); }
|
|
613
|
-
var
|
|
598
|
+
var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
614
599
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
|
|
615
600
|
xmlns: "http://www.w3.org/2000/svg",
|
|
616
601
|
width: 24,
|
|
@@ -618,14 +603,14 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
|
|
|
618
603
|
viewBox: "0 0 24 24",
|
|
619
604
|
ref: ref
|
|
620
605
|
}, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
|
|
621
|
-
d: "
|
|
606
|
+
d: "M12 19a7 7 0 1 0 0-14 7 7 0 0 0 0 14z"
|
|
622
607
|
})));
|
|
623
608
|
};
|
|
624
|
-
var ForwardRef$p = /*#__PURE__*/React.forwardRef(
|
|
609
|
+
var ForwardRef$p = /*#__PURE__*/React.forwardRef(SvgRadioDotFill);
|
|
625
610
|
|
|
626
611
|
var _path$o;
|
|
627
612
|
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); }
|
|
628
|
-
var
|
|
613
|
+
var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
|
|
629
614
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
|
|
630
615
|
xmlns: "http://www.w3.org/2000/svg",
|
|
631
616
|
width: 24,
|
|
@@ -633,14 +618,14 @@ var SvgNotificationCheckFill = function SvgNotificationCheckFill(props, ref) {
|
|
|
633
618
|
viewBox: "0 0 24 24",
|
|
634
619
|
ref: ref
|
|
635
620
|
}, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
|
|
636
|
-
d: "
|
|
621
|
+
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"
|
|
637
622
|
})));
|
|
638
623
|
};
|
|
639
|
-
var ForwardRef$o = /*#__PURE__*/React.forwardRef(
|
|
624
|
+
var ForwardRef$o = /*#__PURE__*/React.forwardRef(SvgNotificationHelpFill);
|
|
640
625
|
|
|
641
626
|
var _path$n;
|
|
642
627
|
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); }
|
|
643
|
-
var
|
|
628
|
+
var SvgNotificationCheckFill = function SvgNotificationCheckFill(props, ref) {
|
|
644
629
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
|
|
645
630
|
xmlns: "http://www.w3.org/2000/svg",
|
|
646
631
|
width: 24,
|
|
@@ -648,14 +633,14 @@ var SvgNotificationWarningFill = function SvgNotificationWarningFill(props, ref)
|
|
|
648
633
|
viewBox: "0 0 24 24",
|
|
649
634
|
ref: ref
|
|
650
635
|
}, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
|
|
651
|
-
d: "
|
|
636
|
+
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"
|
|
652
637
|
})));
|
|
653
638
|
};
|
|
654
|
-
var ForwardRef$n = /*#__PURE__*/React.forwardRef(
|
|
639
|
+
var ForwardRef$n = /*#__PURE__*/React.forwardRef(SvgNotificationCheckFill);
|
|
655
640
|
|
|
656
641
|
var _path$m;
|
|
657
642
|
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); }
|
|
658
|
-
var
|
|
643
|
+
var SvgNotificationWarningFill = function SvgNotificationWarningFill(props, ref) {
|
|
659
644
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
|
|
660
645
|
xmlns: "http://www.w3.org/2000/svg",
|
|
661
646
|
width: 24,
|
|
@@ -663,14 +648,14 @@ var SvgNotificationErrorFill = function SvgNotificationErrorFill(props, ref) {
|
|
|
663
648
|
viewBox: "0 0 24 24",
|
|
664
649
|
ref: ref
|
|
665
650
|
}, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
|
|
666
|
-
d: "
|
|
651
|
+
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"
|
|
667
652
|
})));
|
|
668
653
|
};
|
|
669
|
-
var ForwardRef$m = /*#__PURE__*/React.forwardRef(
|
|
654
|
+
var ForwardRef$m = /*#__PURE__*/React.forwardRef(SvgNotificationWarningFill);
|
|
670
655
|
|
|
671
656
|
var _path$l;
|
|
672
657
|
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); }
|
|
673
|
-
var
|
|
658
|
+
var SvgNotificationErrorFill = function SvgNotificationErrorFill(props, ref) {
|
|
674
659
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
|
|
675
660
|
xmlns: "http://www.w3.org/2000/svg",
|
|
676
661
|
width: 24,
|
|
@@ -678,16 +663,14 @@ var SvgFileFileWordFill = function SvgFileFileWordFill(props, ref) {
|
|
|
678
663
|
viewBox: "0 0 24 24",
|
|
679
664
|
ref: ref
|
|
680
665
|
}, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
|
|
681
|
-
|
|
682
|
-
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",
|
|
683
|
-
clipRule: "evenodd"
|
|
666
|
+
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"
|
|
684
667
|
})));
|
|
685
668
|
};
|
|
686
|
-
var ForwardRef$l = /*#__PURE__*/React.forwardRef(
|
|
669
|
+
var ForwardRef$l = /*#__PURE__*/React.forwardRef(SvgNotificationErrorFill);
|
|
687
670
|
|
|
688
671
|
var _path$k;
|
|
689
672
|
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); }
|
|
690
|
-
var
|
|
673
|
+
var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
691
674
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
|
|
692
675
|
xmlns: "http://www.w3.org/2000/svg",
|
|
693
676
|
width: 24,
|
|
@@ -695,182 +678,344 @@ var SvgFileFileExcelFill = function SvgFileFileExcelFill(props, ref) {
|
|
|
695
678
|
viewBox: "0 0 24 24",
|
|
696
679
|
ref: ref
|
|
697
680
|
}, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
|
|
681
|
+
d: "M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3H9zM7 6h10v13H7V6zm2 2v9h2V8H9zm4 0v9h2V8h-2z"
|
|
682
|
+
})));
|
|
683
|
+
};
|
|
684
|
+
var ForwardRef$k = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
|
|
685
|
+
|
|
686
|
+
var _path$j, _path2$2;
|
|
687
|
+
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); }
|
|
688
|
+
var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
|
|
689
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
|
|
690
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
691
|
+
width: 24,
|
|
692
|
+
height: 24,
|
|
693
|
+
viewBox: "0 0 24 24",
|
|
694
|
+
ref: ref
|
|
695
|
+
}, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
|
|
696
|
+
d: "M12 4.93A5 5 0 0 1 19.07 12l-1.06 1.06c.12-.85.022-1.725-.295-2.534a3 3 0 0 0-4.302-4.182l-2.828 2.828a3 3 0 0 0-.07 4.17l.07.073-1.415 1.414a5 5 0 0 1 0-7.071L12 4.929z"
|
|
697
|
+
})), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
698
|
+
d: "m4.93 12 .989-.99a5.018 5.018 0 0 0 .297 2.54 3 3 0 0 0 4.37 4.107l2.829-2.828a3 3 0 0 0-.828-4.83l1.464-1.463a5 5 0 0 1 .778 7.707L12 19.071a5 5 0 0 1-7.07-7.07z"
|
|
699
|
+
})));
|
|
700
|
+
};
|
|
701
|
+
var ForwardRef$j = /*#__PURE__*/React.forwardRef(SvgContentLinkOutline);
|
|
702
|
+
|
|
703
|
+
var _path$i;
|
|
704
|
+
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); }
|
|
705
|
+
var SvgContentEditFill = function SvgContentEditFill(props, ref) {
|
|
706
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
|
|
707
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
708
|
+
width: 24,
|
|
709
|
+
height: 24,
|
|
710
|
+
viewBox: "0 0 24 24",
|
|
711
|
+
ref: ref
|
|
712
|
+
}, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
|
|
713
|
+
d: "m19.3 8.925-4.25-4.2 1.4-1.4a1.92 1.92 0 0 1 1.413-.575 1.92 1.92 0 0 1 1.412.575l1.4 1.4c.383.383.583.846.6 1.388a1.806 1.806 0 0 1-.55 1.387L19.3 8.925zM17.85 10.4 7.25 21H3v-4.25l10.6-10.6 4.25 4.25z"
|
|
714
|
+
})));
|
|
715
|
+
};
|
|
716
|
+
var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgContentEditFill);
|
|
717
|
+
|
|
718
|
+
var _path$h;
|
|
719
|
+
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); }
|
|
720
|
+
var SvgActionCopyContentOutline = function SvgActionCopyContentOutline(props, ref) {
|
|
721
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
|
|
722
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
723
|
+
width: 24,
|
|
724
|
+
height: 24,
|
|
725
|
+
viewBox: "0 0 24 24",
|
|
726
|
+
ref: ref
|
|
727
|
+
}, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
|
|
728
|
+
fillRule: "evenodd",
|
|
729
|
+
d: "M19 19H9V9h10M9 7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2H9zm5-4H5a2 2 0 0 0-2 2v9h2V5h9V3z",
|
|
730
|
+
clipRule: "evenodd"
|
|
731
|
+
})));
|
|
732
|
+
};
|
|
733
|
+
var ForwardRef$h = /*#__PURE__*/React.forwardRef(SvgActionCopyContentOutline);
|
|
734
|
+
|
|
735
|
+
var _path$g;
|
|
736
|
+
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); }
|
|
737
|
+
var SvgContentEditUndoOutline = function SvgContentEditUndoOutline(props, ref) {
|
|
738
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
|
|
739
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
740
|
+
width: 24,
|
|
741
|
+
height: 24,
|
|
742
|
+
viewBox: "0 0 24 24",
|
|
743
|
+
ref: ref
|
|
744
|
+
}, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
|
|
745
|
+
d: "M22.5 15a8.71 8.71 0 0 0-.712-3.513 9.158 9.158 0 0 0-1.926-2.85 9.152 9.152 0 0 0-2.85-1.925A8.709 8.709 0 0 0 13.5 6a8.71 8.71 0 0 0-3.513.712 9.167 9.167 0 0 0-2.85 1.925 9.154 9.154 0 0 0-1.924 2.85A8.705 8.705 0 0 0 4.5 15v.15L2.95 13.6 1.5 15l4 4 4-4-1.45-1.4-1.55 1.55V15c0-1.95.679-3.604 2.037-4.962C9.896 8.679 11.55 8 13.5 8c1.95 0 3.604.68 4.962 2.038C19.821 11.396 20.5 13.05 20.5 15h2z"
|
|
746
|
+
})));
|
|
747
|
+
};
|
|
748
|
+
var ForwardRef$g = /*#__PURE__*/React.forwardRef(SvgContentEditUndoOutline);
|
|
749
|
+
|
|
750
|
+
var _path$f;
|
|
751
|
+
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); }
|
|
752
|
+
var SvgActionSaveOutline = function SvgActionSaveOutline(props, ref) {
|
|
753
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
|
|
754
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
755
|
+
width: 24,
|
|
756
|
+
height: 24,
|
|
757
|
+
viewBox: "0 0 24 24",
|
|
758
|
+
ref: ref
|
|
759
|
+
}, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
|
|
760
|
+
d: "M17 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm2 16H5V5h11.17L19 7.83V19zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zM6 6h9v4H6V6z"
|
|
761
|
+
})));
|
|
762
|
+
};
|
|
763
|
+
var ForwardRef$f = /*#__PURE__*/React.forwardRef(SvgActionSaveOutline);
|
|
764
|
+
|
|
765
|
+
var _path$e;
|
|
766
|
+
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); }
|
|
767
|
+
var SvgFileFileWordFill = function SvgFileFileWordFill(props, ref) {
|
|
768
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
|
|
769
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
770
|
+
width: 24,
|
|
771
|
+
height: 24,
|
|
772
|
+
viewBox: "0 0 24 24",
|
|
773
|
+
ref: ref
|
|
774
|
+
}, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
|
|
775
|
+
fillRule: "evenodd",
|
|
776
|
+
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",
|
|
777
|
+
clipRule: "evenodd"
|
|
778
|
+
})));
|
|
779
|
+
};
|
|
780
|
+
var ForwardRef$e = /*#__PURE__*/React.forwardRef(SvgFileFileWordFill);
|
|
781
|
+
|
|
782
|
+
var _path$d;
|
|
783
|
+
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); }
|
|
784
|
+
var SvgFileFileExcelFill = function SvgFileFileExcelFill(props, ref) {
|
|
785
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
|
|
786
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
787
|
+
width: 24,
|
|
788
|
+
height: 24,
|
|
789
|
+
viewBox: "0 0 24 24",
|
|
790
|
+
ref: ref
|
|
791
|
+
}, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
|
|
698
792
|
fillRule: "evenodd",
|
|
699
793
|
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",
|
|
700
794
|
clipRule: "evenodd"
|
|
701
795
|
})));
|
|
702
796
|
};
|
|
703
|
-
var ForwardRef$
|
|
797
|
+
var ForwardRef$d = /*#__PURE__*/React.forwardRef(SvgFileFileExcelFill);
|
|
704
798
|
|
|
705
|
-
var _path$
|
|
706
|
-
function _extends$
|
|
799
|
+
var _path$c;
|
|
800
|
+
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); }
|
|
707
801
|
var SvgFileFilePdfFill = function SvgFileFilePdfFill(props, ref) {
|
|
708
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
802
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
|
|
709
803
|
xmlns: "http://www.w3.org/2000/svg",
|
|
710
804
|
width: 24,
|
|
711
805
|
height: 24,
|
|
712
806
|
viewBox: "0 0 24 24",
|
|
713
807
|
ref: ref
|
|
714
|
-
}, props), _path$
|
|
808
|
+
}, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
|
|
715
809
|
fillRule: "evenodd",
|
|
716
810
|
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",
|
|
717
811
|
clipRule: "evenodd"
|
|
718
812
|
})));
|
|
719
813
|
};
|
|
720
|
-
var ForwardRef$
|
|
814
|
+
var ForwardRef$c = /*#__PURE__*/React.forwardRef(SvgFileFilePdfFill);
|
|
721
815
|
|
|
722
|
-
var _path$
|
|
723
|
-
function _extends$
|
|
816
|
+
var _path$b;
|
|
817
|
+
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); }
|
|
724
818
|
var SvgFileFileImageFill = function SvgFileFileImageFill(props, ref) {
|
|
725
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
819
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
|
|
726
820
|
xmlns: "http://www.w3.org/2000/svg",
|
|
727
821
|
width: 24,
|
|
728
822
|
height: 24,
|
|
729
823
|
viewBox: "0 0 24 24",
|
|
730
824
|
ref: ref
|
|
731
|
-
}, props), _path$
|
|
825
|
+
}, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
|
|
732
826
|
fillRule: "evenodd",
|
|
733
827
|
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",
|
|
734
828
|
clipRule: "evenodd"
|
|
735
829
|
})));
|
|
736
830
|
};
|
|
737
|
-
var ForwardRef$
|
|
831
|
+
var ForwardRef$b = /*#__PURE__*/React.forwardRef(SvgFileFileImageFill);
|
|
738
832
|
|
|
739
|
-
var _path$
|
|
740
|
-
function _extends$
|
|
833
|
+
var _path$a, _path2$1;
|
|
834
|
+
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); }
|
|
741
835
|
var SvgFileFileVideoFill = function SvgFileFileVideoFill(props, ref) {
|
|
742
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
836
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
|
|
743
837
|
xmlns: "http://www.w3.org/2000/svg",
|
|
744
838
|
width: 24,
|
|
745
839
|
height: 24,
|
|
746
840
|
viewBox: "0 0 24 24",
|
|
747
841
|
ref: ref
|
|
748
|
-
}, props), _path$
|
|
842
|
+
}, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
749
843
|
d: "M14.992 14 9.5 17.138v-6.276L14.992 14z"
|
|
750
|
-
})), _path2$
|
|
844
|
+
})), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
751
845
|
fillRule: "evenodd",
|
|
752
846
|
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.5zM8.5 9.138v9.724L17.008 14 8.5 9.138z",
|
|
753
847
|
clipRule: "evenodd"
|
|
754
848
|
})));
|
|
755
849
|
};
|
|
756
|
-
var ForwardRef$
|
|
850
|
+
var ForwardRef$a = /*#__PURE__*/React.forwardRef(SvgFileFileVideoFill);
|
|
757
851
|
|
|
758
|
-
var _path$
|
|
759
|
-
function _extends$
|
|
852
|
+
var _path$9;
|
|
853
|
+
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); }
|
|
760
854
|
var SvgFileFileTableFill = function SvgFileFileTableFill(props, ref) {
|
|
761
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
855
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
|
|
762
856
|
xmlns: "http://www.w3.org/2000/svg",
|
|
763
857
|
width: 24,
|
|
764
858
|
height: 24,
|
|
765
859
|
viewBox: "0 0 24 24",
|
|
766
860
|
ref: ref
|
|
767
|
-
}, props), _path$
|
|
861
|
+
}, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
768
862
|
fillRule: "evenodd",
|
|
769
863
|
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",
|
|
770
864
|
clipRule: "evenodd"
|
|
771
865
|
})));
|
|
772
866
|
};
|
|
773
|
-
var ForwardRef$
|
|
867
|
+
var ForwardRef$9 = /*#__PURE__*/React.forwardRef(SvgFileFileTableFill);
|
|
774
868
|
|
|
775
|
-
var _path$
|
|
776
|
-
function _extends$
|
|
869
|
+
var _path$8;
|
|
870
|
+
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); }
|
|
777
871
|
var SvgFileFileTextFill = function SvgFileFileTextFill(props, ref) {
|
|
778
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
872
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
|
|
779
873
|
xmlns: "http://www.w3.org/2000/svg",
|
|
780
874
|
width: 24,
|
|
781
875
|
height: 24,
|
|
782
876
|
viewBox: "0 0 24 24",
|
|
783
877
|
ref: ref
|
|
784
|
-
}, props), _path$
|
|
878
|
+
}, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
785
879
|
fillRule: "evenodd",
|
|
786
880
|
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",
|
|
787
881
|
clipRule: "evenodd"
|
|
788
882
|
})));
|
|
789
883
|
};
|
|
790
|
-
var ForwardRef$
|
|
884
|
+
var ForwardRef$8 = /*#__PURE__*/React.forwardRef(SvgFileFileTextFill);
|
|
791
885
|
|
|
792
|
-
var _path$
|
|
793
|
-
function _extends$
|
|
886
|
+
var _path$7;
|
|
887
|
+
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); }
|
|
794
888
|
var SvgFileFileEmlFill = function SvgFileFileEmlFill(props, ref) {
|
|
795
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
889
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
|
|
796
890
|
xmlns: "http://www.w3.org/2000/svg",
|
|
797
891
|
width: 24,
|
|
798
892
|
height: 24,
|
|
799
893
|
viewBox: "0 0 24 24",
|
|
800
894
|
ref: ref
|
|
801
|
-
}, props), _path$
|
|
895
|
+
}, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
802
896
|
fillRule: "evenodd",
|
|
803
897
|
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",
|
|
804
898
|
clipRule: "evenodd"
|
|
805
899
|
})));
|
|
806
900
|
};
|
|
807
|
-
var ForwardRef$
|
|
901
|
+
var ForwardRef$7 = /*#__PURE__*/React.forwardRef(SvgFileFileEmlFill);
|
|
808
902
|
|
|
809
|
-
var _path$
|
|
810
|
-
function _extends$
|
|
903
|
+
var _path$6;
|
|
904
|
+
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); }
|
|
811
905
|
var SvgFileFileFill = function SvgFileFileFill(props, ref) {
|
|
812
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
906
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
|
|
813
907
|
xmlns: "http://www.w3.org/2000/svg",
|
|
814
908
|
width: 24,
|
|
815
909
|
height: 24,
|
|
816
910
|
viewBox: "0 0 24 24",
|
|
817
911
|
ref: ref
|
|
818
|
-
}, props), _path$
|
|
912
|
+
}, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
819
913
|
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"
|
|
820
914
|
})));
|
|
821
915
|
};
|
|
822
|
-
var ForwardRef$
|
|
916
|
+
var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgFileFileFill);
|
|
823
917
|
|
|
824
|
-
var _path$
|
|
825
|
-
function _extends$
|
|
918
|
+
var _path$5;
|
|
919
|
+
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); }
|
|
826
920
|
var SvgStarFilled = function SvgStarFilled(props, ref) {
|
|
827
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
921
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
828
922
|
width: 24,
|
|
829
923
|
height: 24,
|
|
830
924
|
viewBox: "0 0 24 24",
|
|
831
925
|
xmlns: "http://www.w3.org/2000/svg",
|
|
832
926
|
ref: ref
|
|
833
|
-
}, props), _path$
|
|
927
|
+
}, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
834
928
|
fillRule: "evenodd",
|
|
835
929
|
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"
|
|
836
930
|
})));
|
|
837
931
|
};
|
|
838
|
-
var ForwardRef$
|
|
932
|
+
var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgStarFilled);
|
|
839
933
|
|
|
840
|
-
var _path$
|
|
841
|
-
function _extends$
|
|
934
|
+
var _path$4, _path2;
|
|
935
|
+
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); }
|
|
842
936
|
var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
843
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
937
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
844
938
|
width: 66,
|
|
845
939
|
height: 67,
|
|
846
940
|
viewBox: "0 0 66 67",
|
|
847
941
|
fill: "none",
|
|
848
942
|
xmlns: "http://www.w3.org/2000/svg",
|
|
849
943
|
ref: ref
|
|
850
|
-
}, props), _path$
|
|
944
|
+
}, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
851
945
|
d: "M0 33.5C0 15.275 14.775.5 33 .5s33 14.775 33 33-14.775 33-33 33-33-14.775-33-33Z",
|
|
852
946
|
fill: "#EBEDF5"
|
|
853
|
-
})), _path2
|
|
947
|
+
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
854
948
|
fillRule: "evenodd",
|
|
855
949
|
clipRule: "evenodd",
|
|
856
950
|
d: "m42.31 40.335 7.165 7.165L47 49.975l-7.165-7.165a13.94 13.94 0 0 1-8.585 2.94c-7.732 0-14-6.268-14-14s6.268-14 14-14 14 6.268 14 14a13.94 13.94 0 0 1-2.94 8.585ZM31.25 42.25c5.799 0 10.5-4.701 10.5-10.5s-4.701-10.5-10.5-10.5-10.5 4.701-10.5 10.5 4.701 10.5 10.5 10.5Z",
|
|
857
951
|
fill: "#6C6F80"
|
|
858
952
|
})));
|
|
859
953
|
};
|
|
860
|
-
var ForwardRef$
|
|
954
|
+
var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
|
|
955
|
+
|
|
956
|
+
var css$1x = {"root":"_5jjLgG","uui-spinner":"_3cEm9i","uuiSpinner":"_3cEm9i"};
|
|
957
|
+
|
|
958
|
+
function applySpinnerMods() {
|
|
959
|
+
return [css$1x.root, 'uui-spinner'];
|
|
960
|
+
}
|
|
961
|
+
const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
|
|
962
|
+
|
|
963
|
+
var css$1w = {"root":"g--YTQ","loading-word":"DlTClN","loadingWord":"DlTClN","animated-loading":"_7tqTZp","animatedLoading":"_7tqTZp","skeleton_loading":"CCDWzV","skeletonLoading":"CCDWzV"};
|
|
964
|
+
|
|
965
|
+
const TextPlaceholder = (props) => {
|
|
966
|
+
const pattern = ' ';
|
|
967
|
+
const text = React__namespace.useMemo(() => {
|
|
968
|
+
const words = [];
|
|
969
|
+
for (let i = 0; i < (props.wordsCount || 1); i++) {
|
|
970
|
+
const lengthWord = Math.floor(Math.random() * 10 + 8);
|
|
971
|
+
words.push(pattern.repeat(lengthWord));
|
|
972
|
+
}
|
|
973
|
+
return words;
|
|
974
|
+
}, [props.wordsCount]);
|
|
975
|
+
return (React__namespace.createElement("div", { "aria-busy": true, className: cx__default.default(css$1w.root, 'uui-text-placeholder'), ...props.rawProps }, text.map((it, index) => (React__namespace.createElement("span", { key: index, className: cx__default.default([
|
|
976
|
+
props.cx, css$1w.loadingWord, !props.isNotAnimated && css$1w.animatedLoading,
|
|
977
|
+
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
978
|
+
};
|
|
979
|
+
|
|
980
|
+
var css$1v = {"root":"SUs-kX","line-height":"LHONHB","lineHeight":"LHONHB","font-size":"rNDcV1","fontSize":"rNDcV1"};
|
|
981
|
+
|
|
982
|
+
function applyTextMods(mods) {
|
|
983
|
+
return [
|
|
984
|
+
css$1v.root,
|
|
985
|
+
'uui-text',
|
|
986
|
+
`uui-size-${mods.size || settings.text.sizes.default}`,
|
|
987
|
+
(mods.size !== 'none' || mods.lineHeight) && css$1v.lineHeight,
|
|
988
|
+
(mods.size !== 'none' || mods.fontSize) && css$1v.fontSize,
|
|
989
|
+
`uui-color-${mods.color || 'primary'}`,
|
|
990
|
+
`uui-font-weight-${mods.fontWeight || '400'}`,
|
|
991
|
+
`uui-font-style-${mods.fontStyle || 'normal'}`,
|
|
992
|
+
'uui-typography-inline',
|
|
993
|
+
];
|
|
994
|
+
}
|
|
995
|
+
const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, applyTextMods, (props) => {
|
|
996
|
+
const style = props?.rawProps?.style || {};
|
|
997
|
+
props.fontSize && (style['--uui-text-font-size'] = `${props.fontSize}px`);
|
|
998
|
+
props.lineHeight && (style['--uui-text-line-height'] = `${props.lineHeight}px`);
|
|
999
|
+
return {
|
|
1000
|
+
rawProps: {
|
|
1001
|
+
...props?.rawProps,
|
|
1002
|
+
style: style,
|
|
1003
|
+
},
|
|
1004
|
+
};
|
|
1005
|
+
});
|
|
861
1006
|
|
|
862
1007
|
const accordionSettings = {
|
|
863
1008
|
icons: {
|
|
864
|
-
dropdownIcon: ForwardRef$
|
|
1009
|
+
dropdownIcon: ForwardRef$P,
|
|
865
1010
|
},
|
|
866
1011
|
};
|
|
867
1012
|
const alertSettings = {
|
|
868
1013
|
icons: {
|
|
869
|
-
closeIcon: ForwardRef$
|
|
870
|
-
infoIcon: ForwardRef$
|
|
871
|
-
successIcon: ForwardRef$
|
|
872
|
-
warningIcon: ForwardRef$
|
|
873
|
-
errorIcon: ForwardRef$
|
|
1014
|
+
closeIcon: ForwardRef$Q,
|
|
1015
|
+
infoIcon: ForwardRef$J,
|
|
1016
|
+
successIcon: ForwardRef$n,
|
|
1017
|
+
warningIcon: ForwardRef$m,
|
|
1018
|
+
errorIcon: ForwardRef$l,
|
|
874
1019
|
},
|
|
875
1020
|
sizes: {
|
|
876
1021
|
default: '48',
|
|
@@ -882,7 +1027,7 @@ const alertSettings = {
|
|
|
882
1027
|
};
|
|
883
1028
|
const badgeSettings = {
|
|
884
1029
|
icons: {
|
|
885
|
-
dropdownIcon: ForwardRef$
|
|
1030
|
+
dropdownIcon: ForwardRef$P,
|
|
886
1031
|
},
|
|
887
1032
|
sizes: {
|
|
888
1033
|
default: '36',
|
|
@@ -898,8 +1043,8 @@ const badgeSettings = {
|
|
|
898
1043
|
};
|
|
899
1044
|
const buttonSettings = {
|
|
900
1045
|
icons: {
|
|
901
|
-
clearIcon: ForwardRef$
|
|
902
|
-
dropdownIcon: ForwardRef$
|
|
1046
|
+
clearIcon: ForwardRef$Q,
|
|
1047
|
+
dropdownIcon: ForwardRef$P,
|
|
903
1048
|
},
|
|
904
1049
|
sizes: {
|
|
905
1050
|
default: '36',
|
|
@@ -907,8 +1052,8 @@ const buttonSettings = {
|
|
|
907
1052
|
};
|
|
908
1053
|
const checkboxSettings = {
|
|
909
1054
|
icons: {
|
|
910
|
-
checkIcon: ForwardRef$
|
|
911
|
-
indeterminateIcon: ForwardRef$
|
|
1055
|
+
checkIcon: ForwardRef$O,
|
|
1056
|
+
indeterminateIcon: ForwardRef$N,
|
|
912
1057
|
},
|
|
913
1058
|
sizes: {
|
|
914
1059
|
default: '18',
|
|
@@ -920,31 +1065,33 @@ const countIndicatorSettings = {
|
|
|
920
1065
|
},
|
|
921
1066
|
};
|
|
922
1067
|
const dataTableSettings = {
|
|
1068
|
+
renderPlaceholder: (props) => React__namespace.default.createElement(Text, { size: props.rowSize },
|
|
1069
|
+
React__namespace.default.createElement(TextPlaceholder, null)),
|
|
923
1070
|
icons: {
|
|
924
|
-
emptyTable: ForwardRef$
|
|
1071
|
+
emptyTable: ForwardRef$I,
|
|
925
1072
|
header: {
|
|
926
|
-
configIcon: ForwardRef$
|
|
927
|
-
ascSortIcon: ForwardRef$
|
|
928
|
-
descSortIcon: ForwardRef$
|
|
929
|
-
defaultSortIcon: ForwardRef$
|
|
930
|
-
filterIcon: ForwardRef$
|
|
931
|
-
dropdownIcon: ForwardRef$
|
|
932
|
-
openedDropdownIcon: ForwardRef$
|
|
933
|
-
foldIcon: ForwardRef$
|
|
934
|
-
unfoldIcon: ForwardRef$
|
|
1073
|
+
configIcon: ForwardRef$u,
|
|
1074
|
+
ascSortIcon: ForwardRef$H,
|
|
1075
|
+
descSortIcon: ForwardRef$G,
|
|
1076
|
+
defaultSortIcon: ForwardRef$z,
|
|
1077
|
+
filterIcon: ForwardRef$y,
|
|
1078
|
+
dropdownIcon: ForwardRef$P,
|
|
1079
|
+
openedDropdownIcon: ForwardRef$x,
|
|
1080
|
+
foldIcon: ForwardRef$w,
|
|
1081
|
+
unfoldIcon: ForwardRef$v,
|
|
935
1082
|
},
|
|
936
1083
|
body: {
|
|
937
|
-
foldingIcon: ForwardRef$
|
|
1084
|
+
foldingIcon: ForwardRef$P,
|
|
938
1085
|
},
|
|
939
1086
|
columnsConfigurationModal: {
|
|
940
|
-
dragIndicator: ForwardRef$
|
|
941
|
-
lockIcon: ForwardRef$
|
|
942
|
-
pinLeftIcon: ForwardRef$
|
|
943
|
-
pinRightIcon: ForwardRef$
|
|
944
|
-
collapsedIcon: ForwardRef$
|
|
945
|
-
expandedIcon: ForwardRef$
|
|
946
|
-
menuIcon: ForwardRef$
|
|
947
|
-
resetIcon: ForwardRef$
|
|
1087
|
+
dragIndicator: ForwardRef$F,
|
|
1088
|
+
lockIcon: ForwardRef$C,
|
|
1089
|
+
pinLeftIcon: ForwardRef$B,
|
|
1090
|
+
pinRightIcon: ForwardRef$A,
|
|
1091
|
+
collapsedIcon: ForwardRef$s,
|
|
1092
|
+
expandedIcon: ForwardRef$P,
|
|
1093
|
+
menuIcon: ForwardRef$E,
|
|
1094
|
+
resetIcon: ForwardRef$D,
|
|
948
1095
|
},
|
|
949
1096
|
},
|
|
950
1097
|
sizes: {
|
|
@@ -1001,18 +1148,18 @@ const dataTableSettings = {
|
|
|
1001
1148
|
};
|
|
1002
1149
|
const dropdownMenuSettings = {
|
|
1003
1150
|
icons: {
|
|
1004
|
-
acceptIcon: ForwardRef$
|
|
1005
|
-
dropdownIcon: ForwardRef$
|
|
1151
|
+
acceptIcon: ForwardRef$O,
|
|
1152
|
+
dropdownIcon: ForwardRef$P,
|
|
1006
1153
|
},
|
|
1007
1154
|
};
|
|
1008
1155
|
const datePickerSettings = {
|
|
1009
1156
|
icons: {
|
|
1010
1157
|
body: {
|
|
1011
|
-
prevIcon: ForwardRef$
|
|
1012
|
-
nextIcon: ForwardRef$
|
|
1158
|
+
prevIcon: ForwardRef$t,
|
|
1159
|
+
nextIcon: ForwardRef$s,
|
|
1013
1160
|
},
|
|
1014
1161
|
input: {
|
|
1015
|
-
calendarIcon: ForwardRef$
|
|
1162
|
+
calendarIcon: ForwardRef$L,
|
|
1016
1163
|
},
|
|
1017
1164
|
},
|
|
1018
1165
|
sizes: {
|
|
@@ -1022,17 +1169,17 @@ const datePickerSettings = {
|
|
|
1022
1169
|
};
|
|
1023
1170
|
const fileCardSettings = {
|
|
1024
1171
|
icons: {
|
|
1025
|
-
docIcon: ForwardRef$
|
|
1026
|
-
exelIcon: ForwardRef$
|
|
1027
|
-
pdfIcon: ForwardRef$
|
|
1028
|
-
imgIcon: ForwardRef$
|
|
1029
|
-
videoIcon: ForwardRef$
|
|
1030
|
-
tableIcon: ForwardRef$
|
|
1031
|
-
textIcon: ForwardRef$
|
|
1032
|
-
mailIcon: ForwardRef$
|
|
1033
|
-
fileIcon: ForwardRef$
|
|
1034
|
-
closeIcon: ForwardRef$
|
|
1035
|
-
errorIcon: ForwardRef$
|
|
1172
|
+
docIcon: ForwardRef$e,
|
|
1173
|
+
exelIcon: ForwardRef$d,
|
|
1174
|
+
pdfIcon: ForwardRef$c,
|
|
1175
|
+
imgIcon: ForwardRef$b,
|
|
1176
|
+
videoIcon: ForwardRef$a,
|
|
1177
|
+
tableIcon: ForwardRef$9,
|
|
1178
|
+
textIcon: ForwardRef$8,
|
|
1179
|
+
mailIcon: ForwardRef$7,
|
|
1180
|
+
fileIcon: ForwardRef$6,
|
|
1181
|
+
closeIcon: ForwardRef$Q,
|
|
1182
|
+
errorIcon: ForwardRef$l,
|
|
1036
1183
|
},
|
|
1037
1184
|
};
|
|
1038
1185
|
const flexRowSettings = {
|
|
@@ -1041,23 +1188,31 @@ const flexRowSettings = {
|
|
|
1041
1188
|
},
|
|
1042
1189
|
};
|
|
1043
1190
|
const filtersPanelSettings = {
|
|
1191
|
+
renderPlaceholder: () => React__namespace.default.createElement(TextPlaceholder, null),
|
|
1044
1192
|
icons: {
|
|
1045
|
-
addFilterIcon: ForwardRef$
|
|
1046
|
-
itemDropdownIcon: ForwardRef$
|
|
1193
|
+
addFilterIcon: ForwardRef$r,
|
|
1194
|
+
itemDropdownIcon: ForwardRef$P,
|
|
1195
|
+
pickerBodyRemoveIcon: ForwardRef$k,
|
|
1047
1196
|
},
|
|
1048
1197
|
sizes: {
|
|
1049
1198
|
default: '36',
|
|
1199
|
+
footerLinkButton: '36',
|
|
1200
|
+
mobileFooterLinkButton: '48',
|
|
1201
|
+
pickerBodyMultiSwitch: '24',
|
|
1202
|
+
pickerBodyLinkButton: '24',
|
|
1203
|
+
pickerBodyMinWidth: 360,
|
|
1204
|
+
rangeDatePickerInput: '30',
|
|
1050
1205
|
},
|
|
1051
1206
|
};
|
|
1052
1207
|
const iconButtonSettings = {
|
|
1053
1208
|
icons: {
|
|
1054
|
-
dropdownIcon: ForwardRef$
|
|
1209
|
+
dropdownIcon: ForwardRef$P,
|
|
1055
1210
|
},
|
|
1056
1211
|
};
|
|
1057
1212
|
const labeledInputSettings = {
|
|
1058
1213
|
icons: {
|
|
1059
|
-
infoIcon: ForwardRef$
|
|
1060
|
-
fillInfoIcon: ForwardRef$
|
|
1214
|
+
infoIcon: ForwardRef$K,
|
|
1215
|
+
fillInfoIcon: ForwardRef$J,
|
|
1061
1216
|
},
|
|
1062
1217
|
sizes: {
|
|
1063
1218
|
default: '36',
|
|
@@ -1065,7 +1220,7 @@ const labeledInputSettings = {
|
|
|
1065
1220
|
};
|
|
1066
1221
|
const linkButtonSettings = {
|
|
1067
1222
|
icons: {
|
|
1068
|
-
dropdownIcon: ForwardRef$
|
|
1223
|
+
dropdownIcon: ForwardRef$P,
|
|
1069
1224
|
},
|
|
1070
1225
|
sizes: {
|
|
1071
1226
|
default: '36',
|
|
@@ -1074,24 +1229,25 @@ const linkButtonSettings = {
|
|
|
1074
1229
|
};
|
|
1075
1230
|
const modalSettings = {
|
|
1076
1231
|
icons: {
|
|
1077
|
-
closeIcon: ForwardRef$
|
|
1232
|
+
closeIcon: ForwardRef$Q,
|
|
1078
1233
|
},
|
|
1079
1234
|
};
|
|
1080
1235
|
const notificationCardSettings = {
|
|
1081
1236
|
icons: {
|
|
1082
|
-
closeIcon: ForwardRef$
|
|
1083
|
-
hintIcon: ForwardRef$
|
|
1084
|
-
successIcon: ForwardRef$
|
|
1085
|
-
warningIcon: ForwardRef$
|
|
1086
|
-
errorIcon: ForwardRef$
|
|
1237
|
+
closeIcon: ForwardRef$Q,
|
|
1238
|
+
hintIcon: ForwardRef$o,
|
|
1239
|
+
successIcon: ForwardRef$n,
|
|
1240
|
+
warningIcon: ForwardRef$m,
|
|
1241
|
+
errorIcon: ForwardRef$l,
|
|
1087
1242
|
},
|
|
1088
1243
|
sizes: {
|
|
1089
1244
|
action: '30',
|
|
1245
|
+
icon: 24,
|
|
1090
1246
|
},
|
|
1091
1247
|
};
|
|
1092
1248
|
const numericInputSettings = {
|
|
1093
1249
|
icons: {
|
|
1094
|
-
arrowIcon: ForwardRef$
|
|
1250
|
+
arrowIcon: ForwardRef$P,
|
|
1095
1251
|
},
|
|
1096
1252
|
sizes: {
|
|
1097
1253
|
default: '36',
|
|
@@ -1099,23 +1255,25 @@ const numericInputSettings = {
|
|
|
1099
1255
|
};
|
|
1100
1256
|
const paginatorSettings = {
|
|
1101
1257
|
icons: {
|
|
1102
|
-
leftArrowIcon: ForwardRef$
|
|
1103
|
-
rightArrowIcon: ForwardRef$
|
|
1258
|
+
leftArrowIcon: ForwardRef$t,
|
|
1259
|
+
rightArrowIcon: ForwardRef$s,
|
|
1104
1260
|
},
|
|
1105
1261
|
sizes: {
|
|
1106
1262
|
default: '36',
|
|
1107
1263
|
},
|
|
1108
1264
|
};
|
|
1109
1265
|
const pickerInputSettings = {
|
|
1266
|
+
renderPlaceholder: (props) => React__namespace.default.createElement(Text, { size: props.rowSize },
|
|
1267
|
+
React__namespace.default.createElement(TextPlaceholder, null)),
|
|
1110
1268
|
icons: {
|
|
1111
1269
|
toggler: {
|
|
1112
|
-
clearIcon: ForwardRef$
|
|
1113
|
-
dropdownIcon: ForwardRef$
|
|
1270
|
+
clearIcon: ForwardRef$Q,
|
|
1271
|
+
dropdownIcon: ForwardRef$P,
|
|
1114
1272
|
},
|
|
1115
1273
|
body: {
|
|
1116
|
-
selectIcon: (size) => size < '30' ? ForwardRef$
|
|
1117
|
-
pickerBodyMobileHeaderCloseIcon: ForwardRef$
|
|
1118
|
-
modalNotFoundSearchIcon: ForwardRef$
|
|
1274
|
+
selectIcon: (size) => size < '30' ? ForwardRef$q : ForwardRef$O,
|
|
1275
|
+
pickerBodyMobileHeaderCloseIcon: ForwardRef$Q,
|
|
1276
|
+
modalNotFoundSearchIcon: ForwardRef$4,
|
|
1119
1277
|
},
|
|
1120
1278
|
},
|
|
1121
1279
|
sizes: {
|
|
@@ -1173,12 +1331,32 @@ const pickerInputSettings = {
|
|
|
1173
1331
|
mobileFooterLinkButton: '48',
|
|
1174
1332
|
mobileRow: '48',
|
|
1175
1333
|
mobileSearchInput: '48',
|
|
1334
|
+
getSearchSize: ({ pickerSize }) => {
|
|
1335
|
+
return pickerSize;
|
|
1336
|
+
},
|
|
1176
1337
|
},
|
|
1177
1338
|
},
|
|
1178
1339
|
};
|
|
1340
|
+
const presetsPanelSettings = {
|
|
1341
|
+
icons: {
|
|
1342
|
+
addIcon: ForwardRef$r,
|
|
1343
|
+
copyIcon: ForwardRef$h,
|
|
1344
|
+
copyLinkIcon: ForwardRef$j,
|
|
1345
|
+
deleteIcon: ForwardRef$k,
|
|
1346
|
+
discardChangesIcon: ForwardRef$g,
|
|
1347
|
+
menuIcon: ForwardRef$E,
|
|
1348
|
+
renameIcon: ForwardRef$i,
|
|
1349
|
+
saveAsNewIcon: ForwardRef$f,
|
|
1350
|
+
saveInCurrentIcon: ForwardRef$D,
|
|
1351
|
+
},
|
|
1352
|
+
sizes: {
|
|
1353
|
+
tabButton: '60',
|
|
1354
|
+
dropdownTargetIconButton: '18',
|
|
1355
|
+
},
|
|
1356
|
+
};
|
|
1179
1357
|
const radioInputSettings = {
|
|
1180
1358
|
icons: {
|
|
1181
|
-
dotIcon: ForwardRef$
|
|
1359
|
+
dotIcon: ForwardRef$p,
|
|
1182
1360
|
},
|
|
1183
1361
|
sizes: {
|
|
1184
1362
|
default: '18',
|
|
@@ -1187,7 +1365,7 @@ const radioInputSettings = {
|
|
|
1187
1365
|
const rangeDatePickerSettings = {
|
|
1188
1366
|
icons: {
|
|
1189
1367
|
input: {
|
|
1190
|
-
calendarIcon: ForwardRef$
|
|
1368
|
+
calendarIcon: ForwardRef$L,
|
|
1191
1369
|
},
|
|
1192
1370
|
},
|
|
1193
1371
|
sizes: {
|
|
@@ -1197,8 +1375,8 @@ const rangeDatePickerSettings = {
|
|
|
1197
1375
|
};
|
|
1198
1376
|
const ratingSettings = {
|
|
1199
1377
|
icons: {
|
|
1200
|
-
filledRatingIcon: ForwardRef$
|
|
1201
|
-
emptyRatingIcon: ForwardRef$
|
|
1378
|
+
filledRatingIcon: ForwardRef$5,
|
|
1379
|
+
emptyRatingIcon: ForwardRef$5,
|
|
1202
1380
|
},
|
|
1203
1381
|
sizes: {
|
|
1204
1382
|
default: 18,
|
|
@@ -1221,8 +1399,8 @@ const switchSettings = {
|
|
|
1221
1399
|
};
|
|
1222
1400
|
const tabButtonSettings = {
|
|
1223
1401
|
icons: {
|
|
1224
|
-
clearIcon: ForwardRef$
|
|
1225
|
-
dropdownIcon: ForwardRef$
|
|
1402
|
+
clearIcon: ForwardRef$Q,
|
|
1403
|
+
dropdownIcon: ForwardRef$P,
|
|
1226
1404
|
},
|
|
1227
1405
|
sizes: {
|
|
1228
1406
|
default: '48',
|
|
@@ -1235,8 +1413,8 @@ const tabButtonSettings = {
|
|
|
1235
1413
|
};
|
|
1236
1414
|
const tagSettings = {
|
|
1237
1415
|
icons: {
|
|
1238
|
-
clearIcon: ForwardRef$
|
|
1239
|
-
dropdownIcon: ForwardRef$
|
|
1416
|
+
clearIcon: ForwardRef$Q,
|
|
1417
|
+
dropdownIcon: ForwardRef$P,
|
|
1240
1418
|
},
|
|
1241
1419
|
sizes: {
|
|
1242
1420
|
default: '36',
|
|
@@ -1262,20 +1440,24 @@ const textAreaSettings = {
|
|
|
1262
1440
|
};
|
|
1263
1441
|
const textInputSettings = {
|
|
1264
1442
|
icons: {
|
|
1265
|
-
acceptIcon: ForwardRef$
|
|
1266
|
-
clearIcon: ForwardRef$
|
|
1267
|
-
dropdownIcon: ForwardRef$
|
|
1268
|
-
searchIcon: ForwardRef$
|
|
1443
|
+
acceptIcon: ForwardRef$O,
|
|
1444
|
+
clearIcon: ForwardRef$Q,
|
|
1445
|
+
dropdownIcon: ForwardRef$P,
|
|
1446
|
+
searchIcon: ForwardRef$M,
|
|
1269
1447
|
},
|
|
1270
1448
|
sizes: {
|
|
1271
1449
|
default: '36',
|
|
1272
1450
|
},
|
|
1273
1451
|
};
|
|
1452
|
+
const blockerSettings = {
|
|
1453
|
+
renderSpinner: () => React__namespace.default.createElement(Spinner, null),
|
|
1454
|
+
};
|
|
1274
1455
|
const settings = {
|
|
1275
1456
|
accordion: accordionSettings,
|
|
1276
1457
|
alert: alertSettings,
|
|
1277
1458
|
badge: badgeSettings,
|
|
1278
1459
|
button: buttonSettings,
|
|
1460
|
+
blocker: blockerSettings,
|
|
1279
1461
|
checkbox: checkboxSettings,
|
|
1280
1462
|
countIndicator: countIndicatorSettings,
|
|
1281
1463
|
dataTable: dataTableSettings,
|
|
@@ -1292,6 +1474,7 @@ const settings = {
|
|
|
1292
1474
|
numericInput: numericInputSettings,
|
|
1293
1475
|
paginator: paginatorSettings,
|
|
1294
1476
|
pickerInput: pickerInputSettings,
|
|
1477
|
+
presetsPanel: presetsPanelSettings,
|
|
1295
1478
|
radioInput: radioInputSettings,
|
|
1296
1479
|
rangeDatePicker: rangeDatePickerSettings,
|
|
1297
1480
|
rating: ratingSettings,
|
|
@@ -1305,11 +1488,11 @@ const settings = {
|
|
|
1305
1488
|
textInput: textInputSettings,
|
|
1306
1489
|
};
|
|
1307
1490
|
|
|
1308
|
-
var css$
|
|
1491
|
+
var css$1u = {"root":"AOpMe-"};
|
|
1309
1492
|
|
|
1310
1493
|
function applyButtonMods(mods) {
|
|
1311
1494
|
return [
|
|
1312
|
-
css$
|
|
1495
|
+
css$1u.root,
|
|
1313
1496
|
'uui-button',
|
|
1314
1497
|
`uui-fill-${mods.fill || 'solid'}`,
|
|
1315
1498
|
`uui-color-${mods.color || 'primary'}`,
|
|
@@ -1323,10 +1506,10 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
|
|
|
1323
1506
|
};
|
|
1324
1507
|
});
|
|
1325
1508
|
|
|
1326
|
-
var css$
|
|
1509
|
+
var css$1t = {"root":"kwf-Sz"};
|
|
1327
1510
|
|
|
1328
1511
|
function applyIconButtonMods(props) {
|
|
1329
|
-
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$
|
|
1512
|
+
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1t.root];
|
|
1330
1513
|
}
|
|
1331
1514
|
const IconButton = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.IconButton, applyIconButtonMods, (props) => {
|
|
1332
1515
|
const isDeprecated = ['info', 'success', 'error', 'warning'].includes(props.color);
|
|
@@ -1360,7 +1543,7 @@ function getIconClass(props) {
|
|
|
1360
1543
|
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'];
|
|
1361
1544
|
}
|
|
1362
1545
|
|
|
1363
|
-
var css$
|
|
1546
|
+
var css$1s = {"root":"XRddAO"};
|
|
1364
1547
|
|
|
1365
1548
|
const DEFAULT_COLOR = 'primary';
|
|
1366
1549
|
const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
@@ -1375,7 +1558,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
1375
1558
|
}
|
|
1376
1559
|
const rootStyles = [
|
|
1377
1560
|
'uui-link_button',
|
|
1378
|
-
css$
|
|
1561
|
+
css$1s.root,
|
|
1379
1562
|
`uui-size-${props.size || settings.linkButton.sizes.default}`,
|
|
1380
1563
|
...getIconClass(props),
|
|
1381
1564
|
`uui-color-${props.color || DEFAULT_COLOR}`,
|
|
@@ -1390,11 +1573,11 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
1390
1573
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1391
1574
|
});
|
|
1392
1575
|
|
|
1393
|
-
var css$
|
|
1576
|
+
var css$1r = {"root":"_1lzBkd"};
|
|
1394
1577
|
|
|
1395
1578
|
const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1396
1579
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
1397
|
-
css$
|
|
1580
|
+
css$1r.root,
|
|
1398
1581
|
'uui-count_indicator',
|
|
1399
1582
|
`uui-size-${props.size || settings.countIndicator.sizes.default}`,
|
|
1400
1583
|
props.color && `uui-color-${props.color}`,
|
|
@@ -1402,11 +1585,11 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1402
1585
|
]) }, props.caption));
|
|
1403
1586
|
});
|
|
1404
1587
|
|
|
1405
|
-
var css$
|
|
1588
|
+
var css$1q = {"root":"ONAqNA","withNotify":"apLn8C"};
|
|
1406
1589
|
|
|
1407
1590
|
const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
1408
1591
|
const styles = [
|
|
1409
|
-
css$
|
|
1592
|
+
css$1q.root,
|
|
1410
1593
|
'uui-tab-button',
|
|
1411
1594
|
`uui-size-${props.size || settings.tabButton.sizes.default}`,
|
|
1412
1595
|
...getIconClass(props),
|
|
@@ -1423,27 +1606,27 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
|
|
|
1423
1606
|
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1424
1607
|
(props.caption || props.withNotify) && (React__namespace.default.createElement("div", { className: uuiCore.cx(uuiCore.uuiElement.caption) },
|
|
1425
1608
|
props.caption,
|
|
1426
|
-
props.withNotify && React__namespace.default.createElement("div", { className: css$
|
|
1609
|
+
props.withNotify && React__namespace.default.createElement("div", { className: css$1q.withNotify }))),
|
|
1427
1610
|
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1428
1611
|
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: "neutral", size: settings.tabButton.sizes.countIndicatorMap[props.size || settings.tabButton.sizes.default], caption: props.count })),
|
|
1429
1612
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
|
|
1430
1613
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1431
1614
|
});
|
|
1432
1615
|
|
|
1433
|
-
var css$
|
|
1616
|
+
var css$1p = {"root":"NWkhg8"};
|
|
1434
1617
|
|
|
1435
1618
|
function applyVerticalTabButtonMods() {
|
|
1436
|
-
return [css$
|
|
1619
|
+
return [css$1p.root, 'uui-vertical-tab-button'];
|
|
1437
1620
|
}
|
|
1438
1621
|
const VerticalTabButton = /* @__PURE__ */uuiCore.withMods(TabButton, applyVerticalTabButtonMods);
|
|
1439
1622
|
|
|
1440
|
-
var css$
|
|
1623
|
+
var css$1o = {"root":"NKjWky"};
|
|
1441
1624
|
|
|
1442
1625
|
function applyCheckboxMods(mods) {
|
|
1443
1626
|
return [
|
|
1444
|
-
css$
|
|
1627
|
+
css$1o.root,
|
|
1445
1628
|
`uui-size-${mods.size || settings.checkbox.sizes.default}`,
|
|
1446
|
-
|
|
1629
|
+
'uui-control-mode-' + (mods.mode || 'form'),
|
|
1447
1630
|
'uui-color-primary',
|
|
1448
1631
|
];
|
|
1449
1632
|
}
|
|
@@ -1455,11 +1638,11 @@ const applyUUICheckboxProps = (props) => {
|
|
|
1455
1638
|
};
|
|
1456
1639
|
const Checkbox = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
1457
1640
|
|
|
1458
|
-
var css$
|
|
1641
|
+
var css$1n = {"root":"qYaJRB"};
|
|
1459
1642
|
|
|
1460
1643
|
function applyRadioInputMods(mods) {
|
|
1461
1644
|
return [
|
|
1462
|
-
css$
|
|
1645
|
+
css$1n.root,
|
|
1463
1646
|
`uui-size-${mods.size || settings.radioInput.sizes.default}`,
|
|
1464
1647
|
'uui-radio-input-container',
|
|
1465
1648
|
'uui-color-primary',
|
|
@@ -1467,11 +1650,11 @@ function applyRadioInputMods(mods) {
|
|
|
1467
1650
|
}
|
|
1468
1651
|
const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : settings.radioInput.icons.dotIcon }));
|
|
1469
1652
|
|
|
1470
|
-
var css$
|
|
1653
|
+
var css$1m = {"root":"uJ26Lk"};
|
|
1471
1654
|
|
|
1472
1655
|
function applySwitchMods(mods) {
|
|
1473
1656
|
return [
|
|
1474
|
-
css$
|
|
1657
|
+
css$1m.root,
|
|
1475
1658
|
`uui-size-${mods.size || settings.switch.sizes.default}`,
|
|
1476
1659
|
'uui-color-primary',
|
|
1477
1660
|
];
|
|
@@ -1491,14 +1674,14 @@ var EditMode;
|
|
|
1491
1674
|
EditMode["INLINE"] = "inline";
|
|
1492
1675
|
})(EditMode || (EditMode = {}));
|
|
1493
1676
|
|
|
1494
|
-
var textInputCss = {"root":"
|
|
1677
|
+
var textInputCss = {"root":"pexJ5o"};
|
|
1495
1678
|
|
|
1496
1679
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
1497
1680
|
function applyTextInputMods(mods) {
|
|
1498
1681
|
return [
|
|
1499
1682
|
textInputCss.root,
|
|
1500
1683
|
`uui-size-${mods.size || settings.textInput.sizes.default}`,
|
|
1501
|
-
|
|
1684
|
+
'uui-control-mode-' + (mods.mode || DEFAULT_MODE$3),
|
|
1502
1685
|
];
|
|
1503
1686
|
}
|
|
1504
1687
|
const TextInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.TextInput, applyTextInputMods, () => ({
|
|
@@ -1516,9 +1699,9 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
|
|
|
1516
1699
|
} }));
|
|
1517
1700
|
});
|
|
1518
1701
|
|
|
1519
|
-
var css$
|
|
1702
|
+
var css$1l = {"root":"ttQ0hk"};
|
|
1520
1703
|
|
|
1521
|
-
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$
|
|
1704
|
+
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1l.root, 'uui-control-group']);
|
|
1522
1705
|
|
|
1523
1706
|
function MultiSwitchComponent(props, ref) {
|
|
1524
1707
|
return (React__namespace.createElement(ControlGroup, { ref: ref, rawProps: {
|
|
@@ -1532,15 +1715,15 @@ function MultiSwitchComponent(props, ref) {
|
|
|
1532
1715
|
}
|
|
1533
1716
|
const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
|
|
1534
1717
|
|
|
1535
|
-
var css$
|
|
1718
|
+
var css$1k = {"root":"DYnhq9"};
|
|
1536
1719
|
|
|
1537
1720
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
1538
1721
|
function applyNumericInputMods(mods) {
|
|
1539
1722
|
return [
|
|
1540
1723
|
textInputCss.root,
|
|
1541
|
-
css$
|
|
1724
|
+
css$1k.root,
|
|
1542
1725
|
`uui-size-${mods.size || settings.numericInput.sizes.default}`,
|
|
1543
|
-
|
|
1726
|
+
'uui-control-mode-' + (mods.mode || DEFAULT_MODE$2),
|
|
1544
1727
|
];
|
|
1545
1728
|
}
|
|
1546
1729
|
const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput, applyNumericInputMods, (props) => {
|
|
@@ -1552,15 +1735,15 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
|
|
|
1552
1735
|
};
|
|
1553
1736
|
});
|
|
1554
1737
|
|
|
1555
|
-
var css$
|
|
1738
|
+
var css$1j = {"root":"bBXuUf"};
|
|
1556
1739
|
|
|
1557
1740
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
1558
1741
|
function applyTextAreaMods(mods) {
|
|
1559
1742
|
return [
|
|
1560
|
-
css$
|
|
1743
|
+
css$1j.root,
|
|
1561
1744
|
'uui-textarea',
|
|
1562
1745
|
'uui-size-' + (mods.size || settings.textArea.sizes.default),
|
|
1563
|
-
|
|
1746
|
+
'uui-control-mode-' + (mods.mode || DEFAULT_MODE$1),
|
|
1564
1747
|
];
|
|
1565
1748
|
}
|
|
1566
1749
|
const TextArea = /* @__PURE__ */uuiCore.withMods(uuiComponents.TextArea, applyTextAreaMods, (props) => {
|
|
@@ -1593,17 +1776,17 @@ function TREE_SHAKEABLE_INIT$1() {
|
|
|
1593
1776
|
};
|
|
1594
1777
|
}
|
|
1595
1778
|
|
|
1596
|
-
var css$
|
|
1779
|
+
var css$1i = {"root":"R8yctm","main-path":"kmMOB7","mainPath":"kmMOB7","content-wrapper":"yC8yIf","contentWrapper":"yC8yIf","content":"HaHa5K","action-wrapper":"aeZSev","actionWrapper":"aeZSev","icon-wrapper":"WXI8ka","iconWrapper":"WXI8ka","icon":"zMZ4QL","close-icon":"_4oqVaH","closeIcon":"_4oqVaH"};
|
|
1597
1780
|
|
|
1598
|
-
const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", { role: "alert", ref: ref, className: cx__default.default('uui-alert', css$
|
|
1599
|
-
React__namespace.createElement("div", { className: css$
|
|
1600
|
-
React__namespace.createElement("div", { className: css$
|
|
1601
|
-
props.icon && (React__namespace.createElement("div", { className: css$
|
|
1602
|
-
React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon, cx: css$
|
|
1603
|
-
React__namespace.createElement("div", { className: css$
|
|
1781
|
+
const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", { role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1i.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.alert.sizes.default}`), ...props.rawProps },
|
|
1782
|
+
React__namespace.createElement("div", { className: css$1i.mainPath },
|
|
1783
|
+
React__namespace.createElement("div", { className: css$1i.contentWrapper },
|
|
1784
|
+
props.icon && (React__namespace.createElement("div", { className: css$1i.iconWrapper },
|
|
1785
|
+
React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon, cx: css$1i.icon }))),
|
|
1786
|
+
React__namespace.createElement("div", { className: css$1i.content },
|
|
1604
1787
|
props.children,
|
|
1605
|
-
props.actions && (React__namespace.createElement("div", { className: css$
|
|
1606
|
-
props.onClose && React__namespace.createElement(IconButton, { icon: settings.alert.icons.closeIcon, color: "neutral", onClick: props.onClose, cx: css$
|
|
1788
|
+
props.actions && (React__namespace.createElement("div", { className: css$1i.actionWrapper }, props.actions.map((action) => (React__namespace.createElement(LinkButton, { caption: action.name, onClick: action.action, key: action.name, cx: css$1i.actionLink, size: settings.alert.sizes.actionMap[props.size || settings.alert.sizes.default] }))))))),
|
|
1789
|
+
props.onClose && React__namespace.createElement(IconButton, { icon: settings.alert.icons.closeIcon, color: "neutral", onClick: props.onClose, cx: css$1i.closeIcon })))));
|
|
1607
1790
|
const WarningAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, { icon: settings.alert.icons.warningIcon, color: "warning", ref: ref, ...props }));
|
|
1608
1791
|
const SuccessAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, { icon: settings.alert.icons.successIcon, color: "success", ref: ref, ...props }));
|
|
1609
1792
|
const HintAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => React__namespace.createElement(Alert, { icon: settings.alert.icons.infoIcon, color: "info", ref: ref, ...props }));
|
|
@@ -1611,18 +1794,18 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
|
|
|
1611
1794
|
|
|
1612
1795
|
const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
|
|
1613
1796
|
|
|
1614
|
-
var css$
|
|
1797
|
+
var css$1h = {"root":"HkYxPd"};
|
|
1615
1798
|
|
|
1616
1799
|
function applyDropdownContainerMods(mods) {
|
|
1617
1800
|
return [
|
|
1618
|
-
css$
|
|
1801
|
+
css$1h.root,
|
|
1619
1802
|
mods.vPadding && `vPadding-${mods.vPadding}`,
|
|
1620
1803
|
mods.padding && `padding-${mods.padding}`,
|
|
1621
1804
|
];
|
|
1622
1805
|
}
|
|
1623
1806
|
const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
|
|
1624
1807
|
|
|
1625
|
-
var css$
|
|
1808
|
+
var css$1g = {"submenu-root-item-rtl":"vUClYW","submenuRootItemRtl":"vUClYW","icon-after":"-cbwGE","iconAfter":"-cbwGE","submenu-root-item":"T5Zvoc","submenuRootItem":"T5Zvoc","icon-check":"VadB91","iconCheck":"VadB91","splitter-root":"gdrcqz","splitterRoot":"gdrcqz","splitter":"_4lhBnr","header-root":"pWJUr2","headerRoot":"pWJUr2","item-root":"_964TXp","itemRoot":"_964TXp","icon":"Ms3uJs","link":"yzZCfU","indent":"rIAr55","selected-mark":"sxMBtj","selectedMark":"sxMBtj"};
|
|
1626
1809
|
|
|
1627
1810
|
exports.IDropdownControlKeys = void 0;
|
|
1628
1811
|
(function (IDropdownControlKeys) {
|
|
@@ -1687,29 +1870,29 @@ const DropdownMenuButton = /* @__PURE__ */React__namespace.default.forwardRef((p
|
|
|
1687
1870
|
const getMenuButtonContent = () => {
|
|
1688
1871
|
const isIconBefore = Boolean(icon && iconPosition !== 'right');
|
|
1689
1872
|
const isIconAfter = Boolean(icon && iconPosition === 'right');
|
|
1690
|
-
const iconElement = (React__namespace.default.createElement(IconButton, { icon: icon, color: isActive ? 'primary' : 'neutral', onClick: onIconClick, isDisabled: isDisabled, cx: uuiCore.cx(css$
|
|
1873
|
+
const iconElement = (React__namespace.default.createElement(IconButton, { icon: icon, color: isActive ? 'primary' : 'neutral', onClick: onIconClick, isDisabled: isDisabled, cx: uuiCore.cx(css$1g.icon, iconPosition === 'right' ? css$1g.iconAfter : css$1g.iconBefore) }));
|
|
1691
1874
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
1692
1875
|
isIconBefore && iconElement,
|
|
1693
|
-
React__namespace.default.createElement(uuiComponents.Text, { cx: props.indent && css$
|
|
1876
|
+
React__namespace.default.createElement(uuiComponents.Text, { cx: props.indent && css$1g.indent }, caption),
|
|
1694
1877
|
isIconAfter && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
1695
1878
|
React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
1696
1879
|
iconElement))));
|
|
1697
1880
|
};
|
|
1698
1881
|
const isAnchor = Boolean(link || href);
|
|
1699
|
-
const itemClassNames = uuiCore.cx(props.cx, css$
|
|
1700
|
-
return isAnchor ? (React__namespace.default.createElement(uuiComponents.Anchor, { cx: uuiCore.cx(css$
|
|
1882
|
+
const itemClassNames = uuiCore.cx(props.cx, css$1g.itemRoot, isDisabled && uuiCore.uuiMod.disabled, isActive && uuiCore.uuiMod.active, isOpen && uuiCore.uuiMod.opened, (!isDisabled && onClick) && uuiCore.uuiMarkers.clickable);
|
|
1883
|
+
return isAnchor ? (React__namespace.default.createElement(uuiComponents.Anchor, { cx: uuiCore.cx(css$1g.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("div", { tabIndex: isDisabled ? -1 : 0, role: "menuitem", onKeyDown: isDisabled ? null : handleOpenDropdown, className: itemClassNames, onClick: handleClick, ref: ref },
|
|
1701
1884
|
getMenuButtonContent(),
|
|
1702
1885
|
isSelected && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
1703
1886
|
React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
1704
|
-
React__namespace.default.createElement(uuiComponents.IconContainer, { icon: settings.dropdownMenu.icons.acceptIcon, cx: css$
|
|
1887
|
+
React__namespace.default.createElement(uuiComponents.IconContainer, { icon: settings.dropdownMenu.icons.acceptIcon, cx: css$1g.selectedMark })))));
|
|
1705
1888
|
});
|
|
1706
1889
|
function DropdownMenuSplitter(props) {
|
|
1707
|
-
return (React__namespace.default.createElement("div", { className: uuiCore.cx(props.cx, css$
|
|
1708
|
-
React__namespace.default.createElement("hr", { className: css$
|
|
1890
|
+
return (React__namespace.default.createElement("div", { className: uuiCore.cx(props.cx, css$1g.splitterRoot) },
|
|
1891
|
+
React__namespace.default.createElement("hr", { className: css$1g.splitter })));
|
|
1709
1892
|
}
|
|
1710
1893
|
function DropdownMenuHeader(props) {
|
|
1711
|
-
return (React__namespace.default.createElement("div", { className: uuiCore.cx('uui-dropdown-menu-header', props.cx, css$
|
|
1712
|
-
React__namespace.default.createElement("span", { className: css$
|
|
1894
|
+
return (React__namespace.default.createElement("div", { className: uuiCore.cx('uui-dropdown-menu-header', props.cx, css$1g.headerRoot) },
|
|
1895
|
+
React__namespace.default.createElement("span", { className: css$1g.header }, props.caption)));
|
|
1713
1896
|
}
|
|
1714
1897
|
function DropdownSubMenu(props) {
|
|
1715
1898
|
const subMenuModifiers = [
|
|
@@ -1729,7 +1912,7 @@ function DropdownSubMenu(props) {
|
|
|
1729
1912
|
},
|
|
1730
1913
|
];
|
|
1731
1914
|
const isRtl = uuiCore.getDir() === 'rtl';
|
|
1732
|
-
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, { closeOnKey: exports.IDropdownControlKeys.LEFT_ARROW, ...props, ...dropdownProps })), renderTarget: ({ toggleDropdownOpening, ...targetProps }) => (React__namespace.default.createElement(DropdownMenuButton, { cx: uuiCore.cx(isRtl ? css$
|
|
1915
|
+
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, { closeOnKey: exports.IDropdownControlKeys.LEFT_ARROW, ...props, ...dropdownProps })), renderTarget: ({ toggleDropdownOpening, ...targetProps }) => (React__namespace.default.createElement(DropdownMenuButton, { cx: uuiCore.cx(isRtl ? css$1g.submenuRootItemRtl : css$1g.submenuRootItem), icon: settings.dropdownMenu.icons.dropdownIcon, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening, ...props, ...targetProps })) }));
|
|
1733
1916
|
}
|
|
1734
1917
|
function DropdownMenuSwitchButton(props) {
|
|
1735
1918
|
const context = React.useContext(uuiCore.UuiContext);
|
|
@@ -1745,29 +1928,29 @@ function DropdownMenuSwitchButton(props) {
|
|
|
1745
1928
|
onHandleValueChange(!isSelected);
|
|
1746
1929
|
}
|
|
1747
1930
|
};
|
|
1748
|
-
return (React__namespace.default.createElement("div", { className: uuiCore.cx(props.cx, css$
|
|
1749
|
-
icon && React__namespace.default.createElement(uuiComponents.IconContainer, { icon: icon, cx: css$
|
|
1931
|
+
return (React__namespace.default.createElement("div", { className: uuiCore.cx(props.cx, css$1g.itemRoot, isDisabled && uuiCore.uuiMod.disabled, (!isDisabled || onValueChange) && uuiCore.uuiMarkers.clickable), onClick: () => onHandleValueChange(!isSelected), role: "menuitem", onKeyDown: handleKeySelect, tabIndex: isDisabled ? -1 : 0 },
|
|
1932
|
+
icon && React__namespace.default.createElement(uuiComponents.IconContainer, { icon: icon, cx: css$1g.iconBefore }),
|
|
1750
1933
|
React__namespace.default.createElement(uuiComponents.Text, null, caption),
|
|
1751
1934
|
React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
1752
1935
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
1753
1936
|
}
|
|
1754
1937
|
|
|
1755
|
-
var css$
|
|
1938
|
+
var css$1f = {"root":"I9GCD-","mode-block":"TfNazA","modeBlock":"TfNazA","mode-inline":"O9HnfO","modeInline":"O9HnfO","padding-0":"aAtm9g","padding0":"aAtm9g","padding-6":"_1OBDjb","padding6":"_1OBDjb","padding-12":"_-8pIeh","padding12":"_-8pIeh","padding-18":"_89LEOH","padding18":"_89LEOH"};
|
|
1756
1939
|
|
|
1757
1940
|
function applyAccordionMods(mods) {
|
|
1758
1941
|
return [
|
|
1759
|
-
css$
|
|
1760
|
-
css$
|
|
1761
|
-
mods.padding && css$
|
|
1942
|
+
css$1f.root,
|
|
1943
|
+
css$1f[`mode-${mods.mode || 'block'}`],
|
|
1944
|
+
mods.padding && css$1f['padding-' + mods.padding],
|
|
1762
1945
|
];
|
|
1763
1946
|
}
|
|
1764
1947
|
const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accordion, applyAccordionMods, (mods) => ({
|
|
1765
1948
|
dropdownIcon: mods.dropdownIcon !== null && settings.accordion.icons.dropdownIcon,
|
|
1766
1949
|
}));
|
|
1767
1950
|
|
|
1768
|
-
var css$
|
|
1951
|
+
var css$1e = {"root":"OjGZVg","align-items":"x1RGMY","alignItems":"x1RGMY","justify-content":"dt1E9P","justifyContent":"dt1E9P","border-top":"yE5ppY","borderTop":"yE5ppY","border-bottom":"UJdVp-","borderBottom":"UJdVp-","top-shadow":"K7UtM1","topShadow":"K7UtM1","padding":"xhFTd8","margin":"dIXosm","vPadding":"d12aE8","column-gap":"_3V-J-v","columnGap":"_3V-J-v","row-gap":"Sp9X8p","rowGap":"Sp9X8p","spacing":"cAD7fE"};
|
|
1769
1952
|
|
|
1770
|
-
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$
|
|
1953
|
+
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1e.flexCell]);
|
|
1771
1954
|
|
|
1772
1955
|
const FlexRow = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1773
1956
|
if (process.env.NODE_ENV !== "production") {
|
|
@@ -1776,23 +1959,23 @@ const FlexRow = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1776
1959
|
}
|
|
1777
1960
|
}
|
|
1778
1961
|
const classNames = uuiCore.cx([
|
|
1779
|
-
css$
|
|
1962
|
+
css$1e.root,
|
|
1780
1963
|
'uui-flex-row',
|
|
1781
1964
|
props.onClick && uuiCore.uuiMarkers.clickable,
|
|
1782
1965
|
props.cx,
|
|
1783
1966
|
props.size !== null && 'uui-size-' + (props.size || settings.flexRow.sizes.default),
|
|
1784
|
-
props.alignItems && css$
|
|
1785
|
-
props.justifyContent && css$
|
|
1786
|
-
props.padding && css$
|
|
1787
|
-
props.vPadding && css$
|
|
1788
|
-
props.margin && css$
|
|
1789
|
-
props.topShadow && css$
|
|
1790
|
-
props.borderBottom && css$
|
|
1791
|
-
props.borderTop && css$
|
|
1792
|
-
props.columnGap && css$
|
|
1793
|
-
props.rowGap && css$
|
|
1794
|
-
props.spacing && css$
|
|
1795
|
-
props.background &&
|
|
1967
|
+
props.alignItems && css$1e.alignItems,
|
|
1968
|
+
props.justifyContent && css$1e.justifyContent,
|
|
1969
|
+
props.padding && css$1e.padding,
|
|
1970
|
+
props.vPadding && css$1e.vPadding,
|
|
1971
|
+
props.margin && css$1e.margin,
|
|
1972
|
+
props.topShadow && css$1e.topShadow,
|
|
1973
|
+
props.borderBottom && css$1e.borderBottom,
|
|
1974
|
+
props.borderTop && css$1e.borderTop,
|
|
1975
|
+
props.columnGap && css$1e.columnGap,
|
|
1976
|
+
props.rowGap && css$1e.rowGap,
|
|
1977
|
+
props.spacing && css$1e.spacing,
|
|
1978
|
+
props.background && `uui-flex-row-bg-${props.background}`,
|
|
1796
1979
|
]);
|
|
1797
1980
|
const style = {
|
|
1798
1981
|
...(props.alignItems && { '--uui-flex-row-align-items': props.alignItems }),
|
|
@@ -1810,32 +1993,32 @@ const FlexRow = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1810
1993
|
} }, props.children));
|
|
1811
1994
|
});
|
|
1812
1995
|
|
|
1813
|
-
var css$
|
|
1996
|
+
var css$1d = {"root":"WEdibG","margin-24":"_66RUXl","margin24":"_66RUXl","padding-12":"wadvPO","padding12":"wadvPO","padding-24":"clR-K4","padding24":"clR-K4","shadow":"OVYjCa","uui-surface-main":"InBE9i","uuiSurfaceMain":"InBE9i"};
|
|
1814
1997
|
|
|
1815
1998
|
const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
1816
1999
|
'uui-panel',
|
|
1817
|
-
css$
|
|
1818
|
-
props.shadow && css$
|
|
1819
|
-
props.margin && css$
|
|
1820
|
-
props.background && css$
|
|
2000
|
+
css$1d.root,
|
|
2001
|
+
props.shadow && css$1d.shadow,
|
|
2002
|
+
props.margin && css$1d['margin-' + props.margin],
|
|
2003
|
+
props.background && css$1d[`uui-${props.background}`],
|
|
1821
2004
|
]);
|
|
1822
2005
|
|
|
1823
|
-
var css$
|
|
2006
|
+
var css$1c = {"root":"YMh1hE"};
|
|
1824
2007
|
|
|
1825
2008
|
function applyTooltipMods(mods) {
|
|
1826
2009
|
return [
|
|
1827
|
-
css$
|
|
2010
|
+
css$1c.root,
|
|
1828
2011
|
`uui-color-${mods.color || 'inverted'}`,
|
|
1829
2012
|
];
|
|
1830
2013
|
}
|
|
1831
2014
|
const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
|
|
1832
2015
|
|
|
1833
|
-
var css$
|
|
2016
|
+
var css$1b = {"root":"nRQeSh"};
|
|
1834
2017
|
|
|
1835
2018
|
function applyLabeledInputMods(mods) {
|
|
1836
2019
|
return [
|
|
1837
2020
|
'uui-labeled-input',
|
|
1838
|
-
css$
|
|
2021
|
+
css$1b.root,
|
|
1839
2022
|
'uui-size-' + (mods.size || settings.labeledInput.sizes.default),
|
|
1840
2023
|
];
|
|
1841
2024
|
}
|
|
@@ -1847,7 +2030,7 @@ function applyLabeledInputProps(props) {
|
|
|
1847
2030
|
}
|
|
1848
2031
|
const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.LabeledInput, applyLabeledInputMods, applyLabeledInputProps);
|
|
1849
2032
|
|
|
1850
|
-
var css$
|
|
2033
|
+
var css$1a = {"root":"_7wI9UL"};
|
|
1851
2034
|
|
|
1852
2035
|
function RadioGroup(props) {
|
|
1853
2036
|
const direction = props.direction || 'vertical';
|
|
@@ -1856,175 +2039,26 @@ function RadioGroup(props) {
|
|
|
1856
2039
|
props.onValueChange(newVal);
|
|
1857
2040
|
}
|
|
1858
2041
|
};
|
|
1859
|
-
return (React__namespace.createElement("fieldset", { ref: props.forwardedRef, className: uuiCore.cx(css$
|
|
2042
|
+
return (React__namespace.createElement("fieldset", { ref: props.forwardedRef, className: uuiCore.cx(css$1a.root, uuiCore.directionMode[direction], props.cx), onFocus: props.onFocus, onBlur: props.onBlur, ...props.rawProps }, props.items.map((i) => {
|
|
1860
2043
|
const { id, name, renderName, ...restItemProps } = i;
|
|
1861
2044
|
return (React__namespace.createElement(RadioInput, { 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 }));
|
|
1862
2045
|
})));
|
|
1863
2046
|
}
|
|
1864
2047
|
|
|
1865
|
-
var css$
|
|
2048
|
+
var css$19 = {"root":"QPC9d5"};
|
|
1866
2049
|
|
|
1867
2050
|
function applyScrollBarsMods() {
|
|
1868
2051
|
return [
|
|
1869
|
-
css$
|
|
2052
|
+
css$19.root, 'uui-scroll-bars', 'uui-shadow-top', 'uui-shadow-bottom',
|
|
1870
2053
|
];
|
|
1871
2054
|
}
|
|
1872
2055
|
const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
|
|
1873
2056
|
|
|
1874
|
-
var css$
|
|
1875
|
-
|
|
1876
|
-
var css$1b = {"root":"-rzHzh"};
|
|
1877
|
-
|
|
1878
|
-
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$1b.root]);
|
|
1879
|
-
|
|
1880
|
-
var css$1a = {"root":"o0-PaC"};
|
|
1881
|
-
|
|
1882
|
-
const DEFAULT_FILL = 'solid';
|
|
1883
|
-
function applyBadgeMods(mods) {
|
|
1884
|
-
return [
|
|
1885
|
-
'uui-badge',
|
|
1886
|
-
css$1a.root,
|
|
1887
|
-
`uui-size-${mods.size || settings.badge.sizes.default}`,
|
|
1888
|
-
`uui-fill-${mods.fill || DEFAULT_FILL}`,
|
|
1889
|
-
`uui-color-${mods.color || 'info'}`,
|
|
1890
|
-
];
|
|
1891
|
-
}
|
|
1892
|
-
const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
1893
|
-
const styles = [applyBadgeMods(props), props.cx];
|
|
1894
|
-
const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : settings.badge.icons.dropdownIcon;
|
|
1895
|
-
return (React__namespace.default.createElement(uuiComponents.Clickable, { ...props, rawProps: {
|
|
1896
|
-
'aria-haspopup': props.isDropdown,
|
|
1897
|
-
'aria-expanded': props.isOpen,
|
|
1898
|
-
...props.rawProps,
|
|
1899
|
-
}, cx: styles, ref: ref },
|
|
1900
|
-
(props.indicator && props.fill === 'outline') && (React__namespace.default.createElement("div", { className: "uui-indicator" })),
|
|
1901
|
-
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1902
|
-
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
|
|
1903
|
-
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size: settings.badge.sizes.countIndicatorMap[props.size || settings.badge.sizes.default], caption: props.count })),
|
|
1904
|
-
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1905
|
-
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1906
|
-
});
|
|
1907
|
-
|
|
1908
|
-
var css$19 = {"root":"MeMoKy"};
|
|
1909
|
-
|
|
1910
|
-
function applyTagMods(props) {
|
|
1911
|
-
return [
|
|
1912
|
-
css$19.root,
|
|
1913
|
-
`uui-size-${props.size || settings.tag.sizes.default}`,
|
|
1914
|
-
`uui-color-${props.color || 'neutral'}`,
|
|
1915
|
-
`uui-fill-${props.fill || 'solid'}`,
|
|
1916
|
-
'uui-tag',
|
|
1917
|
-
];
|
|
1918
|
-
}
|
|
1919
|
-
const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
1920
|
-
const styles = [applyTagMods(props), props.cx];
|
|
1921
|
-
const ClearIcon = props.clearIcon ? props.clearIcon : settings.tag.icons.clearIcon;
|
|
1922
|
-
const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : settings.tag.icons.dropdownIcon;
|
|
1923
|
-
return (React__namespace.default.createElement(uuiComponents.Clickable, { ...props, rawProps: {
|
|
1924
|
-
'aria-haspopup': props.isDropdown,
|
|
1925
|
-
'aria-expanded': props.isOpen,
|
|
1926
|
-
...props.rawProps,
|
|
1927
|
-
}, cx: styles, ref: ref },
|
|
1928
|
-
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1929
|
-
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
|
|
1930
|
-
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size: settings.tag.sizes.countIndicatorMap[(props.size || settings.tag.sizes.default)], caption: props.count })),
|
|
1931
|
-
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1932
|
-
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
|
|
1933
|
-
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1934
|
-
});
|
|
1935
|
-
|
|
1936
|
-
var css$18 = {"root":"-Jqj3E","uui-spinner":"_0SFhVH","uuiSpinner":"_0SFhVH"};
|
|
1937
|
-
|
|
1938
|
-
function applySpinnerMods() {
|
|
1939
|
-
return [css$18.root, 'uui-spinner'];
|
|
1940
|
-
}
|
|
1941
|
-
const Spinner = /* @__PURE__ */uuiCore.withMods(uuiComponents.Spinner, applySpinnerMods);
|
|
1942
|
-
|
|
1943
|
-
var css$17 = {"root":"YNWJlk","page":"E7aAu-","spacer":"_5ZKy5i","mode-ghost":"ZDc9QW","modeGhost":"ZDc9QW"};
|
|
1944
|
-
|
|
1945
|
-
function Paginator(props) {
|
|
1946
|
-
const renderPaginator = (params) => (React__namespace.default.createElement("nav", { role: "navigation", className: cx__default.default(css$17.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
|
|
1947
|
-
React__namespace.default.createElement(Button, { size: props.size || settings.paginator.sizes.default, icon: settings.paginator.icons.leftArrowIcon, onClick: params.goToPrev, isDisabled: params.isFirst || props.isDisabled, fill: "outline", color: "secondary" }),
|
|
1948
|
-
params.pages.map((page, index) => {
|
|
1949
|
-
if (page.type === 'spacer') {
|
|
1950
|
-
return (React__namespace.default.createElement(Button, { cx: cx__default.default(css$17.spacer, css$17.page), size: props.size || settings.paginator.sizes.default, key: `${index}_spacer`, caption: "...", fill: "ghost", color: "secondary", tabIndex: -1, isDisabled: props.isDisabled }));
|
|
1951
|
-
}
|
|
1952
|
-
else {
|
|
1953
|
-
return (React__namespace.default.createElement(Button, { cx: cx__default.default(css$17[`mode-${!page.isActive && 'ghost'}`], css$17.page), size: props.size || settings.paginator.sizes.default, key: page.pageNumber, caption: page.pageNumber, onClick: () => page.onClick?.(), rawProps: { 'aria-current': page.isActive }, fill: (page.isActive && 'outline') || 'ghost', color: "primary", isDisabled: props.isDisabled }));
|
|
1954
|
-
}
|
|
1955
|
-
}),
|
|
1956
|
-
React__namespace.default.createElement(Button, { size: props.size || settings.paginator.sizes.default, icon: settings.paginator.icons.rightArrowIcon, onClick: params.goToNext, isDisabled: params.isLast || props.isDisabled, fill: "outline", color: "secondary" })));
|
|
1957
|
-
return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
|
|
1958
|
-
}
|
|
1959
|
-
|
|
1960
|
-
var css$16 = {"root":"U2Fur5","progress-bar":"_3CmEQq","progressBar":"_3CmEQq","progressBar-indeterminate":"Fvhy27","progressBarIndeterminate":"Fvhy27","size-12":"G-coZh","size12":"G-coZh","size-18":"uIEhiV","size18":"uIEhiV","size-24":"qEJtdT","size24":"qEJtdT"};
|
|
1961
|
-
|
|
1962
|
-
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1963
|
-
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}`]) },
|
|
1964
|
-
React__namespace.createElement("div", { className: cx__default.default(css$16.progressBar) })));
|
|
1965
|
-
});
|
|
1966
|
-
|
|
1967
|
-
var css$15 = {"root":"H8fjxS","striped":"mLJhAM","animate-stripes":"sy34ss","animateStripes":"sy34ss","size-12":"U-DwCK","size12":"U-DwCK","size-18":"sJYU2R","size18":"sJYU2R","size-24":"_3nBL30","size24":"_3nBL30"};
|
|
1968
|
-
|
|
1969
|
-
const DEFAULT_SIZE = '12';
|
|
1970
|
-
function applyProgressBarMods(mods) {
|
|
1971
|
-
const size = mods.size || DEFAULT_SIZE;
|
|
1972
|
-
return [
|
|
1973
|
-
css$15.root,
|
|
1974
|
-
css$15[`size-${size}`],
|
|
1975
|
-
mods.striped && css$15.striped,
|
|
1976
|
-
];
|
|
1977
|
-
}
|
|
1978
|
-
const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.ProgressBar, applyProgressBarMods, (props) => ({
|
|
1979
|
-
hideLabel: props.hideLabel || props.striped,
|
|
1980
|
-
}));
|
|
1981
|
-
|
|
1982
|
-
var css$14 = {"root":"JHadV5"};
|
|
1983
|
-
|
|
1984
|
-
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1985
|
-
const { progress } = props;
|
|
1986
|
-
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) }));
|
|
1987
|
-
});
|
|
1988
|
-
|
|
1989
|
-
var css$13 = {"root":"OwLJdg"};
|
|
1990
|
-
|
|
1991
|
-
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1992
|
-
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
1993
|
-
css$13.root,
|
|
1994
|
-
`uui-size-${props.size || settings.statusIndicator.sizes.default}`,
|
|
1995
|
-
'uui-status_indicator',
|
|
1996
|
-
`uui-color-${props.color || 'neutral'}`,
|
|
1997
|
-
`uui-fill-${props.fill || 'solid'}`,
|
|
1998
|
-
props.cx,
|
|
1999
|
-
]) },
|
|
2000
|
-
React__namespace.default.createElement("div", { className: "uui-status_indicator-dot" }),
|
|
2001
|
-
React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
2002
|
-
});
|
|
2003
|
-
|
|
2004
|
-
var css$12 = {"drag-handle":"EyerKu","dragHandle":"EyerKu","icon-container":"UaD1kC","iconContainer":"UaD1kC"};
|
|
2005
|
-
|
|
2006
|
-
function DataRowAddons(props) {
|
|
2007
|
-
const row = props.rowProps;
|
|
2008
|
-
const getIndent = () => {
|
|
2009
|
-
return (row.indent - 1) * settings.dataTable.sizes.body.indentUnitMap[props.size || settings.dataTable.sizes.body.row];
|
|
2010
|
-
};
|
|
2011
|
-
const getWidth = () => {
|
|
2012
|
-
return settings.dataTable.sizes.body.indentWidthMap[props.size || settings.dataTable.sizes.body.row];
|
|
2013
|
-
};
|
|
2014
|
-
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
2015
|
-
row.dnd?.srcData && React__namespace.default.createElement(uuiComponents.DragHandle, { key: "dh", cx: css$12.dragHandle, rawProps: { ...props.eventHandlers } }),
|
|
2016
|
-
row?.checkbox?.isVisible && (React__namespace.default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.dataTable.sizes.body.checkboxMap[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => row.onCheck?.(row), isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
|
|
2017
|
-
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: {
|
|
2018
|
-
'aria-label': row.isFolded ? 'Unfold' : 'Fold',
|
|
2019
|
-
role: 'button',
|
|
2020
|
-
}, key: "icon", icon: settings.dataTable.icons.body.foldingIcon, cx: [
|
|
2021
|
-
uuiCore.uuiElement.foldingArrow, uuiCore.uuiMarkers.clickable, css$12.iconContainer,
|
|
2022
|
-
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.dataTable.sizes.body.iconMap[props.size || settings.dataTable.sizes.body.row] }))))));
|
|
2023
|
-
}
|
|
2057
|
+
var css$18 = {"scroll-container":"d-fo27","scrollContainer":"d-fo27","list-container":"YPe1mF","listContainer":"YPe1mF"};
|
|
2024
2058
|
|
|
2025
|
-
var css$
|
|
2059
|
+
var css$17 = {"root":"Rd-riF"};
|
|
2026
2060
|
|
|
2027
|
-
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$
|
|
2061
|
+
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$17.root], () => ({ renderSpinner: settings.blocker.renderSpinner }));
|
|
2028
2062
|
|
|
2029
2063
|
const VirtualList = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
2030
2064
|
const { listContainerRef, offsetY, handleScroll, estimatedHeight, scrollContainerRef, } = uuiCore.useVirtualList({
|
|
@@ -2038,7 +2072,7 @@ const VirtualList = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
2038
2072
|
const scrollShadows = uuiCore.useScrollShadows({ root: scrollContainerRef.current });
|
|
2039
2073
|
const renderRows = () => props.renderRows?.({
|
|
2040
2074
|
listContainerRef, estimatedHeight, offsetY, scrollShadows,
|
|
2041
|
-
}) || (React__namespace.createElement("div", { className: css$
|
|
2075
|
+
}) || (React__namespace.createElement("div", { className: css$18.listContainer, style: { minHeight: `${estimatedHeight}px` } },
|
|
2042
2076
|
React__namespace.createElement("div", { ref: listContainerRef, role: props.role, style: { marginTop: offsetY } }, props.rows)));
|
|
2043
2077
|
const renderView = ({ style }) => (React__namespace.createElement(VirtualListView, { isLoading: props.isLoading, style: style, rawProps: props.rawProps }));
|
|
2044
2078
|
const scrollBarsRef = React__namespace.useCallback((scrollbars) => {
|
|
@@ -2046,7 +2080,7 @@ const VirtualList = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
2046
2080
|
return;
|
|
2047
2081
|
scrollContainerRef.current = scrollbars.container.firstChild;
|
|
2048
2082
|
}, []);
|
|
2049
|
-
return (React__namespace.createElement(ScrollBars, { cx: uuiCore.cx(css$
|
|
2083
|
+
return (React__namespace.createElement(ScrollBars, { cx: uuiCore.cx(css$18.scrollContainer, props.cx, {
|
|
2050
2084
|
[uuiCore.uuiMarkers.scrolledLeft]: scrollShadows.horizontalLeft,
|
|
2051
2085
|
[uuiCore.uuiMarkers.scrolledRight]: scrollShadows.horizontalRight,
|
|
2052
2086
|
[uuiCore.uuiMarkers.scrolledTop]: scrollShadows.verticalTop,
|
|
@@ -2068,7 +2102,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
2068
2102
|
React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
2069
2103
|
});
|
|
2070
2104
|
|
|
2071
|
-
var css$
|
|
2105
|
+
var css$16 = {"root":"In-Ymu"};
|
|
2072
2106
|
|
|
2073
2107
|
function CheckboxGroup(props) {
|
|
2074
2108
|
const currentValue = props.value || [];
|
|
@@ -2084,16 +2118,16 @@ function CheckboxGroup(props) {
|
|
|
2084
2118
|
}
|
|
2085
2119
|
props.onValueChange(newSelection);
|
|
2086
2120
|
};
|
|
2087
|
-
return (React__namespace.createElement("fieldset", { ref: props.forwardedRef, className: uuiCore.cx(css$
|
|
2121
|
+
return (React__namespace.createElement("fieldset", { ref: props.forwardedRef, className: uuiCore.cx(css$16.root, uuiCore.directionMode[direction], props.cx), ...props.rawProps }, props.items.map((i) => {
|
|
2088
2122
|
const { id, name, renderName, ...restItemProps } = i;
|
|
2089
2123
|
return (React__namespace.createElement(Checkbox, { 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 }));
|
|
2090
2124
|
})));
|
|
2091
2125
|
}
|
|
2092
2126
|
|
|
2093
|
-
var css
|
|
2127
|
+
var css$15 = {"root":"tm2NVB","modal-blocker":"VgYxUE","modalBlocker":"VgYxUE","animateModalBlocker":"jHx82a","modal":"TS0DIT","modal-footer":"_73YGwm","modalFooter":"_73YGwm","border-top":"-iCfGT","borderTop":"-iCfGT","modal-header":"oSO0Tb","modalHeader":"oSO0Tb","border-bottom":"_7ggzbC","borderBottom":"_7ggzbC"};
|
|
2094
2128
|
|
|
2095
|
-
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css
|
|
2096
|
-
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css
|
|
2129
|
+
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$15.modalBlocker]);
|
|
2130
|
+
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$15.root, css$15.modal], (props) => {
|
|
2097
2131
|
const width = props.width;
|
|
2098
2132
|
const height = props.height || 'auto';
|
|
2099
2133
|
const maxHeight = uuiCore.isMobile() ? 'var(--uui-modals-mobile-max-height)' : (props.maxHeight || 'var(--uui-modals-max-height)');
|
|
@@ -2107,7 +2141,7 @@ const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, (
|
|
|
2107
2141
|
};
|
|
2108
2142
|
});
|
|
2109
2143
|
function ModalHeader(props) {
|
|
2110
|
-
return (React__namespace.default.createElement("div", { className: cx__default.default(css
|
|
2144
|
+
return (React__namespace.default.createElement("div", { className: cx__default.default(css$15.root, css$15.modalHeader, 'uui-modal-header', props.borderBottom && css$15.borderBottom, props.cx), ...props.rawProps, style: {
|
|
2111
2145
|
...props.rawProps?.style,
|
|
2112
2146
|
} },
|
|
2113
2147
|
props.title && (React__namespace.default.createElement("div", { className: cx__default.default('uui-modal-title', 'uui-typography') }, props.title)),
|
|
@@ -2117,7 +2151,7 @@ function ModalHeader(props) {
|
|
|
2117
2151
|
React__namespace.default.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: settings.modal.icons.closeIcon, onClick: props.onClose })))));
|
|
2118
2152
|
}
|
|
2119
2153
|
function ModalFooter(props) {
|
|
2120
|
-
return (React__namespace.default.createElement("div", { className: cx__default.default(css
|
|
2154
|
+
return (React__namespace.default.createElement("div", { className: cx__default.default(css$15.root, css$15.modalFooter, 'uui-modal-footer', props.borderTop && css$15.borderTop, props.cx), ...props.rawProps, style: {
|
|
2121
2155
|
...props.rawProps?.style,
|
|
2122
2156
|
} }, props.children));
|
|
2123
2157
|
}
|
|
@@ -2280,7 +2314,7 @@ const TREE_SHAKEABLE_INIT = () => ({
|
|
|
2280
2314
|
});
|
|
2281
2315
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
2282
2316
|
|
|
2283
|
-
var css$
|
|
2317
|
+
var css$14 = {"root":"-baMpM","icon-wrapper":"S5kQ5H","iconWrapper":"S5kQ5H","action-wrapper":"o-y-xj","actionWrapper":"o-y-xj","close-icon":"PFAnbe","closeIcon":"PFAnbe","main-path":"WlBNg7","mainPath":"WlBNg7","content":"_70kl-a","close-wrapper":"dPdwSF","closeWrapper":"dPdwSF","clear-notifications":"h1NsUf","clearNotifications":"h1NsUf"};
|
|
2284
2318
|
|
|
2285
2319
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
2286
2320
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -2293,15 +2327,15 @@ const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((pro
|
|
|
2293
2327
|
notificationCardNode.current?.removeEventListener('mouseleave', props.refreshTimer);
|
|
2294
2328
|
};
|
|
2295
2329
|
}, []);
|
|
2296
|
-
return (React__namespace.default.createElement("div", { role: "alert", className: cx__default.default('uui-notification_card', props.color && `uui-color-${props.color}`, css$
|
|
2297
|
-
React__namespace.default.createElement("div", { className: css$
|
|
2298
|
-
props.icon && (React__namespace.default.createElement("div", { className: css$
|
|
2299
|
-
React__namespace.default.createElement(uuiComponents.IconContainer, { size:
|
|
2300
|
-
React__namespace.default.createElement("div", { className: css$
|
|
2330
|
+
return (React__namespace.default.createElement("div", { role: "alert", className: cx__default.default('uui-notification_card', props.color && `uui-color-${props.color}`, css$14.root, props.cx), ref: notificationCardNode, ...props.rawProps },
|
|
2331
|
+
React__namespace.default.createElement("div", { className: css$14.mainPath },
|
|
2332
|
+
props.icon && (React__namespace.default.createElement("div", { className: css$14.iconWrapper },
|
|
2333
|
+
React__namespace.default.createElement(uuiComponents.IconContainer, { size: settings.notificationCard.sizes.icon, icon: props.icon }))),
|
|
2334
|
+
React__namespace.default.createElement("div", { className: css$14.content },
|
|
2301
2335
|
props.children,
|
|
2302
|
-
props.actions && (React__namespace.default.createElement("div", { className: css$
|
|
2303
|
-
props.onClose && (React__namespace.default.createElement("div", { className: css$
|
|
2304
|
-
React__namespace.default.createElement(IconButton, { icon: settings.notificationCard.icons.closeIcon, color: "neutral", onClick: props.onClose, cx: css$
|
|
2336
|
+
props.actions && (React__namespace.default.createElement("div", { className: css$14.actionWrapper }, props.actions.map((action) => (React__namespace.default.createElement(LinkButton, { key: action.name, caption: action.name, onClick: action.action, cx: css$14.actionLink, size: settings.notificationCard.sizes.action, rawProps: action.rawProps })))))),
|
|
2337
|
+
props.onClose && (React__namespace.default.createElement("div", { className: cx__default.default(css$14.closeWrapper, 'uui-notification_card-close_icon') },
|
|
2338
|
+
React__namespace.default.createElement(IconButton, { icon: settings.notificationCard.icons.closeIcon, color: "neutral", onClick: props.onClose, cx: css$14.closeIcon }))))));
|
|
2305
2339
|
});
|
|
2306
2340
|
const WarningNotification = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, { icon: settings.notificationCard.icons.warningIcon, color: "warning", ...props, ref: ref, cx: props.cx })));
|
|
2307
2341
|
const SuccessNotification = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, { icon: settings.notificationCard.icons.successIcon, color: "success", ...props, ref: ref, cx: props.cx })));
|
|
@@ -2309,11 +2343,11 @@ const HintNotification = /* @__PURE__ */React__namespace.default.forwardRef((pro
|
|
|
2309
2343
|
const ErrorNotification = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => (React__namespace.default.createElement(NotificationCard, { icon: settings.notificationCard.icons.errorIcon, color: "error", ...props, ref: ref, cx: props.cx })));
|
|
2310
2344
|
function ClearNotification() {
|
|
2311
2345
|
const uuiCtx = uuiCore.useUuiContext();
|
|
2312
|
-
return (React__namespace.default.createElement("div", { className: cx__default.default(css$
|
|
2346
|
+
return (React__namespace.default.createElement("div", { className: cx__default.default(css$14.clearNotifications, 'uui-clear-notifications') },
|
|
2313
2347
|
React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
2314
2348
|
}
|
|
2315
2349
|
|
|
2316
|
-
var css$
|
|
2350
|
+
var css$13 = {"footer":"urXGbJ"};
|
|
2317
2351
|
|
|
2318
2352
|
class ConfirmationModal extends React__namespace.Component {
|
|
2319
2353
|
render() {
|
|
@@ -2325,7 +2359,7 @@ class ConfirmationModal extends React__namespace.Component {
|
|
|
2325
2359
|
React__namespace.createElement(ModalWindow, { width: 420 },
|
|
2326
2360
|
React__namespace.createElement(ModalHeader, { borderBottom: true, title: this.props.caption, onClose: () => this.props.abort() }),
|
|
2327
2361
|
React__namespace.createElement(ScrollBars, null, bodyContent),
|
|
2328
|
-
React__namespace.createElement(ModalFooter, { cx: css$
|
|
2362
|
+
React__namespace.createElement(ModalFooter, { cx: css$13.footer },
|
|
2329
2363
|
this.props.hideCancelButton || (React__namespace.createElement(Button, { caption: i18n.form.modals.discardButton, onClick: () => this.props.success(false), fill: "outline", color: "secondary" })),
|
|
2330
2364
|
React__namespace.createElement(Button, { caption: i18n.form.modals.saveButton, onClick: () => this.props.success(true), color: "primary" })))));
|
|
2331
2365
|
}
|
|
@@ -2355,7 +2389,7 @@ function useReliableForceUpdate() {
|
|
|
2355
2389
|
return red[1];
|
|
2356
2390
|
}
|
|
2357
2391
|
|
|
2358
|
-
var css$
|
|
2392
|
+
var css$12 = {"root":"_0qUlpj","timepicker-input":"LW4LT9","timepickerInput":"LW4LT9","ltr-always":"NK2Wji","ltrAlways":"NK2Wji"};
|
|
2359
2393
|
|
|
2360
2394
|
const uuiTimePicker = {
|
|
2361
2395
|
container: 'uui-timepicker-container',
|
|
@@ -2394,23 +2428,23 @@ function TimePickerBody(props) {
|
|
|
2394
2428
|
const minutesToSubtract = value.minute() % minutesStep === 0 ? minutesStep : value.minute() % minutesStep;
|
|
2395
2429
|
onMinutesChange(value.subtract(minutesToSubtract, 'm').minute());
|
|
2396
2430
|
};
|
|
2397
|
-
return (React__namespace.createElement("div", { className: uuiCore.cx(css$
|
|
2398
|
-
React__namespace.createElement("div", { className: css$
|
|
2431
|
+
return (React__namespace.createElement("div", { className: uuiCore.cx(css$12.root, uuiTimePicker.container, props.cx), ref: props.forwardedRef, ...props.rawProps },
|
|
2432
|
+
React__namespace.createElement("div", { className: css$12.ltrAlways },
|
|
2399
2433
|
React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
2400
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$
|
|
2434
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment hours' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).add(1, 'h').hour()) }),
|
|
2401
2435
|
React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onHoursChange, value: +(uuiDayjs.dayjs()
|
|
2402
2436
|
.set(props.value)
|
|
2403
2437
|
.format(MAX_HOURS === FORMAT_12H ? 'hh' : 'HH')), min: MIN_HOURS, max: MAX_HOURS }),
|
|
2404
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement hours' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$
|
|
2438
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement hours' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: () => onHoursChange(uuiDayjs.dayjs().set(props.value).subtract(1, 'h').hour()) })),
|
|
2405
2439
|
React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
2406
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$
|
|
2440
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Increment minutes' }, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: handleMinutesUpClick }),
|
|
2407
2441
|
React__namespace.createElement(uuiComponents.NumericInput, { cx: uuiTimePicker.input, onValueChange: onMinutesChange, value: +uuiDayjs.dayjs().set(props.value).format('m'), min: MIN_MINUTES, max: MAX_MINUTES }),
|
|
2408
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$
|
|
2442
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, rawProps: { 'aria-label': 'Decrement minutes' }, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: handleMinutesDownClick }))),
|
|
2409
2443
|
MAX_HOURS === FORMAT_12H && (React__namespace.createElement("div", { className: uuiTimePicker.elementContainer },
|
|
2410
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$
|
|
2444
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconUp, icon: ForwardRef$P, onClick: onTimeTypeChange }),
|
|
2411
2445
|
React__namespace.createElement(uuiComponents.TextInput, { cx: uuiTimePicker.input, onValueChange: () => {
|
|
2412
2446
|
}, isReadonly: true, value: uuiDayjs.dayjs().set(props.value).format('A') }),
|
|
2413
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$
|
|
2447
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
|
|
2414
2448
|
}
|
|
2415
2449
|
|
|
2416
2450
|
const getMeridian = (newValue, format) => {
|
|
@@ -2538,7 +2572,7 @@ function TimePicker(props) {
|
|
|
2538
2572
|
state.value && state.inputValue && saveTime(state.value);
|
|
2539
2573
|
};
|
|
2540
2574
|
const renderInput = (inputProps) => {
|
|
2541
|
-
return (React__namespace.default.createElement(TextInput, { ...inputProps, onClick: null, size: props.size, isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$
|
|
2575
|
+
return (React__namespace.default.createElement(TextInput, { ...inputProps, onClick: null, size: props.size, isDisabled: props.isDisabled, isReadonly: props.isReadonly, isInvalid: props.isInvalid, cx: [css$12.root, css$12.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: props.rawProps?.input }));
|
|
2542
2576
|
};
|
|
2543
2577
|
const renderBody = (bodyProps) => {
|
|
2544
2578
|
const { forwardedRef, onValueChange, ...timePickerBodyProps } = props;
|
|
@@ -2548,27 +2582,27 @@ function TimePicker(props) {
|
|
|
2548
2582
|
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 }));
|
|
2549
2583
|
}
|
|
2550
2584
|
|
|
2551
|
-
var css$
|
|
2585
|
+
var css$11 = {"root":"Zj51RX"};
|
|
2552
2586
|
|
|
2553
2587
|
function applyInputAddonMods() {
|
|
2554
2588
|
return [
|
|
2555
|
-
css$
|
|
2589
|
+
css$11.root,
|
|
2556
2590
|
];
|
|
2557
2591
|
}
|
|
2558
2592
|
const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
|
|
2559
2593
|
|
|
2560
|
-
var css$
|
|
2594
|
+
var css$10 = {"root":"_94vh4N"};
|
|
2561
2595
|
|
|
2562
2596
|
function applySliderMods() {
|
|
2563
|
-
return [css$
|
|
2597
|
+
return [css$10.root, 'uui-color-neutral'];
|
|
2564
2598
|
}
|
|
2565
2599
|
const Slider = /* @__PURE__ */uuiCore.withMods(uuiComponents.Slider, applySliderMods);
|
|
2566
2600
|
|
|
2567
|
-
var css
|
|
2601
|
+
var css$$ = {"root":"Zy13hl","tooltip":"dLSDGV"};
|
|
2568
2602
|
|
|
2569
2603
|
function applyRatingMods(mods) {
|
|
2570
2604
|
return [
|
|
2571
|
-
css
|
|
2605
|
+
css$$.root,
|
|
2572
2606
|
`uui-size-${mods.size || settings.rating.sizes.default}`,
|
|
2573
2607
|
];
|
|
2574
2608
|
}
|
|
@@ -2578,7 +2612,7 @@ const Rating = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Rating,
|
|
|
2578
2612
|
Tooltip,
|
|
2579
2613
|
}));
|
|
2580
2614
|
|
|
2581
|
-
var css$
|
|
2615
|
+
var css$_ = {"root":"aklnEP","container":"yobuMn"};
|
|
2582
2616
|
|
|
2583
2617
|
const defaultFormat = 'MMM D, YYYY';
|
|
2584
2618
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2782,21 +2816,21 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2782
2816
|
}, [view, month]);
|
|
2783
2817
|
const disablePrev = view === 'YEAR_SELECTION' && !isYearWithinSoberRange(getPrevYearsList(month));
|
|
2784
2818
|
const disableNext = view === 'YEAR_SELECTION' && !isYearWithinSoberRange(getNextYearsList(month));
|
|
2785
|
-
return (React__namespace.createElement("div", { className: cx__default.default(css$
|
|
2819
|
+
return (React__namespace.createElement("div", { className: cx__default.default(css$_.root, uuiHeader.container, cx__default.default) },
|
|
2786
2820
|
React__namespace.createElement("header", { className: uuiHeader.headerNav },
|
|
2787
2821
|
React__namespace.createElement(Button, { icon: navIconLeft || settings.datePicker.icons.body.prevIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconLeft, onClick: !isDisabled && (() => onLeftNavigationArrow()), isDisabled: disablePrev }),
|
|
2788
2822
|
React__namespace.createElement(Button, { caption: title, fill: "ghost", cx: uuiHeader.navTitle, onClick: !isDisabled && (() => onCaptionClick(view)) }),
|
|
2789
2823
|
React__namespace.createElement(Button, { icon: navIconRight || settings.datePicker.icons.body.nextIcon, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2790
2824
|
}
|
|
2791
2825
|
|
|
2792
|
-
var css$
|
|
2826
|
+
var css$Z = {"root":"AnEHlb"};
|
|
2793
2827
|
|
|
2794
2828
|
function applyDateSelectionMods() {
|
|
2795
|
-
return [css$
|
|
2829
|
+
return [css$Z.root, `uui-size-${settings.datePicker.sizes.body}`];
|
|
2796
2830
|
}
|
|
2797
2831
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
2798
2832
|
|
|
2799
|
-
var css$
|
|
2833
|
+
var css$Y = {"root":"o-SVWJ"};
|
|
2800
2834
|
|
|
2801
2835
|
const uuiDatePickerBody = {
|
|
2802
2836
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2840,7 +2874,7 @@ function StatelessDatePickerBodyComp({ renderDay, isHoliday, cx: classes, filter
|
|
|
2840
2874
|
}
|
|
2841
2875
|
};
|
|
2842
2876
|
return (React__namespace.default.createElement("div", { ref: ref, className: uuiCore.cx(uuiDatePickerBodyBase.container, `uui-size-${settings.datePicker.sizes.body}`, classes), ...rawProps },
|
|
2843
|
-
React__namespace.default.createElement("div", { className: uuiCore.cx(css$
|
|
2877
|
+
React__namespace.default.createElement("div", { className: uuiCore.cx(css$Y.root, uuiDatePickerBody.wrapper) },
|
|
2844
2878
|
React__namespace.default.createElement(DatePickerHeader, { value: {
|
|
2845
2879
|
view,
|
|
2846
2880
|
month,
|
|
@@ -2922,7 +2956,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2922
2956
|
}
|
|
2923
2957
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
2924
2958
|
|
|
2925
|
-
var css$
|
|
2959
|
+
var css$X = {"date-input":"L7jTwM","dateInput":"L7jTwM","root":"Ubge5G","separator":"CzZNbO"};
|
|
2926
2960
|
|
|
2927
2961
|
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) => {
|
|
2928
2962
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -2965,15 +2999,15 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
2965
2999
|
const clearAllowed = !disableClear && inputValue.from && inputValue.to;
|
|
2966
3000
|
return (
|
|
2967
3001
|
// eslint-disable-next-line jsx-a11y/no-static-element-interactions
|
|
2968
|
-
React__namespace.default.createElement("div", { ref: ref, className: uuiCore.cx(`uui-size-${size || settings.rangeDatePicker.sizes.default}`, 'uui-range-date-picker', classes, css$
|
|
2969
|
-
React__namespace.default.createElement(TextInput, { icon: settings.rangeDatePicker.icons.input.calendarIcon, cx: uuiCore.cx(css$
|
|
2970
|
-
React__namespace.default.createElement("div", { className: css$
|
|
2971
|
-
React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$
|
|
3002
|
+
React__namespace.default.createElement("div", { ref: ref, className: uuiCore.cx(`uui-size-${size || settings.rangeDatePicker.sizes.default}`, 'uui-range-date-picker', classes, css$X.root, isDisabled && uuiCore.uuiMod.disabled, isReadonly && uuiCore.uuiMod.readonly, isInvalid && uuiCore.uuiMod.invalid, inFocus && uuiCore.uuiMod.focus), onKeyDown: onKeyDown },
|
|
3003
|
+
React__namespace.default.createElement(TextInput, { icon: settings.rangeDatePicker.icons.input.calendarIcon, cx: uuiCore.cx(css$X.dateInput, inFocus === 'from' && uuiCore.uuiMod.focus), size: size || settings.rangeDatePicker.sizes.default, placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps?.from, onClick: onClick, onKeyDown: onInputKeyDown, id: id }),
|
|
3004
|
+
React__namespace.default.createElement("div", { className: css$X.separator }),
|
|
3005
|
+
React__namespace.default.createElement(TextInput, { cx: uuiCore.cx(css$X.dateInput, inFocus === 'to' && uuiCore.uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || settings.rangeDatePicker.sizes.default, value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
|
|
2972
3006
|
onValueChange(defaultRangeValue);
|
|
2973
3007
|
} : 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?.to, onClick: onClick, onKeyDown: onInputKeyDown })));
|
|
2974
3008
|
});
|
|
2975
3009
|
|
|
2976
|
-
var css$
|
|
3010
|
+
var css$W = {"root":"UxYYte"};
|
|
2977
3011
|
|
|
2978
3012
|
const uuiPresets = {
|
|
2979
3013
|
container: 'uui-presets-container',
|
|
@@ -2988,12 +3022,12 @@ const getPresets = (presets) => {
|
|
|
2988
3022
|
})).sort((a, b) => a.order - b.order);
|
|
2989
3023
|
};
|
|
2990
3024
|
function CalendarPresets(props) {
|
|
2991
|
-
return (React__namespace.createElement("div", { ref: props.forwardedRef, className: uuiCore.cx(uuiPresets.container, css$
|
|
3025
|
+
return (React__namespace.createElement("div", { ref: props.forwardedRef, className: uuiCore.cx(uuiPresets.container, css$W.root, props.cx), ...props.rawProps },
|
|
2992
3026
|
React__namespace.createElement("div", { className: uuiPresets.header }, "Presets"),
|
|
2993
3027
|
getPresets(props.presets).map((item) => (React__namespace.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: settings.rangeDatePicker.sizes.preset })))));
|
|
2994
3028
|
}
|
|
2995
3029
|
|
|
2996
|
-
var css$
|
|
3030
|
+
var css$V = {"root":"ffoe9E","container":"hAk3OM","day-selection":"sNhjDZ","daySelection":"sNhjDZ","from-picker":"fFINd7","fromPicker":"fFINd7","to-picker":"_5-75e4","toPicker":"_5-75e4","bodes-wrapper":"zMweV9","bodesWrapper":"zMweV9","blocker":"M5uDFv"};
|
|
2997
3031
|
|
|
2998
3032
|
const uuiRangeDatePickerBody = {
|
|
2999
3033
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3134,21 +3168,21 @@ function RangeDatePickerBodyComp(props, ref) {
|
|
|
3134
3168
|
});
|
|
3135
3169
|
}, presets: presets })));
|
|
3136
3170
|
};
|
|
3137
|
-
return (React__namespace.default.createElement("div", { ref: ref, className:
|
|
3138
|
-
React__namespace.default.createElement(FlexRow, { cx: [view === 'DAY_SELECTION' && css$
|
|
3171
|
+
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default(css$V.root, uuiDatePickerBodyBase.container, props.cx), ...props.rawProps },
|
|
3172
|
+
React__namespace.default.createElement(FlexRow, { cx: [view === 'DAY_SELECTION' && css$V.daySelection, css$V.container], alignItems: "top" },
|
|
3139
3173
|
React__namespace.default.createElement(FlexCell, { width: "auto" },
|
|
3140
3174
|
React__namespace.default.createElement(FlexRow, null,
|
|
3141
|
-
React__namespace.default.createElement(FlexRow, { cx: css$
|
|
3142
|
-
React__namespace.default.createElement(StatelessDatePickerBody, { key: "date-picker-body-left", cx:
|
|
3175
|
+
React__namespace.default.createElement(FlexRow, { cx: css$V.bodesWrapper, alignItems: "top" },
|
|
3176
|
+
React__namespace.default.createElement(StatelessDatePickerBody, { key: "date-picker-body-left", cx: cx__default.default(css$V.fromPicker), ...from, onValueChange: (v) => onBodyValueChange(v, 'from'), onMonthChange: (m) => {
|
|
3143
3177
|
setMonth(m);
|
|
3144
3178
|
}, onViewChange: (v) => setView(v), filter: props.filter, isHoliday: props.isHoliday, renderDay: props.renderDay || renderDay, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'to' }),
|
|
3145
|
-
React__namespace.default.createElement(StatelessDatePickerBody, { key: "date-picker-body-right", cx:
|
|
3179
|
+
React__namespace.default.createElement(StatelessDatePickerBody, { key: "date-picker-body-right", cx: cx__default.default(css$V.toPicker), ...to, onValueChange: (v) => onBodyValueChange(v, 'to'), onMonthChange: (m) => {
|
|
3146
3180
|
setMonth(m.subtract(1, 'month'));
|
|
3147
3181
|
}, onViewChange: (v) => setView(v), filter: props.filter, renderDay: props.renderDay || renderDay, isHoliday: props.isHoliday, isDisabled: view !== 'DAY_SELECTION' && activeMonth === 'from' }),
|
|
3148
3182
|
view !== 'DAY_SELECTION' && (React__namespace.default.createElement("div", { style: {
|
|
3149
3183
|
left: activeMonth === 'from' ? '50%' : undefined,
|
|
3150
3184
|
right: activeMonth === 'to' ? '50%' : undefined,
|
|
3151
|
-
}, className: css$
|
|
3185
|
+
}, className: css$V.blocker }))),
|
|
3152
3186
|
props.presets && renderPresets(props.presets)),
|
|
3153
3187
|
props.renderFooter && props.renderFooter()))));
|
|
3154
3188
|
}
|
|
@@ -3165,10 +3199,10 @@ const getDayCX = (day, selectedDate) => {
|
|
|
3165
3199
|
&& fromValue !== toValue;
|
|
3166
3200
|
const isFirst = dayValue === fromValue;
|
|
3167
3201
|
const isLast = dayValue === toValue;
|
|
3168
|
-
return [
|
|
3202
|
+
return [cx__default.default(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiComponents.uuiDaySelection.selectedDay)];
|
|
3169
3203
|
};
|
|
3170
3204
|
|
|
3171
|
-
var css$
|
|
3205
|
+
var css$U = {"dropdown-container":"HVeJQq","dropdownContainer":"HVeJQq"};
|
|
3172
3206
|
|
|
3173
3207
|
const modifiers = [{
|
|
3174
3208
|
name: 'offset',
|
|
@@ -3212,7 +3246,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3212
3246
|
}
|
|
3213
3247
|
};
|
|
3214
3248
|
const renderBody = (renderProps) => {
|
|
3215
|
-
return (React__namespace.default.createElement(DropdownContainer, { ...renderProps, cx: cx__default.default(css$
|
|
3249
|
+
return (React__namespace.default.createElement(DropdownContainer, { ...renderProps, cx: cx__default.default(css$U.dropdownContainer), shards: [targetRef], returnFocus: true },
|
|
3216
3250
|
React__namespace.default.createElement(FlexRow, null,
|
|
3217
3251
|
React__namespace.default.createElement(RangeDatePickerBody, { cx: cx__default.default(props.bodyCx), value: {
|
|
3218
3252
|
selectedDate: _value,
|
|
@@ -3236,75 +3270,33 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3236
3270
|
}
|
|
3237
3271
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
3238
3272
|
|
|
3239
|
-
var css$
|
|
3273
|
+
var css$T = {"root":"B8a5cX","blocker":"HOp8ms","marker":"hLIq5U","top":"uF20m4","bottom":"ypai9g","left":"wZCPW4","right":"_9czejN","inside":"ecXE2f"};
|
|
3240
3274
|
|
|
3241
3275
|
function DropMarker(props) {
|
|
3242
3276
|
return props.isDndInProgress
|
|
3243
3277
|
? (React__namespace.createElement(React__namespace.Fragment, null,
|
|
3244
|
-
props.enableBlocker && React__namespace.createElement("div", { className: css$
|
|
3278
|
+
props.enableBlocker && React__namespace.createElement("div", { className: css$T.blocker }),
|
|
3245
3279
|
React__namespace.createElement("div", { className: cx__default.default([
|
|
3246
|
-
css$
|
|
3247
|
-
css$
|
|
3248
|
-
css$
|
|
3280
|
+
css$T.root,
|
|
3281
|
+
css$T.marker,
|
|
3282
|
+
css$T[props.position],
|
|
3249
3283
|
props?.cx,
|
|
3250
3284
|
]) })))
|
|
3251
3285
|
: null;
|
|
3252
3286
|
}
|
|
3253
3287
|
|
|
3254
|
-
var css$M = {"root":"_91b0aC","line-height":"Z3corC","lineHeight":"Z3corC","font-size":"I7mDOl","fontSize":"I7mDOl"};
|
|
3255
|
-
|
|
3256
|
-
function applyTextMods(mods) {
|
|
3257
|
-
return [
|
|
3258
|
-
css$M.root,
|
|
3259
|
-
'uui-text',
|
|
3260
|
-
`uui-size-${mods.size || settings.text.sizes.default}`,
|
|
3261
|
-
(mods.size !== 'none' || mods.lineHeight) && css$M.lineHeight,
|
|
3262
|
-
(mods.size !== 'none' || mods.fontSize) && css$M.fontSize,
|
|
3263
|
-
`uui-color-${mods.color || 'primary'}`,
|
|
3264
|
-
`uui-font-weight-${mods.fontWeight || '400'}`,
|
|
3265
|
-
`uui-font-style-${mods.fontStyle || 'normal'}`,
|
|
3266
|
-
'uui-typography-inline',
|
|
3267
|
-
];
|
|
3268
|
-
}
|
|
3269
|
-
const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, applyTextMods, (props) => {
|
|
3270
|
-
const style = props?.rawProps?.style || {};
|
|
3271
|
-
props.fontSize && (style['--uui-text-font-size'] = `${props.fontSize}px`);
|
|
3272
|
-
props.lineHeight && (style['--uui-text-line-height'] = `${props.lineHeight}px`);
|
|
3273
|
-
return {
|
|
3274
|
-
rawProps: {
|
|
3275
|
-
...props?.rawProps,
|
|
3276
|
-
style: style,
|
|
3277
|
-
},
|
|
3278
|
-
};
|
|
3279
|
-
});
|
|
3280
|
-
|
|
3281
|
-
var css$L = {"root":"_12Rjmn","loading-word":"vfxEXy","loadingWord":"vfxEXy","animated-loading":"-PDvxr","animatedLoading":"-PDvxr","skeleton_loading":"TXhH24","skeletonLoading":"TXhH24"};
|
|
3282
|
-
|
|
3283
|
-
const TextPlaceholder = (props) => {
|
|
3284
|
-
const pattern = ' ';
|
|
3285
|
-
const text = React__namespace.useMemo(() => {
|
|
3286
|
-
const words = [];
|
|
3287
|
-
for (let i = 0; i < (props.wordsCount || 1); i++) {
|
|
3288
|
-
const lengthWord = Math.floor(Math.random() * 10 + 8);
|
|
3289
|
-
words.push(pattern.repeat(lengthWord));
|
|
3290
|
-
}
|
|
3291
|
-
return words;
|
|
3292
|
-
}, [props.wordsCount]);
|
|
3293
|
-
return (React__namespace.createElement("div", { "aria-busy": true, className: cx__default.default(css$L.root, 'uui-text-placeholder'), ...props.rawProps }, text.map((it, index) => (React__namespace.createElement("span", { key: index, className: cx__default.default([
|
|
3294
|
-
props.cx, css$L.loadingWord, !props.isNotAnimated && css$L.animatedLoading,
|
|
3295
|
-
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
3296
|
-
};
|
|
3297
|
-
|
|
3298
3288
|
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.richTextView.sizes.default}`]);
|
|
3299
3289
|
|
|
3300
|
-
var css$
|
|
3290
|
+
var css$S = {"modal":"G6Xv-r","search-wrapper":"_3zhjFl","searchWrapper":"_3zhjFl","no-data":"tZAJqq","noData":"tZAJqq"};
|
|
3301
3291
|
|
|
3302
3292
|
class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
3303
3293
|
constructor() {
|
|
3304
3294
|
super(...arguments);
|
|
3305
3295
|
this.lens = uuiCore.Lens.onEditableComponent(this);
|
|
3306
3296
|
this.searchLens = this.lens.prop('search').default('');
|
|
3307
|
-
this.getSearchSize = () => (uuiCore.isMobile()
|
|
3297
|
+
this.getSearchSize = () => (uuiCore.isMobile()
|
|
3298
|
+
? settings.pickerInput.sizes.body.mobileSearchInput
|
|
3299
|
+
: settings.pickerInput.sizes.body.getSearchSize({ pickerSize: this.props.searchSize }));
|
|
3308
3300
|
}
|
|
3309
3301
|
renderEmpty() {
|
|
3310
3302
|
const search = this.searchLens.get();
|
|
@@ -3316,7 +3308,7 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
|
3316
3308
|
});
|
|
3317
3309
|
}
|
|
3318
3310
|
if (this.props.minCharsToSearch && search.length < this.props.minCharsToSearch) {
|
|
3319
|
-
return (React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$
|
|
3311
|
+
return (React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$S.noData, grow: 1, textAlign: "center" },
|
|
3320
3312
|
React__namespace.default.createElement(Text, { size: this.props.searchSize }, i18n.dataPickerBody.typeSearchToLoadMessage)));
|
|
3321
3313
|
}
|
|
3322
3314
|
if (this.props.rows.length === 0) {
|
|
@@ -3331,25 +3323,23 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
|
3331
3323
|
}
|
|
3332
3324
|
// Default no record found message for 'NOT_FOUND' and "NO_RECORDS" reason
|
|
3333
3325
|
// TODO: make separate messages for 'NOT_FOUND' and "NO_RECORDS" reason
|
|
3334
|
-
return (React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$
|
|
3326
|
+
return (React__namespace.default.createElement(uuiComponents.FlexCell, { cx: css$S.noData, grow: 1, textAlign: "center" },
|
|
3335
3327
|
React__namespace.default.createElement(Text, { size: this.props.searchSize }, i18n.dataPickerBody.noRecordsMessage)));
|
|
3336
3328
|
}
|
|
3337
3329
|
}
|
|
3338
3330
|
render() {
|
|
3339
3331
|
const searchSize = this.getSearchSize();
|
|
3340
3332
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
3341
|
-
this.showSearch() && (React__namespace.default.createElement("div", { key: "search", className: uuiCore.cx(css$
|
|
3333
|
+
this.showSearch() && (React__namespace.default.createElement("div", { key: "search", className: uuiCore.cx(css$S.searchWrapper, 'uui-picker_input-body-search') },
|
|
3342
3334
|
React__namespace.default.createElement(uuiComponents.FlexCell, { grow: 1 },
|
|
3343
3335
|
React__namespace.default.createElement(SearchInput, { ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder, ...this.searchLens.toProps(), onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay, rawProps: { dir: 'auto' } })))),
|
|
3344
|
-
React__namespace.default.createElement(FlexRow, { key: "body", cx: uuiCore.cx('uui-picker_input-body', css$
|
|
3336
|
+
React__namespace.default.createElement(FlexRow, { key: "body", cx: uuiCore.cx('uui-picker_input-body', css$S[this.props.editMode], css$S[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rows.length === 0 && this.props.value.topIndex === 0
|
|
3345
3337
|
// We need to also ensure that topIndex === 0, because we can have state were there is no rows but topIndex > 0, in case when we scrolled lover than we have rows
|
|
3346
3338
|
// we fix this state on next render and shouldn't show empty state.
|
|
3347
3339
|
? this.renderEmpty() : (React__namespace.default.createElement(VirtualList, { ...this.lens.toProps(), rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading })))));
|
|
3348
3340
|
}
|
|
3349
3341
|
}
|
|
3350
3342
|
|
|
3351
|
-
var css$J = {"footer":"scgNKl"};
|
|
3352
|
-
|
|
3353
3343
|
function DataPickerFooterImpl(props) {
|
|
3354
3344
|
const { search, clearSelection, view, showSelected, selectionMode, isSearchTooShort, } = props;
|
|
3355
3345
|
const size = uuiCore.isMobile() ? settings.pickerInput.sizes.body.mobileFooterLinkButton : props.size;
|
|
@@ -3362,7 +3352,7 @@ function DataPickerFooterImpl(props) {
|
|
|
3362
3352
|
const isSearching = search?.length;
|
|
3363
3353
|
const hideFooter = (rowsCount === 0 && !hasSelection) || isSearching || (isSinglePicker && props.disableClear);
|
|
3364
3354
|
const showClear = !props.disableClear && (isSinglePicker ? true : (!view.selectAll || hasSelection));
|
|
3365
|
-
return !hideFooter && (React__namespace.default.createElement(FlexRow, { cx:
|
|
3355
|
+
return !hideFooter && (React__namespace.default.createElement(FlexRow, { cx: cx__default.default('uui-picker_input-footer', props.cx) },
|
|
3366
3356
|
!isSinglePicker && !isSearchTooShort && ( // Show this switch only for multi mode and when some rows rendered
|
|
3367
3357
|
React__namespace.default.createElement(Switch, { size: settings.pickerInput.sizes.body.footerSwitchMap[props.size], value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
|
|
3368
3358
|
React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
@@ -3374,26 +3364,165 @@ function DataPickerFooterImpl(props) {
|
|
|
3374
3364
|
}
|
|
3375
3365
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
3376
3366
|
|
|
3377
|
-
var css$
|
|
3367
|
+
var css$R = {"header":"gLlRcZ","title":"uhkBIN","close":"N3tD4E"};
|
|
3378
3368
|
|
|
3379
3369
|
const DataPickerHeaderImpl = (props) => {
|
|
3380
3370
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
3381
|
-
return (React__namespace.default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: [css$
|
|
3382
|
-
React__namespace.default.createElement("div", { className: css$
|
|
3383
|
-
React__namespace.default.createElement(IconButton, { icon: settings.pickerInput.icons.body.pickerBodyMobileHeaderCloseIcon, onClick: () => props.close?.(), cx: css$
|
|
3371
|
+
return (React__namespace.default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: [css$R.header, 'uui-picker_input-body-header'] },
|
|
3372
|
+
React__namespace.default.createElement("div", { className: css$R.title }, title),
|
|
3373
|
+
React__namespace.default.createElement(IconButton, { icon: settings.pickerInput.icons.body.pickerBodyMobileHeaderCloseIcon, onClick: () => props.close?.(), cx: css$R.close })));
|
|
3384
3374
|
};
|
|
3385
3375
|
const DataPickerHeader = /* @__PURE__ */React__namespace.default.memo(DataPickerHeaderImpl);
|
|
3386
3376
|
|
|
3387
|
-
var css$
|
|
3377
|
+
var css$Q = {"root":"xCF3UI"};
|
|
3378
|
+
|
|
3379
|
+
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$Q.root]);
|
|
3380
|
+
|
|
3381
|
+
var css$P = {"root":"Lc28-t"};
|
|
3382
|
+
|
|
3383
|
+
const DEFAULT_FILL = 'solid';
|
|
3384
|
+
function applyBadgeMods(mods) {
|
|
3385
|
+
return [
|
|
3386
|
+
'uui-badge',
|
|
3387
|
+
css$P.root,
|
|
3388
|
+
`uui-size-${mods.size || settings.badge.sizes.default}`,
|
|
3389
|
+
`uui-fill-${mods.fill || DEFAULT_FILL}`,
|
|
3390
|
+
`uui-color-${mods.color || 'info'}`,
|
|
3391
|
+
];
|
|
3392
|
+
}
|
|
3393
|
+
const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
3394
|
+
const styles = [applyBadgeMods(props), props.cx];
|
|
3395
|
+
const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : settings.badge.icons.dropdownIcon;
|
|
3396
|
+
return (React__namespace.default.createElement(uuiComponents.Clickable, { ...props, rawProps: {
|
|
3397
|
+
'aria-haspopup': props.isDropdown,
|
|
3398
|
+
'aria-expanded': props.isOpen,
|
|
3399
|
+
...props.rawProps,
|
|
3400
|
+
}, cx: styles, ref: ref },
|
|
3401
|
+
(props.indicator && props.fill === 'outline') && (React__namespace.default.createElement("div", { className: "uui-indicator" })),
|
|
3402
|
+
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
3403
|
+
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
|
|
3404
|
+
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { key: "count-indicator", color: null, size: settings.badge.sizes.countIndicatorMap[props.size || settings.badge.sizes.default], caption: props.count })),
|
|
3405
|
+
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
3406
|
+
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
3407
|
+
});
|
|
3408
|
+
|
|
3409
|
+
var css$O = {"root":"KC9i5f"};
|
|
3410
|
+
|
|
3411
|
+
function applyTagMods(props) {
|
|
3412
|
+
return [
|
|
3413
|
+
css$O.root,
|
|
3414
|
+
`uui-size-${props.size || settings.tag.sizes.default}`,
|
|
3415
|
+
`uui-color-${props.color || 'neutral'}`,
|
|
3416
|
+
`uui-fill-${props.fill || 'solid'}`,
|
|
3417
|
+
'uui-tag',
|
|
3418
|
+
];
|
|
3419
|
+
}
|
|
3420
|
+
const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
3421
|
+
const styles = [applyTagMods(props), props.cx];
|
|
3422
|
+
const ClearIcon = props.clearIcon ? props.clearIcon : settings.tag.icons.clearIcon;
|
|
3423
|
+
const DropdownIcon = props.dropdownIcon ? props.dropdownIcon : settings.tag.icons.dropdownIcon;
|
|
3424
|
+
return (React__namespace.default.createElement(uuiComponents.Clickable, { ...props, rawProps: {
|
|
3425
|
+
'aria-haspopup': props.isDropdown,
|
|
3426
|
+
'aria-expanded': props.isOpen,
|
|
3427
|
+
...props.rawProps,
|
|
3428
|
+
}, cx: styles, ref: ref },
|
|
3429
|
+
props.icon && props.iconPosition !== 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
3430
|
+
props.caption && (React__namespace.default.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
|
|
3431
|
+
props.count !== undefined && props.count !== null && (React__namespace.default.createElement(CountIndicator, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size: settings.tag.sizes.countIndicatorMap[(props.size || settings.tag.sizes.default)], caption: props.count })),
|
|
3432
|
+
props.icon && props.iconPosition === 'right' && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
3433
|
+
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
|
|
3434
|
+
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
3435
|
+
});
|
|
3436
|
+
|
|
3437
|
+
var css$N = {"root":"nonZmD","page":"IeeU6Q","spacer":"xghLIF","mode-ghost":"viMxEm","modeGhost":"viMxEm"};
|
|
3438
|
+
|
|
3439
|
+
function Paginator(props) {
|
|
3440
|
+
const renderPaginator = (params) => (React__namespace.default.createElement("nav", { role: "navigation", className: cx__default.default(css$N.root, 'uui-paginator', `uui-size-${props.size || settings.paginator.sizes.default}`), ...params.rawProps },
|
|
3441
|
+
React__namespace.default.createElement(Button, { size: props.size || settings.paginator.sizes.default, icon: settings.paginator.icons.leftArrowIcon, onClick: params.goToPrev, isDisabled: params.isFirst || props.isDisabled, fill: "outline", color: "secondary" }),
|
|
3442
|
+
params.pages.map((page, index) => {
|
|
3443
|
+
if (page.type === 'spacer') {
|
|
3444
|
+
return (React__namespace.default.createElement(Button, { cx: cx__default.default(css$N.spacer, css$N.page), size: props.size || settings.paginator.sizes.default, key: `${index}_spacer`, caption: "...", fill: "ghost", color: "secondary", tabIndex: -1, isDisabled: props.isDisabled }));
|
|
3445
|
+
}
|
|
3446
|
+
else {
|
|
3447
|
+
return (React__namespace.default.createElement(Button, { cx: cx__default.default(css$N[`mode-${!page.isActive && 'ghost'}`], css$N.page), size: props.size || settings.paginator.sizes.default, key: page.pageNumber, caption: page.pageNumber, onClick: () => page.onClick?.(), rawProps: { 'aria-current': page.isActive }, fill: (page.isActive && 'outline') || 'ghost', color: "primary", isDisabled: props.isDisabled }));
|
|
3448
|
+
}
|
|
3449
|
+
}),
|
|
3450
|
+
React__namespace.default.createElement(Button, { size: props.size || settings.paginator.sizes.default, icon: settings.paginator.icons.rightArrowIcon, onClick: params.goToNext, isDisabled: params.isLast || props.isDisabled, fill: "outline", color: "secondary" })));
|
|
3451
|
+
return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
|
|
3452
|
+
}
|
|
3453
|
+
|
|
3454
|
+
var css$M = {"root":"AvdNGz","progress-bar":"q6Jx2v","progressBar":"q6Jx2v","progressBar-indeterminate":"Pj8zAG","progressBarIndeterminate":"Pj8zAG","size-12":"_6QvRux","size12":"_6QvRux","size-18":"oHZBVY","size18":"oHZBVY","size-24":"-K9umR","size24":"-K9umR"};
|
|
3455
|
+
|
|
3456
|
+
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3457
|
+
return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$M.root, css$M[`size-${props.size || 12}`]) },
|
|
3458
|
+
React__namespace.createElement("div", { className: cx__default.default(css$M.progressBar) })));
|
|
3459
|
+
});
|
|
3460
|
+
|
|
3461
|
+
var css$L = {"root":"s8xdxp","striped":"_2W-hpB","animate-stripes":"_5WwwKU","animateStripes":"_5WwwKU","size-12":"Z5C2AK","size12":"Z5C2AK","size-18":"xbfXwF","size18":"xbfXwF","size-24":"_38Gz8C","size24":"_38Gz8C"};
|
|
3462
|
+
|
|
3463
|
+
const DEFAULT_SIZE = '12';
|
|
3464
|
+
function applyProgressBarMods(mods) {
|
|
3465
|
+
const size = mods.size || DEFAULT_SIZE;
|
|
3466
|
+
return [
|
|
3467
|
+
css$L.root,
|
|
3468
|
+
css$L[`size-${size}`],
|
|
3469
|
+
mods.striped && css$L.striped,
|
|
3470
|
+
];
|
|
3471
|
+
}
|
|
3472
|
+
const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.ProgressBar, applyProgressBarMods, (props) => ({
|
|
3473
|
+
hideLabel: props.hideLabel || props.striped,
|
|
3474
|
+
}));
|
|
3475
|
+
|
|
3476
|
+
var css$K = {"root":"QtzMui"};
|
|
3477
|
+
|
|
3478
|
+
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3479
|
+
const { progress } = props;
|
|
3480
|
+
return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$K.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$K.root, props.cx) }));
|
|
3481
|
+
});
|
|
3482
|
+
|
|
3483
|
+
var css$J = {"root":"gkOvPB"};
|
|
3484
|
+
|
|
3485
|
+
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
3486
|
+
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
3487
|
+
css$J.root,
|
|
3488
|
+
`uui-size-${props.size || settings.statusIndicator.sizes.default}`,
|
|
3489
|
+
'uui-status_indicator',
|
|
3490
|
+
`uui-color-${props.color || 'neutral'}`,
|
|
3491
|
+
`uui-fill-${props.fill || 'solid'}`,
|
|
3492
|
+
props.cx,
|
|
3493
|
+
]) },
|
|
3494
|
+
React__namespace.default.createElement("div", { className: "uui-status_indicator-dot" }),
|
|
3495
|
+
React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
3496
|
+
});
|
|
3497
|
+
|
|
3498
|
+
var css$I = {"drag-handle":"hKg3CJ","dragHandle":"hKg3CJ","icon-container":"glaJtJ","iconContainer":"glaJtJ"};
|
|
3499
|
+
|
|
3500
|
+
function DataRowAddons(props) {
|
|
3501
|
+
const row = props.rowProps;
|
|
3502
|
+
const getIndent = () => {
|
|
3503
|
+
return (row.indent - 1) * settings.dataTable.sizes.body.indentUnitMap[props.size || settings.dataTable.sizes.body.row];
|
|
3504
|
+
};
|
|
3505
|
+
const getWidth = () => {
|
|
3506
|
+
return settings.dataTable.sizes.body.indentWidthMap[props.size || settings.dataTable.sizes.body.row];
|
|
3507
|
+
};
|
|
3508
|
+
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
3509
|
+
row.dnd?.srcData && React__namespace.default.createElement(uuiComponents.DragHandle, { key: "dh", cx: css$I.dragHandle, rawProps: { ...props.eventHandlers } }),
|
|
3510
|
+
row?.checkbox?.isVisible && (React__namespace.default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: settings.dataTable.sizes.body.checkboxMap[props.size], value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => row.onCheck?.(row), isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
|
|
3511
|
+
row.indent > 0 && (React__namespace.default.createElement("div", { key: "fold", className: cx__default.default('uui-dr_addons-indent', `uui-size-${props.size || settings.dataTable.sizes.body.row}`), style: { marginInlineStart: getIndent(), width: getWidth() } }, row.isFoldable && (React__namespace.default.createElement(uuiComponents.IconContainer, { rawProps: {
|
|
3512
|
+
'aria-label': row.isFolded ? 'Unfold' : 'Fold',
|
|
3513
|
+
role: 'button',
|
|
3514
|
+
}, key: "icon", icon: settings.dataTable.icons.body.foldingIcon, cx: [
|
|
3515
|
+
uuiCore.uuiElement.foldingArrow, uuiCore.uuiMarkers.clickable, css$I.iconContainer,
|
|
3516
|
+
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.dataTable.sizes.body.iconMap[props.size || settings.dataTable.sizes.body.row] }))))));
|
|
3517
|
+
}
|
|
3518
|
+
|
|
3519
|
+
var css$H = {"root":"_2c78OI","align-widgets-top":"LFhwsD","alignWidgetsTop":"LFhwsD","align-widgets-center":"N0HeIQ","alignWidgetsCenter":"N0HeIQ","icon-container":"shG52E","iconContainer":"shG52E","content-wrapper":"_5GwSth","contentWrapper":"_5GwSth","render-item":"hdc-zC","renderItem":"hdc-zC","icon-wrapper":"P-qTPG","iconWrapper":"P-qTPG","icon-default":"sW4LcH","iconDefault":"sW4LcH","selected-mark":"ySEzMm","selectedMark":"ySEzMm"};
|
|
3388
3520
|
|
|
3389
3521
|
function DataPickerCell(props) {
|
|
3390
3522
|
const ref = React__namespace.useRef();
|
|
3391
3523
|
let content;
|
|
3392
3524
|
if (props.rowProps.isLoading) {
|
|
3393
|
-
content = (
|
|
3394
|
-
// remove `css.loadingCell` after` removing `margin: 0 3px 3px 0` from `TextPlaceholder` `loadingWord` class styles.
|
|
3395
|
-
React__namespace.createElement(Text, { key: "t", size: props.size, cx: css$H.loadingCell },
|
|
3396
|
-
React__namespace.createElement(TextPlaceholder, null)));
|
|
3525
|
+
content = settings.pickerInput.renderPlaceholder({ rowSize: props.size });
|
|
3397
3526
|
}
|
|
3398
3527
|
else if (props.rowProps.isUnknown) {
|
|
3399
3528
|
content = (React__namespace.createElement(Text, { key: "t", size: props.size }, "Unknown"));
|
|
@@ -3425,7 +3554,7 @@ function DataPickerCell(props) {
|
|
|
3425
3554
|
getWrappedContent()));
|
|
3426
3555
|
}
|
|
3427
3556
|
|
|
3428
|
-
var css$G = {"picker-row":"
|
|
3557
|
+
var css$G = {"picker-row":"OlhBC7","pickerRow":"OlhBC7"};
|
|
3429
3558
|
|
|
3430
3559
|
class DataPickerRow extends React__namespace.Component {
|
|
3431
3560
|
constructor() {
|
|
@@ -3439,7 +3568,7 @@ class DataPickerRow extends React__namespace.Component {
|
|
|
3439
3568
|
}
|
|
3440
3569
|
}
|
|
3441
3570
|
|
|
3442
|
-
var css$F = {"done":"
|
|
3571
|
+
var css$F = {"done":"U1xWex","container":"fMGEM8"};
|
|
3443
3572
|
|
|
3444
3573
|
const PickerBodyMobileView = (props) => {
|
|
3445
3574
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -3516,7 +3645,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3516
3645
|
return getDecoratedText(str, ranges);
|
|
3517
3646
|
};
|
|
3518
3647
|
|
|
3519
|
-
var css$E = {"root":"
|
|
3648
|
+
var css$E = {"root":"GGJxxE","column-gap":"hnMPPp","columnGap":"hnMPPp","title":"aCNT4-","subtitle":"wU1uah","disabled":"Sqk-tW","multiline":"_79iG-e"};
|
|
3520
3649
|
|
|
3521
3650
|
function PickerItem(props) {
|
|
3522
3651
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, } = props;
|
|
@@ -3537,7 +3666,7 @@ function getAvatarSize(size, isMultiline) {
|
|
|
3537
3666
|
return settings.pickerInput.sizes.body[isMultiline ? 'itemAvatarMultilineMap' : 'itemAvatarMap'][size];
|
|
3538
3667
|
}
|
|
3539
3668
|
|
|
3540
|
-
var css$D = {"sub-header-wrapper":"
|
|
3669
|
+
var css$D = {"sub-header-wrapper":"TXzRZr","subHeaderWrapper":"TXzRZr","switch":"Kkr831","no-found-modal-container":"o1teTJ","noFoundModalContainer":"o1teTJ","no-found-modal-container-icon":"ZdYeRz","noFoundModalContainerIcon":"ZdYeRz","no-found-modal-container-text":"MCa3-K","noFoundModalContainerText":"MCa3-K"};
|
|
3541
3670
|
|
|
3542
3671
|
function PickerModal(props) {
|
|
3543
3672
|
const { view, selection, dataSourceStateLens, dataSourceState, getDataSourceState, getName, clearSelection, getRows, getListProps, getFooterProps, isSingleSelect, handleDataSourceValueChange, } = uuiComponents.usePickerModal(props);
|
|
@@ -3592,7 +3721,7 @@ function PickerModal(props) {
|
|
|
3592
3721
|
React__namespace.default.createElement(ModalFooter, null, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3593
3722
|
}
|
|
3594
3723
|
|
|
3595
|
-
var css$C = {"tooltip":"
|
|
3724
|
+
var css$C = {"tooltip":"aHpOIO"};
|
|
3596
3725
|
|
|
3597
3726
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3598
3727
|
const tagProps = {
|
|
@@ -3611,7 +3740,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
3611
3740
|
}
|
|
3612
3741
|
});
|
|
3613
3742
|
|
|
3614
|
-
var css$B = {"root":"
|
|
3743
|
+
var css$B = {"root":"L6pgF-"};
|
|
3615
3744
|
|
|
3616
3745
|
const defaultMode = EditMode.FORM;
|
|
3617
3746
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3619,7 +3748,7 @@ function applyPickerTogglerMods(mods) {
|
|
|
3619
3748
|
css$B.root,
|
|
3620
3749
|
'uui-picker_toggler',
|
|
3621
3750
|
`uui-size-${mods.size || settings.pickerInput.sizes.toggler.default}`,
|
|
3622
|
-
|
|
3751
|
+
'uui-control-mode-' + (mods.mode || defaultMode),
|
|
3623
3752
|
];
|
|
3624
3753
|
}
|
|
3625
3754
|
function PickerTogglerComponent(props, ref) {
|
|
@@ -3712,7 +3841,7 @@ function PickerInputComponent({ highlightSearchMatches = true, ...props }, ref)
|
|
|
3712
3841
|
}
|
|
3713
3842
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
3714
3843
|
|
|
3715
|
-
var css$A = {"row":"
|
|
3844
|
+
var css$A = {"row":"oTglNO"};
|
|
3716
3845
|
|
|
3717
3846
|
function PickerListItem(props) {
|
|
3718
3847
|
let label;
|
|
@@ -3732,7 +3861,7 @@ function PickerListItem(props) {
|
|
|
3732
3861
|
return (React__namespace.default.createElement("div", { role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1, ...(props.checkbox?.isVisible && { 'aria-checked': props.isChecked }), className: css$A.row }, component));
|
|
3733
3862
|
}
|
|
3734
3863
|
|
|
3735
|
-
var css$z = {"root":"
|
|
3864
|
+
var css$z = {"root":"w09GPe"};
|
|
3736
3865
|
|
|
3737
3866
|
function PickerList(props) {
|
|
3738
3867
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -3767,7 +3896,7 @@ function PickerList(props) {
|
|
|
3767
3896
|
}, selectedRows)));
|
|
3768
3897
|
}
|
|
3769
3898
|
|
|
3770
|
-
var css$y = {"root":"
|
|
3899
|
+
var css$y = {"root":"NXkYYB","wrapper":"LXrxIh","align-widgets-top":"lR82gw","alignWidgetsTop":"lR82gw","align-widgets-center":"j06n-4","alignWidgetsCenter":"j06n-4"};
|
|
3771
3900
|
|
|
3772
3901
|
function DataTableCell(initialProps) {
|
|
3773
3902
|
const props = { ...initialProps };
|
|
@@ -3775,8 +3904,7 @@ function DataTableCell(initialProps) {
|
|
|
3775
3904
|
props.addons = React__namespace.createElement(DataRowAddons, { size: props.size, ...props });
|
|
3776
3905
|
}
|
|
3777
3906
|
props.renderPlaceholder = props.renderPlaceholder
|
|
3778
|
-
|| (() =>
|
|
3779
|
-
React__namespace.createElement(TextPlaceholder, { isNotAnimated: true }))));
|
|
3907
|
+
|| (() => settings.dataTable.renderPlaceholder({ rowSize: props.size }));
|
|
3780
3908
|
props.renderUnknown = props.renderUnknown
|
|
3781
3909
|
|| (() => (React__namespace.createElement(Text, { key: "t", size: props.size }, "Unknown")));
|
|
3782
3910
|
props.renderTooltip = (tooltipProps) => React__namespace.createElement(Tooltip, { color: "critical", ...tooltipProps });
|
|
@@ -3808,6 +3936,8 @@ function DataTableCell(initialProps) {
|
|
|
3808
3936
|
props.isLastColumn && 'uui-dt-last-column',
|
|
3809
3937
|
css$y[`align-widgets-${props.alignActions || 'top'}`],
|
|
3810
3938
|
(props.border || isEditable) && 'uui-dt-vertical-cell-border',
|
|
3939
|
+
props.isDisabled && uuiCore.uuiMod.disabled,
|
|
3940
|
+
props.isReadonly && uuiCore.uuiMod.readonly,
|
|
3811
3941
|
];
|
|
3812
3942
|
props.style = {
|
|
3813
3943
|
'--uui-dt-cell-padding-start': getLeftPadding(),
|
|
@@ -3816,7 +3946,7 @@ function DataTableCell(initialProps) {
|
|
|
3816
3946
|
return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
|
|
3817
3947
|
}
|
|
3818
3948
|
|
|
3819
|
-
var css$x = {"root":"
|
|
3949
|
+
var css$x = {"root":"HOvXrc"};
|
|
3820
3950
|
|
|
3821
3951
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3822
3952
|
// 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.
|
|
@@ -3832,7 +3962,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
3832
3962
|
];
|
|
3833
3963
|
}, () => propsMods);
|
|
3834
3964
|
|
|
3835
|
-
var css$w = {"sorting-panel-container":"
|
|
3965
|
+
var css$w = {"sorting-panel-container":"KkPLsY","sortingPanelContainer":"KkPLsY"};
|
|
3836
3966
|
|
|
3837
3967
|
const SortingPanelImpl = ({ sortDirection, onSort }) => {
|
|
3838
3968
|
const sortAsc = React.useCallback(() => onSort(sortDirection === 'asc' ? undefined : 'asc'), [onSort]);
|
|
@@ -3857,7 +3987,7 @@ const ColumnHeaderDropdownImpl = (props) => {
|
|
|
3857
3987
|
};
|
|
3858
3988
|
const ColumnHeaderDropdown = /* @__PURE__ */React__namespace.default.memo(ColumnHeaderDropdownImpl);
|
|
3859
3989
|
|
|
3860
|
-
var css$v = {"root":"
|
|
3990
|
+
var css$v = {"root":"_0puOoz","caption-wrapper":"Pgn7rq","captionWrapper":"Pgn7rq","sort-icon":"oqipb3","sortIcon":"oqipb3","dropdown-icon":"Yv3cTQ","dropdownIcon":"Yv3cTQ","infoIcon":"k19uPc","align-right":"D-vMP1","alignRight":"D-vMP1","align-center":"ZS3AMF","alignCenter":"ZS3AMF","caption":"runoLh","truncate":"xwR-vC","upper-case":"b-Eg0q","upperCase":"b-Eg0q","checkbox":"lsgqlF","icon":"_-9f-lP","fold-all-icon":"fjgXOP","foldAllIcon":"fjgXOP","cell-tooltip":"_-833fx","cellTooltip":"_-833fx","resizing-marker":"_6H3C-E","resizingMarker":"_6H3C-E","pinned-right":"c-qdO6","pinnedRight":"c-qdO6","draggable":"TH-mK3","ghost":"ODtZFu","is-dragged-out":"Xpdlz7","isDraggedOut":"Xpdlz7","dnd-marker-left":"_-1txV5","dndMarkerLeft":"_-1txV5","dnd-marker-right":"_6MkKUn","dndMarkerRight":"_6MkKUn","cell-tooltip-wrapper":"ISDi93","cellTooltipWrapper":"ISDi93","cell-tooltip-text":"WC-2kH","cellTooltipText":"WC-2kH","tooltip-caption":"m-8zSE","tooltipCaption":"m-8zSE","tooltip-info":"dEyCuP","tooltipInfo":"dEyCuP"};
|
|
3861
3991
|
|
|
3862
3992
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
3863
3993
|
constructor() {
|
|
@@ -3878,7 +4008,7 @@ class DataTableHeaderCell extends React__namespace.Component {
|
|
|
3878
4008
|
this.props.size >= '48' && css$v.truncate,
|
|
3879
4009
|
]);
|
|
3880
4010
|
return (React__namespace.createElement("div", { className: uuiCore.cx(css$v.captionWrapper, css$v['align-' + this.props.column.textAlign], uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCaptionWrapper) },
|
|
3881
|
-
React__namespace.createElement(Tooltip, { placement: "top", color: "inverted", content: renderTooltip(this.props.column), cx: css$v.cellTooltip, openDelay: 600 },
|
|
4011
|
+
React__namespace.createElement(Tooltip, { placement: "top", color: "inverted", content: renderTooltip(this.props.column), cx: [css$v.cellTooltip, 'uui-dt-header-tooltip'], openDelay: 600 },
|
|
3882
4012
|
React__namespace.createElement("div", { key: "text", className: captionCx }, this.props.column.caption)),
|
|
3883
4013
|
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: settings.dataTable.icons.header[this.props.sortDirection === 'desc' ? 'descSortIcon' : this.props.sortDirection === 'asc' ? 'ascSortIcon' : 'defaultSortIcon'] })),
|
|
3884
4014
|
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: settings.dataTable.icons.header.filterIcon })),
|
|
@@ -3931,7 +4061,7 @@ class DataTableHeaderCell extends React__namespace.Component {
|
|
|
3931
4061
|
return (React__namespace.createElement(uuiComponents.DataTableCellContainer, { column: this.props.column, ref: (ref) => {
|
|
3932
4062
|
props.ref(ref);
|
|
3933
4063
|
dropdownProps?.ref?.(ref);
|
|
3934
|
-
}, cx: uuiCore.cx(uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiCore.uuiMarkers.clickable, css$v.root, `uui-size-${this.props.size || settings.dataTable.sizes.header.row}`, this.props.isFirstColumn && 'uui-dt-header-first-column', this.props.isLastColumn && 'uui-dt-header-last-column', this.props.column.fix && css$v['pinned-' + this.props.column.fix], isResizable &&
|
|
4064
|
+
}, cx: uuiCore.cx(uuiCore.uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiCore.uuiMarkers.clickable, css$v.root, `uui-size-${this.props.size || settings.dataTable.sizes.header.row}`, this.props.isFirstColumn && 'uui-dt-header-first-column', this.props.isLastColumn && 'uui-dt-header-last-column', this.props.column.fix && css$v['pinned-' + this.props.column.fix], isResizable && uuiCore.uuiMarkers.resizable, props.isDraggable && css$v.draggable, props.isDragGhost && css$v.ghost, props.isDraggedOut && css$v.isDraggedOut, props.isDndInProgress && css$v['dnd-marker-' + props.position]), onClick: onClickEvent, rawProps: {
|
|
3935
4065
|
role: 'columnheader',
|
|
3936
4066
|
'aria-sort': this.props.sortDirection === 'asc' ? 'ascending' : this.props.sortDirection ? 'descending' : 'none',
|
|
3937
4067
|
...props.eventHandlers,
|
|
@@ -3951,7 +4081,7 @@ class DataTableHeaderCell extends React__namespace.Component {
|
|
|
3951
4081
|
}
|
|
3952
4082
|
}
|
|
3953
4083
|
|
|
3954
|
-
var css$u = {"root":"
|
|
4084
|
+
var css$u = {"root":"YWIX9i","caption-wrapper":"bfN56h","captionWrapper":"bfN56h","align-center":"-OpiRL","alignCenter":"-OpiRL","caption":"o4qD4S","truncate":"O9B7ex","upper-case":"e9dTvg","upperCase":"e9dTvg","group-cell-tooltip":"vz4wxl","groupCellTooltip":"vz4wxl","group-cell-tooltip-wrapper":"_8H3Fpk","groupCellTooltipWrapper":"_8H3Fpk","group-cell-tooltip-text":"g-zyXX","groupCellTooltipText":"g-zyXX","tooltip-caption":"TxM0G1","tooltipCaption":"TxM0G1","tooltip-info":"n3OC1E","tooltipInfo":"n3OC1E"};
|
|
3955
4085
|
|
|
3956
4086
|
class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
3957
4087
|
constructor() {
|
|
@@ -3991,7 +4121,7 @@ class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
|
3991
4121
|
}
|
|
3992
4122
|
}
|
|
3993
4123
|
|
|
3994
|
-
var css$t = {"root":"
|
|
4124
|
+
var css$t = {"root":"_2QfhIQ"};
|
|
3995
4125
|
|
|
3996
4126
|
const DataTableHeaderRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableHeaderRow, () => [css$t.root, 'uui-dt-vars'], (mods) => ({
|
|
3997
4127
|
renderCell: (props) => (React__namespace.createElement(DataTableHeaderCell, { ...props, size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
@@ -4003,8 +4133,12 @@ const UUI_FILTERS_PANEL_ADD_BUTTON = 'uui-filters-panel-add-button';
|
|
|
4003
4133
|
const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
4004
4134
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
4005
4135
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
4136
|
+
const UUI_FILTERS_PANEL_ITEM_TOGGLER_TITLE = 'uui-filters-panel-item-toggler-title';
|
|
4137
|
+
const UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION = 'uui-filters-panel-item-toggler-selection';
|
|
4138
|
+
const UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX = 'uui-filters-panel-item-toggler-postfix';
|
|
4139
|
+
const UUI_FILTERS_PANEL_BODY_FOOTER = 'uui-filters-panel-item-footer';
|
|
4006
4140
|
|
|
4007
|
-
var css$s = {"root":"
|
|
4141
|
+
var css$s = {"root":"EobVsZ","title-wrapper":"_00zcH3","titleWrapper":"_00zcH3","title":"_0UTgwU","text-wrapper":"Sy3D1n","textWrapper":"Sy3D1n","selection":"NbAKvU","postfix":"eIzr2I","selected":"_0RvFNX"};
|
|
4008
4142
|
|
|
4009
4143
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
4010
4144
|
const togglerPickerOpened = (e) => {
|
|
@@ -4027,14 +4161,14 @@ const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props
|
|
|
4027
4161
|
};
|
|
4028
4162
|
const getTitle = props.predicateName ? `${props.title} ${props.predicateName}` : `${props.title}${props.selection ? ':' : ''}`;
|
|
4029
4163
|
const getSelectionText = () => props.selection.map((i, index) => (React__namespace.createElement(React__namespace.Fragment, { key: `${i}${index}` },
|
|
4030
|
-
React__namespace.createElement(
|
|
4164
|
+
React__namespace.createElement("div", { className: cx__default.default(css$s.selection, UUI_FILTERS_PANEL_ITEM_TOGGLER_SELECTION) }, i),
|
|
4031
4165
|
(props.postfix || index !== props.selection.length - 1) && React__namespace.createElement("span", null, ",\u00A0"))));
|
|
4032
|
-
return (React__namespace.createElement("div", { style: { maxWidth: `${props.maxWidth ? props.maxWidth + 'px' : 'auto'}` }, role: "button", tabIndex: props.isDisabled ? -1 : 0, onKeyDown: onKeyDownHandler, className: cx__default.default(UUI_FILTERS_PANEL_ITEM_TOGGLER, css$s.root, uuiCore.uuiElement.inputBox, uuiCore.uuiMarkers.clickable, props.isOpen && uuiCore.uuiMod.opened, `uui-size-${props.size || settings.pickerInput.sizes.toggler.default}`, props.cx), onClick: togglerPickerOpened, ref: ref },
|
|
4166
|
+
return (React__namespace.createElement("div", { style: { maxWidth: `${props.maxWidth ? props.maxWidth + 'px' : 'auto'}` }, role: "button", tabIndex: props.isDisabled ? -1 : 0, onKeyDown: onKeyDownHandler, className: cx__default.default(UUI_FILTERS_PANEL_ITEM_TOGGLER, css$s.root, uuiCore.uuiElement.inputBox, uuiCore.uuiMarkers.clickable, props.isOpen && uuiCore.uuiMod.opened, props.selection?.length > 0 && uuiCore.uuiMarkers.hasValue, `uui-size-${props.size || settings.pickerInput.sizes.toggler.default}`, props.cx), onClick: togglerPickerOpened, ref: ref },
|
|
4033
4167
|
React__namespace.createElement("div", { className: css$s.titleWrapper },
|
|
4034
|
-
React__namespace.createElement(
|
|
4168
|
+
React__namespace.createElement("div", { className: cx__default.default(css$s.title, UUI_FILTERS_PANEL_ITEM_TOGGLER_TITLE) }, getTitle),
|
|
4035
4169
|
props.selection && (React__namespace.createElement("div", { className: css$s.textWrapper },
|
|
4036
4170
|
getSelectionText(),
|
|
4037
|
-
props.postfix && (React__namespace.createElement(
|
|
4171
|
+
props.postfix && (React__namespace.createElement("div", { className: cx__default.default(css$s.postfix, UUI_FILTERS_PANEL_ITEM_TOGGLER_POSTFIX) }, props.postfix))))),
|
|
4038
4172
|
!props.isDisabled && React__namespace.createElement(uuiComponents.IconContainer, { icon: settings.filtersPanel.icons.itemDropdownIcon, flipY: props.isOpen, cx: "uui-icon-dropdown" })));
|
|
4039
4173
|
});
|
|
4040
4174
|
|
|
@@ -4077,7 +4211,7 @@ function FilterPickerBody({ highlightSearchMatches = true, ...restProps }) {
|
|
|
4077
4211
|
const footerProps = getFooterProps();
|
|
4078
4212
|
return props.renderFooter
|
|
4079
4213
|
? props.renderFooter(footerProps)
|
|
4080
|
-
: React__namespace.createElement(DataPickerFooter, { ...footerProps, size: settings.pickerInput.sizes.body.row });
|
|
4214
|
+
: React__namespace.createElement(DataPickerFooter, { ...footerProps, cx: UUI_FILTERS_PANEL_BODY_FOOTER, size: settings.pickerInput.sizes.body.row });
|
|
4081
4215
|
};
|
|
4082
4216
|
const renderBody = (bodyProps, rows) => {
|
|
4083
4217
|
const renderedDataRows = rows.map((props) => renderRow(props, dataSourceState));
|
|
@@ -4162,7 +4296,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4162
4296
|
}, onValueChange: onBodyValueChange, filter: props.filter, presets: props.presets })),
|
|
4163
4297
|
React__namespace.default.createElement(FlexCell, { alignSelf: "stretch" },
|
|
4164
4298
|
React__namespace.default.createElement(FlexRow, { padding: "24", vPadding: "12" },
|
|
4165
|
-
React__namespace.default.createElement(RangeDatePickerInput, { size:
|
|
4299
|
+
React__namespace.default.createElement(RangeDatePickerInput, { size: settings.filtersPanel.sizes.rangeDatePickerInput, disableClear: props.disableClear, inFocus: inFocus, format: format, value: value, onValueChange: onValueChange, onFocusInput: (event, inputType) => {
|
|
4166
4300
|
if (props.onFocus) {
|
|
4167
4301
|
props.onFocus(event, inputType);
|
|
4168
4302
|
}
|
|
@@ -4172,7 +4306,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
4172
4306
|
React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
4173
4307
|
}
|
|
4174
4308
|
|
|
4175
|
-
var css$r = {"container":"
|
|
4309
|
+
var css$r = {"container":"RbOQe5"};
|
|
4176
4310
|
|
|
4177
4311
|
function FilterNumericBody(props) {
|
|
4178
4312
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -4201,7 +4335,6 @@ function FilterNumericBody(props) {
|
|
|
4201
4335
|
}
|
|
4202
4336
|
};
|
|
4203
4337
|
const renderFooter = () => {
|
|
4204
|
-
const size = uuiCore.isMobile() ? '48' : '36';
|
|
4205
4338
|
const clearSelection = () => {
|
|
4206
4339
|
if (isInRangePredicate) {
|
|
4207
4340
|
props.onValueChange({
|
|
@@ -4217,22 +4350,22 @@ function FilterNumericBody(props) {
|
|
|
4217
4350
|
return (React__namespace.default.createElement(FlexRow, { padding: "12" },
|
|
4218
4351
|
React__namespace.default.createElement(uuiComponents.FlexSpacer, null),
|
|
4219
4352
|
React__namespace.default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
|
|
4220
|
-
React__namespace.default.createElement(LinkButton, { isDisabled: isClearDisabled, size:
|
|
4353
|
+
React__namespace.default.createElement(LinkButton, { isDisabled: isClearDisabled, size: settings.filtersPanel.sizes[uuiCore.isMobile() ? 'mobileFooterLinkButton' : 'footerLinkButton'], caption: i18n.pickerInput.clearSelectionButtonSingle, onClick: clearSelection }))));
|
|
4221
4354
|
};
|
|
4222
4355
|
if (isInRangePredicate) {
|
|
4223
4356
|
const value = props.value;
|
|
4224
4357
|
return (React__namespace.default.createElement("div", null,
|
|
4225
|
-
React__namespace.default.createElement(FlexRow, { padding: "12", alignItems: "center",
|
|
4358
|
+
React__namespace.default.createElement(FlexRow, { padding: "12", alignItems: "center", columnGap: "12", borderBottom: true, cx: css$r.container },
|
|
4226
4359
|
React__namespace.default.createElement(FlexCell, { width: "100%" },
|
|
4227
|
-
React__namespace.default.createElement(NumericInput, { value: value?.from ?? null, onValueChange: rangeValueHandler('from'), placeholder: "Min", formatOptions: { maximumFractionDigits: 2 } })),
|
|
4360
|
+
React__namespace.default.createElement(NumericInput, { size: settings.filtersPanel.sizes.default, value: value?.from ?? null, onValueChange: rangeValueHandler('from'), placeholder: "Min", formatOptions: { maximumFractionDigits: 2 } })),
|
|
4228
4361
|
React__namespace.default.createElement(FlexCell, { width: "100%" },
|
|
4229
|
-
React__namespace.default.createElement(NumericInput, { value: value?.to ?? null, onValueChange: rangeValueHandler('to'), placeholder: "Max", formatOptions: { maximumFractionDigits: 2 }, isInvalid: isWrongRange(value?.from, value?.to) }))),
|
|
4362
|
+
React__namespace.default.createElement(NumericInput, { size: settings.filtersPanel.sizes.default, value: value?.to ?? null, onValueChange: rangeValueHandler('to'), placeholder: "Max", formatOptions: { maximumFractionDigits: 2 }, isInvalid: isWrongRange(value?.from, value?.to) }))),
|
|
4230
4363
|
renderFooter()));
|
|
4231
4364
|
}
|
|
4232
4365
|
return (React__namespace.default.createElement("div", null,
|
|
4233
4366
|
React__namespace.default.createElement(FlexRow, { padding: "12", alignItems: "center", borderBottom: true, cx: css$r.container },
|
|
4234
4367
|
React__namespace.default.createElement(FlexCell, { width: 130 },
|
|
4235
|
-
React__namespace.default.createElement(NumericInput, { value: typeof props.value === 'number' ? props.value : null, onValueChange: props.onValueChange, placeholder: "Enter a number", formatOptions: { maximumFractionDigits: 2 } }))),
|
|
4368
|
+
React__namespace.default.createElement(NumericInput, { size: settings.filtersPanel.sizes.default, value: typeof props.value === 'number' ? props.value : null, onValueChange: props.onValueChange, placeholder: "Enter a number", formatOptions: { maximumFractionDigits: 2 } }))),
|
|
4236
4369
|
renderFooter()));
|
|
4237
4370
|
}
|
|
4238
4371
|
|
|
@@ -4253,22 +4386,7 @@ function FilterItemBody(props) {
|
|
|
4253
4386
|
}
|
|
4254
4387
|
}
|
|
4255
4388
|
|
|
4256
|
-
var
|
|
4257
|
-
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); }
|
|
4258
|
-
var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
4259
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
|
|
4260
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
4261
|
-
width: 24,
|
|
4262
|
-
height: 24,
|
|
4263
|
-
viewBox: "0 0 24 24",
|
|
4264
|
-
ref: ref
|
|
4265
|
-
}, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4266
|
-
d: "M9 3v1H4v2h1v13a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6h1V4h-5V3H9zM7 6h10v13H7V6zm2 2v9h2V8H9zm4 0v9h2V8h-2z"
|
|
4267
|
-
})));
|
|
4268
|
-
};
|
|
4269
|
-
var ForwardRef$a = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
|
|
4270
|
-
|
|
4271
|
-
var css$q = {"header":"C-7SEs","removeButton":"Jhz7-O","with-search":"_52gRtY","withSearch":"_52gRtY"};
|
|
4389
|
+
var css$q = {"body":"DiankU","header":"qnzewN","title":"xeypjM","removeButton":"yxnw7k","with-search":"FI2gTf","withSearch":"FI2gTf"};
|
|
4272
4390
|
|
|
4273
4391
|
function useView(props, value) {
|
|
4274
4392
|
const forceUpdate = uuiCore.useForceUpdate();
|
|
@@ -4356,13 +4474,13 @@ function FiltersToolbarItemImpl(props) {
|
|
|
4356
4474
|
setPredicate(val);
|
|
4357
4475
|
};
|
|
4358
4476
|
const renderHeader = (hideTitle) => (React__namespace.default.createElement("div", { className: cx__default.default(css$q.header, isPickersType && (props.showSearch ?? css$q.withSearch)) },
|
|
4359
|
-
props.predicates ? (React__namespace.default.createElement(MultiSwitch, { items: props.predicates.map((i) => ({ id: i.predicate, caption: i.name })), value: predicate, onValueChange: changePredicate, size:
|
|
4360
|
-
!props?.isAlwaysVisible && (React__namespace.default.createElement(LinkButton, { cx: css$q.removeButton, caption: i18n.filterToolbar.datePicker.removeCaption, onClick: removeOnclickHandler, size:
|
|
4477
|
+
props.predicates ? (React__namespace.default.createElement(MultiSwitch, { items: props.predicates.map((i) => ({ id: i.predicate, caption: i.name })), value: predicate, onValueChange: changePredicate, size: settings.filtersPanel.sizes.pickerBodyMultiSwitch })) : (!hideTitle && (React__namespace.default.createElement("div", { className: css$q.title }, props.title))),
|
|
4478
|
+
!props?.isAlwaysVisible && (React__namespace.default.createElement(LinkButton, { cx: css$q.removeButton, caption: i18n.filterToolbar.datePicker.removeCaption, onClick: removeOnclickHandler, size: settings.filtersPanel.sizes.pickerBodyLinkButton, icon: settings.filtersPanel.icons.pickerBodyRemoveIcon }))));
|
|
4361
4479
|
const renderBody = (dropdownProps) => {
|
|
4362
4480
|
const hideHeaderTitle = isPickersType && isMobileScreen;
|
|
4363
|
-
return isPickersType ? (React__namespace.default.createElement(PickerBodyMobileView, { ...dropdownProps, cx: UUI_FILTERS_PANEL_ITEM_BODY, title: props.title, width:
|
|
4481
|
+
return isPickersType ? (React__namespace.default.createElement(PickerBodyMobileView, { ...dropdownProps, cx: [css$q.body, UUI_FILTERS_PANEL_ITEM_BODY], title: props.title, width: settings.filtersPanel.sizes.pickerBodyMinWidth, onClose: () => isOpenChange(false) },
|
|
4364
4482
|
renderHeader(hideHeaderTitle),
|
|
4365
|
-
React__namespace.default.createElement(FilterItemBody, { ...props, ...dropdownProps, selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange }))) : (React__namespace.default.createElement(DropdownContainer, { cx: UUI_FILTERS_PANEL_ITEM_BODY, ...dropdownProps },
|
|
4483
|
+
React__namespace.default.createElement(FilterItemBody, { ...props, ...dropdownProps, selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange }))) : (React__namespace.default.createElement(DropdownContainer, { cx: [css$q.body, UUI_FILTERS_PANEL_ITEM_BODY], ...dropdownProps },
|
|
4366
4484
|
renderHeader(hideHeaderTitle),
|
|
4367
4485
|
React__namespace.default.createElement(FilterItemBody, { ...props, ...dropdownProps, selectedPredicate: predicate, value: getValue(), onValueChange: onValueChange })));
|
|
4368
4486
|
};
|
|
@@ -4371,7 +4489,7 @@ function FiltersToolbarItemImpl(props) {
|
|
|
4371
4489
|
};
|
|
4372
4490
|
const getPickerItemName = (item, config) => {
|
|
4373
4491
|
if (item.isLoading) {
|
|
4374
|
-
return
|
|
4492
|
+
return settings.filtersPanel.renderPlaceholder();
|
|
4375
4493
|
}
|
|
4376
4494
|
if (item.isUnknown) {
|
|
4377
4495
|
return 'Unknown';
|
|
@@ -4574,88 +4692,7 @@ function FiltersToolbarImpl(props) {
|
|
|
4574
4692
|
}
|
|
4575
4693
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
4576
4694
|
|
|
4577
|
-
var css$p = {"
|
|
4578
|
-
|
|
4579
|
-
var _path$9;
|
|
4580
|
-
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); }
|
|
4581
|
-
var SvgActionSaveOutline = function SvgActionSaveOutline(props, ref) {
|
|
4582
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
|
|
4583
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
4584
|
-
width: 24,
|
|
4585
|
-
height: 24,
|
|
4586
|
-
viewBox: "0 0 24 24",
|
|
4587
|
-
ref: ref
|
|
4588
|
-
}, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4589
|
-
d: "M17 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm2 16H5V5h11.17L19 7.83V19zm-7-7c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3zM6 6h9v4H6V6z"
|
|
4590
|
-
})));
|
|
4591
|
-
};
|
|
4592
|
-
var ForwardRef$9 = /*#__PURE__*/React.forwardRef(SvgActionSaveOutline);
|
|
4593
|
-
|
|
4594
|
-
var _path$8;
|
|
4595
|
-
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); }
|
|
4596
|
-
var SvgContentEditUndoOutline = function SvgContentEditUndoOutline(props, ref) {
|
|
4597
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
|
|
4598
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
4599
|
-
width: 24,
|
|
4600
|
-
height: 24,
|
|
4601
|
-
viewBox: "0 0 24 24",
|
|
4602
|
-
ref: ref
|
|
4603
|
-
}, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4604
|
-
d: "M22.5 15a8.71 8.71 0 0 0-.712-3.513 9.158 9.158 0 0 0-1.926-2.85 9.152 9.152 0 0 0-2.85-1.925A8.709 8.709 0 0 0 13.5 6a8.71 8.71 0 0 0-3.513.712 9.167 9.167 0 0 0-2.85 1.925 9.154 9.154 0 0 0-1.924 2.85A8.705 8.705 0 0 0 4.5 15v.15L2.95 13.6 1.5 15l4 4 4-4-1.45-1.4-1.55 1.55V15c0-1.95.679-3.604 2.037-4.962C9.896 8.679 11.55 8 13.5 8c1.95 0 3.604.68 4.962 2.038C19.821 11.396 20.5 13.05 20.5 15h2z"
|
|
4605
|
-
})));
|
|
4606
|
-
};
|
|
4607
|
-
var ForwardRef$8 = /*#__PURE__*/React.forwardRef(SvgContentEditUndoOutline);
|
|
4608
|
-
|
|
4609
|
-
var _path$7;
|
|
4610
|
-
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); }
|
|
4611
|
-
var SvgActionCopyContentOutline = function SvgActionCopyContentOutline(props, ref) {
|
|
4612
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
|
|
4613
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
4614
|
-
width: 24,
|
|
4615
|
-
height: 24,
|
|
4616
|
-
viewBox: "0 0 24 24",
|
|
4617
|
-
ref: ref
|
|
4618
|
-
}, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4619
|
-
fillRule: "evenodd",
|
|
4620
|
-
d: "M19 19H9V9h10M9 7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2H9zm5-4H5a2 2 0 0 0-2 2v9h2V5h9V3z",
|
|
4621
|
-
clipRule: "evenodd"
|
|
4622
|
-
})));
|
|
4623
|
-
};
|
|
4624
|
-
var ForwardRef$7 = /*#__PURE__*/React.forwardRef(SvgActionCopyContentOutline);
|
|
4625
|
-
|
|
4626
|
-
var _path$6;
|
|
4627
|
-
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); }
|
|
4628
|
-
var SvgContentEditFill = function SvgContentEditFill(props, ref) {
|
|
4629
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
|
|
4630
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
4631
|
-
width: 24,
|
|
4632
|
-
height: 24,
|
|
4633
|
-
viewBox: "0 0 24 24",
|
|
4634
|
-
ref: ref
|
|
4635
|
-
}, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4636
|
-
d: "m19.3 8.925-4.25-4.2 1.4-1.4a1.92 1.92 0 0 1 1.413-.575 1.92 1.92 0 0 1 1.412.575l1.4 1.4c.383.383.583.846.6 1.388a1.806 1.806 0 0 1-.55 1.387L19.3 8.925zM17.85 10.4 7.25 21H3v-4.25l10.6-10.6 4.25 4.25z"
|
|
4637
|
-
})));
|
|
4638
|
-
};
|
|
4639
|
-
var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgContentEditFill);
|
|
4640
|
-
|
|
4641
|
-
var _path$5, _path2;
|
|
4642
|
-
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); }
|
|
4643
|
-
var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
|
|
4644
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
4645
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
4646
|
-
width: 24,
|
|
4647
|
-
height: 24,
|
|
4648
|
-
viewBox: "0 0 24 24",
|
|
4649
|
-
ref: ref
|
|
4650
|
-
}, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4651
|
-
d: "M12 4.93A5 5 0 0 1 19.07 12l-1.06 1.06c.12-.85.022-1.725-.295-2.534a3 3 0 0 0-4.302-4.182l-2.828 2.828a3 3 0 0 0-.07 4.17l.07.073-1.415 1.414a5 5 0 0 1 0-7.071L12 4.929z"
|
|
4652
|
-
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4653
|
-
d: "m4.93 12 .989-.99a5.018 5.018 0 0 0 .297 2.54 3 3 0 0 0 4.37 4.107l2.829-2.828a3 3 0 0 0-.828-4.83l1.464-1.463a5 5 0 0 1 .778 7.707L12 19.071a5 5 0 0 1-7.07-7.07z"
|
|
4654
|
-
})));
|
|
4655
|
-
};
|
|
4656
|
-
var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgContentLinkOutline);
|
|
4657
|
-
|
|
4658
|
-
var css$o = {"delete-button":"PX8x9l","deleteButton":"PX8x9l","tab-button":"A-eA5j","tabButton":"A-eA5j","targetOpen":"LJQope"};
|
|
4695
|
+
var css$p = {"delete-button":"Yaobe9","deleteButton":"Yaobe9","tab-button":"xMBEty","tabButton":"xMBEty","targetOpen":"_9GY8uK"};
|
|
4659
4696
|
|
|
4660
4697
|
function PresetActionsDropdown(props) {
|
|
4661
4698
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -4680,7 +4717,7 @@ function PresetActionsDropdown(props) {
|
|
|
4680
4717
|
const successNotificationHandler = React.useCallback((text) => {
|
|
4681
4718
|
uuiNotifications
|
|
4682
4719
|
.show((props) => (React__namespace.default.createElement(SuccessNotification, { ...props },
|
|
4683
|
-
React__namespace.default.createElement(
|
|
4720
|
+
React__namespace.default.createElement("div", { className: "uui-presets-panel-notification-text" }, text))), { duration: 3 })
|
|
4684
4721
|
.catch(() => null);
|
|
4685
4722
|
}, []);
|
|
4686
4723
|
const saveInCurrentHandler = React.useCallback(() => {
|
|
@@ -4703,32 +4740,32 @@ function PresetActionsDropdown(props) {
|
|
|
4703
4740
|
const isRenameAvailable = props.preset.id === props.activePresetId && !isReadonlyPreset;
|
|
4704
4741
|
return (React__namespace.default.createElement(DropdownMenuBody, { ...dropdownProps },
|
|
4705
4742
|
isPresetChanged && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
4706
|
-
!isReadonlyPreset && (React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-in-current`, icon:
|
|
4707
|
-
React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-as-new`, icon:
|
|
4743
|
+
!isReadonlyPreset && (React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-in-current`, icon: settings.presetsPanel.icons.saveInCurrentIcon, caption: "Save in current", onClick: () => { dropdownProps.onClose(); saveInCurrentHandler(); } })),
|
|
4744
|
+
React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-save-as-new`, icon: settings.presetsPanel.icons.saveAsNewIcon, caption: "Save as new",
|
|
4708
4745
|
// 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
|
|
4709
4746
|
onClick: () => { dropdownProps.onClose(); setTimeout(() => props.addPreset(), 0); } }),
|
|
4710
|
-
React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-discard`, icon:
|
|
4747
|
+
React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-discard`, icon: settings.presetsPanel.icons.discardChangesIcon, caption: "Discard all changes", onClick: () => { dropdownProps.onClose(); discardAllChangesHandler(); } }),
|
|
4711
4748
|
React__namespace.default.createElement(DropdownMenuSplitter, { key: "discard-splitter" }))),
|
|
4712
|
-
isRenameAvailable && (React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-rename`, icon:
|
|
4713
|
-
React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-duplicate`, icon:
|
|
4714
|
-
React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-copyLink`, icon:
|
|
4749
|
+
isRenameAvailable && (React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-rename`, icon: settings.presetsPanel.icons.renameIcon, caption: "Rename", onClick: props.renamePreset })),
|
|
4750
|
+
React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-duplicate`, icon: settings.presetsPanel.icons.copyIcon, caption: "Duplicate", onClick: () => { dropdownProps.onClose(); duplicateHandler(); } }),
|
|
4751
|
+
React__namespace.default.createElement(DropdownMenuButton, { key: `${props.preset.id}-copyLink`, icon: settings.presetsPanel.icons.copyLinkIcon, caption: "Copy Link", onClick: copyUrlToClipboard }),
|
|
4715
4752
|
!isReadonlyPreset && (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
4716
4753
|
React__namespace.default.createElement(DropdownMenuSplitter, { key: "delete-splitter" }),
|
|
4717
|
-
React__namespace.default.createElement(DropdownMenuButton, { icon:
|
|
4754
|
+
React__namespace.default.createElement(DropdownMenuButton, { icon: settings.presetsPanel.icons.deleteIcon, caption: "Delete", cx: css$p.deleteButton, onClick: deleteHandler })))));
|
|
4718
4755
|
};
|
|
4719
4756
|
const renderTarget = React.useCallback((dropdownProps) => {
|
|
4720
|
-
return (React__namespace.default.createElement(IconButton, { cx: [css$
|
|
4757
|
+
return (React__namespace.default.createElement(IconButton, { cx: [css$p.tabButton, dropdownProps.isOpen && css$p.targetOpen], color: props.preset.id === props.activePresetId ? 'primary' : 'neutral', ...dropdownProps, icon: settings.presetsPanel.icons.menuIcon, size: settings.presetsPanel.sizes.dropdownTargetIconButton }));
|
|
4721
4758
|
}, []);
|
|
4722
4759
|
return (React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
4723
4760
|
}
|
|
4724
4761
|
|
|
4725
|
-
var css$n = {"preset-input-cell":"_3J0V4z","presetInputCell":"_3J0V4z","preset-input":"PSapfQ","presetInput":"PSapfQ"};
|
|
4726
|
-
|
|
4727
4762
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
4728
4763
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
4729
4764
|
const UUI_PRESETS_PANEL_INPUT = 'uui-presets-panel-input';
|
|
4730
4765
|
const UUI_PRESETS_PANEL_PRESET = 'uui-presets-panel-preset';
|
|
4731
4766
|
|
|
4767
|
+
var css$o = {"preset-input-cell":"LvCuM7","presetInputCell":"LvCuM7","preset-input":"_9LMQ7G","presetInput":"_9LMQ7G"};
|
|
4768
|
+
|
|
4732
4769
|
function PresetInput(props) {
|
|
4733
4770
|
const [presetCaption, setPresetCaption] = React.useState(props.preset?.name || '');
|
|
4734
4771
|
const [readonly, setReadonly] = React.useState(false);
|
|
@@ -4750,11 +4787,11 @@ function PresetInput(props) {
|
|
|
4750
4787
|
}
|
|
4751
4788
|
props.onCancel();
|
|
4752
4789
|
}, [presetCaption.length, props.onCancel]);
|
|
4753
|
-
return (React__namespace.default.createElement(FlexCell, { cx: [css$
|
|
4754
|
-
React__namespace.default.createElement(TextInput, { cx: css$
|
|
4790
|
+
return (React__namespace.default.createElement(FlexCell, { cx: [css$o.presetInputCell, UUI_PRESETS_PANEL_INPUT], minWidth: 180 },
|
|
4791
|
+
React__namespace.default.createElement(TextInput, { cx: css$o.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
4755
4792
|
}
|
|
4756
4793
|
|
|
4757
|
-
var css$
|
|
4794
|
+
var css$n = {"preset":"xkPJuI","activePreset":"ln-Njg"};
|
|
4758
4795
|
|
|
4759
4796
|
function Preset(props) {
|
|
4760
4797
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -4776,25 +4813,10 @@ function Preset(props) {
|
|
|
4776
4813
|
}, [props.preset]);
|
|
4777
4814
|
const isPresetActive = props.activePresetId === props.preset.id;
|
|
4778
4815
|
const PresetActionsDropdownComponent = React.useCallback(() => React__namespace.default.createElement(PresetActionsDropdown, { renamePreset: setPresetForRename, ...props }), [props.preset, props.tableState, props.activePresetId]);
|
|
4779
|
-
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$
|
|
4816
|
+
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$n.preset, isPresetActive && css$n.activePreset, UUI_PRESETS_PANEL_PRESET], size: settings.presetsPanel.sizes.tabButton, withNotify: isPresetActive && props.hasPresetChanged(props.preset), icon: PresetActionsDropdownComponent, iconPosition: "right", isLinkActive: isPresetActive }))));
|
|
4780
4817
|
}
|
|
4781
4818
|
|
|
4782
|
-
var
|
|
4783
|
-
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
|
-
var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref) {
|
|
4785
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
|
|
4786
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
4787
|
-
width: 24,
|
|
4788
|
-
height: 24,
|
|
4789
|
-
viewBox: "0 0 24 24",
|
|
4790
|
-
ref: ref
|
|
4791
|
-
}, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4792
|
-
fillRule: "evenodd",
|
|
4793
|
-
d: "M7 21c-1.1 0-2-.9-2-2V8h14v11c0 1.1-.9 2-2 2H7zm8-17h5v2H4V4h5V3h6v1zM9.4 18.5l2.6-2.6 2.6 2.6 1.4-1.4-2.6-2.6 2.6-2.6-1.4-1.4-2.6 2.6-2.6-2.6L8 11.9l2.6 2.6L8 17.1l1.4 1.4z",
|
|
4794
|
-
clipRule: "evenodd"
|
|
4795
|
-
})));
|
|
4796
|
-
};
|
|
4797
|
-
var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgActionDeleteForeverFill);
|
|
4819
|
+
var css$m = {"divider":"lSWWHW","dropdownDeleteIcon":"NmoxLW","presetsWrapper":"tr9xV0","addPresetContainer":"_1CKt8D","dropContainer":"Zhha2H"};
|
|
4798
4820
|
|
|
4799
4821
|
function PresetsPanel(props) {
|
|
4800
4822
|
const [isAddingPreset, setIsAddingPreset] = React.useState(false);
|
|
@@ -4809,16 +4831,16 @@ function PresetsPanel(props) {
|
|
|
4809
4831
|
return React__namespace.default.createElement(Preset, { key: preset.id, preset: preset, addPreset: setAddingPreset, ...presetApi });
|
|
4810
4832
|
};
|
|
4811
4833
|
const renderAddPresetButton = React.useCallback(() => {
|
|
4812
|
-
return (React__namespace.default.createElement("div", { key: "addingPresetBlock", className: css$
|
|
4834
|
+
return (React__namespace.default.createElement("div", { key: "addingPresetBlock", className: css$m.addPresetContainer }, !isAddingPreset ? (React__namespace.default.createElement(Button, { cx: UUI_PRESETS_PANEL_ADD_BUTTON, onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: settings.presetsPanel.icons.addIcon, iconPosition: "left", fill: "ghost", color: "primary" })) : (React__namespace.default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
|
|
4813
4835
|
}, [isAddingPreset]);
|
|
4814
4836
|
const onPresetDropdownSelect = (preset) => {
|
|
4815
4837
|
props.choosePreset(preset.preset);
|
|
4816
4838
|
};
|
|
4817
4839
|
const renderMoreButtonDropdown = (item, hiddenItems) => {
|
|
4818
4840
|
return (React__namespace.default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__namespace.default.createElement(FlexRow, null,
|
|
4819
|
-
React__namespace.default.createElement("div", { className: css$
|
|
4841
|
+
React__namespace.default.createElement("div", { className: css$m.divider }),
|
|
4820
4842
|
React__namespace.default.createElement(Button, { cx: UUI_PRESETS_PANEL_MORE_BUTTON, fill: "ghost", color: "secondary", caption: `${hiddenItems?.length || ''} more`, ...props }))), renderBody: (propsBody) => (React__namespace.default.createElement(DropdownMenuBody, { minWidth: 230, maxHeight: 300, ...propsBody },
|
|
4821
|
-
React__namespace.default.createElement(ScrollBars, null, hiddenItems.map((hiddenItem) => (React__namespace.default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly &&
|
|
4843
|
+
React__namespace.default.createElement(ScrollBars, null, hiddenItems.map((hiddenItem) => (React__namespace.default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && settings.presetsPanel.icons.deleteIcon, iconPosition: "right", cx: css$m.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
|
|
4822
4844
|
};
|
|
4823
4845
|
const getPresetPriority = (preset, index) => {
|
|
4824
4846
|
return preset.id === props.activePresetId ? 100499 : 1000 - index;
|
|
@@ -4839,7 +4861,7 @@ function PresetsPanel(props) {
|
|
|
4839
4861
|
];
|
|
4840
4862
|
};
|
|
4841
4863
|
return (React__namespace.default.createElement(FlexCell, { grow: 1, minWidth: 310, rawProps: props.rawProps },
|
|
4842
|
-
React__namespace.default.createElement(FlexRow, { size: null, columnGap: "12", cx: css$
|
|
4864
|
+
React__namespace.default.createElement(FlexRow, { size: null, columnGap: "12", cx: css$m.presetsWrapper },
|
|
4843
4865
|
React__namespace.default.createElement(uuiComponents.AdaptivePanel, { items: getPanelItems() }))));
|
|
4844
4866
|
}
|
|
4845
4867
|
|
|
@@ -4880,7 +4902,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
4880
4902
|
return columns;
|
|
4881
4903
|
};
|
|
4882
4904
|
|
|
4883
|
-
var css$l = {"unpin-icon":"
|
|
4905
|
+
var css$l = {"unpin-icon":"vgwE-t","unpinIcon":"vgwE-t","pin-toggler-icon":"GjPOme","pinTogglerIcon":"GjPOme"};
|
|
4884
4906
|
|
|
4885
4907
|
function PinIconButton(props) {
|
|
4886
4908
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4922,7 +4944,7 @@ function getUnpinIcon(params) {
|
|
|
4922
4944
|
}
|
|
4923
4945
|
}
|
|
4924
4946
|
|
|
4925
|
-
var css$k = {"row-wrapper":"
|
|
4947
|
+
var css$k = {"row-wrapper":"sp6-os","rowWrapper":"sp6-os","pin-icon-button":"ELM3IX","pinIconButton":"ELM3IX","not-pinned":"T0e0Wh","notPinned":"T0e0Wh","checkbox":"sPesVC","drag-handle":"-yYAN6","dragHandle":"-yYAN6","dnd-disabled":"Fq8MAs","dndDisabled":"Fq8MAs"};
|
|
4926
4948
|
|
|
4927
4949
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4928
4950
|
const { column } = props;
|
|
@@ -4945,7 +4967,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
|
|
|
4945
4967
|
return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4946
4968
|
});
|
|
4947
4969
|
|
|
4948
|
-
var css$j = {"root":"
|
|
4970
|
+
var css$j = {"root":"ZbYThz","main-panel":"p8NzRt","mainPanel":"p8NzRt","group":"ZeMyGa","group-title":"sHR21e","groupTitle":"sHR21e","group-items":"zaBvpp","groupItems":"zaBvpp","no-data":"P9PlOj","noData":"P9PlOj","no-data-title":"UiDfkI","noDataTitle":"UiDfkI","no-data-sub-title":"O0pBE7","noDataSubTitle":"O0pBE7","h-divider":"DaI-JG","hDivider":"DaI-JG","search-area":"SKEDqH","searchArea":"SKEDqH","subgroup-accordion":"_3G8yIC","subgroupAccordion":"_3G8yIC","subgroup":"_5EX-zO","subgroup-title":"YG8MnJ","subgroupTitle":"YG8MnJ"};
|
|
4949
4971
|
|
|
4950
4972
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$j.group },
|
|
4951
4973
|
React__namespace.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
|
|
@@ -5047,7 +5069,7 @@ const getChildrenAndRest = (row, rows) => {
|
|
|
5047
5069
|
return [children, rest];
|
|
5048
5070
|
};
|
|
5049
5071
|
|
|
5050
|
-
var css$i = {"listContainer":"
|
|
5072
|
+
var css$i = {"listContainer":"_5g456O","header":"QuzjFl","group":"TX1kgQ","stickyHeader":"uX1kf5"};
|
|
5051
5073
|
|
|
5052
5074
|
function DataRowsGroup({ row, childRows, renderRow, top = 1, }) {
|
|
5053
5075
|
const rowRef = React.useRef();
|
|
@@ -5082,12 +5104,12 @@ function DataRowsGroups({ rows, renderRow, top = 1, }) {
|
|
|
5082
5104
|
}
|
|
5083
5105
|
|
|
5084
5106
|
function DataRowsContainer({ estimatedHeight, listContainerRef, offsetY, rows, renderRow, headerRef, }) {
|
|
5085
|
-
return (React__namespace.default.createElement("div", { className: css$i.listContainer, style: { minHeight: `${estimatedHeight}px` } },
|
|
5107
|
+
return (React__namespace.default.createElement("div", { className: cx__default.default(css$i.listContainer, 'uui-dt-data_row_container'), style: { minHeight: `${estimatedHeight}px` } },
|
|
5086
5108
|
React__namespace.default.createElement("div", { ref: listContainerRef, role: "rowgroup", style: { marginTop: offsetY } },
|
|
5087
5109
|
React__namespace.default.createElement(DataRowsGroups, { rows: rows, renderRow: renderRow, top: headerRef?.current?.clientHeight }))));
|
|
5088
5110
|
}
|
|
5089
5111
|
|
|
5090
|
-
var css$h = {"root":"
|
|
5112
|
+
var css$h = {"root":"OV30Lu","sticky-header":"AD2fmy","stickyHeader":"AD2fmy","no-results":"q8XHoa","noResults":"q8XHoa","icon":"sRkbBC","title":"CUAcvj"};
|
|
5091
5113
|
|
|
5092
5114
|
function DataTable(props) {
|
|
5093
5115
|
const { uuiModals } = uuiCore.useUuiContext();
|
|
@@ -5119,7 +5141,7 @@ function DataTable(props) {
|
|
|
5119
5141
|
props.columns, config, defaultConfig, props.value, props.onValueChange, props.renderColumnsConfigurationModal,
|
|
5120
5142
|
]);
|
|
5121
5143
|
const renderRowsContainer = React__namespace.useCallback(({ listContainerRef, estimatedHeight, offsetY, scrollShadows }) => (React__namespace.createElement(React__namespace.Fragment, null,
|
|
5122
|
-
React__namespace.createElement("div", { className: css$h.stickyHeader, ref: headerRef },
|
|
5144
|
+
React__namespace.createElement("div", { className: uuiCore.cx(css$h.stickyHeader, 'uui-dt-sticky_header'), ref: headerRef },
|
|
5123
5145
|
React__namespace.createElement(DataTableHeaderRow, { columns: columns, columnGroups: props.columnGroups, onConfigButtonClick: props.showColumnsConfig && onConfigurationButtonClick, selectAll: props.selectAll, size: props.headerSize || settings.dataTable.sizes.header.row, textCase: props.headerTextCase, allowColumnsReordering: props.allowColumnsReordering, allowColumnsResizing: props.allowColumnsResizing, showFoldAll: props.showFoldAll, value: { ...props.value, columnsConfig: config }, onValueChange: props.onValueChange, columnsGap: props.columnsGap }),
|
|
5124
5146
|
React__namespace.createElement("div", { className: uuiCore.cx(uuiCore.uuiScrollShadows.top, {
|
|
5125
5147
|
[uuiCore.uuiScrollShadows.topVisible]: scrollShadows.verticalTop,
|
|
@@ -5129,16 +5151,16 @@ function DataTable(props) {
|
|
|
5129
5151
|
]);
|
|
5130
5152
|
return (React__namespace.createElement(uuiComponents.DataTableSelectionProvider, { onCopy: props.onCopy, rows: rows, columns: columns },
|
|
5131
5153
|
React__namespace.createElement(uuiComponents.DataTableFocusProvider, { dataTableFocusManager: props.dataTableFocusManager },
|
|
5132
|
-
React__namespace.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderRowsContainer, cx: uuiCore.cx(css$h.root, 'uui-dt-vars'), isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: {
|
|
5154
|
+
React__namespace.createElement(VirtualList, { value: props.value, onValueChange: props.onValueChange, onScroll: props.onScroll, rowsCount: props.rowsCount, renderRows: renderRowsContainer, cx: uuiCore.cx(css$h.root, props.cx, 'uui-dt-vars', 'uui-data_table'), isLoading: props.isReloading, rowsSelector: "[role=row]", rawProps: {
|
|
5133
5155
|
role: 'table',
|
|
5134
5156
|
'aria-colcount': columns.length,
|
|
5135
5157
|
'aria-rowcount': props.rowsCount,
|
|
5136
5158
|
} }))));
|
|
5137
5159
|
}
|
|
5138
5160
|
|
|
5139
|
-
var css$g = {"root":"
|
|
5161
|
+
var css$g = {"root":"_1crmZU"};
|
|
5140
5162
|
|
|
5141
|
-
var css$f = {"root":"
|
|
5163
|
+
var css$f = {"root":"Uvpwdb","burger-content":"kszRxS","burgerContent":"kszRxS"};
|
|
5142
5164
|
|
|
5143
5165
|
var _path$3;
|
|
5144
5166
|
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); }
|
|
@@ -5160,7 +5182,7 @@ function applyBurgerMods() {
|
|
|
5160
5182
|
}
|
|
5161
5183
|
const Burger = /* @__PURE__ */uuiCore.withMods(uuiComponents.Burger, applyBurgerMods, () => ({
|
|
5162
5184
|
burgerIcon: ForwardRef$3,
|
|
5163
|
-
crossIcon: ForwardRef$
|
|
5185
|
+
crossIcon: ForwardRef$Q,
|
|
5164
5186
|
burgerContentCx: css$f.burgerContent,
|
|
5165
5187
|
}));
|
|
5166
5188
|
|
|
@@ -5181,7 +5203,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5181
5203
|
};
|
|
5182
5204
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
5183
5205
|
|
|
5184
|
-
var css$e = {"root":"
|
|
5206
|
+
var css$e = {"root":"_6l7jbg","button-primary":"dCmV3P","buttonPrimary":"dCmV3P","button-secondary":"Hnz1a3","buttonSecondary":"Hnz1a3","hasIcon":"W9AnWS","dropdown":"ePeafR"};
|
|
5185
5207
|
|
|
5186
5208
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
5187
5209
|
css$e.root,
|
|
@@ -5192,13 +5214,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
5192
5214
|
props.icon && css$e.hasIcon,
|
|
5193
5215
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5194
5216
|
|
|
5195
|
-
var css$d = {"search-input":"
|
|
5217
|
+
var css$d = {"search-input":"LQo409","searchInput":"LQo409"};
|
|
5196
5218
|
|
|
5197
5219
|
function BurgerSearch(props) {
|
|
5198
|
-
return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$
|
|
5220
|
+
return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$M, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
|
|
5199
5221
|
}
|
|
5200
5222
|
|
|
5201
|
-
var css$c = {"root":"
|
|
5223
|
+
var css$c = {"root":"kckNYK","group-header":"vPwauq","groupHeader":"vPwauq","group-name":"lAg-7d","groupName":"lAg-7d","line":"-z0Jg7"};
|
|
5202
5224
|
|
|
5203
5225
|
function BurgerGroupHeader(props) {
|
|
5204
5226
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5206,7 +5228,7 @@ function BurgerGroupHeader(props) {
|
|
|
5206
5228
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5207
5229
|
}
|
|
5208
5230
|
|
|
5209
|
-
var css$b = {"root":"
|
|
5231
|
+
var css$b = {"root":"WzGLOg","type-primary":"C4JVMp","typePrimary":"C4JVMp","type-secondary":"_3dg--o","typeSecondary":"_3dg--o"};
|
|
5210
5232
|
|
|
5211
5233
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5212
5234
|
const { type, ...clickableProps } = props;
|
|
@@ -5225,10 +5247,10 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5225
5247
|
props.caption && (React__namespace.createElement("div", { className: uuiCore.uuiElement.caption }, props.caption)),
|
|
5226
5248
|
props.count !== undefined && props.count !== null && (React__namespace.createElement(CountIndicator, { caption: props.count, color: "neutral", size: "18" })),
|
|
5227
5249
|
props.icon && props.iconPosition === 'right' && (React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon, onClick: props.onIconClick })),
|
|
5228
|
-
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$
|
|
5250
|
+
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
5229
5251
|
});
|
|
5230
5252
|
|
|
5231
|
-
var css$a = {"dropdown-body":"
|
|
5253
|
+
var css$a = {"dropdown-body":"IpiRw1","dropdownBody":"IpiRw1"};
|
|
5232
5254
|
|
|
5233
5255
|
class MainMenuDropdown extends React__namespace.Component {
|
|
5234
5256
|
render() {
|
|
@@ -5286,28 +5308,28 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5286
5308
|
};
|
|
5287
5309
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5288
5310
|
|
|
5289
|
-
var css$9 = {"global-menu-btn":"
|
|
5311
|
+
var css$9 = {"global-menu-btn":"GQ8Usv","globalMenuBtn":"GQ8Usv","global-menu-icon":"BgUlte","globalMenuIcon":"BgUlte"};
|
|
5290
5312
|
|
|
5291
5313
|
const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx), ...props.rawProps },
|
|
5292
5314
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5293
5315
|
|
|
5294
|
-
var css$8 = {"container":"
|
|
5316
|
+
var css$8 = {"container":"EHQ9W6","open":"rDmNVv","folding-arrow":"MqkrAB","foldingArrow":"MqkrAB"};
|
|
5295
5317
|
|
|
5296
5318
|
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, ...props.rawProps },
|
|
5297
5319
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
5298
5320
|
props.icon && React__namespace.createElement(uuiComponents.IconContainer, { icon: props.icon }),
|
|
5299
5321
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
5300
|
-
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$
|
|
5322
|
+
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5301
5323
|
|
|
5302
|
-
var css$7 = {"search-input":"
|
|
5324
|
+
var css$7 = {"search-input":"K4-9jC","searchInput":"K4-9jC"};
|
|
5303
5325
|
|
|
5304
|
-
const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, { ...props, render: (iEditable) => (React__namespace.createElement(uuiComponents.TextInput, { iconPosition: "left", icon: ForwardRef$
|
|
5326
|
+
const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, { ...props, render: (iEditable) => (React__namespace.createElement(uuiComponents.TextInput, { iconPosition: "left", icon: ForwardRef$M, cancelIcon: props.value?.length > 0 && ForwardRef$Q, ...props, ...iEditable, ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx), ...props.rawProps })) })));
|
|
5305
5327
|
|
|
5306
|
-
var css$6 = {"container":"
|
|
5328
|
+
var css$6 = {"container":"_7pW9rm"};
|
|
5307
5329
|
|
|
5308
5330
|
const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, { ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container), ...props })));
|
|
5309
5331
|
|
|
5310
|
-
var css$5 = {"root":"
|
|
5332
|
+
var css$5 = {"root":"QMHxr-"};
|
|
5311
5333
|
|
|
5312
5334
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
5313
5335
|
|
|
@@ -5365,7 +5387,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5365
5387
|
};
|
|
5366
5388
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
5367
5389
|
|
|
5368
|
-
var css$4 = {"root":"
|
|
5390
|
+
var css$4 = {"root":"tc3CwJ","drop-start":"Nr8pXl","dropStart":"Nr8pXl","drop-over":"LicqRL","dropOver":"LicqRL","link":"XGr83U","drop-area":"g1075d","dropArea":"g1075d","drop-caption":"z0-6qI","dropCaption":"z0-6qI","icon-blue":"Xev-EM","iconBlue":"Xev-EM"};
|
|
5369
5391
|
|
|
5370
5392
|
function DropSpot(props) {
|
|
5371
5393
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5383,7 +5405,7 @@ function DropSpot(props) {
|
|
|
5383
5405
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5384
5406
|
}
|
|
5385
5407
|
|
|
5386
|
-
var css$3 = {"root":"
|
|
5408
|
+
var css$3 = {"root":"Ys7GQT"};
|
|
5387
5409
|
|
|
5388
5410
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5389
5411
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5394,7 +5416,7 @@ const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref
|
|
|
5394
5416
|
React__namespace.createElement("circle", { strokeWidth: 1, fill: "transparent", r: outsetRadius, cx: props.size / 2, cy: props.size / 2 })));
|
|
5395
5417
|
});
|
|
5396
5418
|
|
|
5397
|
-
var css$2 = {"root":"
|
|
5419
|
+
var css$2 = {"root":"oh7PdE","file-name":"_3mFP2z","fileName":"_3mFP2z","default-color":"_6LEFes","defaultColor":"_6LEFes","doc-color":"kT3aD8","docColor":"kT3aD8","xls-color":"hueFS0","xlsColor":"hueFS0","pdf-color":"_8NQRiC","pdfColor":"_8NQRiC","movie-color":"oFTEAO","movieColor":"oFTEAO","img-color":"bdqtrK","imgColor":"bdqtrK","mov-color":"Uu39ey","movColor":"Uu39ey","error-block":"EbT0Sa","errorBlock":"EbT0Sa","icons-block":"s1JOkO","iconsBlock":"s1JOkO"};
|
|
5398
5420
|
|
|
5399
5421
|
const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5400
5422
|
const [isLoadingShow, setIsLoadingShow] = React__namespace.useState(true);
|
|
@@ -5513,7 +5535,7 @@ const getErrorPageConfig = () => ({
|
|
|
5513
5535
|
},
|
|
5514
5536
|
});
|
|
5515
5537
|
|
|
5516
|
-
var css$1 = {"container":"
|
|
5538
|
+
var css$1 = {"container":"qXyrTV"};
|
|
5517
5539
|
|
|
5518
5540
|
const ErrorPage = (props) => {
|
|
5519
5541
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5525,7 +5547,7 @@ const ErrorPage = (props) => {
|
|
|
5525
5547
|
props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5526
5548
|
};
|
|
5527
5549
|
|
|
5528
|
-
var css = {"recovery-spinner":"
|
|
5550
|
+
var css = {"recovery-spinner":"vFqMsg","recoverySpinner":"vFqMsg","recovery-message":"Kq7t9M","recoveryMessage":"Kq7t9M","modal-blocker":"QlI8NJ","modalBlocker":"QlI8NJ","modalFadeIn":"tmR2oL"};
|
|
5529
5551
|
|
|
5530
5552
|
function ErrorHandler(props) {
|
|
5531
5553
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|