@popmenu/table 0.49.0 → 0.51.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/build/components/RowActions/RowActionsProps.d.ts +2 -0
  2. package/build/index.es.js +110 -68
  3. package/build/index.es.js.map +1 -1
  4. package/build/index.js +110 -68
  5. package/build/index.js.map +1 -1
  6. package/package.json +2 -2
package/build/index.js CHANGED
@@ -188,26 +188,26 @@ function __rest$2(s, e) {
188
188
  return t;
189
189
  }
190
190
 
191
- var _g$1d$1, _defs$I$1;
191
+ var _g$1e$1, _defs$J$1;
192
192
 
193
- function _extends$27() { _extends$27 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$27.apply(this, arguments); }
193
+ function _extends$29$1() { _extends$29$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$29$1.apply(this, arguments); }
194
194
 
195
195
  function SvgCheckCircle$1(props) {
196
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$27({
196
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$29$1({
197
197
  viewBox: "0 0 16 16",
198
198
  fill: "none",
199
199
  strokeLinecap: "round",
200
200
  strokeLinejoin: "round",
201
201
  width: "1em",
202
202
  height: "1em"
203
- }, props), _g$1d$1 || (_g$1d$1 = /*#__PURE__*/React__namespace.createElement("g", {
203
+ }, props), _g$1e$1 || (_g$1e$1 = /*#__PURE__*/React__namespace.createElement("g", {
204
204
  clipPath: "url(#check-circle_svg__clip0_8_5831)",
205
205
  stroke: "currentColor"
206
206
  }, /*#__PURE__*/React__namespace.createElement("path", {
207
207
  d: "M14.667 7.387V8a6.667 6.667 0 11-3.954-6.093"
208
208
  }), /*#__PURE__*/React__namespace.createElement("path", {
209
209
  d: "M14.667 2.667L8 9.34l-2-2"
210
- }))), _defs$I$1 || (_defs$I$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
210
+ }))), _defs$J$1 || (_defs$J$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
211
211
  id: "check-circle_svg__clip0_8_5831"
212
212
  }, /*#__PURE__*/React__namespace.createElement("path", {
213
213
  fill: "currentColor",
@@ -215,24 +215,24 @@ function SvgCheckCircle$1(props) {
215
215
  })))));
216
216
  }
217
217
 
218
- var _g$1b, _defs$G;
218
+ var _g$1c, _defs$H;
219
219
 
220
- function _extends$24() { _extends$24 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$24.apply(this, arguments); }
220
+ function _extends$26() { _extends$26 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$26.apply(this, arguments); }
221
221
 
222
222
  function SvgXCircle(props) {
223
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$24({
223
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$26({
224
224
  viewBox: "0 0 16 16",
225
225
  fill: "none",
226
226
  strokeLinecap: "round",
227
227
  strokeLinejoin: "round",
228
228
  width: "1em",
229
229
  height: "1em"
230
- }, props), _g$1b || (_g$1b = /*#__PURE__*/React__namespace.createElement("g", {
230
+ }, props), _g$1c || (_g$1c = /*#__PURE__*/React__namespace.createElement("g", {
231
231
  clipPath: "url(#x-circle_svg__clip0_8_6136)",
232
232
  stroke: "currentColor"
233
233
  }, /*#__PURE__*/React__namespace.createElement("path", {
234
234
  d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zM10 6l-4 4m0-4l4 4"
235
- }))), _defs$G || (_defs$G = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
235
+ }))), _defs$H || (_defs$H = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
236
236
  id: "x-circle_svg__clip0_8_6136"
237
237
  }, /*#__PURE__*/React__namespace.createElement("path", {
238
238
  fill: "currentColor",
@@ -240,24 +240,24 @@ function SvgXCircle(props) {
240
240
  })))));
241
241
  }
242
242
 
243
- var _g$13$1, _defs$A$1;
243
+ var _g$14$1, _defs$B$1;
244
244
 
245
- function _extends$1V() { _extends$1V = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1V.apply(this, arguments); }
245
+ function _extends$1X$1() { _extends$1X$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1X$1.apply(this, arguments); }
246
246
 
