@muchbetteradventures/consent-manager 5.6.1 → 5.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/commonjs/consent-manager/banner.js +12 -6
- package/commonjs/consent-manager/buttons.js +5 -5
- package/commonjs/consent-manager/dialog.js +6 -3
- package/commonjs/consent-manager/preference-dialog.js +11 -11
- package/esm/consent-manager/banner.js +12 -6
- package/esm/consent-manager/buttons.js +5 -5
- package/esm/consent-manager/dialog.js +6 -3
- package/esm/consent-manager/preference-dialog.js +11 -11
- package/package.json +3 -2
- package/standalone/consent-manager.js +3 -3
- package/standalone/consent-manager.js.map +1 -1
- package/types/consent-manager/banner.d.ts +1 -0
|
@@ -33,7 +33,7 @@ var buttons_1 = require("./buttons");
|
|
|
33
33
|
var font_styles_1 = __importDefault(require("./font-styles"));
|
|
34
34
|
var Overlay = react_emotion_1.default('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1250;\n display: grid;\n place-items: center;\n @media screen and (max-width: 600px) {\n place-items: end;\n }\n"], ["\n background: rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1250;\n display: grid;\n place-items: center;\n @media screen and (max-width: 600px) {\n place-items: end;\n }\n"])));
|
|
35
35
|
var Title = react_emotion_1.default('h4')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-top: 0;\n margin-bottom: 0.7em;\n text-transform: uppercase;\n"], ["\n margin-top: 0;\n margin-bottom: 0.7em;\n text-transform: uppercase;\n"])));
|
|
36
|
-
var Root = react_emotion_1.default('div')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n border-radius: 4px;\n margin: 8px;\n max-width: 500px;\n padding: 16px;\n background: ", ";\n color: ", ";\n font-size: 14px;\n line-height: 1.3;\n @media screen and (max-width: 600px) {\n margin: 0;\n border-radius: 0;\n }\n"], ["\n ", "\n border-radius: 4px;\n margin: 8px;\n max-width: 500px;\n padding: 16px;\n background: ", ";\n color: ", ";\n font-size: 14px;\n line-height: 1.3;\n @media screen and (max-width: 600px) {\n margin: 0;\n border-radius: 0;\n }\n"])), font_styles_1.default, function (props) { return props.backgroundColor; }, function (props) { return props.textColor; });
|
|
36
|
+
var Root = react_emotion_1.default('div')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n border-radius: 4px;\n margin: 8px;\n max-width: 500px;\n padding: 16px;\n background: ", ";\n color: ", ";\n font-size: 14px;\n line-height: 1.3;\n outline: none;\n &:focus {\n outline: none;\n }\n @media screen and (max-width: 600px) {\n margin: 0;\n border-radius: 0;\n }\n"], ["\n ", "\n border-radius: 4px;\n margin: 8px;\n max-width: 500px;\n padding: 16px;\n background: ", ";\n color: ", ";\n font-size: 14px;\n line-height: 1.3;\n outline: none;\n &:focus {\n outline: none;\n }\n @media screen and (max-width: 600px) {\n margin: 0;\n border-radius: 0;\n }\n"])), font_styles_1.default, function (props) { return props.backgroundColor; }, function (props) { return props.textColor; });
|
|
37
37
|
var Content = react_emotion_1.default('div')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n a,\n button {\n display: inline;\n padding: 0;\n border: none;\n background: none;\n color: inherit;\n font: inherit;\n text-decoration: underline;\n cursor: pointer;\n }\n margin-bottom: 0.7em;\n"], ["\n a,\n button {\n display: inline;\n padding: 0;\n border: none;\n background: none;\n color: inherit;\n font: inherit;\n text-decoration: underline;\n cursor: pointer;\n }\n margin-bottom: 0.7em;\n"])));
|
|
38
38
|
var P = react_emotion_1.default('p')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0;\n &:not(:last-child) {\n margin-bottom: 6px;\n }\n"], ["\n margin: 0;\n &:not(:last-child) {\n margin-bottom: 6px;\n }\n"])));
|
|
39
39
|
var Actions = react_emotion_1.default('div')(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n text-align: right;\n button.preferences {\n float: left;\n padding-left: 0;\n padding-right: 0;\n border-radius: 0;\n margin: 0;\n }\n"], ["\n text-align: right;\n button.preferences {\n float: left;\n padding-left: 0;\n padding-right: 0;\n border-radius: 0;\n margin: 0;\n }\n"])));
|
|
@@ -42,21 +42,27 @@ var Banner = /** @class */ (function (_super) {
|
|
|
42
42
|
function Banner() {
|
|
43
43
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
44
44
|
}
|
|
45
|
+
Banner.prototype.componentDidMount = function () {
|
|
46
|
+
var element = document.querySelector('[role="dialog"]');
|
|
47
|
+
if (element instanceof HTMLElement) {
|
|
48
|
+
element.focus();
|
|
49
|
+
}
|
|
50
|
+
};
|
|
45
51
|
Banner.prototype.render = function () {
|
|
46
52
|
var _a = this.props, innerRef = _a.innerRef, onClose = _a.onClose, onChangePreferences = _a.onChangePreferences, content = _a.content, backgroundColor = _a.backgroundColor, textColor = _a.textColor, showRejectAll = _a.showRejectAll;
|
|
47
53
|
return (react_1.default.createElement(Overlay, null,
|
|
48
|
-
react_1.default.createElement(Root, { innerRef: innerRef, backgroundColor: backgroundColor, textColor: textColor },
|
|
54
|
+
react_1.default.createElement(Root, { innerRef: innerRef, backgroundColor: backgroundColor, textColor: textColor, role: "dialog", "aria-modal": "true", tabIndex: -1 },
|
|
49
55
|
react_1.default.createElement(Content, null,
|
|
50
56
|
react_1.default.createElement(Title, null, "Cookies & Your Privacy"),
|
|
51
57
|
react_1.default.createElement(P, null, content)),
|
|
52
58
|
react_1.default.createElement(Actions, null,
|
|
53
|
-
react_1.default.createElement(buttons_1.TextButton, { className: "preferences", type: "button", title: "Preferences", "aria-label": "Close", onClick: onChangePreferences }, "Manage"),
|
|
54
|
-
showRejectAll && (react_1.default.createElement(buttons_1.DefaultButton, { type: "button", title: "Reject", "aria-label": "Close", onClick: function () { return onClose("deny" /* DENY */); } }, "Reject All")),
|
|
55
|
-
react_1.default.createElement(buttons_1.DefaultButton, { type: "button", title: "Accept", "aria-label": "Close", onClick: function () { return onClose("accept" /* ACCEPT */); } }, "Accept All")))));
|
|
59
|
+
react_1.default.createElement(buttons_1.TextButton, { className: "preferences", type: "button", title: "Preferences", "aria-label": "Close", tabIndex: 0, onClick: onChangePreferences }, "Manage"),
|
|
60
|
+
showRejectAll && (react_1.default.createElement(buttons_1.DefaultButton, { type: "button", title: "Reject", "aria-label": "Close", tabIndex: 0, onClick: function () { return onClose("deny" /* DENY */); } }, "Reject All")),
|
|
61
|
+
react_1.default.createElement(buttons_1.DefaultButton, { type: "button", title: "Accept", "aria-label": "Close", tabIndex: 0, onClick: function () { return onClose("accept" /* ACCEPT */); } }, "Accept All")))));
|
|
56
62
|
};
|
|
57
63
|
Banner.displayName = 'Banner';
|
|
58
64
|
return Banner;
|
|
59
65
|
}(react_1.PureComponent));
|
|
60
66
|
exports.default = Banner;
|
|
61
67
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbnNlbnQtbWFuYWdlci9iYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTRDO0FBQzVDLGdFQUFrQztBQUNsQyxxQ0FBcUQ7QUFFckQsOERBQXNDO0FBRXRDLElBQU0sT0FBTyxHQUFHLHVCQUFNLENBQUMsS0FBSyxDQUFDLHdUQUFBLHFQQWE1QixJQUFBLENBQUE7QUFFRCxJQUFNLEtBQUssR0FBRyx1QkFBTSxDQUFDLElBQUksQ0FBQyxnSkFBQSw2RUFJekIsSUFBQSxDQUFBO0FBRUQsSUFBTSxJQUFJLEdBQUcsdUJBQU0sQ0FBd0QsS0FBSyxDQUFDLHlYQUFBLE1BQzdFLEVBQVUsZ0dBS0UsRUFBOEIsY0FDbkMsRUFBd0IsNExBV2xDLEtBakJHLHFCQUFVLEVBS0UsVUFBQSxLQUFLLElBQUksT0FBQSxLQUFLLENBQUMsZUFBZSxFQUFyQixDQUFxQixFQUNuQyxVQUFBLEtBQUssSUFBSSxPQUFBLEtBQUssQ0FBQyxTQUFTLEVBQWYsQ0FBZSxDQVdsQyxDQUFBO0FBRUQsSUFBTSxPQUFPLEdBQUcsdUJBQU0sQ0FBQyxLQUFLLENBQUMsd1NBQUEscU9BYTVCLElBQUEsQ0FBQTtBQUVELElBQU0sQ0FBQyxHQUFHLHVCQUFNLENBQUMsR0FBRyxDQUFDLDJJQUFBLHdFQUtwQixJQUFBLENBQUE7QUFFRCxJQUFNLE9BQU8sR0FBRyx1QkFBTSxDQUFDLEtBQUssQ0FBQyxnT0FBQSw2SkFTNUIsSUFBQSxDQUFBO0FBYUQ7SUFBb0MsMEJBQW9CO0lBQXhEOztJQXVFQSxDQUFDO0lBcEVDLGtDQUFpQixHQUFqQjtRQUNFLElBQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsaUJBQWlCLENBQUMsQ0FBQTtRQUN6RCxJQUFJLE9BQU8sWUFBWSxXQUFXLEVBQUU7WUFDbEMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFBO1NBQ2hCO0lBQ0gsQ0FBQztJQUVELHVCQUFNLEdBQU47UUFDUSxJQUFBLGVBUVEsRUFQWixzQkFBUSxFQUNSLG9CQUFPLEVBQ1AsNENBQW1CLEVBQ25CLG9CQUFPLEVBQ1Asb0NBQWUsRUFDZix3QkFBUyxFQUNULGdDQUNZLENBQUE7UUFFZCxPQUFPLENBQ0wsOEJBQUMsT0FBTztZQUNOLDhCQUFDLElBQUksSUFDSCxRQUFRLEVBQUUsUUFBUSxFQUNsQixlQUFlLEVBQUUsZUFBZSxFQUNoQyxTQUFTLEVBQUUsU0FBUyxFQUNwQixJQUFJLEVBQUMsUUFBUSxnQkFDRixNQUFNLEVBQ2pCLFFBQVEsRUFBRSxDQUFDLENBQUM7Z0JBRVosOEJBQUMsT0FBTztvQkFDTiw4QkFBQyxLQUFLLGlDQUFtQztvQkFDekMsOEJBQUMsQ0FBQyxRQUFFLE9BQU8sQ0FBSyxDQUNSO2dCQUNWLDhCQUFDLE9BQU87b0JBQ04sOEJBQUMsb0JBQVUsSUFDVCxTQUFTLEVBQUMsYUFBYSxFQUN2QixJQUFJLEVBQUMsUUFBUSxFQUNiLEtBQUssRUFBQyxhQUFhLGdCQUNSLE9BQU8sRUFDbEIsUUFBUSxFQUFFLENBQUMsRUFDWCxPQUFPLEVBQUUsbUJBQW1CLGFBR2pCO29CQUNaLGFBQWEsSUFBSSxDQUNoQiw4QkFBQyx1QkFBYSxJQUNaLElBQUksRUFBQyxRQUFRLEVBQ2IsS0FBSyxFQUFDLFFBQVEsZ0JBQ0gsT0FBTyxFQUNsQixRQUFRLEVBQUUsQ0FBQyxFQUNYLE9BQU8sRUFBRSxjQUFNLE9BQUEsT0FBTyxtQkFBb0IsRUFBM0IsQ0FBMkIsaUJBRzVCLENBQ2pCO29CQUNELDhCQUFDLHVCQUFhLElBQ1osSUFBSSxFQUFDLFFBQVEsRUFDYixLQUFLLEVBQUMsUUFBUSxnQkFDSCxPQUFPLEVBQ2xCLFFBQVEsRUFBRSxDQUFDLEVBQ1gsT0FBTyxFQUFFLGNBQU0sT0FBQSxPQUFPLHVCQUFzQixFQUE3QixDQUE2QixpQkFHOUIsQ0FDUixDQUNMLENBQ0MsQ0FDWCxDQUFBO0lBQ0gsQ0FBQztJQXJFTSxrQkFBVyxHQUFHLFFBQVEsQ0FBQTtJQXNFL0IsYUFBQztDQUFBLEFBdkVELENBQW9DLHFCQUFhLEdBdUVoRDtrQkF2RW9CLE1BQU0ifQ==
|
|
@@ -16,10 +16,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
var react_emotion_1 = __importStar(require("react-emotion"));
|
|
18
18
|
var font_styles_1 = __importDefault(require("./font-styles"));
|
|
19
|
-
var baseStyles = react_emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n border: none;\n border-radius: 4px;\n font-size: 12px;\n line-height: 1;\n cursor: pointer;\n
|
|
20
|
-
exports.DefaultButton = react_emotion_1.default('button')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n color: #428bca;\n border: 1px solid rgba(66, 139, 202, 0.5);\n background-color: #fff;\n margin-left: 4px;\n"], ["\n ", ";\n color: #428bca;\n border: 1px solid rgba(66, 139, 202, 0.5);\n background-color: #fff;\n margin-left: 4px;\n"])), baseStyles);
|
|
21
|
-
exports.TextButton = react_emotion_1.default('button')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n color: #428bca;\n background-color: #fff;\n border: none;\n margin-left: 4px;\n"], ["\n ", ";\n color: #428bca;\n background-color: #fff;\n border: none;\n margin-left: 4px;\n"])), baseStyles);
|
|
22
|
-
exports.GreenButton = react_emotion_1.default('button')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n background-color: #98be42;\n color: #fff;\n"], ["\n ", ";\n background-color: #98be42;\n color: #fff;\n"])), baseStyles);
|
|
19
|
+
var baseStyles = react_emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n border: none;\n border-radius: 4px;\n font-size: 12px;\n line-height: 1;\n cursor: pointer;\n padding: 6px 16px;\n font-size: 14px;\n box-sizing: border-box;\n font-weight: 700;\n line-height: 1.75;\n border-radius: 4px;\n border: 0;\n text-transform: none;\n color: white;\n background-color: #98be42;\n margin-left: 4px;\n"], ["\n ", "\n border: none;\n border-radius: 4px;\n font-size: 12px;\n line-height: 1;\n cursor: pointer;\n padding: 6px 16px;\n font-size: 14px;\n box-sizing: border-box;\n font-weight: 700;\n line-height: 1.75;\n border-radius: 4px;\n border: 0;\n text-transform: none;\n color: white;\n background-color: #98be42;\n margin-left: 4px;\n"])), font_styles_1.default);
|
|
20
|
+
exports.DefaultButton = react_emotion_1.default('button')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n color: #428bca;\n border: 1px solid rgba(66, 139, 202, 0.5);\n background-color: #fff;\n margin-left: 4px;\n &:focus {\n text-decoration: underline;\n }\n"], ["\n ", ";\n color: #428bca;\n border: 1px solid rgba(66, 139, 202, 0.5);\n background-color: #fff;\n margin-left: 4px;\n &:focus {\n text-decoration: underline;\n }\n"])), baseStyles);
|
|
21
|
+
exports.TextButton = react_emotion_1.default('button')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n color: #428bca;\n background-color: #fff;\n border: none;\n margin-left: 4px;\n &:focus {\n text-decoration: underline;\n }\n"], ["\n ", ";\n color: #428bca;\n background-color: #fff;\n border: none;\n margin-left: 4px;\n &:focus {\n text-decoration: underline;\n }\n"])), baseStyles);
|
|
22
|
+
exports.GreenButton = react_emotion_1.default('button')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n background-color: #98be42;\n color: #fff;\n &:focus {\n text-decoration: underline;\n }\n"], ["\n ", ";\n background-color: #98be42;\n color: #fff;\n &:focus {\n text-decoration: underline;\n }\n"])), baseStyles);
|
|
23
23
|
exports.RedButton = react_emotion_1.default('button')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n background-color: #98be42;\n"], ["\n ", ";\n background-color: #98be42;\n"])), baseStyles);
|
|
24
24
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb25zZW50LW1hbmFnZXIvYnV0dG9ucy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZEQUEyQztBQUMzQyw4REFBc0M7QUFFdEMsSUFBTSxVQUFVLEdBQUcsbUJBQUcsb2FBQUEsTUFDbEIsRUFBVSx5VkFpQmIsS0FqQkcscUJBQVUsQ0FpQmIsQ0FBQTtBQUVZLFFBQUEsYUFBYSxHQUFHLHVCQUFNLENBQUMsUUFBUSxDQUFDLG9QQUFBLE1BQ3pDLEVBQVUseUtBUWIsS0FSRyxVQUFVLEVBUWI7QUFFWSxRQUFBLFVBQVUsR0FBRyx1QkFBTSxDQUFDLFFBQVEsQ0FBQyx1TkFBQSxNQUN0QyxFQUFVLDRJQVFiLEtBUkcsVUFBVSxFQVFiO0FBRVksUUFBQSxXQUFXLEdBQUcsdUJBQU0sQ0FBQyxRQUFRLENBQUMsaUxBQUEsTUFDdkMsRUFBVSxzR0FNYixLQU5HLFVBQVUsRUFNYjtBQUVZLFFBQUEsU0FBUyxHQUFHLHVCQUFNLENBQUMsUUFBUSxDQUFDLDhHQUFBLE1BQ3JDLEVBQVUsbUNBRWIsS0FGRyxVQUFVLEVBRWIifQ==
|
|
@@ -36,7 +36,7 @@ var ANIMATION_DURATION = '200ms';
|
|
|
36
36
|
var ANIMATION_EASING = 'cubic-bezier(0.0, 0.0, 0.2, 1)';
|
|
37
37
|
var Overlay = react_emotion_1.default('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 1251;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.3);\n"], ["\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 1251;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.3);\n"])));
|
|
38
38
|
var openAnimation = react_emotion_1.keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n from {\n transform: scale(0.8);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n"], ["\n from {\n transform: scale(0.8);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n"])));
|
|
39
|
-
var Root = react_emotion_1.default('section')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n display: flex;\n flex-direction: column;\n max-width: calc(100vw - 16px);\n max-height: calc(100vh - 16px);\n width: ", ";\n margin: 8px;\n background: #fff;\n border-radius: 8px;\n animation: ", " ", " ", " both;\n"], ["\n ", ";\n display: flex;\n flex-direction: column;\n max-width: calc(100vw - 16px);\n max-height: calc(100vh - 16px);\n width: ", ";\n margin: 8px;\n background: #fff;\n border-radius: 8px;\n animation: ", " ", " ", " both;\n"])), font_styles_1.default, function (props) { return props.width; }, openAnimation, ANIMATION_DURATION, ANIMATION_EASING);
|
|
39
|
+
var Root = react_emotion_1.default('section')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n display: flex;\n flex-direction: column;\n max-width: calc(100vw - 16px);\n max-height: calc(100vh - 16px);\n width: ", ";\n margin: 8px;\n background: #fff;\n border-radius: 8px;\n animation: ", " ", " ", " both;\n outline: none;\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px #1976d2;\n }\n"], ["\n ", ";\n display: flex;\n flex-direction: column;\n max-width: calc(100vw - 16px);\n max-height: calc(100vh - 16px);\n width: ", ";\n margin: 8px;\n background: #fff;\n border-radius: 8px;\n animation: ", " ", " ", " both;\n outline: none;\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px #1976d2;\n }\n"])), font_styles_1.default, function (props) { return props.width; }, openAnimation, ANIMATION_DURATION, ANIMATION_EASING);
|
|
40
40
|
var Form = react_emotion_1.default('form')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n min-height: 0;\n"], ["\n display: flex;\n flex-direction: column;\n min-height: 0;\n"])));
|
|
41
41
|
var Header = react_emotion_1.default('div')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex: 1 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-bottom: 1px solid rgba(67, 90, 111, 0.079);\n"], ["\n flex: 1 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-bottom: 1px solid rgba(67, 90, 111, 0.079);\n"])));
|
|
42
42
|
var Title = react_emotion_1.default('h4')(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin: 0;\n text-transform: uppercase;\n"], ["\n margin: 0;\n text-transform: uppercase;\n"])));
|
|
@@ -76,7 +76,7 @@ var Dialog = /** @class */ (function (_super) {
|
|
|
76
76
|
Dialog.prototype.render = function () {
|
|
77
77
|
var _a = this.props, onCancel = _a.onCancel, onSubmit = _a.onSubmit, title = _a.title, children = _a.children, buttons = _a.buttons, width = _a.width;
|
|
78
78
|
var dialog = (react_1.default.createElement(Overlay, { onClick: this.handleOverlayClick },
|
|
79
|
-
react_1.default.createElement(Root, { innerRef: this.handleRootRef, role: "dialog", "aria-modal": true, "aria-labelledby": this.titleId, width: width },
|
|
79
|
+
react_1.default.createElement(Root, { innerRef: this.handleRootRef, role: "dialog", "aria-modal": true, "aria-labelledby": this.titleId, width: width, tabIndex: -1 },
|
|
80
80
|
react_1.default.createElement(Header, null,
|
|
81
81
|
react_1.default.createElement(Title, { id: this.titleId }, title),
|
|
82
82
|
onCancel && (react_1.default.createElement(HeaderCancelButton, { onClick: onCancel, title: "Cancel", "aria-label": "Cancel" }, "\u2715"))),
|
|
@@ -87,6 +87,9 @@ var Dialog = /** @class */ (function (_super) {
|
|
|
87
87
|
};
|
|
88
88
|
Dialog.prototype.componentDidMount = function () {
|
|
89
89
|
var innerRef = this.props.innerRef;
|
|
90
|
+
if (this.root) {
|
|
91
|
+
this.root.focus();
|
|
92
|
+
}
|
|
90
93
|
if (this.form) {
|
|
91
94
|
var input = this.form.querySelector('input,button');
|
|
92
95
|
if (input) {
|
|
@@ -113,4 +116,4 @@ var Dialog = /** @class */ (function (_super) {
|
|
|
113
116
|
}(react_1.PureComponent));
|
|
114
117
|
exports.default = Dialog;
|
|
115
118
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
116
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
119
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbnNlbnQtbWFuYWdlci9kaWFsb2cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTRDO0FBQzVDLHdEQUFnQztBQUNoQyw2REFBaUQ7QUFDakQsa0RBQTJCO0FBQzNCLDhEQUFzQztBQUV0QyxJQUFNLGtCQUFrQixHQUFHLE9BQU8sQ0FBQTtBQUNsQyxJQUFNLGdCQUFnQixHQUFHLGdDQUFnQyxDQUFBO0FBRXpELElBQU0sT0FBTyxHQUFHLHVCQUFNLENBQUMsS0FBSyxDQUFDLHdRQUFBLHFNQVc1QixJQUFBLENBQUE7QUFFRCxJQUFNLGFBQWEsR0FBRyx5QkFBUywyTEFBQSx3SEFTOUIsSUFBQSxDQUFBO0FBRUQsSUFBTSxJQUFJLEdBQUcsdUJBQU0sQ0FBb0QsU0FBUyxDQUFDLDZZQUFBLE1BQzdFLEVBQVUsZ0lBS0gsRUFBb0IsOEVBSWhCLEVBQWEsR0FBSSxFQUFrQixHQUFJLEVBQWdCLHNHQU1yRSxLQWZHLHFCQUFVLEVBS0gsVUFBQSxLQUFLLElBQUksT0FBQSxLQUFLLENBQUMsS0FBSyxFQUFYLENBQVcsRUFJaEIsYUFBYSxFQUFJLGtCQUFrQixFQUFJLGdCQUFnQixDQU1yRSxDQUFBO0FBRUQsSUFBTSxJQUFJLEdBQUcsdUJBQU0sQ0FBQyxNQUFNLENBQUMsc0lBQUEsbUVBSTFCLElBQUEsQ0FBQTtBQUVELElBQU0sTUFBTSxHQUFHLHVCQUFNLENBQUMsS0FBSyxDQUFDLG9QQUFBLGlMQU8zQixJQUFBLENBQUE7QUFFRCxJQUFNLEtBQUssR0FBRyx1QkFBTSxDQUFDLElBQUksQ0FBQyxtSEFBQSxnREFHekIsSUFBQSxDQUFBO0FBRUQsSUFBTSxrQkFBa0IsR0FBRyx1QkFBTSxDQUFDLFFBQVEsQ0FBQyw4TkFBQSwySkFTMUMsSUFBQSxDQUFBO0FBRUQsSUFBTSxPQUFPLEdBQUcsdUJBQU0s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
|
|
@@ -69,8 +69,8 @@ var PreferenceDialog = /** @class */ (function (_super) {
|
|
|
69
69
|
var _this = this;
|
|
70
70
|
var _a = this.props, innerRef = _a.innerRef, onCancel = _a.onCancel, onClose = _a.onClose, marketingDestinations = _a.marketingDestinations, advertisingDestinations = _a.advertisingDestinations, functionalDestinations = _a.functionalDestinations, marketingAndAnalytics = _a.marketingAndAnalytics, advertising = _a.advertising, functional = _a.functional, customCategories = _a.customCategories, destinations = _a.destinations, title = _a.title, content = _a.content, preferences = _a.preferences;
|
|
71
71
|
var buttons = (react_1.default.createElement("div", null,
|
|
72
|
-
react_1.default.createElement(buttons_1.DefaultButton, { type: "button", title: "Reject", "aria-label": "Close", onClick: function () { return onClose("deny" /* DENY */); } }, "Reject All"),
|
|
73
|
-
react_1.default.createElement(buttons_1.DefaultButton, { type: "button", title: "Accept", "aria-label": "Close", onClick: function () { return onClose("accept" /* ACCEPT */); } }, "Accept All"),
|
|
72
|
+
react_1.default.createElement(buttons_1.DefaultButton, { type: "button", title: "Reject", "aria-label": "Close", tabIndex: 0, onClick: function () { return onClose("deny" /* DENY */); } }, "Reject All"),
|
|
73
|
+
react_1.default.createElement(buttons_1.DefaultButton, { type: "button", title: "Accept", "aria-label": "Close", tabIndex: 0, onClick: function () { return onClose("accept" /* ACCEPT */); } }, "Accept All"),
|
|
74
74
|
react_1.default.createElement(buttons_1.GreenButton, { type: "submit" }, "Save")));
|
|
75
75
|
return (react_1.default.createElement(dialog_1.default, { innerRef: innerRef, title: title, buttons: buttons, onCancel: onCancel, onSubmit: this.handleSubmit },
|
|
76
76
|
react_1.default.createElement(P, null, content),
|
|
@@ -87,11 +87,11 @@ var PreferenceDialog = /** @class */ (function (_super) {
|
|
|
87
87
|
react_1.default.createElement(Row, null,
|
|
88
88
|
react_1.default.createElement(InputCell, null,
|
|
89
89
|
react_1.default.createElement("label", null,
|
|
90
|
-
react_1.default.createElement("input", { type: "radio", name: "functional", value: "true", checked: functional === true, onChange: this.handleChange, "aria-label": "Allow functional tracking", required: true }),
|
|
90
|
+
react_1.default.createElement("input", { type: "radio", name: "functional", value: "true", checked: functional === true, onChange: this.handleChange, "aria-label": "Allow functional tracking", required: true, tabIndex: 0 }),
|
|
91
91
|
' ',
|
|
92
92
|
"Yes"),
|
|
93
93
|
react_1.default.createElement("label", null,
|
|
94
|
-
react_1.default.createElement("input", { type: "radio", name: "functional", value: "false", checked: functional === false, onChange: this.handleChange, "aria-label": "Disallow functional tracking", required: true }),
|
|
94
|
+
react_1.default.createElement("input", { type: "radio", name: "functional", value: "false", checked: functional === false, onChange: this.handleChange, "aria-label": "Disallow functional tracking", required: true, tabIndex: 0 }),
|
|
95
95
|
' ',
|
|
96
96
|
"No")),
|
|
97
97
|
react_1.default.createElement(RowHeading, { scope: "row" }, "Functional"),
|
|
@@ -102,11 +102,11 @@ var PreferenceDialog = /** @class */ (function (_super) {
|
|
|
102
102
|
react_1.default.createElement(Row, null,
|
|
103
103
|
react_1.default.createElement(InputCell, null,
|
|
104
104
|
react_1.default.createElement("label", null,
|
|
105
|
-
react_1.default.createElement("input", { type: "radio", name: "marketingAndAnalytics", value: "true", checked: marketingAndAnalytics === true, onChange: this.handleChange, "aria-label": "Allow marketing and analytics tracking", required: true }),
|
|
105
|
+
react_1.default.createElement("input", { type: "radio", name: "marketingAndAnalytics", value: "true", checked: marketingAndAnalytics === true, onChange: this.handleChange, "aria-label": "Allow marketing and analytics tracking", required: true, tabIndex: 0 }),
|
|
106
106
|
' ',
|
|
107
107
|
"Yes"),
|
|
108
108
|
react_1.default.createElement("label", null,
|
|
109
|
-
react_1.default.createElement("input", { type: "radio", name: "marketingAndAnalytics", value: "false", checked: marketingAndAnalytics === false, onChange: this.handleChange, "aria-label": "Disallow marketing and analytics tracking", required: true }),
|
|
109
|
+
react_1.default.createElement("input", { type: "radio", name: "marketingAndAnalytics", value: "false", checked: marketingAndAnalytics === false, onChange: this.handleChange, "aria-label": "Disallow marketing and analytics tracking", required: true, tabIndex: 0 }),
|
|
110
110
|
' ',
|
|
111
111
|
"No")),
|
|
112
112
|
react_1.default.createElement(RowHeading, { scope: "row" }, "Marketing and Analytics"),
|
|
@@ -117,11 +117,11 @@ var PreferenceDialog = /** @class */ (function (_super) {
|
|
|
117
117
|
react_1.default.createElement(Row, null,
|
|
118
118
|
react_1.default.createElement(InputCell, null,
|
|
119
119
|
react_1.default.createElement("label", null,
|
|
120
|
-
react_1.default.createElement("input", { type: "radio", name: "advertising", value: "true", checked: advertising === true, onChange: this.handleChange, "aria-label": "Allow advertising tracking", required: true }),
|
|
120
|
+
react_1.default.createElement("input", { type: "radio", name: "advertising", value: "true", checked: advertising === true, onChange: this.handleChange, "aria-label": "Allow advertising tracking", required: true, tabIndex: 0 }),
|
|
121
121
|
' ',
|
|
122
122
|
"Yes"),
|
|
123
123
|
react_1.default.createElement("label", null,
|
|
124
|
-
react_1.default.createElement("input", { type: "radio", name: "advertising", value: "false", checked: advertising === false, onChange: this.handleChange, "aria-label": "Disallow advertising tracking", required: true }),
|
|
124
|
+
react_1.default.createElement("input", { type: "radio", name: "advertising", value: "false", checked: advertising === false, onChange: this.handleChange, "aria-label": "Disallow advertising tracking", required: true, tabIndex: 0 }),
|
|
125
125
|
' ',
|
|
126
126
|
"No")),
|
|
127
127
|
react_1.default.createElement(RowHeading, { scope: "row" }, "Advertising"),
|
|
@@ -135,11 +135,11 @@ var PreferenceDialog = /** @class */ (function (_super) {
|
|
|
135
135
|
return (react_1.default.createElement(Row, { key: categoryName },
|
|
136
136
|
react_1.default.createElement(InputCell, null,
|
|
137
137
|
react_1.default.createElement("label", null,
|
|
138
|
-
react_1.default.createElement("input", { type: "radio", name: categoryName, value: "true", checked: preferences[categoryName] === true, onChange: _this.handleChange, "aria-label": "Allow \"" + categoryName + "\" tracking", required: true }),
|
|
138
|
+
react_1.default.createElement("input", { type: "radio", name: categoryName, value: "true", checked: preferences[categoryName] === true, onChange: _this.handleChange, "aria-label": "Allow \"" + categoryName + "\" tracking", required: true, tabIndex: 0 }),
|
|
139
139
|
' ',
|
|
140
140
|
"Yes"),
|
|
141
141
|
react_1.default.createElement("label", null,
|
|
142
|
-
react_1.default.createElement("input", { type: "radio", name: categoryName, value: "false", checked: preferences[categoryName] === false, onChange: _this.handleChange, "aria-label": "Disallow \"" + categoryName + "\" tracking", required: true }),
|
|
142
|
+
react_1.default.createElement("input", { type: "radio", name: categoryName, value: "false", checked: preferences[categoryName] === false, onChange: _this.handleChange, "aria-label": "Disallow \"" + categoryName + "\" tracking", required: true, tabIndex: 0 }),
|
|
143
143
|
' ',
|
|
144
144
|
"No")),
|
|
145
145
|
react_1.default.createElement(RowHeading, { scope: "row" }, categoryName),
|
|
@@ -168,4 +168,4 @@ var PreferenceDialog = /** @class */ (function (_super) {
|
|
|
168
168
|
}(react_1.PureComponent));
|
|
169
169
|
exports.default = PreferenceDialog;
|
|
170
170
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
171
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
171
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlZmVyZW5jZS1kaWFsb2cuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uc2VudC1tYW5hZ2VyL3ByZWZlcmVuY2UtZGlhbG9nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDZDQUE0QztBQUM1Qyw2REFBMkM7QUFDM0Msb0RBQTZCO0FBQzdCLHFDQUFzRDtBQUl0RCxJQUFNLFlBQVksR0FBRyxtQkFBRywrSEFBQSw0REFJdkIsSUFBQSxDQUFBO0FBRUQsSUFBTSxDQUFDLEdBQUcsdUJBQU0sQ0FBQyxHQUFHLENBQUMseUlBQUEsc0VBS3BCLElBQUEsQ0FBQTtBQUVELElBQU0sV0FBVyxHQUFHLHVCQUFNLENBQUMsS0FBSyxDQUFDLGlIQUFBLDhDQUdoQyxJQUFBLENBQUE7QUFFRCxJQUFNLEtBQUssR0FBRyx1QkFBTSxDQUFDLE9BQU8sQ0FBQyx5SEFBQSxzREFHNUIsSUFBQSxDQUFBO0FBRUQsSUFBTSxhQUFhLEdBQUcsdUJBQU0sQ0FBQyxJQUFJLENBQUMsa0xBQUEsK0dBTWpDLElBQUEsQ0FBQTtBQUVELElBQU0sVUFBVSxHQUFHLHVCQUFNLENBQUMsSUFBSSxDQUFDLG9IQUFBLGlEQUc5QixJQUFBLENBQUE7QUFFRCxJQUFNLEdBQUcsR0FBRyx1QkFBTSxDQUFDLElBQUksQ0FBQyxrT0FBQSwrSkFVdkIsSUFBQSxDQUFBO0FBRUQsSUFBTSxTQUFTLEdBQUcsdUJBQU0sQ0FBQyxJQUFJLENBQUMsNE1BQUEseUlBUzdCLElBQUEsQ0FBQTtBQXFCRDtJQUE4QyxvQ0FBd0M7SUFBdEY7UUFBQSxxRUFzVEM7UUFqQ0Msa0JBQVksR0FBRyxVQUFBLENBQUM7WUFDTixJQUFBLCtCQUFRLENBQWU7WUFDL0IsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxLQUFLLE1BQU0sQ0FBQyxDQUFBO1FB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
|
|
@@ -21,7 +21,7 @@ import { DefaultButton, TextButton } from './buttons';
|
|
|
21
21
|
import fontStyles from './font-styles';
|
|
22
22
|
var Overlay = styled('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1250;\n display: grid;\n place-items: center;\n @media screen and (max-width: 600px) {\n place-items: end;\n }\n"], ["\n background: rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 1250;\n display: grid;\n place-items: center;\n @media screen and (max-width: 600px) {\n place-items: end;\n }\n"])));
|
|
23
23
|
var Title = styled('h4')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-top: 0;\n margin-bottom: 0.7em;\n text-transform: uppercase;\n"], ["\n margin-top: 0;\n margin-bottom: 0.7em;\n text-transform: uppercase;\n"])));
|
|
24
|
-
var Root = styled('div')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n border-radius: 4px;\n margin: 8px;\n max-width: 500px;\n padding: 16px;\n background: ", ";\n color: ", ";\n font-size: 14px;\n line-height: 1.3;\n @media screen and (max-width: 600px) {\n margin: 0;\n border-radius: 0;\n }\n"], ["\n ", "\n border-radius: 4px;\n margin: 8px;\n max-width: 500px;\n padding: 16px;\n background: ", ";\n color: ", ";\n font-size: 14px;\n line-height: 1.3;\n @media screen and (max-width: 600px) {\n margin: 0;\n border-radius: 0;\n }\n"])), fontStyles, function (props) { return props.backgroundColor; }, function (props) { return props.textColor; });
|
|
24
|
+
var Root = styled('div')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n border-radius: 4px;\n margin: 8px;\n max-width: 500px;\n padding: 16px;\n background: ", ";\n color: ", ";\n font-size: 14px;\n line-height: 1.3;\n outline: none;\n &:focus {\n outline: none;\n }\n @media screen and (max-width: 600px) {\n margin: 0;\n border-radius: 0;\n }\n"], ["\n ", "\n border-radius: 4px;\n margin: 8px;\n max-width: 500px;\n padding: 16px;\n background: ", ";\n color: ", ";\n font-size: 14px;\n line-height: 1.3;\n outline: none;\n &:focus {\n outline: none;\n }\n @media screen and (max-width: 600px) {\n margin: 0;\n border-radius: 0;\n }\n"])), fontStyles, function (props) { return props.backgroundColor; }, function (props) { return props.textColor; });
|
|
25
25
|
var Content = styled('div')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n a,\n button {\n display: inline;\n padding: 0;\n border: none;\n background: none;\n color: inherit;\n font: inherit;\n text-decoration: underline;\n cursor: pointer;\n }\n margin-bottom: 0.7em;\n"], ["\n a,\n button {\n display: inline;\n padding: 0;\n border: none;\n background: none;\n color: inherit;\n font: inherit;\n text-decoration: underline;\n cursor: pointer;\n }\n margin-bottom: 0.7em;\n"])));
|
|
26
26
|
var P = styled('p')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin: 0;\n &:not(:last-child) {\n margin-bottom: 6px;\n }\n"], ["\n margin: 0;\n &:not(:last-child) {\n margin-bottom: 6px;\n }\n"])));
|
|
27
27
|
var Actions = styled('div')(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n text-align: right;\n button.preferences {\n float: left;\n padding-left: 0;\n padding-right: 0;\n border-radius: 0;\n margin: 0;\n }\n"], ["\n text-align: right;\n button.preferences {\n float: left;\n padding-left: 0;\n padding-right: 0;\n border-radius: 0;\n margin: 0;\n }\n"])));
|
|
@@ -30,21 +30,27 @@ var Banner = /** @class */ (function (_super) {
|
|
|
30
30
|
function Banner() {
|
|
31
31
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
32
32
|
}
|
|
33
|
+
Banner.prototype.componentDidMount = function () {
|
|
34
|
+
var element = document.querySelector('[role="dialog"]');
|
|
35
|
+
if (element instanceof HTMLElement) {
|
|
36
|
+
element.focus();
|
|
37
|
+
}
|
|
38
|
+
};
|
|
33
39
|
Banner.prototype.render = function () {
|
|
34
40
|
var _a = this.props, innerRef = _a.innerRef, onClose = _a.onClose, onChangePreferences = _a.onChangePreferences, content = _a.content, backgroundColor = _a.backgroundColor, textColor = _a.textColor, showRejectAll = _a.showRejectAll;
|
|
35
41
|
return (React.createElement(Overlay, null,
|
|
36
|
-
React.createElement(Root, { innerRef: innerRef, backgroundColor: backgroundColor, textColor: textColor },
|
|
42
|
+
React.createElement(Root, { innerRef: innerRef, backgroundColor: backgroundColor, textColor: textColor, role: "dialog", "aria-modal": "true", tabIndex: -1 },
|
|
37
43
|
React.createElement(Content, null,
|
|
38
44
|
React.createElement(Title, null, "Cookies & Your Privacy"),
|
|
39
45
|
React.createElement(P, null, content)),
|
|
40
46
|
React.createElement(Actions, null,
|
|
41
|
-
React.createElement(TextButton, { className: "preferences", type: "button", title: "Preferences", "aria-label": "Close", onClick: onChangePreferences }, "Manage"),
|
|
42
|
-
showRejectAll && (React.createElement(DefaultButton, { type: "button", title: "Reject", "aria-label": "Close", onClick: function () { return onClose("deny" /* DENY */); } }, "Reject All")),
|
|
43
|
-
React.createElement(DefaultButton, { type: "button", title: "Accept", "aria-label": "Close", onClick: function () { return onClose("accept" /* ACCEPT */); } }, "Accept All")))));
|
|
47
|
+
React.createElement(TextButton, { className: "preferences", type: "button", title: "Preferences", "aria-label": "Close", tabIndex: 0, onClick: onChangePreferences }, "Manage"),
|
|
48
|
+
showRejectAll && (React.createElement(DefaultButton, { type: "button", title: "Reject", "aria-label": "Close", tabIndex: 0, onClick: function () { return onClose("deny" /* DENY */); } }, "Reject All")),
|
|
49
|
+
React.createElement(DefaultButton, { type: "button", title: "Accept", "aria-label": "Close", tabIndex: 0, onClick: function () { return onClose("accept" /* ACCEPT */); } }, "Accept All")))));
|
|
44
50
|
};
|
|
45
51
|
Banner.displayName = 'Banner';
|
|
46
52
|
return Banner;
|
|
47
53
|
}(PureComponent));
|
|
48
54
|
export default Banner;
|
|
49
55
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbnNlbnQtbWFuYWdlci9iYW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxNQUFNLE1BQU0sZUFBZSxDQUFBO0FBQ2xDLE9BQU8sRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRXJELE9BQU8sVUFBVSxNQUFNLGVBQWUsQ0FBQTtBQUV0QyxJQUFNLE9BQU8sR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLHdUQUFBLHFQQWE1QixJQUFBLENBQUE7QUFFRCxJQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLGdKQUFBLDZFQUl6QixJQUFBLENBQUE7QUFFRCxJQUFNLElBQUksR0FBRyxNQUFNLENBQXdELEtBQUssQ0FBQyx5WEFBQSxNQUM3RSxFQUFVLGdHQUtFLEVBQThCLGNBQ25DLEVBQXdCLDRMQVdsQyxLQWpCRyxVQUFVLEVBS0UsVUFBQSxLQUFLLElBQUksT0FBQSxLQUFLLENBQUMsZUFBZSxFQUFyQixDQUFxQixFQUNuQyxVQUFBLEtBQUssSUFBSSxPQUFBLEtBQUssQ0FBQyxTQUFTLEVBQWYsQ0FBZSxDQVdsQyxDQUFBO0FBRUQsSUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyx3U0FBQSxxT0FhNUIsSUFBQSxDQUFBO0FBRUQsSUFBTSxDQUFDLEdBQUcsTUFBTSxDQUFDLEdBQUcsQ0FBQywySUFBQSx3RUFLcEIsSUFBQSxDQUFBO0FBRUQsSUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxnT0FBQSw2SkFTNUIsSUFBQSxDQUFBO0FBYUQ7SUFBb0MsMEJBQW9CO0lBQXhEOztJQXVFQSxDQUFDO0lBcEVDLGtDQUFpQixHQUFqQjtRQUNFLElBQU0sT0FBTyxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsaUJBQWlCLENBQUMsQ0FBQTtRQUN6RCxJQUFJLE9BQU8sWUFBWSxXQUFXLEVBQUU7WUFDbEMsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFBO1NBQ2hCO0lBQ0gsQ0FBQztJQUVELHVCQUFNLEdBQU47UUFDUSxJQUFBLGVBUVEsRUFQWixzQkFBUSxFQUNSLG9CQUFPLEVBQ1AsNENBQW1CLEVBQ25CLG9CQUFPLEVBQ1Asb0NBQWUsRUFDZix3QkFBUyxFQUNULGdDQUNZLENBQUE7UUFFZCxPQUFPLENBQ0wsb0JBQUMsT0FBTztZQUNOLG9CQUFDLElBQUksSUFDSCxRQUFRLEVBQUUsUUFBUSxFQUNsQixlQUFlLEVBQUUsZUFBZSxFQUNoQyxTQUFTLEVBQUUsU0FBUyxFQUNwQixJQUFJLEVBQUMsUUFBUSxnQkFDRixNQUFNLEVBQ2pCLFFBQVEsRUFBRSxDQUFDLENBQUM7Z0JBRVosb0JBQUMsT0FBTztvQkFDTixvQkFBQyxLQUFLLGlDQUFtQztvQkFDekMsb0JBQUMsQ0FBQyxRQUFFLE9BQU8sQ0FBSyxDQUNSO2dCQUNWLG9CQUFDLE9BQU87b0JBQ04sb0JBQUMsVUFBVSxJQUNULFNBQVMsRUFBQyxhQUFhLEVBQ3ZCLElBQUksRUFBQyxRQUFRLEVBQ2IsS0FBSyxFQUFDLGFBQWEsZ0JBQ1IsT0FBTyxFQUNsQixRQUFRLEVBQUUsQ0FBQyxFQUNYLE9BQU8sRUFBRSxtQkFBbUIsYUFHakI7b0JBQ1osYUFBYSxJQUFJLENBQ2hCLG9CQUFDLGFBQWEsSUFDWixJQUFJLEVBQUMsUUFBUSxFQUNiLEtBQUssRUFBQyxRQUFRLGdCQUNILE9BQU8sRUFDbEIsUUFBUSxFQUFFLENBQUMsRUFDWCxPQUFPLEVBQUUsY0FBTSxPQUFBLE9BQU8sbUJBQW9CLEVBQTNCLENBQTJCLGlCQUc1QixDQUNqQjtvQkFDRCxvQkFBQyxhQUFhLElBQ1osSUFBSSxFQUFDLFFBQVEsRUFDYixLQUFLLEVBQUMsUUFBUSxnQkFDSCxPQUFPLEVBQ2xCLFFBQVEsRUFBRSxDQUFDLEVBQ1gsT0FBTyxFQUFFLGNBQU0sT0FBQSxPQUFPLHVCQUFzQixFQUE3QixDQUE2QixpQkFHOUIsQ0FDUixDQUNMLENBQ0MsQ0FDWCxDQUFBO0lBQ0gsQ0FBQztJQXJFTSxrQkFBVyxHQUFHLFFBQVEsQ0FBQTtJQXNFL0IsYUFBQztDQUFBLEFBdkVELENBQW9DLGFBQWEsR0F1RWhEO2VBdkVvQixNQUFNIn0=
|
|
@@ -4,10 +4,10 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
};
|
|
5
5
|
import styled, { css } from 'react-emotion';
|
|
6
6
|
import fontStyles from './font-styles';
|
|
7
|
-
var baseStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n border: none;\n border-radius: 4px;\n font-size: 12px;\n line-height: 1;\n cursor: pointer;\n
|
|
8
|
-
export var DefaultButton = styled('button')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n color: #428bca;\n border: 1px solid rgba(66, 139, 202, 0.5);\n background-color: #fff;\n margin-left: 4px;\n"], ["\n ", ";\n color: #428bca;\n border: 1px solid rgba(66, 139, 202, 0.5);\n background-color: #fff;\n margin-left: 4px;\n"])), baseStyles);
|
|
9
|
-
export var TextButton = styled('button')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n color: #428bca;\n background-color: #fff;\n border: none;\n margin-left: 4px;\n"], ["\n ", ";\n color: #428bca;\n background-color: #fff;\n border: none;\n margin-left: 4px;\n"])), baseStyles);
|
|
10
|
-
export var GreenButton = styled('button')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n background-color: #98be42;\n color: #fff;\n"], ["\n ", ";\n background-color: #98be42;\n color: #fff;\n"])), baseStyles);
|
|
7
|
+
var baseStyles = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n border: none;\n border-radius: 4px;\n font-size: 12px;\n line-height: 1;\n cursor: pointer;\n padding: 6px 16px;\n font-size: 14px;\n box-sizing: border-box;\n font-weight: 700;\n line-height: 1.75;\n border-radius: 4px;\n border: 0;\n text-transform: none;\n color: white;\n background-color: #98be42;\n margin-left: 4px;\n"], ["\n ", "\n border: none;\n border-radius: 4px;\n font-size: 12px;\n line-height: 1;\n cursor: pointer;\n padding: 6px 16px;\n font-size: 14px;\n box-sizing: border-box;\n font-weight: 700;\n line-height: 1.75;\n border-radius: 4px;\n border: 0;\n text-transform: none;\n color: white;\n background-color: #98be42;\n margin-left: 4px;\n"])), fontStyles);
|
|
8
|
+
export var DefaultButton = styled('button')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n color: #428bca;\n border: 1px solid rgba(66, 139, 202, 0.5);\n background-color: #fff;\n margin-left: 4px;\n &:focus {\n text-decoration: underline;\n }\n"], ["\n ", ";\n color: #428bca;\n border: 1px solid rgba(66, 139, 202, 0.5);\n background-color: #fff;\n margin-left: 4px;\n &:focus {\n text-decoration: underline;\n }\n"])), baseStyles);
|
|
9
|
+
export var TextButton = styled('button')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n color: #428bca;\n background-color: #fff;\n border: none;\n margin-left: 4px;\n &:focus {\n text-decoration: underline;\n }\n"], ["\n ", ";\n color: #428bca;\n background-color: #fff;\n border: none;\n margin-left: 4px;\n &:focus {\n text-decoration: underline;\n }\n"])), baseStyles);
|
|
10
|
+
export var GreenButton = styled('button')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n background-color: #98be42;\n color: #fff;\n &:focus {\n text-decoration: underline;\n }\n"], ["\n ", ";\n background-color: #98be42;\n color: #fff;\n &:focus {\n text-decoration: underline;\n }\n"])), baseStyles);
|
|
11
11
|
export var RedButton = styled('button')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n background-color: #98be42;\n"], ["\n ", ";\n background-color: #98be42;\n"])), baseStyles);
|
|
12
12
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
13
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb25zZW50LW1hbmFnZXIvYnV0dG9ucy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQzNDLE9BQU8sVUFBVSxNQUFNLGVBQWUsQ0FBQTtBQUV0QyxJQUFNLFVBQVUsR0FBRyxHQUFHLG9hQUFBLE1BQ2xCLEVBQVUseVZBaUJiLEtBakJHLFVBQVUsQ0FpQmIsQ0FBQTtBQUVELE1BQU0sQ0FBQyxJQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLG9QQUFBLE1BQ3pDLEVBQVUseUtBUWIsS0FSRyxVQUFVLENBUWIsQ0FBQTtBQUVELE1BQU0sQ0FBQyxJQUFNLFVBQVUsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLHVOQUFBLE1BQ3RDLEVBQVUsNElBUWIsS0FSRyxVQUFVLENBUWIsQ0FBQTtBQUVELE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLGlMQUFBLE1BQ3ZDLEVBQVUsc0dBTWIsS0FORyxVQUFVLENBTWIsQ0FBQTtBQUVELE1BQU0sQ0FBQyxJQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsUUFBUSxDQUFDLDhHQUFBLE1BQ3JDLEVBQVUsbUNBRWIsS0FGRyxVQUFVLENBRWIsQ0FBQSJ9
|
|
@@ -24,7 +24,7 @@ var ANIMATION_DURATION = '200ms';
|
|
|
24
24
|
var ANIMATION_EASING = 'cubic-bezier(0.0, 0.0, 0.2, 1)';
|
|
25
25
|
var Overlay = styled('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 1251;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.3);\n"], ["\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 1251;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(0, 0, 0, 0.3);\n"])));
|
|
26
26
|
var openAnimation = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n from {\n transform: scale(0.8);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n"], ["\n from {\n transform: scale(0.8);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n"])));
|
|
27
|
-
var Root = styled('section')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n display: flex;\n flex-direction: column;\n max-width: calc(100vw - 16px);\n max-height: calc(100vh - 16px);\n width: ", ";\n margin: 8px;\n background: #fff;\n border-radius: 8px;\n animation: ", " ", " ", " both;\n"], ["\n ", ";\n display: flex;\n flex-direction: column;\n max-width: calc(100vw - 16px);\n max-height: calc(100vh - 16px);\n width: ", ";\n margin: 8px;\n background: #fff;\n border-radius: 8px;\n animation: ", " ", " ", " both;\n"])), fontStyles, function (props) { return props.width; }, openAnimation, ANIMATION_DURATION, ANIMATION_EASING);
|
|
27
|
+
var Root = styled('section')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n display: flex;\n flex-direction: column;\n max-width: calc(100vw - 16px);\n max-height: calc(100vh - 16px);\n width: ", ";\n margin: 8px;\n background: #fff;\n border-radius: 8px;\n animation: ", " ", " ", " both;\n outline: none;\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px #1976d2;\n }\n"], ["\n ", ";\n display: flex;\n flex-direction: column;\n max-width: calc(100vw - 16px);\n max-height: calc(100vh - 16px);\n width: ", ";\n margin: 8px;\n background: #fff;\n border-radius: 8px;\n animation: ", " ", " ", " both;\n outline: none;\n &:focus {\n outline: none;\n box-shadow: 0 0 0 2px #1976d2;\n }\n"])), fontStyles, function (props) { return props.width; }, openAnimation, ANIMATION_DURATION, ANIMATION_EASING);
|
|
28
28
|
var Form = styled('form')(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n min-height: 0;\n"], ["\n display: flex;\n flex-direction: column;\n min-height: 0;\n"])));
|
|
29
29
|
var Header = styled('div')(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex: 1 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-bottom: 1px solid rgba(67, 90, 111, 0.079);\n"], ["\n flex: 1 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 12px 16px;\n border-bottom: 1px solid rgba(67, 90, 111, 0.079);\n"])));
|
|
30
30
|
var Title = styled('h4')(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin: 0;\n text-transform: uppercase;\n"], ["\n margin: 0;\n text-transform: uppercase;\n"])));
|
|
@@ -64,7 +64,7 @@ var Dialog = /** @class */ (function (_super) {
|
|
|
64
64
|
Dialog.prototype.render = function () {
|
|
65
65
|
var _a = this.props, onCancel = _a.onCancel, onSubmit = _a.onSubmit, title = _a.title, children = _a.children, buttons = _a.buttons, width = _a.width;
|
|
66
66
|
var dialog = (React.createElement(Overlay, { onClick: this.handleOverlayClick },
|
|
67
|
-
React.createElement(Root, { innerRef: this.handleRootRef, role: "dialog", "aria-modal": true, "aria-labelledby": this.titleId, width: width },
|
|
67
|
+
React.createElement(Root, { innerRef: this.handleRootRef, role: "dialog", "aria-modal": true, "aria-labelledby": this.titleId, width: width, tabIndex: -1 },
|
|
68
68
|
React.createElement(Header, null,
|
|
69
69
|
React.createElement(Title, { id: this.titleId }, title),
|
|
70
70
|
onCancel && (React.createElement(HeaderCancelButton, { onClick: onCancel, title: "Cancel", "aria-label": "Cancel" }, "\u2715"))),
|
|
@@ -75,6 +75,9 @@ var Dialog = /** @class */ (function (_super) {
|
|
|
75
75
|
};
|
|
76
76
|
Dialog.prototype.componentDidMount = function () {
|
|
77
77
|
var innerRef = this.props.innerRef;
|
|
78
|
+
if (this.root) {
|
|
79
|
+
this.root.focus();
|
|
80
|
+
}
|
|
78
81
|
if (this.form) {
|
|
79
82
|
var input = this.form.querySelector('input,button');
|
|
80
83
|
if (input) {
|
|
@@ -101,4 +104,4 @@ var Dialog = /** @class */ (function (_super) {
|
|
|
101
104
|
}(PureComponent));
|
|
102
105
|
export default Dialog;
|
|
103
106
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
104
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
107
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbnNlbnQtbWFuYWdlci9kaWFsb2cudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDNUMsT0FBTyxRQUFRLE1BQU0sV0FBVyxDQUFBO0FBQ2hDLE9BQU8sTUFBTSxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ2pELE9BQU8sTUFBTSxNQUFNLFFBQVEsQ0FBQTtBQUMzQixPQUFPLFVBQVUsTUFBTSxlQUFlLENBQUE7QUFFdEMsSUFBTSxrQkFBa0IsR0FBRyxPQUFPLENBQUE7QUFDbEMsSUFBTSxnQkFBZ0IsR0FBRyxnQ0FBZ0MsQ0FBQTtBQUV6RCxJQUFNLE9BQU8sR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLHdRQUFBLHFNQVc1QixJQUFBLENBQUE7QUFFRCxJQUFNLGFBQWEsR0FBRyxTQUFTLDJMQUFBLHdIQVM5QixJQUFBLENBQUE7QUFFRCxJQUFNLElBQUksR0FBRyxNQUFNLENBQW9ELFNBQVMsQ0FBQyw2WUFBQSxNQUM3RSxFQUFVLGdJQUtILEVBQW9CLDhFQUloQixFQUFhLEdBQUksRUFBa0IsR0FBSSxFQUFnQixzR0FNckUsS0FmRyxVQUFVLEVBS0gsVUFBQSxLQUFLLElBQUksT0FBQSxLQUFLLENBQUMsS0FBSyxFQUFYLENBQVcsRUFJaEIsYUFBYSxFQUFJLGtCQUFrQixFQUFJLGdCQUFnQixDQU1yRSxDQUFBO0FBRUQsSUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FBQyxzSUFBQSxtRUFJMUIsSUFBQSxDQUFBO0FBRUQsSUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxvUEFBQSxpTEFPM0IsSUFBQSxDQUFBO0FBRUQsSUFBTSxLQUFLLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxtSEFB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
|
|
@@ -57,8 +57,8 @@ var PreferenceDialog = /** @class */ (function (_super) {
|
|
|
57
57
|
var _this = this;
|
|
58
58
|
var _a = this.props, innerRef = _a.innerRef, onCancel = _a.onCancel, onClose = _a.onClose, marketingDestinations = _a.marketingDestinations, advertisingDestinations = _a.advertisingDestinations, functionalDestinations = _a.functionalDestinations, marketingAndAnalytics = _a.marketingAndAnalytics, advertising = _a.advertising, functional = _a.functional, customCategories = _a.customCategories, destinations = _a.destinations, title = _a.title, content = _a.content, preferences = _a.preferences;
|
|
59
59
|
var buttons = (React.createElement("div", null,
|
|
60
|
-
React.createElement(DefaultButton, { type: "button", title: "Reject", "aria-label": "Close", onClick: function () { return onClose("deny" /* DENY */); } }, "Reject All"),
|
|
61
|
-
React.createElement(DefaultButton, { type: "button", title: "Accept", "aria-label": "Close", onClick: function () { return onClose("accept" /* ACCEPT */); } }, "Accept All"),
|
|
60
|
+
React.createElement(DefaultButton, { type: "button", title: "Reject", "aria-label": "Close", tabIndex: 0, onClick: function () { return onClose("deny" /* DENY */); } }, "Reject All"),
|
|
61
|
+
React.createElement(DefaultButton, { type: "button", title: "Accept", "aria-label": "Close", tabIndex: 0, onClick: function () { return onClose("accept" /* ACCEPT */); } }, "Accept All"),
|
|
62
62
|
React.createElement(GreenButton, { type: "submit" }, "Save")));
|
|
63
63
|
return (React.createElement(Dialog, { innerRef: innerRef, title: title, buttons: buttons, onCancel: onCancel, onSubmit: this.handleSubmit },
|
|
64
64
|
React.createElement(P, null, content),
|
|
@@ -75,11 +75,11 @@ var PreferenceDialog = /** @class */ (function (_super) {
|
|
|
75
75
|
React.createElement(Row, null,
|
|
76
76
|
React.createElement(InputCell, null,
|
|
77
77
|
React.createElement("label", null,
|
|
78
|
-
React.createElement("input", { type: "radio", name: "functional", value: "true", checked: functional === true, onChange: this.handleChange, "aria-label": "Allow functional tracking", required: true }),
|
|
78
|
+
React.createElement("input", { type: "radio", name: "functional", value: "true", checked: functional === true, onChange: this.handleChange, "aria-label": "Allow functional tracking", required: true, tabIndex: 0 }),
|
|
79
79
|
' ',
|
|
80
80
|
"Yes"),
|
|
81
81
|
React.createElement("label", null,
|
|
82
|
-
React.createElement("input", { type: "radio", name: "functional", value: "false", checked: functional === false, onChange: this.handleChange, "aria-label": "Disallow functional tracking", required: true }),
|
|
82
|
+
React.createElement("input", { type: "radio", name: "functional", value: "false", checked: functional === false, onChange: this.handleChange, "aria-label": "Disallow functional tracking", required: true, tabIndex: 0 }),
|
|
83
83
|
' ',
|
|
84
84
|
"No")),
|
|
85
85
|
React.createElement(RowHeading, { scope: "row" }, "Functional"),
|
|
@@ -90,11 +90,11 @@ var PreferenceDialog = /** @class */ (function (_super) {
|
|
|
90
90
|
React.createElement(Row, null,
|
|
91
91
|
React.createElement(InputCell, null,
|
|
92
92
|
React.createElement("label", null,
|
|
93
|
-
React.createElement("input", { type: "radio", name: "marketingAndAnalytics", value: "true", checked: marketingAndAnalytics === true, onChange: this.handleChange, "aria-label": "Allow marketing and analytics tracking", required: true }),
|
|
93
|
+
React.createElement("input", { type: "radio", name: "marketingAndAnalytics", value: "true", checked: marketingAndAnalytics === true, onChange: this.handleChange, "aria-label": "Allow marketing and analytics tracking", required: true, tabIndex: 0 }),
|
|
94
94
|
' ',
|
|
95
95
|
"Yes"),
|
|
96
96
|
React.createElement("label", null,
|
|
97
|
-
React.createElement("input", { type: "radio", name: "marketingAndAnalytics", value: "false", checked: marketingAndAnalytics === false, onChange: this.handleChange, "aria-label": "Disallow marketing and analytics tracking", required: true }),
|
|
97
|
+
React.createElement("input", { type: "radio", name: "marketingAndAnalytics", value: "false", checked: marketingAndAnalytics === false, onChange: this.handleChange, "aria-label": "Disallow marketing and analytics tracking", required: true, tabIndex: 0 }),
|
|
98
98
|
' ',
|
|
99
99
|
"No")),
|
|
100
100
|
React.createElement(RowHeading, { scope: "row" }, "Marketing and Analytics"),
|
|
@@ -105,11 +105,11 @@ var PreferenceDialog = /** @class */ (function (_super) {
|
|
|
105
105
|
React.createElement(Row, null,
|
|
106
106
|
React.createElement(InputCell, null,
|
|
107
107
|
React.createElement("label", null,
|
|
108
|
-
React.createElement("input", { type: "radio", name: "advertising", value: "true", checked: advertising === true, onChange: this.handleChange, "aria-label": "Allow advertising tracking", required: true }),
|
|
108
|
+
React.createElement("input", { type: "radio", name: "advertising", value: "true", checked: advertising === true, onChange: this.handleChange, "aria-label": "Allow advertising tracking", required: true, tabIndex: 0 }),
|
|
109
109
|
' ',
|
|
110
110
|
"Yes"),
|
|
111
111
|
React.createElement("label", null,
|
|
112
|
-
React.createElement("input", { type: "radio", name: "advertising", value: "false", checked: advertising === false, onChange: this.handleChange, "aria-label": "Disallow advertising tracking", required: true }),
|
|
112
|
+
React.createElement("input", { type: "radio", name: "advertising", value: "false", checked: advertising === false, onChange: this.handleChange, "aria-label": "Disallow advertising tracking", required: true, tabIndex: 0 }),
|
|
113
113
|
' ',
|
|
114
114
|
"No")),
|
|
115
115
|
React.createElement(RowHeading, { scope: "row" }, "Advertising"),
|
|
@@ -123,11 +123,11 @@ var PreferenceDialog = /** @class */ (function (_super) {
|
|
|
123
123
|
return (React.createElement(Row, { key: categoryName },
|
|
124
124
|
React.createElement(InputCell, null,
|
|
125
125
|
React.createElement("label", null,
|
|
126
|
-
React.createElement("input", { type: "radio", name: categoryName, value: "true", checked: preferences[categoryName] === true, onChange: _this.handleChange, "aria-label": "Allow \"" + categoryName + "\" tracking", required: true }),
|
|
126
|
+
React.createElement("input", { type: "radio", name: categoryName, value: "true", checked: preferences[categoryName] === true, onChange: _this.handleChange, "aria-label": "Allow \"" + categoryName + "\" tracking", required: true, tabIndex: 0 }),
|
|
127
127
|
' ',
|
|
128
128
|
"Yes"),
|
|
129
129
|
React.createElement("label", null,
|
|
130
|
-
React.createElement("input", { type: "radio", name: categoryName, value: "false", checked: preferences[categoryName] === false, onChange: _this.handleChange, "aria-label": "Disallow \"" + categoryName + "\" tracking", required: true }),
|
|
130
|
+
React.createElement("input", { type: "radio", name: categoryName, value: "false", checked: preferences[categoryName] === false, onChange: _this.handleChange, "aria-label": "Disallow \"" + categoryName + "\" tracking", required: true, tabIndex: 0 }),
|
|
131
131
|
' ',
|
|
132
132
|
"No")),
|
|
133
133
|
React.createElement(RowHeading, { scope: "row" }, categoryName),
|
|
@@ -156,4 +156,4 @@ var PreferenceDialog = /** @class */ (function (_super) {
|
|
|
156
156
|
}(PureComponent));
|
|
157
157
|
export default PreferenceDialog;
|
|
158
158
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
159
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
159
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlZmVyZW5jZS1kaWFsb2cuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uc2VudC1tYW5hZ2VyL3ByZWZlcmVuY2UtZGlhbG9nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzVDLE9BQU8sTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQzNDLE9BQU8sTUFBTSxNQUFNLFVBQVUsQ0FBQTtBQUM3QixPQUFPLEVBQUUsYUFBYSxFQUFFLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUl0RCxJQUFNLFlBQVksR0FBRyxHQUFHLCtIQUFBLDREQUl2QixJQUFBLENBQUE7QUFFRCxJQUFNLENBQUMsR0FBRyxNQUFNLENBQUMsR0FBRyxDQUFDLHlJQUFBLHNFQUtwQixJQUFBLENBQUE7QUFFRCxJQUFNLFdBQVcsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLGlIQUFBLDhDQUdoQyxJQUFBLENBQUE7QUFFRCxJQUFNLEtBQUssR0FBRyxNQUFNLENBQUMsT0FBTyxDQUFDLHlIQUFBLHNEQUc1QixJQUFBLENBQUE7QUFFRCxJQUFNLGFBQWEsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLGtMQUFBLCtHQU1qQyxJQUFBLENBQUE7QUFFRCxJQUFNLFVBQVUsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLG9IQUFBLGlEQUc5QixJQUFBLENBQUE7QUFFRCxJQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLGtPQUFBLCtKQVV2QixJQUFBLENBQUE7QUFFRCxJQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLDRNQUFBLHlJQVM3QixJQUFBLENBQUE7QUFxQkQ7SUFBOEMsb0NBQXdDO0lBQXRGO1FBQUEscUVBc1RDO1FBakNDLGtCQUFZLEdBQUcsVUFBQSxDQUFDO1lB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
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@muchbetteradventures/consent-manager",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.7.0",
|
|
4
4
|
"description": "Drop-in consent management plugin for analytics.js",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"gdpr",
|
|
@@ -145,5 +145,6 @@
|
|
|
145
145
|
"gitUsername": "GitHub Pages Bot",
|
|
146
146
|
"gitEmail": "friends@segment.com",
|
|
147
147
|
"commitMessage": "Deploy Storybook to GitHub Pages [skip ci]"
|
|
148
|
-
}
|
|
148
|
+
},
|
|
149
|
+
"packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
|
|
149
150
|
}
|