@appquality/unguess-design-system 2.8.2 → 2.8.5
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/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,39 @@
|
|
|
1
|
+
# v2.8.5 (Wed Apr 13 2022)
|
|
2
|
+
|
|
3
|
+
#### ⚠️ Pushed to `master`
|
|
4
|
+
|
|
5
|
+
- minor fixes (cannarozzoluca@live.it)
|
|
6
|
+
|
|
7
|
+
#### Authors: 1
|
|
8
|
+
|
|
9
|
+
- Luca Cannarozzo (cannarozzoluca@live.it)
|
|
10
|
+
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
# v2.8.4 (Tue Apr 12 2022)
|
|
14
|
+
|
|
15
|
+
#### ⚠️ Pushed to `master`
|
|
16
|
+
|
|
17
|
+
- fix(profilemodal): add translatable props ([@cannarocks](https://github.com/cannarocks))
|
|
18
|
+
|
|
19
|
+
#### Authors: 1
|
|
20
|
+
|
|
21
|
+
- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
|
|
22
|
+
|
|
23
|
+
---
|
|
24
|
+
|
|
25
|
+
# v2.8.3 (Tue Apr 12 2022)
|
|
26
|
+
|
|
27
|
+
#### ⚠️ Pushed to `master`
|
|
28
|
+
|
|
29
|
+
- feat(changelog): add any ReactNode ad changelog item (cannarozzoluca@live.it)
|
|
30
|
+
|
|
31
|
+
#### Authors: 1
|
|
32
|
+
|
|
33
|
+
- Luca Cannarozzo (cannarozzoluca@live.it)
|
|
34
|
+
|
|
35
|
+
---
|
|
36
|
+
|
|
1
37
|
# v2.8.2 (Tue Apr 12 2022)
|
|
2
38
|
|
|
3
39
|
|
package/build/index.js
CHANGED
|
@@ -366,12 +366,12 @@ var UgLabel = styled__default["default"](reactForms.Label)(templateObject_1$I ||
|
|
|
366
366
|
var Label = function (props) { return jsxRuntime.jsx(UgLabel, __assign({}, props)); };
|
|
367
367
|
var templateObject_1$I;
|
|
368
368
|
|
|
369
|
-
var _g$4, _path$
|
|
369
|
+
var _g$4, _path$p, _path2$7, _path3$6, _path4$4, _path5$3, _path6$3, _path7$3, _path8$3, _path9$3, _path10$3, _path11$2;
|
|
370
370
|
|
|
371
|
-
function _extends$
|
|
371
|
+
function _extends$r() { _extends$r = 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$r.apply(this, arguments); }
|
|
372
372
|
|
|
373
373
|
var SvgFunctionalTestRoundIcon = function SvgFunctionalTestRoundIcon(props) {
|
|
374
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
374
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
|
|
375
375
|
width: 24,
|
|
376
376
|
height: 24,
|
|
377
377
|
viewBox: "0 0 24 24",
|
|
@@ -383,11 +383,11 @@ var SvgFunctionalTestRoundIcon = function SvgFunctionalTestRoundIcon(props) {
|
|
|
383
383
|
opacity: 0.3,
|
|
384
384
|
d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
|
|
385
385
|
fill: "#003A57"
|
|
386
|
-
}))), _path$
|
|
386
|
+
}))), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
|
|
387
387
|
d: "M12.4871 3.1964C8.68009 3.1964 5.59901 6.27748 5.59901 10.0844C5.59901 10.2596 5.59901 10.4347 5.62445 10.5854C5.29863 11.1861 4.82313 12.0129 4.24684 12.5138C3.82123 12.8896 3.92102 13.2907 3.97091 13.4404C4.09615 13.7662 4.44641 14.0411 5.02271 14.2417C5.22328 14.3171 5.44831 14.367 5.64889 14.4169L5.67433 16.8463C5.67433 17.7983 6.47565 18.625 7.4531 18.625L8.9305 18.1495L9.08117 19.0262C9.18097 19.6025 9.68191 20.0281 10.2837 20.0281C10.359 20.0281 10.4343 20.0281 10.5087 20.0026L15.1425 19.1769C15.8185 19.0516 16.2441 18.4254 16.1444 17.7494L15.8185 16.1213C17.9975 14.9188 19.375 12.5891 19.375 10.0843C19.375 6.30267 16.2696 3.19629 12.487 3.19629L12.4871 3.1964Z",
|
|
388
388
|
fill: "#003A57",
|
|
389
389
|
stroke: "#003A57"
|
|
390
|
-
})), _path2$
|
|
390
|
+
})), _path2$7 || (_path2$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
391
391
|
fillRule: "evenodd",
|
|
392
392
|
clipRule: "evenodd",
|
|
393
393
|
d: "M6.39337 10.7688V10.1221H8.06755V10.7688H6.39337Z",
|
|
@@ -440,12 +440,12 @@ var SvgFunctionalTestRoundIcon = function SvgFunctionalTestRoundIcon(props) {
|
|
|
440
440
|
})));
|
|
441
441
|
};
|
|
442
442
|
|
|
443
|
-
var _g$3, _path$
|
|
443
|
+
var _g$3, _path$o;
|
|
444
444
|
|
|
445
|
-
function _extends$
|
|
445
|
+
function _extends$q() { _extends$q = 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$q.apply(this, arguments); }
|
|
446
446
|
|
|
447
447
|
var SvgRegressionTestRoundIcon = function SvgRegressionTestRoundIcon(props) {
|
|
448
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
448
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
|
|
449
449
|
width: 24,
|
|
450
450
|
height: 24,
|
|
451
451
|
viewBox: "0 0 24 24",
|
|
@@ -457,18 +457,18 @@ var SvgRegressionTestRoundIcon = function SvgRegressionTestRoundIcon(props) {
|
|
|
457
457
|
opacity: 0.3,
|
|
458
458
|
d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
|
|
459
459
|
fill: "#003A57"
|
|
460
|
-
}))), _path$
|
|
460
|
+
}))), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
|
|
461
461
|
d: "M17.9983 7.16705C17.5188 6.58566 17.1422 6.73039 17.1422 6.73039C17.1422 6.73039 16.406 7.02453 16.0401 7.16303C15.6742 7.30153 15.2408 7.17357 15.2408 7.17357L14.7579 6.8851C14.7579 6.8851 14.4296 6.56554 14.3656 6.18067C14.3123 5.78958 14.1888 5.00269 14.1888 5.00269C14.1888 5.00269 14.1356 4.61159 13.3938 4.47257C12.652 4.33356 12.4678 4.68715 12.4678 4.68715C12.4678 4.68715 12.0932 5.38344 11.9091 5.73703C11.7249 6.09062 11.3114 6.27118 11.3114 6.27118L10.7639 6.36908C10.7639 6.36908 10.3144 6.33771 10.0176 6.07271L9.12712 5.27769C9.12712 5.27769 8.8303 5.01268 8.18313 5.38632C7.53595 5.75997 7.61705 6.14953 7.61705 6.14953L7.86033 7.3182C7.94143 7.70776 7.74381 8.11275 7.74381 8.11275L7.38528 8.53794C7.38528 8.53794 7.02217 8.80577 6.62387 8.78845C6.22557 8.77114 5.43527 8.7474 5.43527 8.7474C5.43527 8.7474 5.03697 8.73009 4.78646 9.44201C4.53595 10.1539 4.84804 10.3956 4.84804 10.3956C4.84804 10.3956 5.46774 10.896 5.77983 11.1376C6.09192 11.3793 6.19373 11.8296 6.19373 11.8296L6.20207 12.3921C6.20207 12.3921 6.09618 12.8314 5.79331 13.079C5.49043 13.3266 4.86759 13.8171 4.86759 13.8171C4.86759 13.8171 4.56471 14.0647 4.81769 14.7769C5.08144 15.4828 5.46713 15.4783 5.46713 15.4783C5.46713 15.4783 6.26012 15.4569 6.64582 15.4524C7.03152 15.4479 7.40116 15.7145 7.40116 15.7145L7.76458 16.1447C7.76458 16.1447 7.96976 16.5499 7.89441 16.9425C7.81907 17.3351 7.66208 18.1094 7.66208 18.1094C7.66208 18.1094 7.58674 18.502 8.23785 18.8824C8.88895 19.2629 9.18553 19.0044 9.18553 19.0044C9.18553 19.0044 9.7724 18.4765 10.069 18.218C10.3655 17.9595 10.8115 17.9347 10.8115 17.9347L11.3609 18.0394C11.3609 18.0394 11.77 18.225 11.9608 18.5803C12.1516 18.9356 12.5268 19.6354 12.5268 19.6354C12.5268 19.6354 12.7176 19.9907 13.4583 19.8539C14.1946 19.7343 14.2529 19.337 14.2529 19.337C14.2529 19.337 14.3586 18.5487 14.4232 18.1623C14.4814 17.765 14.8086 17.4598 14.8086 17.4598L15.2939 17.1796C15.2939 17.1796 15.7281 17.0598 16.095 17.1971C16.4682 17.3453 17.1975 17.637 17.1975 17.637C17.1975 17.637 17.5707 17.7851 18.0424 17.2073C18.5142 16.6295 18.3189 16.2913 18.3189 16.2913C18.3189 16.2913 17.9006 15.6164 17.6882 15.2736C17.4759 14.9307 17.5197 14.4836 17.5197 14.4836L17.7038 13.9555C17.7038 13.9555 17.9482 13.5816 18.3203 13.454C18.6925 13.3264 19.4431 13.0822 19.4431 13.0822C19.4431 13.0822 19.8153 12.9546 19.8113 12.2005C19.8074 11.4464 19.4297 11.3153 19.4297 11.3153C19.4297 11.3153 18.6807 11.0641 18.303 10.9331C17.9253 10.802 17.677 10.4217 17.677 10.4217L17.4861 9.8919C17.4861 9.8919 17.4293 9.4447 17.6368 9.1067C17.8443 8.7687 18.2486 8.09891 18.2486 8.09891C18.2486 8.09891 18.4778 7.74844 17.9983 7.16707L17.9983 7.16705ZM9.33902 8.38466L10.6176 10.5992C10.0433 11.149 9.82793 11.9715 10.0567 12.7413L7.86713 14.0054C6.98868 12.0106 7.60355 9.66286 9.33905 8.38457L9.33902 8.38466ZM13.9748 16.414C11.9998 17.2778 9.65918 16.6363 8.37099 14.8783L10.5605 13.6141C11.1128 14.1971 11.9329 14.4219 12.6961 14.1994L13.9748 16.414ZM12.6552 13.132C12.1159 13.4434 11.4325 13.2561 11.1176 12.7107C10.8027 12.1652 10.9822 11.4797 11.5215 11.1684C12.0608 10.857 12.7441 11.0443 13.0591 11.5897C13.374 12.1352 13.1945 12.8207 12.6552 13.132ZM14.8376 15.9158L13.5591 13.7012C14.1333 13.1515 14.3487 12.3289 14.12 11.5591L16.3095 10.295C17.188 12.2898 16.5731 14.6376 14.8376 15.9159L14.8376 15.9158ZM13.6161 10.6863C13.0638 10.1034 12.2437 9.87862 11.4805 10.1011L10.2019 7.88652C12.1769 7.02266 14.5112 7.65314 15.8057 9.42223L13.6161 10.6863Z",
|
|
462
462
|
fill: "#003A57"
|
|
463
463
|
})));
|
|
464
464
|
};
|
|
465
465
|
|
|
466
|
-
var _circle$2, _path$
|
|
466
|
+
var _circle$2, _path$n, _path2$6, _path3$5;
|
|
467
467
|
|
|
468
|
-
function _extends$
|
|
468
|
+
function _extends$p() { _extends$p = 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$p.apply(this, arguments); }
|
|
469
469
|
|
|
470
470
|
var SvgCompletedStatusRoundIcon = function SvgCompletedStatusRoundIcon(props) {
|
|
471
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
471
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
|
|
472
472
|
width: 32,
|
|
473
473
|
height: 32,
|
|
474
474
|
viewBox: "0 0 32 32",
|
|
@@ -479,10 +479,10 @@ var SvgCompletedStatusRoundIcon = function SvgCompletedStatusRoundIcon(props) {
|
|
|
479
479
|
cy: 16,
|
|
480
480
|
r: 16,
|
|
481
481
|
fill: "#F8F9F9"
|
|
482
|
-
})), _path$
|
|
482
|
+
})), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
|
|
483
483
|
d: "M24.6953 9.73905C25.0148 9.41953 25.0148 8.90149 24.6953 8.58197C24.3758 8.26245 23.8577 8.26245 23.5382 8.58197L15.88 16.2402L14.0849 13.9598C13.8054 13.6048 13.291 13.5435 12.9359 13.823C12.5809 14.1025 12.5196 14.6169 12.7991 14.972L15.1642 17.9763C15.3089 18.16 15.5252 18.2731 15.7586 18.2869C15.9921 18.3008 16.2203 18.2141 16.3856 18.0487L24.6953 9.73905Z",
|
|
484
484
|
fill: "#27DD70"
|
|
485
|
-
})), _path2$
|
|
485
|
+
})), _path2$6 || (_path2$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
486
486
|
d: "M7 16C7 11.0294 11.0294 7 16 7C17.3602 7 18.6521 7.3023 19.8102 7.84415C20.2195 8.03565 20.396 8.52268 20.2045 8.93196C20.013 9.34125 19.526 9.5178 19.1167 9.3263C18.1712 8.88391 17.1156 8.63636 16 8.63636C11.9332 8.63636 8.63636 11.9332 8.63636 16C8.63636 20.0668 11.9332 23.3636 16 23.3636C20.0668 23.3636 23.3636 20.0668 23.3636 16C23.3636 15.3631 23.283 14.7462 23.1317 14.1585C23.0191 13.7208 23.2826 13.2748 23.7202 13.1622C24.1578 13.0496 24.6038 13.313 24.7165 13.7506C24.9017 14.4705 25 15.2243 25 16C25 20.9705 20.9705 25 16 25C11.0294 25 7 20.9705 7 16Z",
|
|
487
487
|
fill: "#27DD70"
|
|
488
488
|
})), _path3$5 || (_path3$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -491,12 +491,12 @@ var SvgCompletedStatusRoundIcon = function SvgCompletedStatusRoundIcon(props) {
|
|
|
491
491
|
})));
|
|
492
492
|
};
|
|
493
493
|
|
|
494
|
-
var _circle$1, _path$
|
|
494
|
+
var _circle$1, _path$m, _path2$5, _path3$4, _path4$3, _path5$2, _path6$2, _path7$2, _path8$2, _path9$2, _path10$2;
|
|
495
495
|
|
|
496
|
-
function _extends$
|
|
496
|
+
function _extends$o() { _extends$o = 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$o.apply(this, arguments); }
|
|
497
497
|
|
|
498
498
|
var SvgOnGoingStatusRoundIcon = function SvgOnGoingStatusRoundIcon(props) {
|
|
499
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
499
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
|
|
500
500
|
width: 32,
|
|
501
501
|
height: 32,
|
|
502
502
|
viewBox: "0 0 32 32",
|
|
@@ -507,10 +507,10 @@ var SvgOnGoingStatusRoundIcon = function SvgOnGoingStatusRoundIcon(props) {
|
|
|
507
507
|
cy: 16,
|
|
508
508
|
r: 16,
|
|
509
509
|
fill: "#F8F9F9"
|
|
510
|
-
})), _path$
|
|
510
|
+
})), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
|
|
511
511
|
d: "M17.059 20.7647C17.059 20.1799 16.585 19.7059 16.0002 19.7059C15.4154 19.7059 14.9414 20.1799 14.9414 20.7647V23.9412C14.9414 24.5259 15.4154 25 16.0002 25C16.585 25 17.059 24.5259 17.059 23.9412V20.7647Z",
|
|
512
512
|
fill: "#D1820A"
|
|
513
|
-
})), _path2$
|
|
513
|
+
})), _path2$5 || (_path2$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
514
514
|
d: "M20.1149 18.6183C19.7014 18.2048 19.031 18.2048 18.6175 18.6183C18.204 19.0318 18.204 19.7022 18.6175 20.1157L20.8649 22.3631C21.2783 22.7766 21.9488 22.7766 22.3623 22.3631C22.7757 21.9496 22.7757 21.2792 22.3623 20.8657L20.1149 18.6183Z",
|
|
515
515
|
fill: "#D1820A"
|
|
516
516
|
})), _path3$4 || (_path3$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -540,12 +540,12 @@ var SvgOnGoingStatusRoundIcon = function SvgOnGoingStatusRoundIcon(props) {
|
|
|
540
540
|
})));
|
|
541
541
|
};
|
|
542
542
|
|
|
543
|
-
var _circle, _path$
|
|
543
|
+
var _circle, _path$l, _path2$4;
|
|
544
544
|
|
|
545
|
-
function _extends$
|
|
545
|
+
function _extends$n() { _extends$n = 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$n.apply(this, arguments); }
|
|
546
546
|
|
|
547
547
|
var SvgArrivalStatusRoundIcon = function SvgArrivalStatusRoundIcon(props) {
|
|
548
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
548
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
|
|
549
549
|
width: 32,
|
|
550
550
|
height: 32,
|
|
551
551
|
viewBox: "0 0 32 32",
|
|
@@ -556,13 +556,13 @@ var SvgArrivalStatusRoundIcon = function SvgArrivalStatusRoundIcon(props) {
|
|
|
556
556
|
cy: 16,
|
|
557
557
|
r: 16,
|
|
558
558
|
fill: "#F8F9F9"
|
|
559
|
-
})), _path$
|
|
559
|
+
})), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
|
|
560
560
|
d: "M15.2266 17.0313H18.997M15.2266 13.2607V17.0313V13.2607ZM15.2266 17.0313L24.121 9.03906L15.2266 17.0313Z",
|
|
561
561
|
stroke: "#1371D6",
|
|
562
562
|
strokeWidth: 1.5,
|
|
563
563
|
strokeLinecap: "round",
|
|
564
564
|
strokeLinejoin: "round"
|
|
565
|
-
})), _path2$
|
|
565
|
+
})), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
566
566
|
d: "M19.4918 8.52344C18.4312 8.02722 17.2477 7.75 15.9995 7.75C11.4431 7.75 7.74945 11.4437 7.74945 16C7.74945 20.5563 11.4431 24.25 15.9995 24.25C20.5558 24.25 24.2495 20.5563 24.2495 16C24.2495 15.2878 24.1592 14.5968 23.9896 13.9375",
|
|
567
567
|
stroke: "#3091EC",
|
|
568
568
|
strokeWidth: 1.5,
|
|
@@ -604,7 +604,7 @@ var StyledTagNew = styled__default["default"](Tag)(templateObject_3$6 || (templa
|
|
|
604
604
|
}, theme.palette.white);
|
|
605
605
|
var StyledLabel = styled__default["default"](Label)(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n font-size: ", ";\n color: ", "\n"], ["\n font-size: ", ";\n color: ", "\n"])), theme.fontSizes.sm, theme.palette.grey["500"]);
|
|
606
606
|
var StyledTitleLabel = styled__default["default"](Label)(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n color: ", ";\n font-size: ", ";\n word-wrap: break-word;\n"], ["\n color: ", ";\n font-size: ", ";\n word-wrap: break-word;\n"])), theme.palette.blue["600"], theme.fontSizes.lg);
|
|
607
|
-
var Divider = styled__default["default"].div(templateObject_6
|
|
607
|
+
var Divider = styled__default["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 100%;\n height: 1px;\n margin: ", " 0;\n background-color: ", ";\n"], ["\n width: 100%;\n height: 1px;\n margin: ", " 0;\n background-color: ", ";\n"])), theme.space.lg, theme.palette.grey["300"]);
|
|
608
608
|
var CardHeader = styled__default["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n height: ", "px;\n"], ["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n height: ", "px;\n"])), theme.space.base * 6);
|
|
609
609
|
var CardBody = styled__default["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n margin-top: ", ";\n flex: 1;\n"], ["\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n justify-content: flex-start;\n margin-top: ", ";\n flex: 1;\n"])), theme.space.xxl);
|
|
610
610
|
var CardFooter = styled__default["default"].div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n"], ["\n display: flex;\n align-items: center;\n flex-direction: row;\n justify-content: space-between;\n"])));
|
|
@@ -624,28 +624,28 @@ var CampaignCard = function (props) {
|
|
|
624
624
|
return jsxRuntime.jsxs(Wrapper, __assign({}, props, { children: [jsxRuntime.jsxs(CardHeader, { children: [jsxRuntime.jsx(StyledLabel, __assign({ isRegular: true }, { children: date })), isNew && (jsxRuntime.jsx(StyledTagNew, __assign({ hue: theme.palette.fuschia["600"], isPill: true, size: "medium", title: labelNew ? labelNew : "New!" }, { children: labelNew ? labelNew : "New!" })))] }), jsxRuntime.jsxs(CardBody, { children: [jsxRuntime.jsx(StyledLabel, __assign({ isRegular: true }, { children: projectTitleCut })), jsxRuntime.jsx(StyledTitleLabel, __assign({ isRegular: true }, { children: campaignTitleCut }))] }), jsxRuntime.jsx(Divider, {}), jsxRuntime.jsxs(CardFooter, { children: [typeData &&
|
|
625
625
|
jsxRuntime.jsxs(StyledTag$1, __assign({ size: "large", isPill: true, isRegular: true, hue: theme.palette.grey[100] }, { children: [jsxRuntime.jsx(Tag.Avatar, { children: jsxRuntime.jsx(PillIcon, {}) }), props.pillText] })), jsxRuntime.jsx(StatusIcon, {})] })] }));
|
|
626
626
|
};
|
|
627
|
-
var templateObject_1$H, templateObject_2$b, templateObject_3$6, templateObject_4$3, templateObject_5$1, templateObject_6
|
|
627
|
+
var templateObject_1$H, templateObject_2$b, templateObject_3$6, templateObject_4$3, templateObject_5$1, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
628
628
|
|
|
629
629
|
/**
|
|
630
630
|
* Title is a basic component used to display a title. Often used in card headers.
|
|
631
631
|
*/
|
|
632
632
|
var Close = function (props) { return jsxRuntime.jsx(reactNotifications.Close, __assign({}, props)); };
|
|
633
633
|
|
|
634
|
-
var _path$
|
|
634
|
+
var _path$k, _path2$3, _path3$3, _path4$2;
|
|
635
635
|
|
|
636
|
-
function _extends$
|
|
636
|
+
function _extends$m() { _extends$m = 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$m.apply(this, arguments); }
|
|
637
637
|
|
|
638
638
|
var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
|
|
639
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
639
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
|
|
640
640
|
width: 24,
|
|
641
641
|
height: 24,
|
|
642
642
|
viewBox: "0 0 24 24",
|
|
643
643
|
fill: "none",
|
|
644
644
|
xmlns: "http://www.w3.org/2000/svg"
|
|
645
|
-
}, props), _path$
|
|
645
|
+
}, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
|
|
646
646
|
d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",
|
|
647
647
|
fill: "#F8F9F9"
|
|
648
|
-
})), _path2$
|
|
648
|
+
})), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
649
649
|
d: "M20.6953 5.73905C21.0148 5.41953 21.0148 4.90149 20.6953 4.58197C20.3758 4.26245 19.8577 4.26245 19.5382 4.58197L11.88 12.2402L10.0849 9.95981C9.80539 9.60476 9.29098 9.54352 8.93593 9.82303C8.58088 10.1025 8.51963 10.6169 8.79914 10.972L11.1642 13.9763C11.3089 14.16 11.5252 14.2731 11.7586 14.2869C11.9921 14.3008 12.2203 14.2141 12.3856 14.0487L20.6953 5.73905Z",
|
|
650
650
|
fill: "#27DD70"
|
|
651
651
|
})), _path3$3 || (_path3$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -657,21 +657,21 @@ var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
|
|
|
657
657
|
})));
|
|
658
658
|
};
|
|
659
659
|
|
|
660
|
-
var _path$
|
|
660
|
+
var _path$j, _path2$2, _path3$2, _path4$1, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1, _path11$1;
|
|
661
661
|
|
|
662
|
-
function _extends$
|
|
662
|
+
function _extends$l() { _extends$l = 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$l.apply(this, arguments); }
|
|
663
663
|
|
|
664
664
|
var SvgCampaignProgress = function SvgCampaignProgress(props) {
|
|
665
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
665
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
|
|
666
666
|
width: 24,
|
|
667
667
|
height: 24,
|
|
668
668
|
viewBox: "0 0 24 24",
|
|
669
669
|
fill: "none",
|
|
670
670
|
xmlns: "http://www.w3.org/2000/svg"
|
|
671
|
-
}, props), _path$
|
|
671
|
+
}, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
|
|
672
672
|
d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",
|
|
673
673
|
fill: "#F8F9F9"
|
|
674
|
-
})), _path2$
|
|
674
|
+
})), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
675
675
|
d: "M13.059 16.7647C13.059 16.1799 12.585 15.7059 12.0002 15.7059C11.4154 15.7059 10.9414 16.1799 10.9414 16.7647V19.9412C10.9414 20.5259 11.4154 21 12.0002 21C12.585 21 13.059 20.5259 13.059 19.9412V16.7647Z",
|
|
676
676
|
fill: "#D1820A"
|
|
677
677
|
})), _path3$2 || (_path3$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -704,21 +704,21 @@ var SvgCampaignProgress = function SvgCampaignProgress(props) {
|
|
|
704
704
|
})));
|
|
705
705
|
};
|
|
706
706
|
|
|
707
|
-
var _path$
|
|
707
|
+
var _path$i, _path2$1, _path3$1;
|
|
708
708
|
|
|
709
|
-
function _extends$
|
|
709
|
+
function _extends$k() { _extends$k = 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$k.apply(this, arguments); }
|
|
710
710
|
|
|
711
711
|
var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
|
|
712
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
712
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
|
|
713
713
|
width: 24,
|
|
714
714
|
height: 24,
|
|
715
715
|
viewBox: "0 0 24 24",
|
|
716
716
|
fill: "none",
|
|
717
717
|
xmlns: "http://www.w3.org/2000/svg"
|
|
718
|
-
}, props), _path$
|
|
718
|
+
}, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
|
|
719
719
|
d: "M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12Z",
|
|
720
720
|
fill: "#F8F9F9"
|
|
721
|
-
})), _path2$
|
|
721
|
+
})), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
722
722
|
d: "M11.2266 13.0313H14.997M11.2266 9.26075V13.0313V9.26075ZM11.2266 13.0313L20.121 5.03906L11.2266 13.0313Z",
|
|
723
723
|
stroke: "#1371D6",
|
|
724
724
|
strokeWidth: 1.5,
|
|
@@ -733,12 +733,12 @@ var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
|
|
|
733
733
|
})));
|
|
734
734
|
};
|
|
735
735
|
|
|
736
|
-
var _g$2, _path$
|
|
736
|
+
var _g$2, _path$h;
|
|
737
737
|
|
|
738
|
-
function _extends$
|
|
738
|
+
function _extends$j() { _extends$j = 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$j.apply(this, arguments); }
|
|
739
739
|
|
|
740
740
|
var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
|
|
741
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
741
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
|
|
742
742
|
width: 24,
|
|
743
743
|
height: 24,
|
|
744
744
|
viewBox: "0 0 24 24",
|
|
@@ -750,18 +750,18 @@ var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
|
|
|
750
750
|
opacity: 0.3,
|
|
751
751
|
d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
|
|
752
752
|
fill: "#003A57"
|
|
753
|
-
}))), _path$
|
|
753
|
+
}))), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
|
|
754
754
|
d: "M17.9983 7.16705C17.5188 6.58566 17.1422 6.73039 17.1422 6.73039C17.1422 6.73039 16.406 7.02453 16.0401 7.16303C15.6742 7.30153 15.2408 7.17357 15.2408 7.17357L14.7579 6.8851C14.7579 6.8851 14.4296 6.56554 14.3656 6.18067C14.3123 5.78958 14.1888 5.00269 14.1888 5.00269C14.1888 5.00269 14.1356 4.61159 13.3938 4.47257C12.652 4.33356 12.4678 4.68715 12.4678 4.68715C12.4678 4.68715 12.0932 5.38344 11.9091 5.73703C11.7249 6.09062 11.3114 6.27118 11.3114 6.27118L10.7639 6.36908C10.7639 6.36908 10.3144 6.33771 10.0176 6.07271L9.12712 5.27769C9.12712 5.27769 8.8303 5.01268 8.18313 5.38632C7.53595 5.75997 7.61705 6.14953 7.61705 6.14953L7.86033 7.3182C7.94143 7.70776 7.74381 8.11275 7.74381 8.11275L7.38528 8.53794C7.38528 8.53794 7.02217 8.80577 6.62387 8.78845C6.22557 8.77114 5.43527 8.7474 5.43527 8.7474C5.43527 8.7474 5.03697 8.73009 4.78646 9.44201C4.53595 10.1539 4.84804 10.3956 4.84804 10.3956C4.84804 10.3956 5.46774 10.896 5.77983 11.1376C6.09192 11.3793 6.19373 11.8296 6.19373 11.8296L6.20207 12.3921C6.20207 12.3921 6.09618 12.8314 5.79331 13.079C5.49043 13.3266 4.86759 13.8171 4.86759 13.8171C4.86759 13.8171 4.56471 14.0647 4.81769 14.7769C5.08144 15.4828 5.46713 15.4783 5.46713 15.4783C5.46713 15.4783 6.26012 15.4569 6.64582 15.4524C7.03152 15.4479 7.40116 15.7145 7.40116 15.7145L7.76458 16.1447C7.76458 16.1447 7.96976 16.5499 7.89441 16.9425C7.81907 17.3351 7.66208 18.1094 7.66208 18.1094C7.66208 18.1094 7.58674 18.502 8.23785 18.8824C8.88895 19.2629 9.18553 19.0044 9.18553 19.0044C9.18553 19.0044 9.7724 18.4765 10.069 18.218C10.3655 17.9595 10.8115 17.9347 10.8115 17.9347L11.3609 18.0394C11.3609 18.0394 11.77 18.225 11.9608 18.5803C12.1516 18.9356 12.5268 19.6354 12.5268 19.6354C12.5268 19.6354 12.7176 19.9907 13.4583 19.8539C14.1946 19.7343 14.2529 19.337 14.2529 19.337C14.2529 19.337 14.3586 18.5487 14.4232 18.1623C14.4814 17.765 14.8086 17.4598 14.8086 17.4598L15.2939 17.1796C15.2939 17.1796 15.7281 17.0598 16.095 17.1971C16.4682 17.3453 17.1975 17.637 17.1975 17.637C17.1975 17.637 17.5707 17.7851 18.0424 17.2073C18.5142 16.6295 18.3189 16.2913 18.3189 16.2913C18.3189 16.2913 17.9006 15.6164 17.6882 15.2736C17.4759 14.9307 17.5197 14.4836 17.5197 14.4836L17.7038 13.9555C17.7038 13.9555 17.9482 13.5816 18.3203 13.454C18.6925 13.3264 19.4431 13.0822 19.4431 13.0822C19.4431 13.0822 19.8153 12.9546 19.8113 12.2005C19.8074 11.4464 19.4297 11.3153 19.4297 11.3153C19.4297 11.3153 18.6807 11.0641 18.303 10.9331C17.9253 10.802 17.677 10.4217 17.677 10.4217L17.4861 9.8919C17.4861 9.8919 17.4293 9.4447 17.6368 9.1067C17.8443 8.7687 18.2486 8.09891 18.2486 8.09891C18.2486 8.09891 18.4778 7.74844 17.9983 7.16707L17.9983 7.16705ZM9.33902 8.38466L10.6176 10.5992C10.0433 11.149 9.82793 11.9715 10.0567 12.7413L7.86713 14.0054C6.98868 12.0106 7.60355 9.66286 9.33905 8.38457L9.33902 8.38466ZM13.9748 16.414C11.9998 17.2778 9.65918 16.6363 8.37099 14.8783L10.5605 13.6141C11.1128 14.1971 11.9329 14.4219 12.6961 14.1994L13.9748 16.414ZM12.6552 13.132C12.1159 13.4434 11.4325 13.2561 11.1176 12.7107C10.8027 12.1652 10.9822 11.4797 11.5215 11.1684C12.0608 10.857 12.7441 11.0443 13.0591 11.5897C13.374 12.1352 13.1945 12.8207 12.6552 13.132ZM14.8376 15.9158L13.5591 13.7012C14.1333 13.1515 14.3487 12.3289 14.12 11.5591L16.3095 10.295C17.188 12.2898 16.5731 14.6376 14.8376 15.9159L14.8376 15.9158ZM13.6161 10.6863C13.0638 10.1034 12.2437 9.87862 11.4805 10.1011L10.2019 7.88652C12.1769 7.02266 14.5112 7.65314 15.8057 9.42223L13.6161 10.6863Z",
|
|
755
755
|
fill: "#003A57"
|
|
756
756
|
})));
|
|
757
757
|
};
|
|
758
758
|
|
|
759
|
-
var _g$1, _path$
|
|
759
|
+
var _g$1, _path$g, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
|
|
760
760
|
|
|
761
|
-
function _extends$
|
|
761
|
+
function _extends$i() { _extends$i = 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$i.apply(this, arguments); }
|
|
762
762
|
|
|
763
763
|
var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
|
|
764
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
764
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
|
|
765
765
|
width: 24,
|
|
766
766
|
height: 24,
|
|
767
767
|
viewBox: "0 0 24 24",
|
|
@@ -773,11 +773,11 @@ var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
|
|
|
773
773
|
opacity: 0.3,
|
|
774
774
|
d: "M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z",
|
|
775
775
|
fill: "#003A57"
|
|
776
|
-
}))), _path$
|
|
776
|
+
}))), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
|
|
777
777
|
d: "M12.4871 3.1964C8.68009 3.1964 5.59901 6.27748 5.59901 10.0844C5.59901 10.2596 5.59901 10.4347 5.62445 10.5854C5.29863 11.1861 4.82313 12.0129 4.24684 12.5138C3.82123 12.8896 3.92102 13.2907 3.97091 13.4404C4.09615 13.7662 4.44641 14.0411 5.02271 14.2417C5.22328 14.3171 5.44831 14.367 5.64889 14.4169L5.67433 16.8463C5.67433 17.7983 6.47565 18.625 7.4531 18.625L8.9305 18.1495L9.08117 19.0262C9.18097 19.6025 9.68191 20.0281 10.2837 20.0281C10.359 20.0281 10.4343 20.0281 10.5087 20.0026L15.1425 19.1769C15.8185 19.0516 16.2441 18.4254 16.1444 17.7494L15.8185 16.1213C17.9975 14.9188 19.375 12.5891 19.375 10.0843C19.375 6.30267 16.2696 3.19629 12.487 3.19629L12.4871 3.1964Z",
|
|
778
778
|
fill: "#003A57",
|
|
779
779
|
stroke: "#003A57"
|
|
780
|
-
})), _path2
|
|
780
|
+
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
781
781
|
fillRule: "evenodd",
|
|
782
782
|
clipRule: "evenodd",
|
|
783
783
|
d: "M6.39337 10.7688V10.1221H8.06755V10.7688H6.39337Z",
|
|
@@ -868,8 +868,7 @@ var Counter = function (props) {
|
|
|
868
868
|
Counter.Avatar = StyledTag.Avatar;
|
|
869
869
|
var templateObject_1$G;
|
|
870
870
|
|
|
871
|
-
var
|
|
872
|
-
var Field$1 = function (props) { return jsxRuntime.jsx(UgField$1, __assign({}, props)); };
|
|
871
|
+
var Field$1 = styled__default["default"](reactDropdowns.Field)(templateObject_1$F || (templateObject_1$F = __makeTemplateObject([""], [""])));
|
|
873
872
|
var templateObject_1$F;
|
|
874
873
|
|
|
875
874
|
var index$1 = /*#__PURE__*/Object.freeze({
|
|
@@ -1006,52 +1005,52 @@ var Row$1 = function (props) { return jsxRuntime.jsx(reactGrid.Row, __assign({},
|
|
|
1006
1005
|
*/
|
|
1007
1006
|
var Grid = function (props) { return jsxRuntime.jsx(reactGrid.Grid, __assign({}, props)); };
|
|
1008
1007
|
|
|
1009
|
-
var _path$
|
|
1008
|
+
var _path$f;
|
|
1010
1009
|
|
|
1011
|
-
function _extends$
|
|
1010
|
+
function _extends$h() { _extends$h = 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$h.apply(this, arguments); }
|
|
1012
1011
|
|
|
1013
1012
|
var SvgUgSquare = function SvgUgSquare(props) {
|
|
1014
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1013
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
|
|
1015
1014
|
width: 24,
|
|
1016
1015
|
height: 24,
|
|
1017
1016
|
viewBox: "0 0 24 24",
|
|
1018
1017
|
fill: "none",
|
|
1019
1018
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1020
|
-
}, props), _path$
|
|
1019
|
+
}, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1021
1020
|
d: "M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM18 19H6C5.45 19 5 18.55 5 18V6C5 5.45 5.45 5 6 5H18C18.55 5 19 5.45 19 6V18C19 18.55 18.55 19 18 19Z",
|
|
1022
1021
|
fill: "#E80C7A"
|
|
1023
1022
|
})));
|
|
1024
1023
|
};
|
|
1025
1024
|
|
|
1026
|
-
var _path$
|
|
1025
|
+
var _path$e;
|
|
1027
1026
|
|
|
1028
|
-
function _extends$
|
|
1027
|
+
function _extends$g() { _extends$g = 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$g.apply(this, arguments); }
|
|
1029
1028
|
|
|
1030
1029
|
var SvgUgCircle = function SvgUgCircle(props) {
|
|
1031
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1030
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
|
|
1032
1031
|
width: 24,
|
|
1033
1032
|
height: 24,
|
|
1034
1033
|
viewBox: "0 0 24 24",
|
|
1035
1034
|
fill: "none",
|
|
1036
1035
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1037
|
-
}, props), _path$
|
|
1036
|
+
}, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1038
1037
|
d: "M12 2C6.47 2 2 6.47 2 12C2 17.53 6.47 22 12 22C17.53 22 22 17.53 22 12C22 6.47 17.53 2 12 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20Z",
|
|
1039
1038
|
fill: "#FFCD1A"
|
|
1040
1039
|
})));
|
|
1041
1040
|
};
|
|
1042
1041
|
|
|
1043
|
-
var _path$
|
|
1042
|
+
var _path$d;
|
|
1044
1043
|
|
|
1045
|
-
function _extends$
|
|
1044
|
+
function _extends$f() { _extends$f = 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$f.apply(this, arguments); }
|
|
1046
1045
|
|
|
1047
1046
|
var SvgUgTriangle = function SvgUgTriangle(props) {
|
|
1048
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1047
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
|
|
1049
1048
|
width: 24,
|
|
1050
1049
|
height: 24,
|
|
1051
1050
|
viewBox: "0 0 24 24",
|
|
1052
1051
|
fill: "none",
|
|
1053
1052
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1054
|
-
}, props), _path$
|
|
1053
|
+
}, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1055
1054
|
d: "M11.9993 7.32625L18.3893 17.5563H5.60929L11.9993 7.32625ZM11.1493 4.91625L2.94929 18.0262C2.53929 18.6962 3.01929 19.5563 3.79929 19.5563H20.1993C20.9893 19.5563 21.4593 18.6962 21.0493 18.0262L12.8493 4.91625C12.4593 4.28625 11.5393 4.28625 11.1493 4.91625Z",
|
|
1056
1055
|
fill: "#7B0DFF"
|
|
1057
1056
|
})));
|
|
@@ -1129,18 +1128,18 @@ var XL = function (props) { return jsxRuntime.jsx(reactTypography.XL, __assign({
|
|
|
1129
1128
|
var XXL = function (props) { return jsxRuntime.jsx(reactTypography.XXL, __assign({}, props)); };
|
|
1130
1129
|
var XXXL = function (props) { return jsxRuntime.jsx(reactTypography.XXXL, __assign({}, props)); };
|
|
1131
1130
|
|
|
1132
|
-
var _path$
|
|
1131
|
+
var _path$c;
|
|
1133
1132
|
|
|
1134
|
-
function _extends$
|
|
1133
|
+
function _extends$e() { _extends$e = 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$e.apply(this, arguments); }
|
|
1135
1134
|
|
|
1136
1135
|
var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
|
|
1137
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1136
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
|
|
1138
1137
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1139
1138
|
width: 16,
|
|
1140
1139
|
height: 16,
|
|
1141
1140
|
focusable: "false",
|
|
1142
1141
|
viewBox: "0 0 16 16"
|
|
1143
|
-
}, props), _path$
|
|
1142
|
+
}, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1144
1143
|
fill: "currentColor",
|
|
1145
1144
|
d: "M10.39 12.688a.5.5 0 01-.718.69l-.062-.066-4-5a.5.5 0 01-.054-.542l.054-.082 4-5a.5.5 0 01.83.55l-.05.074L6.641 8l3.75 4.688z"
|
|
1146
1145
|
})));
|
|
@@ -1237,18 +1236,18 @@ var HeaderItemText = function (props) { return jsxRuntime.jsx(reactChrome.Header
|
|
|
1237
1236
|
|
|
1238
1237
|
var HeaderItemIcon = function (props) { return (jsxRuntime.jsx(reactChrome.HeaderItemIcon, __assign({}, props))); };
|
|
1239
1238
|
|
|
1240
|
-
var _path$
|
|
1239
|
+
var _path$b;
|
|
1241
1240
|
|
|
1242
|
-
function _extends$
|
|
1241
|
+
function _extends$d() { _extends$d = 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$d.apply(this, arguments); }
|
|
1243
1242
|
|
|
1244
1243
|
var SvgMenuStroke = function SvgMenuStroke(props) {
|
|
1245
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
1244
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
|
|
1246
1245
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1247
1246
|
width: 16,
|
|
1248
1247
|
height: 16,
|
|
1249
1248
|
focusable: "false",
|
|
1250
1249
|
viewBox: "0 0 16 16"
|
|
1251
|
-
}, props), _path$
|
|
1250
|
+
}, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1252
1251
|
fill: "none",
|
|
1253
1252
|
stroke: "currentColor",
|
|
1254
1253
|
strokeLinecap: "round",
|
|
@@ -1290,27 +1289,6 @@ Header.HeaderItemText = HeaderItemText;
|
|
|
1290
1289
|
Header.HeaderItemIcon = HeaderItemIcon;
|
|
1291
1290
|
var templateObject_1$o;
|
|
1292
1291
|
|
|
1293
|
-
var _path$b, _path2;
|
|
1294
|
-
|
|
1295
|
-
function _extends$d() { _extends$d = 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$d.apply(this, arguments); }
|
|
1296
|
-
|
|
1297
|
-
var SvgMegaphoneStroke = function SvgMegaphoneStroke(props) {
|
|
1298
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
|
|
1299
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1300
|
-
width: 16,
|
|
1301
|
-
height: 16,
|
|
1302
|
-
focusable: "false",
|
|
1303
|
-
viewBox: "0 0 16 16"
|
|
1304
|
-
}, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1305
|
-
fill: "none",
|
|
1306
|
-
stroke: "currentColor",
|
|
1307
|
-
d: "M4.5 4.5v7H4a3.5 3.5 0 010-7h.5zm0 7h3V14a1.5 1.5 0 01-3 0v-2.5z"
|
|
1308
|
-
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
1309
|
-
fill: "currentColor",
|
|
1310
|
-
d: "M5 5v6h6l4 4V1l-4 4H5zM14.293.293C14.923-.337 16 .109 16 1v14c0 .89-1.077 1.337-1.707.707L10.586 12H5a1 1 0 01-1-1V5a1 1 0 011-1h5.586L14.293.293z"
|
|
1311
|
-
})));
|
|
1312
|
-
};
|
|
1313
|
-
|
|
1314
1292
|
var _path$a;
|
|
1315
1293
|
|
|
1316
1294
|
function _extends$c() { _extends$c = 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$c.apply(this, arguments); }
|
|
@@ -1338,7 +1316,7 @@ var ChevronButton = styled__default["default"](IconButton)(templateObject_1$n ||
|
|
|
1338
1316
|
*/
|
|
1339
1317
|
var AppHeader = function (_a) {
|
|
1340
1318
|
var brand = _a.brand, avatar = _a.avatar, args = __rest(_a, ["brand", "avatar"]);
|
|
1341
|
-
return (jsxRuntime.jsxs(Header, __assign({}, args, { children: [jsxRuntime.jsx(BrandItem, __assign({}, brand, { toggleMenu: args.onSidebarMenuToggle })), args.hasChangelog && (jsxRuntime.jsx(HeaderItem, __assign({
|
|
1319
|
+
return (jsxRuntime.jsxs(Header, __assign({}, args, { children: [jsxRuntime.jsx(BrandItem, __assign({}, brand, { toggleMenu: args.onSidebarMenuToggle })), args.hasChangelog && args.changelogItem && (jsxRuntime.jsx(HeaderItem, __assign({ style: { marginRight: "-" + theme.space.sm } }, { children: jsxRuntime.jsx(HeaderItemIcon, { children: args.changelogItem }) }))), jsxRuntime.jsx(HeaderItem, __assign({ isRound: true, onClick: args.onProfileModalToggle }, { children: jsxRuntime.jsx(HeaderItemIcon, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Avatar, __assign({}, avatar)), jsxRuntime.jsx(ChevronButton, __assign({ size: "small", isRotated: args.isProfileModalOpen }, { children: jsxRuntime.jsx(SvgChevronDownStroke, {}) }))] }) }) }))] })));
|
|
1342
1320
|
};
|
|
1343
1321
|
var templateObject_1$n;
|
|
1344
1322
|
|
|
@@ -1763,8 +1741,7 @@ var StyledParagraph = styled__default["default"](Paragraph)(templateObject_3$2 |
|
|
|
1763
1741
|
return theme.space.base * 4;
|
|
1764
1742
|
});
|
|
1765
1743
|
var Footer = styled__default["default"].div(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n margin-top: auto;\n"], ["\n margin-top: auto;\n"])));
|
|
1766
|
-
styled__default["default"](
|
|
1767
|
-
var Description = styled__default["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n justify-content: space-between;\n text-align: left;\n width: 100%;\n font-weight: ", ";\n font-size: ", ";\n line-height: 140%;\n color: ", ";\n margin: 2px 0px;\n"], ["\n ", "\n justify-content: space-between;\n text-align: left;\n width: 100%;\n font-weight: ", ";\n font-size: ", ";\n line-height: 140%;\n color: ", ";\n margin: 2px 0px;\n"])), flexCenter, theme.fontWeights.regular, theme.fontSizes.sm, theme.palette.grey["600"]);
|
|
1744
|
+
var Description = styled__default["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n justify-content: space-between;\n text-align: left;\n width: 100%;\n font-weight: ", ";\n font-size: ", ";\n line-height: 140%;\n color: ", ";\n margin: 2px 0px;\n"], ["\n ", "\n justify-content: space-between;\n text-align: left;\n width: 100%;\n font-weight: ", ";\n font-size: ", ";\n line-height: 140%;\n color: ", ";\n margin: 2px 0px;\n"])), flexCenter, theme.fontWeights.regular, theme.fontSizes.sm, theme.palette.grey["600"]);
|
|
1768
1745
|
var HelpItem = function (props) {
|
|
1769
1746
|
var _a, _b, _c;
|
|
1770
1747
|
var csm = props.csm;
|
|
@@ -1779,7 +1756,7 @@ var HelpItem = function (props) {
|
|
|
1779
1756
|
var content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PreviousButton, __assign({ onClick: function () { return props.setActive(""); }, isBasic: true }, { children: props.title })), jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledBody$2, { children: [jsxRuntime.jsx(Paragraph, __assign({ style: { color: theme.palette.grey[600] } }, { children: jsxRuntime.jsx(SM, { children: props.contactLabel }) })), jsxRuntime.jsx(StyledParagraph, { children: jsxRuntime.jsx(Avatar, { children: (_a = props.csm.picture) !== null && _a !== void 0 ? _a : getInitials(props.csm.name), avatarType: props.csm.picture ? "image" : "text", size: "large" }) }), jsxRuntime.jsxs(StyledParagraph, { children: [jsxRuntime.jsx(MD, __assign({ isBold: true }, { children: props.csm.name })), jsxRuntime.jsxs(Description, { children: [jsxRuntime.jsx(Anchor, __assign({ href: "mailto:".concat(props.csm.email), style: { color: theme.palette.grey[600] } }, { children: csmEmailCut })), jsxRuntime.jsxs(Button, __assign({ isBasic: true, onClick: copyToClipBoard, size: "small", variant: "isBasic" }, { children: [jsxRuntime.jsx(Button.StartIcon, { children: jsxRuntime.jsx(SvgCopy, {}) }), (_b = props.copyLabel) !== null && _b !== void 0 ? _b : "Copy"] }))] })] })] }), jsxRuntime.jsxs(Footer, { children: [jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledButton, __assign({ isStretched: true, isBasic: true, onClick: props.toggleChat, style: { paddingLeft: theme.space.xxs } }, { children: [jsxRuntime.jsx(StyledButton.StartIcon, { children: jsxRuntime.jsx(SvgInfoFill, { fill: theme.palette.blue[600] }) }), (_c = props.chatSupportLabel) !== null && _c !== void 0 ? _c : "Report a technical issue"] }))] })] }));
|
|
1780
1757
|
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(MenuItem, __assign({ content: content, value: props.value, selectedItem: props.selectedItem, setActive: props.setActive, icon: jsxRuntime.jsx(SvgQuestionMark, { fill: theme.palette.grey[600] }) }, { children: props.title })) }));
|
|
1781
1758
|
};
|
|
1782
|
-
var templateObject_1$8, templateObject_2$5, templateObject_3$2, templateObject_4$1, templateObject_5
|
|
1759
|
+
var templateObject_1$8, templateObject_2$5, templateObject_3$2, templateObject_4$1, templateObject_5;
|
|
1783
1760
|
|
|
1784
1761
|
var _path$1;
|
|
1785
1762
|
|
|
@@ -1880,7 +1857,7 @@ var UserMenu = function (props) {
|
|
|
1880
1857
|
var toggleItem = function (item) {
|
|
1881
1858
|
setActiveItem(item);
|
|
1882
1859
|
};
|
|
1883
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item === "" && jsxRuntime.jsx(UserContainer, __assign({}, props.user)), jsxRuntime.jsxs(StyledList, { children: [item === "" && jsxRuntime.jsx(Separator, {}), jsxRuntime.jsx(MenuItem, __assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgThumbsUp, {}), setActive: function () { return props.onFeedbackClick(); } }, { children: jsxRuntime.jsxs(MenuItemBody, { children: [props.feedbackTitle || "Give us your feedback", jsxRuntime.jsx(MD, __assign({ style: { color: theme.palette.grey[600] } }, { children: props.feedbackSubTitle || "Help us improve UNGUESS!" }))] }) })), item === "" && jsxRuntime.jsx(Separator, {}), jsxRuntime.jsx(HelpItem, { value: "csm", selectedItem: item, setActive: function (i) { return toggleItem(i); }, title: props.csmTitle || "Need Help?", contactLabel: props.csmContactLabel || "Contact your CSM", csm: props.csm, toggleChat: props.onToggleChat }), jsxRuntime.jsx(LanguageItem, { title: props.languageTitle || "Change Language", value: "language-selector", selectedItem: item, setActive: function (i) { return toggleItem(i); }, languages: props.languages, currentLanguage: props.currentLanguage, onSelectLanguage: function (lang) { return props.onSelectLanguage(lang); } }), jsxRuntime.jsx(MenuItem, __assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgExit, { fill: theme.palette.red[600] }), setActive: function () { return props.onLogout(); } }, { children: props.logoutTitle || "Log out" }))] })] }));
|
|
1860
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item === "" && jsxRuntime.jsx(UserContainer, __assign({}, props.user)), jsxRuntime.jsxs(StyledList, { children: [item === "" && props.onFeedbackClick && jsxRuntime.jsx(Separator, {}), props.onFeedbackClick && (jsxRuntime.jsx(MenuItem, __assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgThumbsUp, {}), setActive: function () { return props.onFeedbackClick ? props.onFeedbackClick() : console.log("feedback fired"); } }, { children: jsxRuntime.jsxs(MenuItemBody, { children: [props.feedbackTitle || "Give us your feedback", jsxRuntime.jsx(MD, __assign({ style: { color: theme.palette.grey[600] } }, { children: props.feedbackSubTitle || "Help us improve UNGUESS!" }))] }) }))), item === "" && jsxRuntime.jsx(Separator, {}), jsxRuntime.jsx(HelpItem, { value: "csm", selectedItem: item, setActive: function (i) { return toggleItem(i); }, title: props.csmTitle || "Need Help?", contactLabel: props.csmContactLabel || "Contact your CSM", csm: props.csm, toggleChat: props.onToggleChat, chatSupportLabel: props === null || props === void 0 ? void 0 : props.chatSupportLabel, copyLabel: props === null || props === void 0 ? void 0 : props.copyLabel }), jsxRuntime.jsx(LanguageItem, { title: props.languageTitle || "Change Language", value: "language-selector", selectedItem: item, setActive: function (i) { return toggleItem(i); }, languages: props.languages, currentLanguage: props.currentLanguage, currentLanguageLabel: props.currentLanguageLabel, onSelectLanguage: function (lang) { return props.onSelectLanguage(lang); } }), jsxRuntime.jsx(MenuItem, __assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgExit, { fill: theme.palette.red[600] }), setActive: function () { return props.onLogout(); } }, { children: props.logoutTitle || "Log out" }))] })] }));
|
|
1884
1861
|
};
|
|
1885
1862
|
var templateObject_1$5;
|
|
1886
1863
|
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
declare const Field: (props: FieldArgs) => JSX.Element;
|
|
2
|
+
declare const Field: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
4
3
|
export { Field };
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
1
2
|
import { BrandItemArgs } from "../header/header-item/_types";
|
|
2
3
|
import { AvatarArgs } from "../../avatar/_types";
|
|
3
4
|
import { HeaderArgs } from "../header/_types";
|
|
4
5
|
export interface AppHeaderArgs extends HeaderArgs {
|
|
5
6
|
/** Display the changelog trigger item */
|
|
6
7
|
hasChangelog?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
|
|
8
|
+
/** Changelog element */
|
|
9
|
+
changelogItem?: React.ReactNode;
|
|
9
10
|
/** Set Brand Item settings */
|
|
10
11
|
brand?: BrandItemArgs;
|
|
11
12
|
/** Set Avatar settings */
|
|
@@ -27,6 +27,8 @@ export interface UserMenuArgs extends LiHTMLAttributes<HTMLLIElement> {
|
|
|
27
27
|
feedbackSubTitle?: string;
|
|
28
28
|
csmTitle?: string;
|
|
29
29
|
csmContactLabel?: string;
|
|
30
|
+
copyLabel?: string;
|
|
31
|
+
chatSupportLabel?: string;
|
|
30
32
|
languageTitle?: string;
|
|
31
33
|
currentLanguageLabel?: string;
|
|
32
34
|
languages: {
|
|
@@ -35,7 +37,7 @@ export interface UserMenuArgs extends LiHTMLAttributes<HTMLLIElement> {
|
|
|
35
37
|
currentLanguage: string;
|
|
36
38
|
logoutTitle?: string;
|
|
37
39
|
onSelectLanguage: (lang: string) => void;
|
|
38
|
-
onFeedbackClick
|
|
40
|
+
onFeedbackClick?: () => void;
|
|
39
41
|
onToggleChat: () => void;
|
|
40
42
|
onLogout: () => void;
|
|
41
43
|
}
|