247
247
  function SvgInfo$1(props) {
248
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1V({
248
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1X$1({
249
249
  viewBox: "0 0 16 16",
250
250
  fill: "none",
251
251
  strokeLinecap: "round",
252
252
  strokeLinejoin: "round",
253
253
  width: "1em",
254
254
  height: "1em"
255
- }, props), _g$13$1 || (_g$13$1 = /*#__PURE__*/React__namespace.createElement("g", {
255
+ }, props), _g$14$1 || (_g$14$1 = /*#__PURE__*/React__namespace.createElement("g", {
256
256
  clipPath: "url(#info_svg__clip0_8_5377)",
257
257
  stroke: "currentColor"
258
258
  }, /*#__PURE__*/React__namespace.createElement("path", {
259
259
  d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zm0-4V8m0-2.667h.007"
260
- }))), _defs$A$1 || (_defs$A$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
260
+ }))), _defs$B$1 || (_defs$B$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
261
261
  id: "info_svg__clip0_8_5377"
262
262
  }, /*#__PURE__*/React__namespace.createElement("path", {
263
263
  fill: "currentColor",
@@ -265,42 +265,42 @@ function SvgInfo$1(props) {
265
265
  })))));
266
266
  }
267
267
 
268
- var _path$D$1;
268
+ var _path$E$1;
269
269
 
270
- function _extends$1u$1() { _extends$1u$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1u$1.apply(this, arguments); }
270
+ function _extends$1w$1() { _extends$1w$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1w$1.apply(this, arguments); }
271
271
 
272
272
  function SvgUser$1(props) {
273
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1u$1({
273
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1w$1({
274
274
  viewBox: "0 0 16 16",
275
275
  fill: "none",
276
276
  strokeLinecap: "round",
277
277
  strokeLinejoin: "round",
278
278
  width: "1em",
279
279
  height: "1em"
280
- }, props), _path$D$1 || (_path$D$1 = /*#__PURE__*/React__namespace.createElement("path", {
280
+ }, props), _path$E$1 || (_path$E$1 = /*#__PURE__*/React__namespace.createElement("path", {
281
281
  d: "M13.333 14v-1.333A2.667 2.667 0 0010.667 10H5.333a2.667 2.667 0 00-2.666 2.667V14M8 7.333A2.667 2.667 0 108 2a2.667 2.667 0 000 5.333z",
282
282
  stroke: "currentColor"
283
283
  })));
284
284
  }
285
285
 
286
- var _g$Q$1, _defs$r$1;
286
+ var _g$R$1, _defs$s$1;
287
287
 
288
- function _extends$1q$1() { _extends$1q$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1q$1.apply(this, arguments); }
288
+ function _extends$1s$1() { _extends$1s$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1s$1.apply(this, arguments); }
289
289
 
290
290
  function SvgError$1(props) {
291
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1q$1({
291
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1s$1({
292
292
  viewBox: "0 0 16 16",
293
293
  fill: "none",
294
294
  strokeLinecap: "round",
295
295
  strokeLinejoin: "round",
296
296
  width: "1em",
297
297
  height: "1em"
298
- }, props), _g$Q$1 || (_g$Q$1 = /*#__PURE__*/React__namespace.createElement("g", {
298
+ }, props), _g$R$1 || (_g$R$1 = /*#__PURE__*/React__namespace.createElement("g", {
299
299
  clipPath: "url(#error_svg__clip0_8_5411)",
300
300
  stroke: "currentColor"
301
301
  }, /*#__PURE__*/React__namespace.createElement("path", {
302
302
  d: "M5.24 1.333h5.52l3.907 3.907v5.52l-3.907 3.907H5.24L1.333 10.76V5.24L5.24 1.333zm2.76 4V8m0 2.666h.008"
303
- }))), _defs$r$1 || (_defs$r$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
303
+ }))), _defs$s$1 || (_defs$s$1 = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
304
304
  id: "error_svg__clip0_8_5411"
305
305
  }, /*#__PURE__*/React__namespace.createElement("path", {
306
306
  fill: "currentColor",
@@ -308,19 +308,19 @@ function SvgError$1(props) {
308
308
  })))));
309
309
  }
310
310
 
311
- var _path$A;
311
+ var _path$B$1;
312
312
 
