@appquality/unguess-design-system 2.12.65 → 2.12.67
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 +28 -0
- package/build/index.js +299 -243
- package/build/stories/dropdowns/countermultiselect/_types.d.ts +4 -3
- package/build/stories/dropdowns/menu/index.d.ts +3 -3
- package/build/stories/label/index.d.ts +5 -3
- package/build/stories/player/parts/audioButton.d.ts +1 -7
- package/build/stories/profile-modal/_types.d.ts +5 -0
- package/package.json +1 -1
package/build/index.js
CHANGED
|
@@ -25,12 +25,12 @@ var sunburst = require('@nivo/sunburst');
|
|
|
25
25
|
var waffle = require('@nivo/waffle');
|
|
26
26
|
var reactModals = require('@zendeskgarden/react-modals');
|
|
27
27
|
var reactDropdowns = require('@zendeskgarden/react-dropdowns');
|
|
28
|
+
var reactForms = require('@zendeskgarden/react-forms');
|
|
28
29
|
var react = require('@tiptap/react');
|
|
29
30
|
var Typography = require('@tiptap/extension-typography');
|
|
30
31
|
var StarterKit = require('@tiptap/starter-kit');
|
|
31
32
|
var Placeholder = require('@tiptap/extension-placeholder');
|
|
32
33
|
var CharacterCount = require('@tiptap/extension-character-count');
|
|
33
|
-
var reactForms = require('@zendeskgarden/react-forms');
|
|
34
34
|
var reactGrid = require('@zendeskgarden/react-grid');
|
|
35
35
|
var reactChrome = require('@zendeskgarden/react-chrome');
|
|
36
36
|
var formik = require('formik');
|
|
@@ -604,10 +604,10 @@ const Tag = (props) => jsxRuntime.jsx(reactTags.Tag, Object.assign({}, props));
|
|
|
604
604
|
Tag.Avatar = reactTags.Tag.Avatar;
|
|
605
605
|
Tag.Close = reactTags.Tag.Close;
|
|
606
606
|
|
|
607
|
-
var _g$7, _path$
|
|
608
|
-
function _extends$
|
|
607
|
+
var _g$7, _path$z;
|
|
608
|
+
function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : 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); }
|
|
609
609
|
var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
|
|
610
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
610
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
|
|
611
611
|
width: 24,
|
|
612
612
|
height: 24,
|
|
613
613
|
viewBox: "0 0 24 24",
|
|
@@ -619,16 +619,16 @@ var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
|
|
|
619
619
|
opacity: 0.3,
|
|
620
620
|
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",
|
|
621
621
|
fill: "#003A57"
|
|
622
|
-
}))), _path$
|
|
622
|
+
}))), _path$z || (_path$z = /*#__PURE__*/React__namespace.createElement("path", {
|
|
623
623
|
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",
|
|
624
624
|
fill: "#003A57"
|
|
625
625
|
})));
|
|
626
626
|
};
|
|
627
627
|
|
|
628
|
-
var _g$6, _path$
|
|
629
|
-
function _extends$
|
|
628
|
+
var _g$6, _path$y, _path2$a, _path3$5, _path4$2, _path5$1, _path6$1, _path7$1, _path8$1, _path9$1, _path10$1, _path11$1;
|
|
629
|
+
function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : 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); }
|
|
630
630
|
var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
|
|
631
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
631
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
|
|
632
632
|
width: 25,
|
|
633
633
|
height: 24,
|
|
634
634
|
viewBox: "0 0 25 24",
|
|
@@ -639,11 +639,11 @@ var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
|
|
|
639
639
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
640
640
|
d: "M12.1641 24C18.7915 24 24.1641 18.6274 24.1641 12C24.1641 5.37258 18.7915 0 12.1641 0C5.53665 0 0.164062 5.37258 0.164062 12C0.164062 18.6274 5.53665 24 12.1641 24Z",
|
|
641
641
|
fill: "#D3ECDB"
|
|
642
|
-
}))), _path$
|
|
642
|
+
}))), _path$y || (_path$y = /*#__PURE__*/React__namespace.createElement("path", {
|
|
643
643
|
opacity: 0.8,
|
|
644
644
|
d: "M12.653 3.1964C8.84605 3.1964 5.76496 6.27748 5.76496 10.0844C5.76496 10.2596 5.76496 10.4347 5.7904 10.5854C5.46458 11.1861 4.98908 12.0129 4.41279 12.5138C3.98719 12.8896 4.08697 13.2907 4.13687 13.4404C4.26211 13.7662 4.61237 14.0411 5.18866 14.2417C5.38924 14.3171 5.61427 14.367 5.81485 14.4169L5.84028 16.8463C5.84028 17.7983 6.6416 18.625 7.61905 18.625L9.09645 18.1495L9.24713 19.0262C9.34693 19.6025 9.84787 20.0281 10.4496 20.0281C10.5249 20.0281 10.6003 20.0281 10.6746 20.0026L15.3084 19.1769C15.9845 19.0516 16.4101 18.4254 16.3103 17.7494L15.9845 16.1213C18.1634 14.9188 19.541 12.5891 19.541 10.0843C19.541 6.30267 16.4356 3.19629 12.6529 3.19629L12.653 3.1964Z",
|
|
645
645
|
fill: "#70C38A"
|
|
646
|
-
})), _path2$
|
|
646
|
+
})), _path2$a || (_path2$a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
647
647
|
fillRule: "evenodd",
|
|
648
648
|
clipRule: "evenodd",
|
|
649
649
|
d: "M6.55859 10.7679V10.1211H8.23278V10.7679H6.55859Z",
|
|
@@ -696,19 +696,19 @@ var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
|
|
|
696
696
|
})));
|
|
697
697
|
};
|
|
698
698
|
|
|
699
|
-
var _path$
|
|
700
|
-
function _extends$
|
|
699
|
+
var _path$x, _path2$9, _path3$4, _path4$1;
|
|
700
|
+
function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : 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); }
|
|
701
701
|
var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
|
|
702
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
702
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
|
|
703
703
|
width: 24,
|
|
704
704
|
height: 24,
|
|
705
705
|
viewBox: "0 0 24 24",
|
|
706
706
|
fill: "none",
|
|
707
707
|
xmlns: "http://www.w3.org/2000/svg"
|
|
708
|
-
}, props), _path$
|
|
708
|
+
}, props), _path$x || (_path$x = /*#__PURE__*/React__namespace.createElement("path", {
|
|
709
709
|
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",
|
|
710
710
|
fill: "#F8F9F9"
|
|
711
|
-
})), _path2$
|
|
711
|
+
})), _path2$9 || (_path2$9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
712
712
|
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",
|
|
713
713
|
fill: "#27DD70"
|
|
714
714
|
})), _path3$4 || (_path3$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -720,19 +720,19 @@ var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
|
|
|
720
720
|
})));
|
|
721
721
|
};
|
|
722
722
|
|
|
723
|
-
var _path$
|
|
724
|
-
function _extends$
|
|
723
|
+
var _path$w, _path2$8, _path3$3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11;
|
|
724
|
+
function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : 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); }
|
|
725
725
|
var SvgCampaignProgress = function SvgCampaignProgress(props) {
|
|
726
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
726
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
|
|
727
727
|
width: 24,
|
|
728
728
|
height: 24,
|
|
729
729
|
viewBox: "0 0 24 24",
|
|
730
730
|
fill: "none",
|
|
731
731
|
xmlns: "http://www.w3.org/2000/svg"
|
|
732
|
-
}, props), _path$
|
|
732
|
+
}, props), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
|
|
733
733
|
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",
|
|
734
734
|
fill: "#F8F9F9"
|
|
735
|
-
})), _path2$
|
|
735
|
+
})), _path2$8 || (_path2$8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
736
736
|
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",
|
|
737
737
|
fill: "#D1820A"
|
|
738
738
|
})), _path3$3 || (_path3$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -765,19 +765,19 @@ var SvgCampaignProgress = function SvgCampaignProgress(props) {
|
|
|
765
765
|
})));
|
|
766
766
|
};
|
|
767
767
|
|
|
768
|
-
var _path$
|
|
769
|
-
function _extends$
|
|
768
|
+
var _path$v, _path2$7, _path3$2;
|
|
769
|
+
function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : 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); }
|
|
770
770
|
var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
|
|
771
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
771
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
|
|
772
772
|
width: 24,
|
|
773
773
|
height: 24,
|
|
774
774
|
viewBox: "0 0 24 24",
|
|
775
775
|
fill: "none",
|
|
776
776
|
xmlns: "http://www.w3.org/2000/svg"
|
|
777
|
-
}, props), _path$
|
|
777
|
+
}, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
|
|
778
778
|
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",
|
|
779
779
|
fill: "#F8F9F9"
|
|
780
|
-
})), _path2$
|
|
780
|
+
})), _path2$7 || (_path2$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
781
781
|
d: "M11.2266 13.0313H14.997M11.2266 9.26075V13.0313V9.26075ZM11.2266 13.0313L20.121 5.03906L11.2266 13.0313Z",
|
|
782
782
|
stroke: "#1371D6",
|
|
783
783
|
strokeWidth: 1.5,
|
|
@@ -991,14 +991,14 @@ const StyledTagNew$1 = styled__default["default"](Tag) `
|
|
|
991
991
|
${({ theme }) => theme.space.base * 2}px;
|
|
992
992
|
color: ${({ theme }) => theme.palette.white};
|
|
993
993
|
`;
|
|
994
|
-
const StyledLabel$
|
|
994
|
+
const StyledLabel$3 = styled__default["default"](SM) `
|
|
995
995
|
color: ${({ theme }) => theme.palette.grey["500"]};
|
|
996
996
|
`;
|
|
997
997
|
const CampaignCard = (_a) => {
|
|
998
998
|
var { isNew, date, projectTitle, campaignTitle, status, type, labelNew } = _a, props = __rest(_a, ["isNew", "date", "projectTitle", "campaignTitle", "status", "type", "labelNew"]);
|
|
999
999
|
const StatusIcon = getStatusIcon(status !== null && status !== void 0 ? status : "PROGRESS");
|
|
1000
1000
|
const PillIcon = getTypeDataIcon(type);
|
|
1001
|
-
return props.isLoading ? (jsxRuntime.jsx(CampaignCardSkeleton, {})) : (jsxRuntime.jsxs(SpecialCard, Object.assign({ title: campaignTitle }, props, { children: [jsxRuntime.jsxs(SpecialCard.Meta, { children: [jsxRuntime.jsx(StyledLabel$
|
|
1001
|
+
return props.isLoading ? (jsxRuntime.jsx(CampaignCardSkeleton, {})) : (jsxRuntime.jsxs(SpecialCard, Object.assign({ title: campaignTitle }, props, { children: [jsxRuntime.jsxs(SpecialCard.Meta, { children: [jsxRuntime.jsx(StyledLabel$3, { children: date }), isNew && (jsxRuntime.jsx(StyledTagNew$1, Object.assign({ hue: theme.palette.fuschia["600"], isPill: true, size: "medium", title: labelNew ? labelNew : "New!" }, { children: labelNew ? labelNew : "New!" })))] }), jsxRuntime.jsxs(SpecialCard.Header, { children: [jsxRuntime.jsx(SpecialCard.Header.Label, { children: projectTitle }), jsxRuntime.jsx(SpecialCard.Header.Title, { children: campaignTitle })] }), jsxRuntime.jsxs(SpecialCard.Footer, { children: [props.pillText && (jsxRuntime.jsxs(StyledTag$3, Object.assign({ size: "large", isPill: true, isRegular: true, hue: theme.palette.grey[100] }, { children: [jsxRuntime.jsx(Tag.Avatar, { children: jsxRuntime.jsx(PillIcon, {}) }), jsxRuntime.jsx(Ellipsis, Object.assign({ style: { maxWidth: "180px" } }, { children: props.pillText }))] }))), jsxRuntime.jsx(StatusIcon, {})] })] })));
|
|
1002
1002
|
};
|
|
1003
1003
|
|
|
1004
1004
|
const StyledTagNew = styled__default["default"](Tag) `
|
|
@@ -1831,20 +1831,73 @@ const ItemContent = (props) => {
|
|
|
1831
1831
|
return (jsxRuntime.jsxs(Container$1, { children: [thumbSrc && (jsxRuntime.jsx(ThumbContainer, { children: jsxRuntime.jsx(Image$1, { src: thumbSrc }) })), jsxRuntime.jsxs(MetaContainer$1, { children: [label && jsxRuntime.jsx(Label$1, Object.assign({ isBold: true }, { children: label })), description && jsxRuntime.jsx(Description$1, { children: description })] })] }));
|
|
1832
1832
|
};
|
|
1833
1833
|
|
|
1834
|
+
const StyledMenu = styled__default["default"](reactDropdowns.Menu) `
|
|
1835
|
+
width: auto !important;
|
|
1836
|
+
`;
|
|
1834
1837
|
/**
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
const Menu = (props) => jsxRuntime.jsx(
|
|
1838
|
+
* A Menu is a wrapper for items elements
|
|
1839
|
+
**/
|
|
1840
|
+
const Menu = (props) => jsxRuntime.jsx(StyledMenu, Object.assign({}, props));
|
|
1838
1841
|
// Extras
|
|
1839
|
-
const PreviousItem = (props) => jsxRuntime.jsx(reactDropdowns.PreviousItem, Object.assign({}, props));
|
|
1840
|
-
const Separator = (props) => jsxRuntime.jsx(reactDropdowns.Separator, Object.assign({}, props));
|
|
1842
|
+
const PreviousItem = (props) => (jsxRuntime.jsx(reactDropdowns.PreviousItem, Object.assign({}, props)));
|
|
1843
|
+
const Separator = (props) => (jsxRuntime.jsx(reactDropdowns.Separator, Object.assign({}, props)));
|
|
1841
1844
|
const NextItem = (props) => jsxRuntime.jsx(reactDropdowns.NextItem, Object.assign({}, props));
|
|
1842
|
-
const ItemMeta = (props) => jsxRuntime.jsx(reactDropdowns.ItemMeta, Object.assign({}, props));
|
|
1843
|
-
const MediaBody = (props) => jsxRuntime.jsx(reactDropdowns.MediaBody, Object.assign({}, props));
|
|
1844
|
-
const MediaFigure = (props) => jsxRuntime.jsx(reactDropdowns.MediaFigure, Object.assign({}, props));
|
|
1845
|
-
const MediaItem = (props) => jsxRuntime.jsx(reactDropdowns.MediaItem, Object.assign({}, props));
|
|
1845
|
+
const ItemMeta = (props) => (jsxRuntime.jsx(reactDropdowns.ItemMeta, Object.assign({}, props)));
|
|
1846
|
+
const MediaBody = (props) => (jsxRuntime.jsx(reactDropdowns.MediaBody, Object.assign({}, props)));
|
|
1847
|
+
const MediaFigure = (props) => (jsxRuntime.jsx(reactDropdowns.MediaFigure, Object.assign({}, props)));
|
|
1848
|
+
const MediaItem = (props) => (jsxRuntime.jsx(reactDropdowns.MediaItem, Object.assign({}, props)));
|
|
1849
|
+
|
|
1850
|
+
const StyledAutocomplete$1 = styled__default["default"](reactDropdowns.Autocomplete) `
|
|
1851
|
+
width: 100%;
|
|
1852
|
+
`;
|
|
1853
|
+
/**
|
|
1854
|
+
* Autocomplete is an input field that filters results as users type. This helps users find something quickly in a large list of options.
|
|
1855
|
+
* <hr>
|
|
1856
|
+
* Used for this:
|
|
1857
|
+
- To filter down a large list of options
|
|
1858
|
+
- To quickly find a known option
|
|
1859
|
+
* Not for this:
|
|
1860
|
+
- To make more than one selection, use Multiselect instead
|
|
1861
|
+
*/
|
|
1862
|
+
const Autocomplete = (props) => (jsxRuntime.jsx(StyledAutocomplete$1, Object.assign({}, props)));
|
|
1846
1863
|
|
|
1847
|
-
const
|
|
1864
|
+
const StyledLabel$2 = styled__default["default"](reactForms.Label) ``;
|
|
1865
|
+
/**
|
|
1866
|
+
* A Label is used to specify a title for an input.
|
|
1867
|
+
* <hr>
|
|
1868
|
+
**/
|
|
1869
|
+
const Label = (props) => jsxRuntime.jsx(StyledLabel$2, Object.assign({}, props));
|
|
1870
|
+
|
|
1871
|
+
const UgSelect = styled__default["default"](reactDropdowns.Select) `
|
|
1872
|
+
${(props) => props.isPrimary &&
|
|
1873
|
+
`
|
|
1874
|
+
background-color: ${props.theme.palette.blue[600]};
|
|
1875
|
+
color: white;
|
|
1876
|
+
& svg[data-garden-id="forms.media_figure"] {
|
|
1877
|
+
color: white;
|
|
1878
|
+
}
|
|
1879
|
+
`}
|
|
1880
|
+
`;
|
|
1881
|
+
/**
|
|
1882
|
+
* Select allows a user to pick one option from a list. This helps simplify the UI when space is limited
|
|
1883
|
+
* <hr>
|
|
1884
|
+
* Used for this:
|
|
1885
|
+
- To make a selection from a list of options
|
|
1886
|
+
* Not for this:
|
|
1887
|
+
- To filter a large list of options, use Autocomplete instead
|
|
1888
|
+
- To make multiple selections from a list, use Multiselect instead
|
|
1889
|
+
- To select from a list on mobile, use a native Select instead
|
|
1890
|
+
*/
|
|
1891
|
+
const Select = (props) => jsxRuntime.jsx(UgSelect, Object.assign({}, props));
|
|
1892
|
+
const StyledDropdown = styled__default["default"].div `
|
|
1893
|
+
${StyledLabel$2} {
|
|
1894
|
+
display: block;
|
|
1895
|
+
}
|
|
1896
|
+
`;
|
|
1897
|
+
const Dropdown = (props) => (jsxRuntime.jsx(StyledDropdown, { children: jsxRuntime.jsx(reactDropdowns.Dropdown, Object.assign({}, props)) }));
|
|
1898
|
+
const Message = (props) => jsxRuntime.jsx(reactDropdowns.Message, Object.assign({}, props));
|
|
1899
|
+
|
|
1900
|
+
const StyledAutocomplete = styled__default["default"](Autocomplete) `
|
|
1848
1901
|
${(props) => props.hasSelectedItems &&
|
|
1849
1902
|
`
|
|
1850
1903
|
border-color: ${props.theme.colors.primaryHue};
|
|
@@ -1870,56 +1923,24 @@ const CounterMultiselect = ({ options, label, i18n, onChange, isCompact, }) => {
|
|
|
1870
1923
|
setSelectedItems(options.filter((o) => o.selected));
|
|
1871
1924
|
}, [options]);
|
|
1872
1925
|
const hasSelectedItems = selectedItems.length > 0;
|
|
1873
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(
|
|
1926
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(Dropdown, Object.assign({ inputValue: inputValue, selectedItems: selectedItems, onSelect: (items) => {
|
|
1874
1927
|
if (items) {
|
|
1875
1928
|
setSelectedItems(items);
|
|
1876
1929
|
if (onChange)
|
|
1877
1930
|
onChange(items);
|
|
1878
1931
|
}
|
|
1879
1932
|
}, downshiftProps: {
|
|
1880
|
-
itemToString: (item) => item && item.
|
|
1881
|
-
},
|
|
1933
|
+
itemToString: (item) => item && item.itemId,
|
|
1934
|
+
}, onStateChange: (changes) => {
|
|
1935
|
+
if (changes.isOpen === false)
|
|
1936
|
+
setInputValue("");
|
|
1937
|
+
}, onInputValueChange: (value) => setInputValue(value) }, { children: [jsxRuntime.jsxs(Field$1, { children: [label && jsxRuntime.jsx(Label, { children: label }), jsxRuntime.jsx(StyledAutocomplete, Object.assign({ isCompact: isCompact, hasSelectedItems: hasSelectedItems }, { children: hasSelectedItems
|
|
1882
1938
|
? (i18n === null || i18n === void 0 ? void 0 : i18n.counterText)
|
|
1883
1939
|
? i18n.counterText(selectedItems.length)
|
|
1884
1940
|
: `Items (${selectedItems.length})`
|
|
1885
|
-
: (_a = i18n === null || i18n === void 0 ? void 0 : i18n.noItems) !== null && _a !== void 0 ? _a : "No items" }))] }), jsxRuntime.jsx(
|
|
1941
|
+
: (_a = i18n === null || i18n === void 0 ? void 0 : i18n.noItems) !== null && _a !== void 0 ? _a : "No items" }))] }), jsxRuntime.jsx(Menu, Object.assign({ isCompact: isCompact }, { children: matchingOptions.length === 0 ? (jsxRuntime.jsx(Item$1, Object.assign({ disabled: true }, { children: (_b = i18n === null || i18n === void 0 ? void 0 : i18n.noMatches) !== null && _b !== void 0 ? _b : "No matches found" }))) : (matchingOptions.map((option) => (jsxRuntime.jsx(Item$1, Object.assign({ value: option }, option, { children: jsxRuntime.jsx("span", { children: option.label }) }), option.itemId)))) }))] })) }));
|
|
1886
1942
|
};
|
|
1887
1943
|
|
|
1888
|
-
const UgSelect = styled__default["default"](reactDropdowns.Select) `
|
|
1889
|
-
${(props) => props.isPrimary &&
|
|
1890
|
-
`
|
|
1891
|
-
background-color: ${props.theme.palette.blue[600]};
|
|
1892
|
-
color: white;
|
|
1893
|
-
& svg[data-garden-id="forms.media_figure"] {
|
|
1894
|
-
color: white;
|
|
1895
|
-
}
|
|
1896
|
-
`}
|
|
1897
|
-
`;
|
|
1898
|
-
/**
|
|
1899
|
-
* Select allows a user to pick one option from a list. This helps simplify the UI when space is limited
|
|
1900
|
-
* <hr>
|
|
1901
|
-
* Used for this:
|
|
1902
|
-
- To make a selection from a list of options
|
|
1903
|
-
* Not for this:
|
|
1904
|
-
- To filter a large list of options, use Autocomplete instead
|
|
1905
|
-
- To make multiple selections from a list, use Multiselect instead
|
|
1906
|
-
- To select from a list on mobile, use a native Select instead
|
|
1907
|
-
*/
|
|
1908
|
-
const Select = (props) => jsxRuntime.jsx(UgSelect, Object.assign({}, props));
|
|
1909
|
-
const Dropdown = (props) => (jsxRuntime.jsx(reactDropdowns.Dropdown, Object.assign({}, props)));
|
|
1910
|
-
const Message = (props) => jsxRuntime.jsx(reactDropdowns.Message, Object.assign({}, props));
|
|
1911
|
-
|
|
1912
|
-
/**
|
|
1913
|
-
* Autocomplete is an input field that filters results as users type. This helps users find something quickly in a large list of options.
|
|
1914
|
-
* <hr>
|
|
1915
|
-
* Used for this:
|
|
1916
|
-
- To filter down a large list of options
|
|
1917
|
-
- To quickly find a known option
|
|
1918
|
-
* Not for this:
|
|
1919
|
-
- To make more than one selection, use Multiselect instead
|
|
1920
|
-
*/
|
|
1921
|
-
const Autocomplete = (props) => jsxRuntime.jsx(reactDropdowns.Autocomplete, Object.assign({}, props));
|
|
1922
|
-
|
|
1923
1944
|
const MenuHeaderItem = (props) => (jsxRuntime.jsx(reactDropdowns.HeaderItem, Object.assign({}, props)));
|
|
1924
1945
|
|
|
1925
1946
|
const editorStyle = styled.css `
|
|
@@ -2176,31 +2197,31 @@ const editorStyle = styled.css `
|
|
|
2176
2197
|
}
|
|
2177
2198
|
`;
|
|
2178
2199
|
|
|
2179
|
-
var _path$
|
|
2180
|
-
function _extends$
|
|
2200
|
+
var _path$u;
|
|
2201
|
+
function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : 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$B.apply(this, arguments); }
|
|
2181
2202
|
var SvgBoldFill = function SvgBoldFill(props) {
|
|
2182
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2203
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
|
|
2183
2204
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2184
2205
|
width: 16,
|
|
2185
2206
|
height: 16,
|
|
2186
2207
|
focusable: "false",
|
|
2187
2208
|
viewBox: "0 0 16 16"
|
|
2188
|
-
}, props), _path$
|
|
2209
|
+
}, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2189
2210
|
fill: "currentColor",
|
|
2190
2211
|
d: "M7.5 0C9.952 0 12 2.048 12 4.5a4.483 4.483 0 01-1.27 3.108C12.078 8.39 13 9.855 13 11.5c0 2.452-2.048 4.5-4.5 4.5H4a1 1 0 01-1-1V1a1 1 0 011-1h3.5zM5 14h3.5c1.348 0 2.5-1.152 2.5-2.5S9.848 9 8.5 9H5v5zM7.5 2H5v5h2.5C8.848 7 10 5.848 10 4.5S8.848 2 7.5 2z"
|
|
2191
2212
|
})));
|
|
2192
2213
|
};
|
|
2193
2214
|
|
|
2194
|
-
var _path$
|
|
2195
|
-
function _extends$
|
|
2215
|
+
var _path$t;
|
|
2216
|
+
function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : 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$A.apply(this, arguments); }
|
|
2196
2217
|
var SvgItalicFill = function SvgItalicFill(props) {
|
|
2197
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2218
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
|
|
2198
2219
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2199
2220
|
width: 16,
|
|
2200
2221
|
height: 16,
|
|
2201
2222
|
focusable: "false",
|
|
2202
2223
|
viewBox: "0 0 16 16"
|
|
2203
|
-
}, props), _path$
|
|
2224
|
+
}, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2204
2225
|
fill: "none",
|
|
2205
2226
|
stroke: "currentColor",
|
|
2206
2227
|
strokeLinecap: "round",
|
|
@@ -2209,19 +2230,19 @@ var SvgItalicFill = function SvgItalicFill(props) {
|
|
|
2209
2230
|
})));
|
|
2210
2231
|
};
|
|
2211
2232
|
|
|
2212
|
-
var _path$
|
|
2213
|
-
function _extends$
|
|
2233
|
+
var _path$s, _path2$6;
|
|
2234
|
+
function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : 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$z.apply(this, arguments); }
|
|
2214
2235
|
var SvgQuoteFill = function SvgQuoteFill(props) {
|
|
2215
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2236
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
|
|
2216
2237
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2217
2238
|
width: 16,
|
|
2218
2239
|
height: 16,
|
|
2219
2240
|
focusable: "false",
|
|
2220
2241
|
viewBox: "0 0 16 16"
|
|
2221
|
-
}, props), _path$
|
|
2242
|
+
}, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2222
2243
|
fill: "currentColor",
|
|
2223
2244
|
d: "M7 8H4c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1zm6 0h-3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1z"
|
|
2224
|
-
})), _path2$
|
|
2245
|
+
})), _path2$6 || (_path2$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2225
2246
|
fill: "none",
|
|
2226
2247
|
stroke: "currentColor",
|
|
2227
2248
|
strokeLinecap: "round",
|
|
@@ -2231,9 +2252,9 @@ var SvgQuoteFill = function SvgQuoteFill(props) {
|
|
|
2231
2252
|
};
|
|
2232
2253
|
|
|
2233
2254
|
var _g$5;
|
|
2234
|
-
function _extends$
|
|
2255
|
+
function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : 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$y.apply(this, arguments); }
|
|
2235
2256
|
var SvgH1Fill = function SvgH1Fill(props) {
|
|
2236
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2257
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
|
|
2237
2258
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2238
2259
|
width: 16,
|
|
2239
2260
|
height: 16,
|
|
@@ -2261,9 +2282,9 @@ var SvgH1Fill = function SvgH1Fill(props) {
|
|
|
2261
2282
|
};
|
|
2262
2283
|
|
|
2263
2284
|
var _g$4;
|
|
2264
|
-
function _extends$
|
|
2285
|
+
function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : 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$x.apply(this, arguments); }
|
|
2265
2286
|
var SvgH2Fill = function SvgH2Fill(props) {
|
|
2266
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2287
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
|
|
2267
2288
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2268
2289
|
width: 16,
|
|
2269
2290
|
height: 16,
|
|
@@ -2291,9 +2312,9 @@ var SvgH2Fill = function SvgH2Fill(props) {
|
|
|
2291
2312
|
};
|
|
2292
2313
|
|
|
2293
2314
|
var _g$3;
|
|
2294
|
-
function _extends$
|
|
2315
|
+
function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : 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$w.apply(this, arguments); }
|
|
2295
2316
|
var SvgH3Fill = function SvgH3Fill(props) {
|
|
2296
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2317
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
|
|
2297
2318
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2298
2319
|
width: 16,
|
|
2299
2320
|
height: 16,
|
|
@@ -2498,13 +2519,6 @@ const UgCheckbox = styled__default["default"](reactForms.Checkbox) ``;
|
|
|
2498
2519
|
**/
|
|
2499
2520
|
const Checkbox = (props) => jsxRuntime.jsx(UgCheckbox, Object.assign({}, props));
|
|
2500
2521
|
|
|
2501
|
-
const UgLabel$1 = styled__default["default"](reactForms.Label) ``;
|
|
2502
|
-
/**
|
|
2503
|
-
* A Label is used to specify a title for an input.
|
|
2504
|
-
* <hr>
|
|
2505
|
-
**/
|
|
2506
|
-
const Label = (props) => jsxRuntime.jsx(UgLabel$1, Object.assign({}, props));
|
|
2507
|
-
|
|
2508
2522
|
const StyledLabel$1 = styled__default["default"](Label) `
|
|
2509
2523
|
margin: ${({ theme }) => theme.space.base}px auto;
|
|
2510
2524
|
`;
|
|
@@ -2542,9 +2556,9 @@ const Hint = styled__default["default"](reactForms.Hint) ``;
|
|
|
2542
2556
|
const Input = React.forwardRef((props, ref) => jsxRuntime.jsx(UgInput, Object.assign({ ref: ref }, props)));
|
|
2543
2557
|
|
|
2544
2558
|
var _g$2;
|
|
2545
|
-
function _extends$
|
|
2559
|
+
function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : 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$v.apply(this, arguments); }
|
|
2546
2560
|
var SvgNotesStroke = function SvgNotesStroke(props) {
|
|
2547
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2561
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
|
|
2548
2562
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2549
2563
|
width: 16,
|
|
2550
2564
|
height: 16,
|
|
@@ -2663,16 +2677,16 @@ const UgRadio = styled__default["default"](reactForms.Radio) ``;
|
|
|
2663
2677
|
**/
|
|
2664
2678
|
const Radio = (props) => jsxRuntime.jsx(UgRadio, Object.assign({}, props));
|
|
2665
2679
|
|
|
2666
|
-
var _path$
|
|
2667
|
-
function _extends$
|
|
2680
|
+
var _path$r;
|
|
2681
|
+
function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : 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$u.apply(this, arguments); }
|
|
2668
2682
|
var SvgCheckLg = function SvgCheckLg(props) {
|
|
2669
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2683
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
|
|
2670
2684
|
width: 16,
|
|
2671
2685
|
height: 16,
|
|
2672
2686
|
viewBox: "0 0 16 16",
|
|
2673
2687
|
fill: "#68737D",
|
|
2674
2688
|
xmlns: "http://www.w3.org/2000/svg"
|
|
2675
|
-
}, props), _path$
|
|
2689
|
+
}, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2676
2690
|
fillRule: "evenodd",
|
|
2677
2691
|
clipRule: "evenodd",
|
|
2678
2692
|
d: "M14.6464 2.64645C14.8417 2.45118 15.1583 2.45118 15.3536 2.64645C15.5488 2.84171 15.5488 3.15829 15.3536 3.35355L5.35355 13.3536C5.15829 13.5488 4.84171 13.5488 4.64645 13.3536L0.646447 9.35355C0.451184 9.15829 0.451184 8.84171 0.646447 8.64645C0.841709 8.45118 1.15829 8.45118 1.35355 8.64645L5 12.2929L14.6464 2.64645Z"
|
|
@@ -2754,46 +2768,46 @@ const Row$1 = (props) => jsxRuntime.jsx(reactGrid.Row, Object.assign({}, props))
|
|
|
2754
2768
|
*/
|
|
2755
2769
|
const Grid = (props) => jsxRuntime.jsx(reactGrid.Grid, Object.assign({}, props));
|
|
2756
2770
|
|
|
2757
|
-
var _path$
|
|
2758
|
-
function _extends$
|
|
2771
|
+
var _path$q;
|
|
2772
|
+
function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : 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$t.apply(this, arguments); }
|
|
2759
2773
|
var SvgUgSquare = function SvgUgSquare(props) {
|
|
2760
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2774
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
|
|
2761
2775
|
width: 24,
|
|
2762
2776
|
height: 24,
|
|
2763
2777
|
viewBox: "0 0 24 24",
|
|
2764
2778
|
fill: "none",
|
|
2765
2779
|
xmlns: "http://www.w3.org/2000/svg"
|
|
2766
|
-
}, props), _path$
|
|
2780
|
+
}, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2767
2781
|
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",
|
|
2768
2782
|
fill: "#E80C7A"
|
|
2769
2783
|
})));
|
|
2770
2784
|
};
|
|
2771
2785
|
|
|
2772
|
-
var _path$
|
|
2773
|
-
function _extends$
|
|
2786
|
+
var _path$p;
|
|
2787
|
+
function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : 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$s.apply(this, arguments); }
|
|
2774
2788
|
var SvgUgCircle = function SvgUgCircle(props) {
|
|
2775
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2789
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
|
|
2776
2790
|
width: 24,
|
|
2777
2791
|
height: 24,
|
|
2778
2792
|
viewBox: "0 0 24 24",
|
|
2779
2793
|
fill: "none",
|
|
2780
2794
|
xmlns: "http://www.w3.org/2000/svg"
|
|
2781
|
-
}, props), _path$
|
|
2795
|
+
}, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2782
2796
|
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",
|
|
2783
2797
|
fill: "#FFCD1A"
|
|
2784
2798
|
})));
|
|
2785
2799
|
};
|
|
2786
2800
|
|
|
2787
|
-
var _path$
|
|
2788
|
-
function _extends$
|
|
2801
|
+
var _path$o;
|
|
2802
|
+
function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : 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); }
|
|
2789
2803
|
var SvgUgTriangle = function SvgUgTriangle(props) {
|
|
2790
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2804
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
|
|
2791
2805
|
width: 24,
|
|
2792
2806
|
height: 24,
|
|
2793
2807
|
viewBox: "0 0 24 24",
|
|
2794
2808
|
fill: "none",
|
|
2795
2809
|
xmlns: "http://www.w3.org/2000/svg"
|
|
2796
|
-
}, props), _path$
|
|
2810
|
+
}, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2797
2811
|
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",
|
|
2798
2812
|
fill: "#7B0DFF"
|
|
2799
2813
|
})));
|
|
@@ -2913,16 +2927,16 @@ const Body$1 = (props) => jsxRuntime.jsx(UgBody, Object.assign({}, props));
|
|
|
2913
2927
|
*/
|
|
2914
2928
|
const Content$1 = (props) => jsxRuntime.jsx(reactChrome.Content, Object.assign({}, props));
|
|
2915
2929
|
|
|
2916
|
-
var _path$
|
|
2917
|
-
function _extends$
|
|
2930
|
+
var _path$n;
|
|
2931
|
+
function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : 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); }
|
|
2918
2932
|
var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
|
|
2919
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2933
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
|
|
2920
2934
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2921
2935
|
width: 16,
|
|
2922
2936
|
height: 16,
|
|
2923
2937
|
focusable: "false",
|
|
2924
2938
|
viewBox: "0 0 16 16"
|
|
2925
|
-
}, props), _path$
|
|
2939
|
+
}, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2926
2940
|
fill: "currentColor",
|
|
2927
2941
|
d: "M12.688 5.61a.5.5 0 01.69.718l-.066.062-5 4a.5.5 0 01-.542.054l-.082-.054-5-4a.5.5 0 01.55-.83l.074.05L8 9.359l4.688-3.75z"
|
|
2928
2942
|
})));
|
|
@@ -2970,16 +2984,16 @@ const Logo = (props) => {
|
|
|
2970
2984
|
}[props.type] })));
|
|
2971
2985
|
};
|
|
2972
2986
|
|
|
2973
|
-
var _path$
|
|
2974
|
-
function _extends$
|
|
2987
|
+
var _path$m;
|
|
2988
|
+
function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : 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); }
|
|
2975
2989
|
var SvgMenuStroke = function SvgMenuStroke(props) {
|
|
2976
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
2990
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
|
|
2977
2991
|
xmlns: "http://www.w3.org/2000/svg",
|
|
2978
2992
|
width: 16,
|
|
2979
2993
|
height: 16,
|
|
2980
2994
|
focusable: "false",
|
|
2981
2995
|
viewBox: "0 0 16 16"
|
|
2982
|
-
}, props), _path$
|
|
2996
|
+
}, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
|
|
2983
2997
|
fill: "none",
|
|
2984
2998
|
stroke: "currentColor",
|
|
2985
2999
|
strokeLinecap: "round",
|
|
@@ -3143,31 +3157,31 @@ const NavItemIcon = (props) => jsxRuntime.jsx(UgNavIcon, Object.assign({}, props
|
|
|
3143
3157
|
|
|
3144
3158
|
const NavItemText = (props) => (jsxRuntime.jsx(reactChrome.NavItemText, Object.assign({}, props, { children: jsxRuntime.jsx(Ellipsis, Object.assign({ style: { width: "158px" } }, { children: props.children })) })));
|
|
3145
3159
|
|
|
3146
|
-
var _path$
|
|
3147
|
-
function _extends$
|
|
3160
|
+
var _path$l;
|
|
3161
|
+
function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : 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); }
|
|
3148
3162
|
var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
|
|
3149
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3163
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
|
|
3150
3164
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3151
3165
|
width: 16,
|
|
3152
3166
|
height: 16,
|
|
3153
3167
|
focusable: "false",
|
|
3154
3168
|
viewBox: "0 0 16 16"
|
|
3155
|
-
}, props), _path$
|
|
3169
|
+
}, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3156
3170
|
fill: "currentColor",
|
|
3157
3171
|
d: "M5.61 3.312a.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-.074L9.359 8l-3.75-4.688z"
|
|
3158
3172
|
})));
|
|
3159
3173
|
};
|
|
3160
3174
|
|
|
3161
|
-
var _path$
|
|
3162
|
-
function _extends$
|
|
3175
|
+
var _path$k;
|
|
3176
|
+
function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : 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); }
|
|
3163
3177
|
var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
|
|
3164
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3178
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
|
|
3165
3179
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3166
3180
|
width: 16,
|
|
3167
3181
|
height: 16,
|
|
3168
3182
|
focusable: "false",
|
|
3169
3183
|
viewBox: "0 0 16 16"
|
|
3170
|
-
}, props), _path$
|
|
3184
|
+
}, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3171
3185
|
fill: "currentColor",
|
|
3172
3186
|
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"
|
|
3173
3187
|
})));
|
|
@@ -3235,25 +3249,25 @@ const NavItemProject = NavItemComponent;
|
|
|
3235
3249
|
NavItemProject.Title = NavItemText;
|
|
3236
3250
|
NavItemProject.SubTitle = UgProjectSubtitle;
|
|
3237
3251
|
|
|
3238
|
-
var _path$
|
|
3239
|
-
function _extends$
|
|
3252
|
+
var _path$j;
|
|
3253
|
+
function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : 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); }
|
|
3240
3254
|
var SvgHomeFill = function SvgHomeFill(props) {
|
|
3241
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3255
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
|
|
3242
3256
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3243
3257
|
width: 26,
|
|
3244
3258
|
height: 26,
|
|
3245
3259
|
focusable: "false",
|
|
3246
3260
|
viewBox: "0 0 26 26"
|
|
3247
|
-
}, props), _path$
|
|
3261
|
+
}, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3248
3262
|
fill: "currentColor",
|
|
3249
3263
|
d: "M23.885 13.2l-1.328 1.639a.522.522 0 01-.737.084l-1.444-1.155v7.182c0 .577-.474 1.05-1.054 1.05H16.51c-.58 0-1.054-.473-1.054-1.05v-3.182a2.43 2.43 0 00-.716-1.732 2.448 2.448 0 00-1.74-.714 2.45 2.45 0 00-1.739.714 2.43 2.43 0 00-.716 1.732v3.182c0 .577-.474 1.05-1.054 1.05H6.678c-.582 0-1.054-.47-1.054-1.05v-7.182L4.18 14.923a.522.522 0 01-.737-.084L2.115 13.2a.52.52 0 01.084-.735l10.474-8.348a.51.51 0 01.654 0L23.8 12.466a.52.52 0 01.084.735"
|
|
3250
3264
|
})));
|
|
3251
3265
|
};
|
|
3252
3266
|
|
|
3253
|
-
var _linearGradient, _path$
|
|
3254
|
-
function _extends$
|
|
3267
|
+
var _linearGradient, _path$i;
|
|
3268
|
+
function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : 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); }
|
|
3255
3269
|
var SvgHomeFillStyled = function SvgHomeFillStyled(props) {
|
|
3256
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3270
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
|
|
3257
3271
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3258
3272
|
width: 26,
|
|
3259
3273
|
height: 26,
|
|
@@ -3269,16 +3283,16 @@ var SvgHomeFillStyled = function SvgHomeFillStyled(props) {
|
|
|
3269
3283
|
className: "stop3",
|
|
3270
3284
|
offset: "100%",
|
|
3271
3285
|
stopColor: "#001825"
|
|
3272
|
-
}))), _path$
|
|
3286
|
+
}))), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3273
3287
|
fill: "url(#unguessIconGradient)",
|
|
3274
3288
|
d: "M23.885 13.2l-1.328 1.639a.522.522 0 01-.737.084l-1.444-1.155v7.182c0 .577-.474 1.05-1.054 1.05H16.51c-.58 0-1.054-.473-1.054-1.05v-3.182a2.43 2.43 0 00-.716-1.732 2.448 2.448 0 00-1.74-.714 2.45 2.45 0 00-1.739.714 2.43 2.43 0 00-.716 1.732v3.182c0 .577-.474 1.05-1.054 1.05H6.678c-.582 0-1.054-.47-1.054-1.05v-7.182L4.18 14.923a.522.522 0 01-.737-.084L2.115 13.2a.52.52 0 01.084-.735l10.474-8.348a.51.51 0 01.654 0L23.8 12.466a.52.52 0 01.084.735"
|
|
3275
3289
|
})));
|
|
3276
3290
|
};
|
|
3277
3291
|
|
|
3278
3292
|
var _g$1, _defs$2;
|
|
3279
|
-
function _extends$
|
|
3293
|
+
function _extends$k() { _extends$k = Object.assign ? Object.assign.bind() : 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); }
|
|
3280
3294
|
var SvgToken = function SvgToken(props) {
|
|
3281
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3295
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
|
|
3282
3296
|
fill: "none",
|
|
3283
3297
|
viewBox: "0 0 32 32",
|
|
3284
3298
|
xmlns: "http://www.w3.org/2000/svg"
|
|
@@ -3314,15 +3328,15 @@ var SvgToken = function SvgToken(props) {
|
|
|
3314
3328
|
})))));
|
|
3315
3329
|
};
|
|
3316
3330
|
|
|
3317
|
-
var _path$
|
|
3318
|
-
function _extends$
|
|
3331
|
+
var _path$h;
|
|
3332
|
+
function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : 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); }
|
|
3319
3333
|
var SvgFolderIcon = function SvgFolderIcon(props) {
|
|
3320
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3334
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
|
|
3321
3335
|
width: 12,
|
|
3322
3336
|
height: 12,
|
|
3323
3337
|
viewBox: "0 0 12 12",
|
|
3324
3338
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3325
|
-
}, props), _path$
|
|
3339
|
+
}, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3326
3340
|
fillRule: "evenodd",
|
|
3327
3341
|
clipRule: "evenodd",
|
|
3328
3342
|
d: "M9.99976 4H6.99976V3.5C6.99976 2.62386 6.3759 2 5.49976 2H2.49976C1.62362 2 0.999758 2.62386 0.999758 3.5V6H0.499758C0.174472 6 -0.0642066 6.30569 0.0146868 6.62127L1.01469 10.6213C1.07033 10.8439 1.27032 11 1.49976 11H10.4998C10.7292 11 10.9292 10.8439 10.9848 10.6213L11.9848 6.62127C12.0637 6.30569 11.825 6 11.4998 6H10.9998V5C10.9998 4.42386 10.5759 4 9.99976 4ZM10.8594 7H1.14015L1.89015 10H10.1094L10.8594 7ZM1.99976 6H9.99976V5H5.99976V3.5C5.99976 3.17614 5.82362 3 5.49976 3H2.49976C2.1759 3 1.99976 3.17614 1.99976 3.5V6Z",
|
|
@@ -3330,16 +3344,16 @@ var SvgFolderIcon = function SvgFolderIcon(props) {
|
|
|
3330
3344
|
})));
|
|
3331
3345
|
};
|
|
3332
3346
|
|
|
3333
|
-
var _path$
|
|
3334
|
-
function _extends$
|
|
3347
|
+
var _path$g, _defs$1;
|
|
3348
|
+
function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : 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); }
|
|
3335
3349
|
var SvgTemplates = function SvgTemplates(props) {
|
|
3336
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3350
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
|
|
3337
3351
|
width: 26,
|
|
3338
3352
|
height: 26,
|
|
3339
3353
|
viewBox: "0 0 26 26",
|
|
3340
3354
|
fill: "none",
|
|
3341
3355
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3342
|
-
}, props), _path$
|
|
3356
|
+
}, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3343
3357
|
fillRule: "evenodd",
|
|
3344
3358
|
clipRule: "evenodd",
|
|
3345
3359
|
d: "M8 5H3.5C3.2 5 3 5.2 3 5.5V18.5C3 18.8 3.2 19 3.5 19H7C10 19 11 21 11 21H12V7C12 6.9 11 5 8 5ZM9 15H6C5.5 15 5 14.5 5 14C5 13.5 5.5 13 6 13H9C9.5 13 10 13.5 10 14C10 14.5 9.5 15 9 15ZM9 11H6C5.5 11 5 10.5 5 10C5 9.5 5.5 9 6 9H9C9.5 9 10 9.5 10 10C10 10.5 9.5 11 9 11ZM14 7V21H15C15 21 16 19 19 19H22.5C22.8 19 23 18.8 23 18.5V5.5C23 5.2 22.8 5 22.5 5H18C15 5 14 6.9 14 7ZM16 14C16 13.5 16.5 13 17 13H20C20.5 13 21 13.5 21 14C21 14.5 20.5 15 20 15H17C16.5 15 16 14.5 16 14ZM16 10C16 9.5 16.5 9 17 9H20C20.5 9 21 9.5 21 10C21 10.5 20.5 11 20 11H17C16.5 11 16 10.5 16 10Z",
|
|
@@ -3359,16 +3373,16 @@ var SvgTemplates = function SvgTemplates(props) {
|
|
|
3359
3373
|
})))));
|
|
3360
3374
|
};
|
|
3361
3375
|
|
|
3362
|
-
var _path$
|
|
3363
|
-
function _extends$
|
|
3376
|
+
var _path$f, _defs;
|
|
3377
|
+
function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : 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); }
|
|
3364
3378
|
var SvgTemplatesActive = function SvgTemplatesActive(props) {
|
|
3365
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3379
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
|
|
3366
3380
|
width: 26,
|
|
3367
3381
|
height: 26,
|
|
3368
3382
|
viewBox: "0 0 26 26",
|
|
3369
3383
|
fill: "none",
|
|
3370
3384
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3371
|
-
}, props), _path$
|
|
3385
|
+
}, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3372
3386
|
fillRule: "evenodd",
|
|
3373
3387
|
clipRule: "evenodd",
|
|
3374
3388
|
d: "M8 5H3.5C3.2 5 3 5.2 3 5.5V18.5C3 18.8 3.2 19 3.5 19H7C10 19 11 21 11 21H12V7C12 6.9 11 5 8 5ZM9 15H6C5.5 15 5 14.5 5 14C5 13.5 5.5 13 6 13H9C9.5 13 10 13.5 10 14C10 14.5 9.5 15 9 15ZM9 11H6C5.5 11 5 10.5 5 10C5 9.5 5.5 9 6 9H9C9.5 9 10 9.5 10 10C10 10.5 9.5 11 9 11ZM14 7V21H15C15 21 16 19 19 19H22.5C22.8 19 23 18.8 23 18.5V5.5C23 5.2 22.8 5 22.5 5H18C15 5 14 6.9 14 7ZM16 14C16 13.5 16.5 13 17 13H20C20.5 13 21 13.5 21 14C21 14.5 20.5 15 20 15H17C16.5 15 16 14.5 16 14ZM16 10C16 9.5 16.5 9 17 9H20C20.5 9 21 9.5 21 10C21 10.5 20.5 11 20 11H17C16.5 11 16 10.5 16 10Z",
|
|
@@ -3585,16 +3599,16 @@ const LoginForm = (props) => {
|
|
|
3585
3599
|
} }))] })), props.onBackClick && (jsxRuntime.jsxs(Button, Object.assign({ onClick: props.onBackClick, isBasic: true, style: { marginTop: theme.space.md } }, { children: [jsxRuntime.jsx(Button.StartIcon, { children: jsxRuntime.jsx(SvgChevronLeftStroke, {}) }), props.backToLabel || "Back to UNGUESS"] })))] }));
|
|
3586
3600
|
};
|
|
3587
3601
|
|
|
3588
|
-
var _path$
|
|
3589
|
-
function _extends$
|
|
3602
|
+
var _path$e;
|
|
3603
|
+
function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : 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); }
|
|
3590
3604
|
var SvgPlus = function SvgPlus(props) {
|
|
3591
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3605
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
|
|
3592
3606
|
width: 16,
|
|
3593
3607
|
height: 16,
|
|
3594
3608
|
viewBox: "0 0 16 16",
|
|
3595
3609
|
fill: "none",
|
|
3596
3610
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3597
|
-
}, props), _path$
|
|
3611
|
+
}, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3598
3612
|
fillRule: "evenodd",
|
|
3599
3613
|
clipRule: "evenodd",
|
|
3600
3614
|
d: "M7.5 2C7.22386 2 7 2.22386 7 2.5V8H1.5C1.22386 8 1 8.22386 1 8.5C1 8.77614 1.22386 9 1.5 9H7V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V9H13.5C13.7761 9 14 8.77614 14 8.5C14 8.22386 13.7761 8 13.5 8H8V2.5C8 2.22386 7.77614 2 7.5 2Z",
|
|
@@ -3622,7 +3636,7 @@ const Item = ({ option, checked, }) => {
|
|
|
3622
3636
|
return (jsxRuntime.jsx(CustomItem, Object.assign({ value: option, checked: checked }, { children: jsxRuntime.jsx("span", { children: option.label }) }), `${option.label}-${option.id}`));
|
|
3623
3637
|
};
|
|
3624
3638
|
|
|
3625
|
-
const DisabledItem = ({ label }) => (jsxRuntime.jsx(
|
|
3639
|
+
const DisabledItem = ({ label }) => (jsxRuntime.jsx(Item$1, Object.assign({ disabled: true }, { children: label })));
|
|
3626
3640
|
const MultiSelect = ({ options, onChange, creatable, i18n, maxItems, size, menuHeight, }) => {
|
|
3627
3641
|
var _a, _b, _c;
|
|
3628
3642
|
const [inputValue, setInputValue] = React.useState("");
|
|
@@ -3635,9 +3649,9 @@ const MultiSelect = ({ options, onChange, creatable, i18n, maxItems, size, menuH
|
|
|
3635
3649
|
.indexOf(inputValue.trim().toLowerCase()) !== -1);
|
|
3636
3650
|
setMatchingOptions(matchedOptions);
|
|
3637
3651
|
}, [inputValue, options]);
|
|
3638
|
-
return (jsxRuntime.jsxs(
|
|
3639
|
-
onChange(options.map((o) => (Object.assign(Object.assign({}, o), { selected: items.some((i) => i.id === o.id) })))), downshiftProps: { itemToString }, onInputValueChange: (value) => setInputValue(value) }, { children: [jsxRuntime.jsxs(
|
|
3640
|
-
onChange(options.map((o) => (Object.assign(Object.assign({}, o), { selected: o.selected && o.id !== value.id })))) })] }))) })] }), jsxRuntime.jsxs(
|
|
3652
|
+
return (jsxRuntime.jsxs(Dropdown, Object.assign({ inputValue: inputValue, selectedItems: options.filter((option) => option.selected), onSelect: (items) => onChange &&
|
|
3653
|
+
onChange(options.map((o) => (Object.assign(Object.assign({}, o), { selected: items.some((i) => i.id === o.id) })))), downshiftProps: { itemToString }, onInputValueChange: (value) => setInputValue(value) }, { children: [jsxRuntime.jsxs(Field$1, { children: [jsxRuntime.jsx(Label, Object.assign({ hidden: true }, { children: (_a = i18n === null || i18n === void 0 ? void 0 : i18n.label) !== null && _a !== void 0 ? _a : "Multiselect" })), jsxRuntime.jsx(reactDropdowns.Multiselect, { placeholder: (_b = i18n === null || i18n === void 0 ? void 0 : i18n.placeholder) !== null && _b !== void 0 ? _b : "Select Items", isCompact: size !== "medium", maxItems: maxItems, renderItem: ({ value }) => (jsxRuntime.jsxs(reactTags.Tag, Object.assign({ isPill: true }, { children: [jsxRuntime.jsx("span", { children: value.label }), jsxRuntime.jsx(reactTags.Tag.Close, { onClick: () => onChange &&
|
|
3654
|
+
onChange(options.map((o) => (Object.assign(Object.assign({}, o), { selected: o.selected && o.id !== value.id })))) })] }))) })] }), jsxRuntime.jsxs(Menu, { children: [jsxRuntime.jsxs("div", Object.assign({ style: { maxHeight: menuHeight !== null && menuHeight !== void 0 ? menuHeight : "200px" } }, { children: [matchingOptions.map((option) => {
|
|
3641
3655
|
const items = options
|
|
3642
3656
|
.filter((o) => o.selected)
|
|
3643
3657
|
.map((item) => itemToString(item));
|
|
@@ -3882,25 +3896,25 @@ const PlayerTooltip = (_a) => {
|
|
|
3882
3896
|
return (jsxRuntime.jsx(Wrapper, Object.assign({}, props, { children: jsxRuntime.jsx(Content, { children: children }) })));
|
|
3883
3897
|
};
|
|
3884
3898
|
|
|
3885
|
-
var _path$
|
|
3886
|
-
function _extends$
|
|
3899
|
+
var _path$d;
|
|
3900
|
+
function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : 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); }
|
|
3887
3901
|
var SvgPlayFill = function SvgPlayFill(props) {
|
|
3888
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3902
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
|
|
3889
3903
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3890
3904
|
width: 16,
|
|
3891
3905
|
height: 16,
|
|
3892
3906
|
focusable: "false",
|
|
3893
3907
|
viewBox: "0 0 16 16"
|
|
3894
|
-
}, props), _path$
|
|
3908
|
+
}, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3895
3909
|
fill: "currentColor",
|
|
3896
3910
|
d: "M6 15.79c-.13 0-.26-.03-.38-.08a.977.977 0 01-.62-.92V1.21a1 1 0 01.62-.93C6 .12 6.42.21 6.71.5l6.44 6.44c.58.58.58 1.54 0 2.12L6.71 15.5c-.19.19-.45.29-.71.29z"
|
|
3897
3911
|
})));
|
|
3898
3912
|
};
|
|
3899
3913
|
|
|
3900
3914
|
var _g;
|
|
3901
|
-
function _extends$
|
|
3915
|
+
function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : 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); }
|
|
3902
3916
|
var SvgPauseFill = function SvgPauseFill(props) {
|
|
3903
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3917
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
|
|
3904
3918
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3905
3919
|
width: 16,
|
|
3906
3920
|
height: 16,
|
|
@@ -3925,21 +3939,21 @@ var SvgPauseFill = function SvgPauseFill(props) {
|
|
|
3925
3939
|
}))));
|
|
3926
3940
|
};
|
|
3927
3941
|
|
|
3928
|
-
var _path$
|
|
3929
|
-
function _extends$
|
|
3942
|
+
var _path$c, _path2$5, _path3$1;
|
|
3943
|
+
function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : 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); }
|
|
3930
3944
|
var SvgForwardSecondsFill = function SvgForwardSecondsFill(props) {
|
|
3931
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3945
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
|
|
3932
3946
|
width: 16,
|
|
3933
3947
|
height: 16,
|
|
3934
3948
|
viewBox: "0 0 16 16",
|
|
3935
3949
|
fill: "none",
|
|
3936
3950
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3937
|
-
}, props), _path$
|
|
3951
|
+
}, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3938
3952
|
fillRule: "evenodd",
|
|
3939
3953
|
clipRule: "evenodd",
|
|
3940
3954
|
d: "M11.659 3.5C10.7411 2.85974 9.65081 2.5 8.5 2.5C5.45228 2.5 3 4.95228 3 8C3 11.0477 5.45228 13.5 8.5 13.5C10.2023 13.5 11.7457 12.7171 12.8191 11.3753C13.1641 10.944 13.7934 10.8741 14.2247 11.2191C14.656 11.5641 14.7259 12.1934 14.3809 12.6247C12.9372 14.4292 10.8263 15.5 8.5 15.5C4.34772 15.5 1 12.1523 1 8C1 3.84772 4.34772 0.5 8.5 0.5C10.1564 0.5 11.7168 1.04496 13 2.00147V1C13 0.447715 13.4477 0 14 0C14.5523 0 15 0.447715 15 1V4C15 4.85228 14.3523 5.5 13.5 5.5H10.5C9.94771 5.5 9.5 5.05228 9.5 4.5C9.5 3.94772 9.94771 3.5 10.5 3.5H11.659Z",
|
|
3941
3955
|
fill: "currentColor"
|
|
3942
|
-
})), _path2$
|
|
3956
|
+
})), _path2$5 || (_path2$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3943
3957
|
d: "M5.5 7.63073V7.07008H6.67566V11H6.02566V7.63073H5.5Z",
|
|
3944
3958
|
fill: "currentColor"
|
|
3945
3959
|
})), _path3$1 || (_path3$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -3948,21 +3962,21 @@ var SvgForwardSecondsFill = function SvgForwardSecondsFill(props) {
|
|
|
3948
3962
|
})));
|
|
3949
3963
|
};
|
|
3950
3964
|
|
|
3951
|
-
var _path$
|
|
3952
|
-
function _extends$
|
|
3965
|
+
var _path$b, _path2$4, _path3;
|
|
3966
|
+
function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : 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); }
|
|
3953
3967
|
var SvgBackSecondsFill = function SvgBackSecondsFill(props) {
|
|
3954
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3968
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
|
|
3955
3969
|
width: 16,
|
|
3956
3970
|
height: 16,
|
|
3957
3971
|
viewBox: "0 0 16 16",
|
|
3958
3972
|
fill: "none",
|
|
3959
3973
|
xmlns: "http://www.w3.org/2000/svg"
|
|
3960
|
-
}, props), _path$
|
|
3974
|
+
}, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3961
3975
|
fillRule: "evenodd",
|
|
3962
3976
|
clipRule: "evenodd",
|
|
3963
3977
|
d: "M4.34099 3.5C5.25886 2.85974 6.34919 2.5 7.5 2.5C10.5477 2.5 13 4.95228 13 8C13 11.0477 10.5477 13.5 7.5 13.5C5.79771 13.5 4.25432 12.7171 3.18087 11.3753C2.83586 10.944 2.20657 10.8741 1.7753 11.2191C1.34404 11.5641 1.27412 12.1934 1.61913 12.6247C3.06275 14.4292 5.17372 15.5 7.5 15.5C11.6523 15.5 15 12.1523 15 8C15 3.84772 11.6523 0.5 7.5 0.5C5.84359 0.5 4.28318 1.04496 3 2.00147V1C3 0.447715 2.55229 0 2 0C1.44771 0 1 0.447715 1 1V4C1 4.85228 1.64772 5.5 2.5 5.5H5.5C6.05229 5.5 6.5 5.05228 6.5 4.5C6.5 3.94772 6.05229 3.5 5.5 3.5H4.34099Z",
|
|
3964
3978
|
fill: "currentColor"
|
|
3965
|
-
})), _path2$
|
|
3979
|
+
})), _path2$4 || (_path2$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3966
3980
|
d: "M5.5 7.63073V7.07008H6.67566V11H6.02566V7.63073H5.5Z",
|
|
3967
3981
|
fill: "currentColor"
|
|
3968
3982
|
})), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -3971,19 +3985,19 @@ var SvgBackSecondsFill = function SvgBackSecondsFill(props) {
|
|
|
3971
3985
|
})));
|
|
3972
3986
|
};
|
|
3973
3987
|
|
|
3974
|
-
var _path$
|
|
3975
|
-
function _extends$
|
|
3988
|
+
var _path$a, _path2$3;
|
|
3989
|
+
function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : 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$b.apply(this, arguments); }
|
|
3976
3990
|
var SvgPreviousFill = function SvgPreviousFill(props) {
|
|
3977
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
3991
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
|
|
3978
3992
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3979
3993
|
width: 16,
|
|
3980
3994
|
height: 16,
|
|
3981
3995
|
focusable: "false",
|
|
3982
3996
|
viewBox: "0 0 24 24"
|
|
3983
|
-
}, props), _path$
|
|
3997
|
+
}, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3984
3998
|
d: "M2.75 20C2.75 20.5523 3.19772 21 3.75 21C4.30228 21 4.75 20.5523 4.75 20L4.75 4C4.75 3.44772 4.30229 3 3.75 3C3.19772 3 2.75 3.44772 2.75 4V20Z",
|
|
3985
3999
|
fill: "currentColor"
|
|
3986
|
-
})), _path2$
|
|
4000
|
+
})), _path2$3 || (_path2$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
3987
4001
|
d: "M20.75 19.0526C20.75 20.4774 19.1383 21.305 17.9803 20.4748L7.51062 12.9682C6.50574 12.2477 6.54467 10.7407 7.5854 10.073L18.0551 3.35665C19.2198 2.60946 20.75 3.44583 20.75 4.82961L20.75 19.0526Z",
|
|
3988
4002
|
fill: "currentColor"
|
|
3989
4003
|
})));
|
|
@@ -4011,7 +4025,7 @@ const getNextPlaybackRate = (rate = 1) => {
|
|
|
4011
4025
|
}
|
|
4012
4026
|
};
|
|
4013
4027
|
|
|
4014
|
-
const StyledDiv$
|
|
4028
|
+
const StyledDiv$4 = styled__default["default"].div `
|
|
4015
4029
|
display: flex;
|
|
4016
4030
|
align-items: center;
|
|
4017
4031
|
`;
|
|
@@ -4047,7 +4061,7 @@ const ControlsGroupCenter = ({ videoRef, isPlaying, onPlayChange, }) => {
|
|
|
4047
4061
|
}
|
|
4048
4062
|
e.stopPropagation();
|
|
4049
4063
|
}, [videoRef, isPlaying]);
|
|
4050
|
-
return (jsxRuntime.jsxs(StyledDiv$
|
|
4064
|
+
return (jsxRuntime.jsxs(StyledDiv$4, { children: [jsxRuntime.jsx(IconButton, Object.assign({ isBright: true, onClick: (e) => {
|
|
4051
4065
|
if (videoRef) {
|
|
4052
4066
|
videoRef.currentTime = 0;
|
|
4053
4067
|
}
|
|
@@ -4068,7 +4082,7 @@ const ControlsGroupCenter = ({ videoRef, isPlaying, onPlayChange, }) => {
|
|
|
4068
4082
|
} }, { children: jsxRuntime.jsxs(SM, Object.assign({ isBold: true, style: { lineHeight: "16px" } }, { children: [playBackRate, "x"] })) }))] }));
|
|
4069
4083
|
};
|
|
4070
4084
|
|
|
4071
|
-
const StyledDiv$
|
|
4085
|
+
const StyledDiv$3 = styled__default["default"].div `
|
|
4072
4086
|
position: absolute;
|
|
4073
4087
|
bottom: ${({ theme }) => theme.space.sm};
|
|
4074
4088
|
right: 0;
|
|
@@ -4079,40 +4093,40 @@ const StyledDiv$2 = styled__default["default"].div `
|
|
|
4079
4093
|
color: ${({ theme }) => theme.palette.grey[300]};
|
|
4080
4094
|
}
|
|
4081
4095
|
`;
|
|
4082
|
-
const TimeLabel = ({ current, duration, }) => (jsxRuntime.jsx(StyledDiv$
|
|
4096
|
+
const TimeLabel = ({ current, duration, }) => (jsxRuntime.jsx(StyledDiv$3, { children: jsxRuntime.jsxs(SM, Object.assign({ tag: "span" }, { children: [current, "/", duration] })) }));
|
|
4083
4097
|
|
|
4084
|
-
var _path$
|
|
4085
|
-
function _extends$
|
|
4098
|
+
var _path$9, _path2$2;
|
|
4099
|
+
function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : 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$a.apply(this, arguments); }
|
|
4086
4100
|
var SvgVolumeMutedFill = function SvgVolumeMutedFill(props) {
|
|
4087
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
4101
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
|
|
4088
4102
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4089
4103
|
width: 16,
|
|
4090
4104
|
height: 16,
|
|
4091
4105
|
focusable: "false",
|
|
4092
4106
|
viewBox: "0 0 16 16"
|
|
4093
|
-
}, props), _path$
|
|
4107
|
+
}, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4094
4108
|
stroke: "currentColor",
|
|
4095
4109
|
strokeLinecap: "round",
|
|
4096
4110
|
d: "M11.5 10l4-4m-4 0l4 4"
|
|
4097
|
-
})), _path2$
|
|
4111
|
+
})), _path2$2 || (_path2$2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4098
4112
|
fill: "currentColor",
|
|
4099
4113
|
d: "M9 15.29c-.26 0-.51-.1-.71-.29l-4-4H1c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h3.29l4-4a1.002 1.002 0 011.71.71V14.3a.986.986 0 01-1 .99z"
|
|
4100
4114
|
})));
|
|
4101
4115
|
};
|
|
4102
4116
|
|
|
4103
|
-
var _path$
|
|
4104
|
-
function _extends$
|
|
4117
|
+
var _path$8, _path2$1;
|
|
4118
|
+
function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : 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$9.apply(this, arguments); }
|
|
4105
4119
|
var SvgVolumeUnmutedFill = function SvgVolumeUnmutedFill(props) {
|
|
4106
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
4120
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
|
|
4107
4121
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4108
4122
|
width: 16,
|
|
4109
4123
|
height: 16,
|
|
4110
4124
|
focusable: "false",
|
|
4111
4125
|
viewBox: "0 0 16 16"
|
|
4112
|
-
}, props), _path$
|
|
4126
|
+
}, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4113
4127
|
fill: "currentColor",
|
|
4114
4128
|
d: "M9 15.29c-.26 0-.51-.1-.71-.29l-4-4H1c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h3.29l4-4a1.002 1.002 0 011.71.71V14.3a.986.986 0 01-1 .99z"
|
|
4115
|
-
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4129
|
+
})), _path2$1 || (_path2$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4116
4130
|
fill: "none",
|
|
4117
4131
|
stroke: "currentColor",
|
|
4118
4132
|
strokeLinecap: "round",
|
|
@@ -4122,8 +4136,9 @@ var SvgVolumeUnmutedFill = function SvgVolumeUnmutedFill(props) {
|
|
|
4122
4136
|
|
|
4123
4137
|
const AudioButton = (props) => {
|
|
4124
4138
|
const [isMuted, setIsMuted] = React.useState(false);
|
|
4139
|
+
const [hasAudio, setHasAudio] = React.useState(false);
|
|
4125
4140
|
const { videoRef } = props;
|
|
4126
|
-
const
|
|
4141
|
+
const checkAudio = (video) => {
|
|
4127
4142
|
if (!video) {
|
|
4128
4143
|
return false;
|
|
4129
4144
|
}
|
|
@@ -4132,30 +4147,44 @@ const AudioButton = (props) => {
|
|
|
4132
4147
|
Boolean(video.audioTracks && video.audioTracks.length);
|
|
4133
4148
|
return videohasAudio;
|
|
4134
4149
|
};
|
|
4150
|
+
const hasVolume = (video) => {
|
|
4151
|
+
if (!video) {
|
|
4152
|
+
return false;
|
|
4153
|
+
}
|
|
4154
|
+
return video.volume > 0;
|
|
4155
|
+
};
|
|
4156
|
+
const handleAudio = () => {
|
|
4157
|
+
setHasAudio(checkAudio(videoRef));
|
|
4158
|
+
};
|
|
4135
4159
|
React.useEffect(() => {
|
|
4136
4160
|
if (videoRef) {
|
|
4137
|
-
setIsMuted(!
|
|
4161
|
+
setIsMuted(!hasVolume(videoRef));
|
|
4162
|
+
videoRef.addEventListener("loadeddata", handleAudio);
|
|
4138
4163
|
}
|
|
4164
|
+
return () => {
|
|
4165
|
+
if (videoRef) {
|
|
4166
|
+
videoRef.removeEventListener("loadeddata", handleAudio);
|
|
4167
|
+
}
|
|
4168
|
+
};
|
|
4139
4169
|
}, [videoRef]);
|
|
4140
|
-
return (jsxRuntime.jsx(IconButton, Object.assign({ isBright: true, disabled: !videoRef ||
|
|
4170
|
+
return (jsxRuntime.jsx(IconButton, Object.assign({ isBright: true, disabled: !checkAudio(videoRef || null), onClick: () => {
|
|
4141
4171
|
if (videoRef) {
|
|
4142
|
-
videoRef.
|
|
4143
|
-
setIsMuted(videoRef.
|
|
4172
|
+
videoRef.volume = videoRef.volume > 0 ? 0 : 1;
|
|
4173
|
+
setIsMuted(!videoRef.volume);
|
|
4144
4174
|
}
|
|
4145
|
-
|
|
4146
|
-
} }, { children: isMuted ? jsxRuntime.jsx(SvgVolumeMutedFill, {}) : jsxRuntime.jsx(SvgVolumeUnmutedFill, {}) })));
|
|
4175
|
+
} }, { children: isMuted || !hasAudio ? jsxRuntime.jsx(SvgVolumeMutedFill, {}) : jsxRuntime.jsx(SvgVolumeUnmutedFill, {}) })));
|
|
4147
4176
|
};
|
|
4148
4177
|
|
|
4149
|
-
var _path$
|
|
4150
|
-
function _extends$
|
|
4178
|
+
var _path$7;
|
|
4179
|
+
function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : 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$8.apply(this, arguments); }
|
|
4151
4180
|
var SvgMaximizeFill = function SvgMaximizeFill(props) {
|
|
4152
|
-
return /*#__PURE__*/React__namespace.createElement("svg", _extends$
|
|
4181
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
|
|
4153
4182
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4154
4183
|
width: 16,
|
|
4155
4184
|
height: 16,
|
|
4156
4185
|
focusable: "false",
|
|
4157
4186
|
viewBox: "0 0 16 16"
|
|
4158
|
-
}, props), _path$
|
|
4187
|
+
}, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4159
4188
|
fill: "currentColor",
|
|
4160
4189
|
d: "M16 4.29V1c0-.55-.45-1-1-1h-3.29c-.45 0-.67.54-.35.85l3.79 3.79c.31.32.85.1.85-.35zM0 11.71V15c0 .55.45 1 1 1h3.29c.45 0 .67-.54.35-.85L.85 11.36a.495.495 0 00-.85.35zm0-7.42V1c0-.55.45-1 1-1h3.29c.45 0 .67.54.35.85L.85 4.65A.5.5 0 010 4.29zm16 7.42V15c0 .55-.45 1-1 1h-3.29c-.45 0-.67-.54-.35-.85l3.79-3.79c.31-.32.85-.1.85.35z"
|
|
4161
4190
|
})));
|
|
@@ -4233,6 +4262,10 @@ const ControlsBar = styled__default["default"].div `
|
|
|
4233
4262
|
justify-content: space-between;
|
|
4234
4263
|
align-items: center;
|
|
4235
4264
|
`;
|
|
4265
|
+
const StyledDiv$2 = styled__default["default"].div `
|
|
4266
|
+
display: flex;
|
|
4267
|
+
align-items: center;
|
|
4268
|
+
`;
|
|
4236
4269
|
const Controls = (props) => {
|
|
4237
4270
|
const { videoRef, onPlayChange, isPlaying, duration } = props;
|
|
4238
4271
|
const [progress, setProgress] = React.useState(0);
|
|
@@ -4259,10 +4292,6 @@ const Controls = (props) => {
|
|
|
4259
4292
|
videoRef.currentTime = getVideoPositionFromEvent(pageX);
|
|
4260
4293
|
}
|
|
4261
4294
|
}, [videoRef]);
|
|
4262
|
-
const StyledDiv = styled__default["default"].div `
|
|
4263
|
-
display: flex;
|
|
4264
|
-
align-items: center;
|
|
4265
|
-
`;
|
|
4266
4295
|
const onMouseEvent = (e) => {
|
|
4267
4296
|
if (progressRef && progressRef.current) {
|
|
4268
4297
|
const tooltipWidth = 40;
|
|
@@ -4285,7 +4314,7 @@ const Controls = (props) => {
|
|
|
4285
4314
|
}
|
|
4286
4315
|
};
|
|
4287
4316
|
}, [videoRef]);
|
|
4288
|
-
return (jsxRuntime.jsxs(ControlsWrapper, Object.assign({ isPlaying: isPlaying }, { children: [jsxRuntime.jsxs(ProgressContainer, Object.assign({ onMouseEnter: onMouseEvent, onMouseMove: onMouseEvent, onMouseLeave: onMouseEvent }, { children: [jsxRuntime.jsx(StyledTooltip, Object.assign({ style: { marginLeft: `${tooltipMargin}px` } }, { children: tooltipLabel })), jsxRuntime.jsx(TimeLabel, { current: formatDuration((videoRef === null || videoRef === void 0 ? void 0 : videoRef.currentTime) || 0), duration: formatDuration(duration) }), jsxRuntime.jsx(StyledProgress, { ref: progressRef, value: progress, onClick: (e) => handleSkipAhead(e.clientX) })] })), jsxRuntime.jsxs(ControlsBar, { children: [jsxRuntime.jsx(StyledDiv, { children: jsxRuntime.jsx(AudioButton, { videoRef: videoRef }) }), jsxRuntime.jsx(ControlsGroupCenter, { videoRef: videoRef, onPlayChange: onPlayChange, isPlaying: isPlaying }), jsxRuntime.jsx(StyledDiv, { children: jsxRuntime.jsx(FullScreenButton, { videoRef: videoRef }) })] })] })));
|
|
4317
|
+
return (jsxRuntime.jsxs(ControlsWrapper, Object.assign({ isPlaying: isPlaying }, { children: [jsxRuntime.jsxs(ProgressContainer, Object.assign({ onMouseEnter: onMouseEvent, onMouseMove: onMouseEvent, onMouseLeave: onMouseEvent }, { children: [jsxRuntime.jsx(StyledTooltip, Object.assign({ style: { marginLeft: `${tooltipMargin}px` } }, { children: tooltipLabel })), jsxRuntime.jsx(TimeLabel, { current: formatDuration((videoRef === null || videoRef === void 0 ? void 0 : videoRef.currentTime) || 0), duration: formatDuration(duration) }), jsxRuntime.jsx(StyledProgress, { ref: progressRef, value: progress, onClick: (e) => handleSkipAhead(e.clientX) })] })), jsxRuntime.jsxs(ControlsBar, { children: [jsxRuntime.jsx(StyledDiv$2, { children: jsxRuntime.jsx(AudioButton, { videoRef: videoRef }) }), jsxRuntime.jsx(ControlsGroupCenter, { videoRef: videoRef, onPlayChange: onPlayChange, isPlaying: isPlaying }), jsxRuntime.jsx(StyledDiv$2, { children: jsxRuntime.jsx(FullScreenButton, { videoRef: videoRef }) })] })] })));
|
|
4289
4318
|
};
|
|
4290
4319
|
|
|
4291
4320
|
const FloatingContainer = styled__default["default"].div `
|
|
@@ -4388,10 +4417,6 @@ const Player = React.forwardRef((props, forwardRef) => {
|
|
|
4388
4417
|
setIsLoaded(true);
|
|
4389
4418
|
setDuration(((_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.duration) || 0);
|
|
4390
4419
|
};
|
|
4391
|
-
const handleDuration = React.useCallback(() => {
|
|
4392
|
-
var _a;
|
|
4393
|
-
setDuration(((_a = videoRef.current) === null || _a === void 0 ? void 0 : _a.duration) || 0);
|
|
4394
|
-
}, [videoRef]);
|
|
4395
4420
|
const handlePlayPause = React.useCallback(() => {
|
|
4396
4421
|
if (!videoRef || !videoRef.current)
|
|
4397
4422
|
return;
|
|
@@ -4423,43 +4448,70 @@ const Player = React.forwardRef((props, forwardRef) => {
|
|
|
4423
4448
|
if (videoRef.current) {
|
|
4424
4449
|
videoRef.current.removeEventListener("play", handleExternalPlayPause);
|
|
4425
4450
|
videoRef.current.removeEventListener("pause", handleExternalPlayPause);
|
|
4426
|
-
videoRef.current.removeEventListener("onplaying", handleExternalPlayPause);
|
|
4427
4451
|
}
|
|
4428
4452
|
};
|
|
4429
4453
|
}, [videoRef.current]);
|
|
4430
|
-
return (jsxRuntime.jsxs(Container, Object.assign({ isLoaded: isLoaded, isPlaying: isPlaying }, { children: [!isLoaded ? (jsxRuntime.jsx(VideoSpinner, {})) : (jsxRuntime.jsx(FloatingControls, { isPlaying: isPlaying, onClick: handlePlayPause })), jsxRuntime.jsx(Video, Object.assign({ ref: videoRef, onLoadedMetadata: handleLoad,
|
|
4454
|
+
return (jsxRuntime.jsxs(Container, Object.assign({ isLoaded: isLoaded, isPlaying: isPlaying }, { children: [!isLoaded ? (jsxRuntime.jsx(VideoSpinner, {})) : (jsxRuntime.jsx(FloatingControls, { isPlaying: isPlaying, onClick: handlePlayPause })), jsxRuntime.jsx(Video, Object.assign({ ref: videoRef, onLoadedMetadata: handleLoad, preload: "auto", playsInline: true, onClick: handlePlayPause }, { children: props.children })), jsxRuntime.jsx(Controls, { videoRef: videoRef.current, duration: duration, isPlaying: isPlaying, onPlayChange: (playing) => setIsPlaying(playing) })] })));
|
|
4431
4455
|
});
|
|
4432
4456
|
|
|
4457
|
+
var _path$6, _path2;
|
|
4458
|
+
function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : 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$7.apply(this, arguments); }
|
|
4459
|
+
var SvgExit = function SvgExit(props) {
|
|
4460
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
|
|
4461
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4462
|
+
width: 16,
|
|
4463
|
+
height: 16,
|
|
4464
|
+
focusable: "false",
|
|
4465
|
+
viewBox: "0 0 16 16"
|
|
4466
|
+
}, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4467
|
+
fill: "currentColor",
|
|
4468
|
+
d: "M3 15.93c-.23 0-.45-.08-.64-.23l-2-1.67a.987.987 0 01-.36-.76V2.73c0-.3.13-.58.36-.77l2-1.67c.3-.24.71-.29 1.06-.13a1 1 0 01.58.91v13.87a1 1 0 01-.58.91c-.13.05-.28.08-.42.08zM12 11V5c0-.45.54-.67.85-.35L15.5 7.3c.39.39.39 1.02 0 1.41l-2.65 2.65A.5.5 0 0112 11z"
|
|
4469
|
+
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4470
|
+
fill: "none",
|
|
4471
|
+
stroke: "currentColor",
|
|
4472
|
+
strokeLinecap: "round",
|
|
4473
|
+
d: "M3.5 2.5H9c.28 0 .5.22.5.5v2.5m-6 8H9c.28 0 .5-.22.5-.5v-2.5M15 8H7"
|
|
4474
|
+
})));
|
|
4475
|
+
};
|
|
4476
|
+
|
|
4433
4477
|
var _path$5;
|
|
4434
4478
|
function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : 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$6.apply(this, arguments); }
|
|
4435
|
-
var
|
|
4479
|
+
var SvgThumbsUp = function SvgThumbsUp(props) {
|
|
4436
4480
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
|
|
4437
|
-
width:
|
|
4438
|
-
height:
|
|
4439
|
-
viewBox: "0 0
|
|
4440
|
-
fill: "
|
|
4481
|
+
width: 16,
|
|
4482
|
+
height: 16,
|
|
4483
|
+
viewBox: "0 0 16 16",
|
|
4484
|
+
fill: "none",
|
|
4441
4485
|
xmlns: "http://www.w3.org/2000/svg"
|
|
4442
4486
|
}, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4443
4487
|
fillRule: "evenodd",
|
|
4444
4488
|
clipRule: "evenodd",
|
|
4445
|
-
d: "
|
|
4489
|
+
d: "M13.5 15C14.2828 15 14.8192 11.8284 15 7.5C15 7.22386 14.7761 7 14.5 7H9.5C9.22386 7 9 6.77614 9 6.5V2C9 1.44772 8.55229 1 8 1C7.44772 1 7 1.44772 7 2C7 4.97341 6.19918 6.46065 5.02719 6.8454C5.01015 6.85409 4.99957 6.87174 5 6.9L4.99891 15C4.99927 15 13.5 15 13.5 15ZM10 6H14.5C15.3284 6 16 6.67157 15.9996 7.52082C15.7692 13.0486 15.2701 16 13.5 16L5.03301 15.9989C4.75408 16.0174 4.48075 15.9146 4.28308 15.7169C4.08542 15.5193 3.98264 15.2459 4 15L4.00008 6.90914C3.99274 6.50762 4.21507 6.13707 4.64189 5.92566C5.41645 5.66747 6 4.58373 6 2C6 0.89543 6.89543 0 8 0C9.10457 0 10 0.89543 10 2V6ZM1 7V15H2V7H1ZM1 6H2C2.55228 6 3 6.44772 3 7V15C3 15.5523 2.55228 16 2 16H1C0.447715 16 0 15.5523 0 15V7C0 6.44772 0.447715 6 1 6Z",
|
|
4490
|
+
fill: "#68737D"
|
|
4446
4491
|
})));
|
|
4447
4492
|
};
|
|
4448
4493
|
|
|
4449
|
-
var _path$4;
|
|
4494
|
+
var _rect, _path$4;
|
|
4450
4495
|
function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : 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$5.apply(this, arguments); }
|
|
4451
|
-
var
|
|
4496
|
+
var SvgLockLockedFill = function SvgLockLockedFill(props) {
|
|
4452
4497
|
return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
|
|
4498
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
4453
4499
|
width: 16,
|
|
4454
4500
|
height: 16,
|
|
4455
|
-
|
|
4501
|
+
focusable: "false",
|
|
4502
|
+
viewBox: "0 0 16 16"
|
|
4503
|
+
}, props), _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
|
|
4504
|
+
width: 12,
|
|
4505
|
+
height: 9,
|
|
4506
|
+
x: 2,
|
|
4507
|
+
y: 7,
|
|
4508
|
+
fill: "currentColor",
|
|
4509
|
+
rx: 1,
|
|
4510
|
+
ry: 1
|
|
4511
|
+
})), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4456
4512
|
fill: "none",
|
|
4457
|
-
|
|
4458
|
-
|
|
4459
|
-
fillRule: "evenodd",
|
|
4460
|
-
clipRule: "evenodd",
|
|
4461
|
-
d: "M13.5 15C14.2828 15 14.8192 11.8284 15 7.5C15 7.22386 14.7761 7 14.5 7H9.5C9.22386 7 9 6.77614 9 6.5V2C9 1.44772 8.55229 1 8 1C7.44772 1 7 1.44772 7 2C7 4.97341 6.19918 6.46065 5.02719 6.8454C5.01015 6.85409 4.99957 6.87174 5 6.9L4.99891 15C4.99927 15 13.5 15 13.5 15ZM10 6H14.5C15.3284 6 16 6.67157 15.9996 7.52082C15.7692 13.0486 15.2701 16 13.5 16L5.03301 15.9989C4.75408 16.0174 4.48075 15.9146 4.28308 15.7169C4.08542 15.5193 3.98264 15.2459 4 15L4.00008 6.90914C3.99274 6.50762 4.21507 6.13707 4.64189 5.92566C5.41645 5.66747 6 4.58373 6 2C6 0.89543 6.89543 0 8 0C9.10457 0 10 0.89543 10 2V6ZM1 7V15H2V7H1ZM1 6H2C2.55228 6 3 6.44772 3 7V15C3 15.5523 2.55228 16 2 16H1C0.447715 16 0 15.5523 0 15V7C0 6.44772 0.447715 6 1 6Z",
|
|
4462
|
-
fill: "#68737D"
|
|
4513
|
+
stroke: "currentColor",
|
|
4514
|
+
d: "M4.5 7.5V4a3.5 3.5 0 017 0v3.5"
|
|
4463
4515
|
})));
|
|
4464
4516
|
};
|
|
4465
4517
|
|
|
@@ -4575,7 +4627,7 @@ var SvgQuestionMark = function SvgQuestionMark(props) {
|
|
|
4575
4627
|
width: 16,
|
|
4576
4628
|
height: 16,
|
|
4577
4629
|
viewBox: "0 0 16 16",
|
|
4578
|
-
fill: "
|
|
4630
|
+
fill: "currentColor",
|
|
4579
4631
|
xmlns: "http://www.w3.org/2000/svg"
|
|
4580
4632
|
}, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4581
4633
|
fillRule: "evenodd",
|
|
@@ -4608,7 +4660,7 @@ var SvgInfoFill = function SvgInfoFill(props) {
|
|
|
4608
4660
|
width: 16,
|
|
4609
4661
|
height: 16,
|
|
4610
4662
|
viewBox: "0 0 16 16",
|
|
4611
|
-
fill: "
|
|
4663
|
+
fill: "currentColor",
|
|
4612
4664
|
xmlns: "http://www.w3.org/2000/svg"
|
|
4613
4665
|
}, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4614
4666
|
fillRule: "evenodd",
|
|
@@ -4691,8 +4743,8 @@ const HelpItem = (props) => {
|
|
|
4691
4743
|
if (email.length > 24) {
|
|
4692
4744
|
csmEmailCut = `${email.substring(0, 21)}...`;
|
|
4693
4745
|
}
|
|
4694
|
-
const content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PreviousButton, Object.assign({ onClick: () => props.setActive(""), isBasic: true }, { children: props.title })), jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledBody$2, { children: [jsxRuntime.jsx(Paragraph, Object.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, Object.assign({ isBold: true }, { children: props.csm.name })), jsxRuntime.jsxs(Description, { children: [jsxRuntime.jsx(Anchor, Object.assign({ href: `mailto:${props.csm.email}`, style: { color: theme.palette.grey[600] } }, { children: csmEmailCut })), jsxRuntime.jsxs(StyledButton$1, Object.assign({ isBasic: true, onClick: copyToClipBoard, size: "small", variant: "isBasic" }, { children: [jsxRuntime.jsx(StyledButton$1.StartIcon, { children: jsxRuntime.jsx(SvgCopy, {}) }), (_b = props.copyLabel) !== null && _b !== void 0 ? _b : "Copy"] }))] })] })] }), jsxRuntime.jsxs(Footer, { children: [jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledFooterButton, Object.assign({ isStretched: true, isBasic: true, onClick: props.toggleChat, style: { paddingLeft: theme.space.xxs } }, { children: [jsxRuntime.jsx(StyledFooterButton.StartIcon, { children: jsxRuntime.jsx(SvgInfoFill, {
|
|
4695
|
-
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(MenuItem, Object.assign({ content: content, value: props.value, selectedItem: props.selectedItem, setActive: props.setActive, icon: jsxRuntime.jsx(SvgQuestionMark, {
|
|
4746
|
+
const content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PreviousButton, Object.assign({ onClick: () => props.setActive(""), isBasic: true }, { children: props.title })), jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledBody$2, { children: [jsxRuntime.jsx(Paragraph, Object.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, Object.assign({ isBold: true }, { children: props.csm.name })), jsxRuntime.jsxs(Description, { children: [jsxRuntime.jsx(Anchor, Object.assign({ href: `mailto:${props.csm.email}`, style: { color: theme.palette.grey[600] } }, { children: csmEmailCut })), jsxRuntime.jsxs(StyledButton$1, Object.assign({ isBasic: true, onClick: copyToClipBoard, size: "small", variant: "isBasic" }, { children: [jsxRuntime.jsx(StyledButton$1.StartIcon, { children: jsxRuntime.jsx(SvgCopy, {}) }), (_b = props.copyLabel) !== null && _b !== void 0 ? _b : "Copy"] }))] })] })] }), jsxRuntime.jsxs(Footer, { children: [jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledFooterButton, Object.assign({ isStretched: true, isBasic: true, onClick: props.toggleChat, style: { paddingLeft: theme.space.xxs } }, { children: [jsxRuntime.jsx(StyledFooterButton.StartIcon, { children: jsxRuntime.jsx(SvgInfoFill, { color: theme.palette.blue[600] }) }), (_c = props.chatSupportLabel) !== null && _c !== void 0 ? _c : "Report a technical issue"] }))] })] }));
|
|
4747
|
+
return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(MenuItem, Object.assign({ content: content, value: props.value, selectedItem: props.selectedItem, setActive: props.setActive, icon: jsxRuntime.jsx(SvgQuestionMark, { color: theme.palette.blue[600] }) }, { children: props.title })) }));
|
|
4696
4748
|
};
|
|
4697
4749
|
|
|
4698
4750
|
function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : 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); }
|
|
@@ -4773,11 +4825,14 @@ const StyledList = styled__default["default"].ul `
|
|
|
4773
4825
|
margin: 0;
|
|
4774
4826
|
`;
|
|
4775
4827
|
const UserMenu = (props) => {
|
|
4828
|
+
var _a;
|
|
4776
4829
|
const [item, setActiveItem] = React.useState("");
|
|
4777
4830
|
const toggleItem = (item) => {
|
|
4778
4831
|
setActiveItem(item);
|
|
4779
4832
|
};
|
|
4780
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item === "" && jsxRuntime.jsx(UserContainer, Object.assign({}, props.user)), jsxRuntime.jsxs(StyledList, { children: [item === "" && props.onFeedbackClick && jsxRuntime.jsx(Separator, {}), props.onFeedbackClick && (jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgThumbsUp, {}), setActive: () => props.onFeedbackClick
|
|
4833
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item === "" && jsxRuntime.jsx(UserContainer, Object.assign({}, props.user)), jsxRuntime.jsxs(StyledList, { children: [item === "" && props.onFeedbackClick && jsxRuntime.jsx(Separator, {}), props.onFeedbackClick && (jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgThumbsUp, {}), setActive: () => props.onFeedbackClick
|
|
4834
|
+
? props.onFeedbackClick()
|
|
4835
|
+
: console.log("feedback fired") }, { children: jsxRuntime.jsxs(MenuItemBody, { children: [props.feedbackTitle || "Give us your feedback", jsxRuntime.jsx(MD, Object.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: (i) => 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: (i) => toggleItem(i), languages: props.languages, currentLanguage: props.currentLanguage, currentLanguageLabel: props.currentLanguageLabel, onSelectLanguage: (lang) => props.onSelectLanguage(lang) }), jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgLockLockedFill, { color: theme.palette.blue[600] }), setActive: () => { var _a; return window.open(((_a = props.privacy) === null || _a === void 0 ? void 0 : _a.url) || "#"); } }, { children: ((_a = props.privacy) === null || _a === void 0 ? void 0 : _a.title) || "Privacy settings" })), jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgExit, { color: theme.palette.red[600] }), setActive: () => props.onLogout() }, { children: props.logoutTitle || "Log out" }))] })] }));
|
|
4781
4836
|
};
|
|
4782
4837
|
|
|
4783
4838
|
const StyledModal = styled__default["default"](Modal) `
|
|
@@ -5493,6 +5548,7 @@ exports.SpecialCard = SpecialCard;
|
|
|
5493
5548
|
exports.Spinner = Spinner;
|
|
5494
5549
|
exports.SplitButton = SplitButton;
|
|
5495
5550
|
exports.Stepper = Stepper;
|
|
5551
|
+
exports.StyledLabel = StyledLabel$2;
|
|
5496
5552
|
exports.SunburstChart = SunburstChart;
|
|
5497
5553
|
exports.Table = Table;
|
|
5498
5554
|
exports.TableBody = Body;
|