313
- function _extends$1p() { _extends$1p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1p.apply(this, arguments); }
313
+ function _extends$1r$1() { _extends$1r$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r$1.apply(this, arguments); }
314
314
 
315
315
  function SvgWarning$1(props) {
316
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1p({
316
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1r$1({
317
317
  viewBox: "0 0 16 16",
318
318
  fill: "none",
319
319
  strokeLinecap: "round",
320
320
  strokeLinejoin: "round",
321
321
  width: "1em",
322
322
  height: "1em"
323
- }, props), _path$A || (_path$A = /*#__PURE__*/React__namespace.createElement("path", {
323
+ }, props), _path$B$1 || (_path$B$1 = /*#__PURE__*/React__namespace.createElement("path", {
324
324
  d: "M6.86 2.573L1.213 12a1.334 1.334 0 001.14 2h11.294a1.332 1.332 0 001.14-2L9.14 2.573a1.333 1.333 0 00-2.28 0v0zM8 6v2.667m0 2.667h.007",
325
325
  stroke: "currentColor"
326
326
  })));
@@ -521,6 +521,27 @@ Avatar$1.defaultProps = {
521
521
  };
522
522
  Avatar$1.displayName = 'Avatar';
523
523
 
524
+ styles.makeStyles(function (theme) { return ({
525
+ circle: {
526
+ backgroundColor: theme.palette.grey[300],
527
+ borderRadius: '50%',
528
+ height: theme.spacing(0.65),
529
+ width: theme.spacing(0.65),
530
+ margin: theme.spacing(1) + "px 0 " + theme.spacing(1) + "px " + theme.spacing(1) + "px",
531
+ },
532
+ container: {
533
+ border: "1px solid " + theme.palette.secondary.light,
534
+ borderRadius: theme.spacing(0.5),
535
+ flexGrow: 1,
536
+ },
537
+ titleBar: {
538
+ display: 'flex',
539
+ flexDirection: 'row',
540
+ borderBottom: "1px solid " + theme.palette.secondary.light,
541
+ width: '100%',
542
+ },
543
+ }); });
544
+
524
545
  var useButtonStyles$2 = styles.makeStyles(function () { return ({
525
546
  root: {
526
547
  minWidth: 'unset',
@@ -1122,10 +1143,10 @@ var useStyles$4 = core.makeStyles(function (theme) { return ({
1122
1143
 
1123
1144
  var _path$16;
1124
1145
 
1125
- function _extends$2t() { _extends$2t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2t.apply(this, arguments); }
1146
+ function _extends$2u() { _extends$2u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2u.apply(this, arguments); }
1126
1147
 
1127
1148
  function SvgChevronDown(props) {
1128
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2t({
1149
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2u({
1129
1150
  viewBox: "0 0 16 16",
1130
1151
  fill: "none",
1131
1152
  strokeLinecap: "round",
@@ -1140,10 +1161,10 @@ function SvgChevronDown(props) {
1140
1161
 
1141
1162
  var _path$15;
1142
1163
 
1143
- function _extends$2s() { _extends$2s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2s.apply(this, arguments); }
1164
+ function _extends$2t() { _extends$2t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2t.apply(this, arguments); }
1144
1165
 
1145
1166
  function SvgChevronUp(props) {
1146
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2s({
1167
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2t({
1147
1168
  viewBox: "0 0 16 16",
1148
1169
  fill: "none",
1149
1170
  strokeLinecap: "round",
@@ -1158,10 +1179,10 @@ function SvgChevronUp(props) {
1158
1179
 
1159
1180
  var _path$$;
1160
1181
 
1161
- function _extends$2h() { _extends$2h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2h.apply(this, arguments); }
1182
+ function _extends$2i() { _extends$2i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2i.apply(this, arguments); }
1162
1183
 
1163
1184
  function SvgSort(props) {
1164
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$2h({
1185
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$2i({
1165
1186
  viewBox: "0 0 16 16",
1166
1187
  fill: "none",
1167
1188
  strokeLinecap: "round",
@@ -1176,10 +1197,10 @@ function SvgSort(props) {
1176
1197
 
1177
1198
  var _path$T;
1178
1199
 
1179
- function _extends$1$() { _extends$1$ = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1$.apply(this, arguments); }
1200
+ function _extends$20() { _extends$20 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$20.apply(this, arguments); }
1180
1201
 
1181
1202
  function SvgFilter(props) {
1182
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1$({
1203
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$20({
1183
1204
  viewBox: "0 0 16 16",
1184
1205
  fill: "none",
1185
1206
  strokeLinecap: "round",
@@ -1194,10 +1215,10 @@ function SvgFilter(props) {
1194
1215
 
1195
1216
  var _path$L;
1196
1217
 
1197
- function _extends$1L() { _extends$1L = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1L.apply(this, arguments); }
1218
+ function _extends$1M() { _extends$1M = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1M.apply(this, arguments); }
1198
1219
 
1199
1220
  function SvgMore(props) {
1200
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1L({
1221
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1M({
1201
1222
  viewBox: "0 0 16 16",
1202
1223
  fill: "none",
1203
1224
  strokeLinecap: "round",
@@ -1212,10 +1233,10 @@ function SvgMore(props) {
1212
1233
 
1213
1234
  var _path$I;
1214
1235
 
1215
- function _extends$1G() { _extends$1G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1G.apply(this, arguments); }
1236
+ function _extends$1H() { _extends$1H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1H.apply(this, arguments); }
1216
1237
 
1217
1238
  function SvgSearch(props) {
1218
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1G({
1239
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1H({
1219
1240
  viewBox: "0 0 16 16",
1220
1241
  fill: "none",
1221
1242
  strokeLinecap: "round",
@@ -1501,19 +1522,19 @@ function __rest(s, e) {
1501
1522
  return t;
1502
1523
  }
1503
1524
 
1504
- var _path$D;
1525
+ var _path$E;
1505
1526
 
1506
- function _extends$1u() { _extends$1u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1u.apply(this, arguments); }
1527
+ function _extends$1w() { _extends$1w = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1w.apply(this, arguments); }
1507
1528
 
1508
1529
  function SvgUser(props) {
1509
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1u({
1530
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1w({
1510
1531
  viewBox: "0 0 16 16",
1511
1532
  fill: "none",
1512
1533
  strokeLinecap: "round",
1513
1534
  strokeLinejoin: "round",
1514
1535
  width: "1em",
1515
1536
  height: "1em"
1516
- }, props), _path$D || (_path$D = /*#__PURE__*/React__namespace.createElement("path", {
1537
+ }, props), _path$E || (_path$E = /*#__PURE__*/React__namespace.createElement("path", {
1517
1538
  d: "M13.333 14v-1.333A2.667 2.667 0 0010.667 10H5.333a2.667 2.667 0 00-2.666 2.667V14M8 7.333A2.667 2.667 0 108 2a2.667 2.667 0 000 5.333z",
1518
1539
  stroke: "currentColor"
1519
1540
  })));
@@ -1714,6 +1735,27 @@ Avatar.defaultProps = {
1714
1735
  };
1715
1736
  Avatar.displayName = 'Avatar';
1716
1737
 
1738
+ styles.makeStyles(function (theme) { return ({
1739
+ circle: {
1740
+ backgroundColor: theme.palette.grey[300],
1741
+ borderRadius: '50%',
1742
+ height: theme.spacing(0.65),
1743
+ width: theme.spacing(0.65),
1744
+ margin: theme.spacing(1) + "px 0 " + theme.spacing(1) + "px " + theme.spacing(1) + "px",
1745
+ },
1746
+ container: {
1747
+ border: "1px solid " + theme.palette.secondary.light,
1748
+ borderRadius: theme.spacing(0.5),
1749
+ flexGrow: 1,
1750
+ },
1751
+ titleBar: {
1752
+ display: 'flex',
1753
+ flexDirection: 'row',
1754
+ borderBottom: "1px solid " + theme.palette.secondary.light,
1755
+ width: '100%',
1756
+ },
1757
+ }); });
1758
+
1717
1759
  var useButtonStyles$1 = styles.makeStyles(function () { return ({
1718
1760
  root: {
1719
1761
  minWidth: 'unset',
@@ -2159,26 +2201,26 @@ core.makeStyles(function (theme) { return ({
2159
2201
  },
2160
2202
  }); });
2161
2203
 
2162
- var _g$1d, _defs$I;
2204
+ var _g$1e, _defs$J;
2163
2205
 
2164
- function _extends$28() { _extends$28 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$28.apply(this, arguments); }
2206
+ function _extends$29() { _extends$29 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$29.apply(this, arguments); }
2165
2207
 
2166
2208
  function SvgCheckCircle(props) {
2167
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$28({
2209
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$29({
2168
2210
  viewBox: "0 0 16 16",
2169
2211
  fill: "none",
2170
2212
  strokeLinecap: "round",
2171
2213
  strokeLinejoin: "round",
2172
2214
  width: "1em",
2173
2215
  height: "1em"
2174
- }, props), _g$1d || (_g$1d = /*#__PURE__*/React__namespace.createElement("g", {
2216
+ }, props), _g$1e || (_g$1e = /*#__PURE__*/React__namespace.createElement("g", {
2175
2217
  clipPath: "url(#check-circle_svg__clip0_8_5831)",
2176
2218
  stroke: "currentColor"
2177
2219
  }, /*#__PURE__*/React__namespace.createElement("path", {
2178
2220
  d: "M14.667 7.387V8a6.667 6.667 0 11-3.954-6.093"
2179
2221
  }), /*#__PURE__*/React__namespace.createElement("path", {
2180
2222
  d: "M14.667 2.667L8 9.34l-2-2"
2181
- }))), _defs$I || (_defs$I = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
2223
+ }))), _defs$J || (_defs$J = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
2182
2224
  id: "check-circle_svg__clip0_8_5831"
2183
2225
  }, /*#__PURE__*/React__namespace.createElement("path", {
2184
2226
  fill: "currentColor",
@@ -2188,10 +2230,10 @@ function SvgCheckCircle(props) {
2188
2230
 
2189
2231
  var _path$V;
2190
2232
 
2191
- function _extends$26() { _extends$26 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$26.apply(this, arguments); }
2233
+ function _extends$27() { _extends$27 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$27.apply(this, arguments); }
2192
2234
 
2193
2235
  function SvgX(props) {
2194
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$26({
2236
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$27({
2195
2237
  viewBox: "0 0 16 16",
2196
2238
  fill: "none",
2197
2239
  strokeLinecap: "round",
@@ -2204,26 +2246,26 @@ function SvgX(props) {
2204
2246
  })));
2205
2247
  }
2206
2248
 
2207
- var _g$15, _defs$B;
2249
+ var _g$16, _defs$C;
2208
2250
 
2209
- function _extends$1Y() { _extends$1Y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Y.apply(this, arguments); }
2251
+ function _extends$1Z() { _extends$1Z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1Z.apply(this, arguments); }
2210
2252
 
2211
2253
  function SvgHelp(props) {
2212
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Y({
2254
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1Z({
2213
2255
  viewBox: "0 0 16 16",
2214
2256
  fill: "none",
2215
2257
  strokeLinecap: "round",
2216
2258
  strokeLinejoin: "round",
2217
2259
  width: "1em",
2218
2260
  height: "1em"
2219
- }, props), _g$15 || (_g$15 = /*#__PURE__*/React__namespace.createElement("g", {
2261
+ }, props), _g$16 || (_g$16 = /*#__PURE__*/React__namespace.createElement("g", {
2220
2262
  clipPath: "url(#help_svg__clip0_8_5446)",
2221
2263
  stroke: "currentColor"
2222
2264
  }, /*#__PURE__*/React__namespace.createElement("path", {
2223
2265
  d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333z"
2224
2266
  }), /*#__PURE__*/React__namespace.createElement("path", {
2225
2267
  d: "M6.06 6a2 2 0 013.887.667c0 1.333-2 2-2 2M8 11.334h.007"
2226
- }))), _defs$B || (_defs$B = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
2268
+ }))), _defs$C || (_defs$C = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
2227
2269
  id: "help_svg__clip0_8_5446"
2228
2270
  }, /*#__PURE__*/React__namespace.createElement("path", {
2229
2271
  fill: "currentColor",
@@ -2231,24 +2273,24 @@ function SvgHelp(props) {
2231
2273
  })))));
2232
2274
  }
2233
2275
 
2234
- var _g$13, _defs$A;
2276
+ var _g$14, _defs$B;
2235
2277
 
2236
- function _extends$1W() { _extends$1W = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1W.apply(this, arguments); }
2278
+ function _extends$1X() { _extends$1X = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1X.apply(this, arguments); }
2237
2279
 
2238
2280
  function SvgInfo(props) {
2239
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1W({
2281
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1X({
2240
2282
  viewBox: "0 0 16 16",
2241
2283
  fill: "none",
2242
2284
  strokeLinecap: "round",
2243
2285
  strokeLinejoin: "round",
2244
2286
  width: "1em",
2245
2287
  height: "1em"
2246
- }, props), _g$13 || (_g$13 = /*#__PURE__*/React__namespace.createElement("g", {
2288
+ }, props), _g$14 || (_g$14 = /*#__PURE__*/React__namespace.createElement("g", {
2247
2289
  clipPath: "url(#info_svg__clip0_8_5377)",
2248
2290
  stroke: "currentColor"
2249
2291
  }, /*#__PURE__*/React__namespace.createElement("path", {
2250
2292
  d: "M8 14.667A6.667 6.667 0 108 1.334a6.667 6.667 0 000 13.333zm0-4V8m0-2.667h.007"
2251
- }))), _defs$A || (_defs$A = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
2293
+ }))), _defs$B || (_defs$B = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
2252
2294
  id: "info_svg__clip0_8_5377"
2253
2295
  }, /*#__PURE__*/React__namespace.createElement("path", {
2254
2296
  fill: "currentColor",
@@ -2256,24 +2298,24 @@ function SvgInfo(props) {
2256
2298
  })))));
2257
2299
  }
2258
2300
 
2259
- var _g$Q, _defs$r;
2301
+ var _g$R, _defs$s;
2260
2302
 
2261
- function _extends$1r() { _extends$1r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r.apply(this, arguments); }
2303
+ function _extends$1s() { _extends$1s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1s.apply(this, arguments); }
2262
2304
 
2263
2305
  function SvgError(props) {
2264
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1r({
2306
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1s({
2265
2307
  viewBox: "0 0 16 16",
2266
2308
  fill: "none",
2267
2309
  strokeLinecap: "round",
2268
2310
  strokeLinejoin: "round",
2269
2311
  width: "1em",
2270
2312
  height: "1em"
2271
- }, props), _g$Q || (_g$Q = /*#__PURE__*/React__namespace.createElement("g", {
2313
+ }, props), _g$R || (_g$R = /*#__PURE__*/React__namespace.createElement("g", {
2272
2314
  clipPath: "url(#error_svg__clip0_8_5411)",
2273
2315
  stroke: "currentColor"
2274
2316
  }, /*#__PURE__*/React__namespace.createElement("path", {
2275
2317
  d: "M5.24 1.333h5.52l3.907 3.907v5.52l-3.907 3.907H5.24L1.333 10.76V5.24L5.24 1.333zm2.76 4V8m0 2.666h.008"
2276
- }))), _defs$r || (_defs$r = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
2318
+ }))), _defs$s || (_defs$s = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
2277
2319
  id: "error_svg__clip0_8_5411"
2278
2320
  }, /*#__PURE__*/React__namespace.createElement("path", {
2279
2321
  fill: "currentColor",
@@ -2283,10 +2325,10 @@ function SvgError(props) {
2283
2325
 
2284
2326
  var _path$B;
2285
2327
 
2286
- function _extends$1q() { _extends$1q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1q.apply(this, arguments); }
2328
+ function _extends$1r() { _extends$1r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1r.apply(this, arguments); }
2287
2329
 
2288
2330
  function SvgWarning(props) {
2289
- return /*#__PURE__*/React__namespace.createElement("svg", _extends$1q({
2331
+ return /*#__PURE__*/React__namespace.createElement("svg", _extends$1r({
2290
2332
  viewBox: "0 0 16 16",
2291
2333
  fill: "none",
2292
2334
  strokeLinecap: "round",