@commercetools-frontend/react-notifications 21.2.1 → 21.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commercetools-frontend-react-notifications.cjs.dev.js +18 -6
- package/dist/commercetools-frontend-react-notifications.cjs.prod.js +14 -2
- package/dist/commercetools-frontend-react-notifications.esm.js +17 -7
- package/dist/declarations/src/components/notifications-list/index.d.ts +0 -1
- package/dist/declarations/src/index.d.ts +2 -1
- package/package.json +21 -19
|
@@ -18,6 +18,8 @@ var reactIntl = require('react-intl');
|
|
|
18
18
|
var icons = require('@commercetools-uikit/icons');
|
|
19
19
|
var IconButton = require('@commercetools-uikit/icon-button');
|
|
20
20
|
var constants = require('@commercetools-frontend/constants');
|
|
21
|
+
var utils = require('@commercetools-uikit/utils');
|
|
22
|
+
var hooks = require('@commercetools-uikit/hooks');
|
|
21
23
|
var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
|
|
22
24
|
var omitBy = require('lodash/omitBy');
|
|
23
25
|
var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
|
|
@@ -60,7 +62,7 @@ var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanc
|
|
|
60
62
|
var isNumber__default = /*#__PURE__*/_interopDefault(isNumber);
|
|
61
63
|
|
|
62
64
|
// NOTE: This string will be replaced on build time with the package version.
|
|
63
|
-
var version = "21.
|
|
65
|
+
var version = "21.3.5";
|
|
64
66
|
|
|
65
67
|
var Context = /*#__PURE__*/react.createContext(function () {
|
|
66
68
|
return null;
|
|
@@ -155,6 +157,7 @@ var getStylesForNotification = function getStylesForNotification(props) {
|
|
|
155
157
|
function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
156
158
|
|
|
157
159
|
function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
160
|
+
var sequentialId = utils.createSequentialId('notification-');
|
|
158
161
|
|
|
159
162
|
var NotificationIcon = function NotificationIcon(props) {
|
|
160
163
|
if (props.type === constants.NOTIFICATION_KINDS_SIDE.error) return jsxRuntime.jsx(icons.ErrorIcon, {
|
|
@@ -182,10 +185,14 @@ var defaultProps$1 = {
|
|
|
182
185
|
|
|
183
186
|
var Notification = function Notification(props) {
|
|
184
187
|
var intl = reactIntl.useIntl();
|
|
188
|
+
var id = hooks.useFieldId(undefined, sequentialId);
|
|
185
189
|
return jsxRuntime.jsxs("div", _objectSpread$4(_objectSpread$4({
|
|
190
|
+
role: "alertdialog",
|
|
191
|
+
"aria-describedby": id,
|
|
186
192
|
css: getStylesForNotification(props)
|
|
187
193
|
}, filterDataAttributes(props)), {}, {
|
|
188
194
|
children: [jsxRuntime.jsx("div", {
|
|
195
|
+
id: id,
|
|
189
196
|
css: getStylesForContent(props),
|
|
190
197
|
children: props.children
|
|
191
198
|
}), props.onCloseClick ? jsxRuntime.jsx("div", {
|
|
@@ -605,20 +612,20 @@ var selectSideNotifications = reselect.createSelector(selectNotifications, funct
|
|
|
605
612
|
});
|
|
606
613
|
|
|
607
614
|
var getStyles = function getStyles(props) {
|
|
608
|
-
var baseStyles = /*#__PURE__*/react$1.css("color:", designSystem.customProperties.colorSurface, ";position:relative;width:100%;z-index:
|
|
615
|
+
var baseStyles = /*#__PURE__*/react$1.css("color:", designSystem.customProperties.colorSurface, ";position:relative;width:100%;z-index:19999;" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Im5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRBcHBOb3RpZmljYXRpb25Eb21haW4gfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBOT1RJRklDQVRJT05fRE9NQUlOUyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5cbnR5cGUgU3R5bGVQcm9wcyA9IHtcbiAgZG9tYWluOiBUQXBwTm90aWZpY2F0aW9uRG9tYWluO1xufTtcblxuY29uc3QgZ2V0U3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICAgY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB6LWluZGV4OiAxOTk5OTtcbiAgYDtcblxuICBzd2l0Y2ggKHByb3BzLmRvbWFpbikge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuR0xPQkFMOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgYDtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLlBBR0U6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2Jhc2VTdHlsZXN9O1xuICAgICAgYDtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLlNJREU6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2Jhc2VTdHlsZXN9O1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIGhlaWdodDogMDtcbiAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgICBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYGA7XG4gIH1cbn07XG5cbmV4cG9ydCB7IGdldFN0eWxlcyB9O1xuIl19 */");
|
|
609
616
|
|
|
610
617
|
switch (props.domain) {
|
|
611
618
|
case constants.NOTIFICATION_DOMAINS.GLOBAL:
|
|
612
|
-
return /*#__PURE__*/react$1.css(baseStyles, ";text-align:center;width:100%!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
619
|
+
return /*#__PURE__*/react$1.css(baseStyles, ";text-align:center;width:100%!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
613
620
|
|
|
614
621
|
case constants.NOTIFICATION_DOMAINS.PAGE:
|
|
615
|
-
return /*#__PURE__*/react$1.css(baseStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
622
|
+
return /*#__PURE__*/react$1.css(baseStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
616
623
|
|
|
617
624
|
case constants.NOTIFICATION_DOMAINS.SIDE:
|
|
618
|
-
return /*#__PURE__*/react$1.css(baseStyles, ";position:absolute;text-align:left;height:0;overflow:visible;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
625
|
+
return /*#__PURE__*/react$1.css(baseStyles, ";position:absolute;text-align:left;height:0;overflow:visible;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
619
626
|
|
|
620
627
|
default:
|
|
621
|
-
return /*#__PURE__*/react$1.css(process.env.NODE_ENV === "production" ? "" : ";label:getStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
628
|
+
return /*#__PURE__*/react$1.css(process.env.NODE_ENV === "production" ? "" : ";label:getStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
622
629
|
}
|
|
623
630
|
};
|
|
624
631
|
|
|
@@ -637,6 +644,7 @@ var NotificationsListGlobal = function NotificationsListGlobal(props) {
|
|
|
637
644
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
638
645
|
var notifications$1 = reactRedux.useSelector(selectGlobalNotifications);
|
|
639
646
|
return jsxRuntime.jsx("div", {
|
|
647
|
+
id: "notifications-".concat(props.domain),
|
|
640
648
|
css: getStyles(props),
|
|
641
649
|
children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, function (notification) {
|
|
642
650
|
// 1. Check if there is a custom notification component first
|
|
@@ -702,6 +710,7 @@ var NotificationsListPage = function NotificationsListPage(props) {
|
|
|
702
710
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
703
711
|
var notifications$1 = reactRedux.useSelector(selectPageNotifications);
|
|
704
712
|
return jsxRuntime.jsx("div", {
|
|
713
|
+
id: "notifications-".concat(props.domain),
|
|
705
714
|
css: getStyles(props),
|
|
706
715
|
children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, function (notification) {
|
|
707
716
|
// 1. Check if there is a custom notification component first
|
|
@@ -775,6 +784,7 @@ var NotificationsListSide = function NotificationsListSide(props) {
|
|
|
775
784
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
776
785
|
var notifications$1 = reactRedux.useSelector(selectSideNotifications);
|
|
777
786
|
return jsxRuntime.jsx("div", {
|
|
787
|
+
id: "notifications-".concat(props.domain),
|
|
778
788
|
css: getStyles(props),
|
|
779
789
|
children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, function (notification) {
|
|
780
790
|
// 1. Check if there is a custom notification component first
|
|
@@ -868,5 +878,7 @@ exports.Notification = Notification;
|
|
|
868
878
|
exports.NotificationProviderForCustomComponent = NotificationProviderForCustomComponent;
|
|
869
879
|
exports.NotificationsList = NotificationsList;
|
|
870
880
|
exports.Notifier = Notifier;
|
|
881
|
+
exports.selectGlobalNotifications = selectGlobalNotifications;
|
|
871
882
|
exports.selectPageNotifications = selectPageNotifications;
|
|
883
|
+
exports.selectSideNotifications = selectSideNotifications;
|
|
872
884
|
exports.version = version;
|
|
@@ -18,6 +18,8 @@ var reactIntl = require('react-intl');
|
|
|
18
18
|
var icons = require('@commercetools-uikit/icons');
|
|
19
19
|
var IconButton = require('@commercetools-uikit/icon-button');
|
|
20
20
|
var constants = require('@commercetools-frontend/constants');
|
|
21
|
+
var utils = require('@commercetools-uikit/utils');
|
|
22
|
+
var hooks = require('@commercetools-uikit/hooks');
|
|
21
23
|
var _startsWithInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/starts-with');
|
|
22
24
|
var omitBy = require('lodash/omitBy');
|
|
23
25
|
var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
|
|
@@ -60,7 +62,7 @@ var _sliceInstanceProperty__default = /*#__PURE__*/_interopDefault(_sliceInstanc
|
|
|
60
62
|
var isNumber__default = /*#__PURE__*/_interopDefault(isNumber);
|
|
61
63
|
|
|
62
64
|
// NOTE: This string will be replaced on build time with the package version.
|
|
63
|
-
var version = "21.
|
|
65
|
+
var version = "21.3.5";
|
|
64
66
|
|
|
65
67
|
var Context = /*#__PURE__*/react.createContext(function () {
|
|
66
68
|
return null;
|
|
@@ -152,6 +154,7 @@ var getStylesForNotification = function getStylesForNotification(props) {
|
|
|
152
154
|
function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
153
155
|
|
|
154
156
|
function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$4(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$4(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
157
|
+
var sequentialId = utils.createSequentialId('notification-');
|
|
155
158
|
|
|
156
159
|
var NotificationIcon = function NotificationIcon(props) {
|
|
157
160
|
if (props.type === constants.NOTIFICATION_KINDS_SIDE.error) return jsxRuntime.jsx(icons.ErrorIcon, {
|
|
@@ -176,10 +179,14 @@ var defaultProps$1 = {
|
|
|
176
179
|
|
|
177
180
|
var Notification = function Notification(props) {
|
|
178
181
|
var intl = reactIntl.useIntl();
|
|
182
|
+
var id = hooks.useFieldId(undefined, sequentialId);
|
|
179
183
|
return jsxRuntime.jsxs("div", _objectSpread$4(_objectSpread$4({
|
|
184
|
+
role: "alertdialog",
|
|
185
|
+
"aria-describedby": id,
|
|
180
186
|
css: getStylesForNotification(props)
|
|
181
187
|
}, filterDataAttributes(props)), {}, {
|
|
182
188
|
children: [jsxRuntime.jsx("div", {
|
|
189
|
+
id: id,
|
|
183
190
|
css: getStylesForContent(props),
|
|
184
191
|
children: props.children
|
|
185
192
|
}), props.onCloseClick ? jsxRuntime.jsx("div", {
|
|
@@ -582,7 +589,7 @@ var selectSideNotifications = reselect.createSelector(selectNotifications, funct
|
|
|
582
589
|
});
|
|
583
590
|
|
|
584
591
|
var getStyles = function getStyles(props) {
|
|
585
|
-
var baseStyles = /*#__PURE__*/react$1.css("color:", designSystem.customProperties.colorSurface, ";position:relative;width:100%;z-index:
|
|
592
|
+
var baseStyles = /*#__PURE__*/react$1.css("color:", designSystem.customProperties.colorSurface, ";position:relative;width:100%;z-index:19999;" + ("" ), "" );
|
|
586
593
|
|
|
587
594
|
switch (props.domain) {
|
|
588
595
|
case constants.NOTIFICATION_DOMAINS.GLOBAL:
|
|
@@ -614,6 +621,7 @@ var NotificationsListGlobal = function NotificationsListGlobal(props) {
|
|
|
614
621
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
615
622
|
var notifications$1 = reactRedux.useSelector(selectGlobalNotifications);
|
|
616
623
|
return jsxRuntime.jsx("div", {
|
|
624
|
+
id: "notifications-".concat(props.domain),
|
|
617
625
|
css: getStyles(props),
|
|
618
626
|
children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, function (notification) {
|
|
619
627
|
// 1. Check if there is a custom notification component first
|
|
@@ -673,6 +681,7 @@ var NotificationsListPage = function NotificationsListPage(props) {
|
|
|
673
681
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
674
682
|
var notifications$1 = reactRedux.useSelector(selectPageNotifications);
|
|
675
683
|
return jsxRuntime.jsx("div", {
|
|
684
|
+
id: "notifications-".concat(props.domain),
|
|
676
685
|
css: getStyles(props),
|
|
677
686
|
children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, function (notification) {
|
|
678
687
|
// 1. Check if there is a custom notification component first
|
|
@@ -746,6 +755,7 @@ var NotificationsListSide = function NotificationsListSide(props) {
|
|
|
746
755
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
747
756
|
var notifications$1 = reactRedux.useSelector(selectSideNotifications);
|
|
748
757
|
return jsxRuntime.jsx("div", {
|
|
758
|
+
id: "notifications-".concat(props.domain),
|
|
749
759
|
css: getStyles(props),
|
|
750
760
|
children: _mapInstanceProperty__default["default"](notifications$1).call(notifications$1, function (notification) {
|
|
751
761
|
// 1. Check if there is a custom notification component first
|
|
@@ -839,5 +849,7 @@ exports.Notification = Notification;
|
|
|
839
849
|
exports.NotificationProviderForCustomComponent = NotificationProviderForCustomComponent;
|
|
840
850
|
exports.NotificationsList = NotificationsList;
|
|
841
851
|
exports.Notifier = Notifier;
|
|
852
|
+
exports.selectGlobalNotifications = selectGlobalNotifications;
|
|
842
853
|
exports.selectPageNotifications = selectPageNotifications;
|
|
854
|
+
exports.selectSideNotifications = selectSideNotifications;
|
|
843
855
|
exports.version = version;
|
|
@@ -14,6 +14,8 @@ import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
|
|
|
14
14
|
import { CloseBoldIcon, ErrorIcon, InfoIcon, WarningIcon, CheckBoldIcon } from '@commercetools-uikit/icons';
|
|
15
15
|
import IconButton from '@commercetools-uikit/icon-button';
|
|
16
16
|
import { NOTIFICATION_DOMAINS, NOTIFICATION_KINDS_SIDE, NOTIFICATION_KINDS_GLOBAL, NOTIFICATION_KINDS_PAGE } from '@commercetools-frontend/constants';
|
|
17
|
+
import { createSequentialId } from '@commercetools-uikit/utils';
|
|
18
|
+
import { useFieldId } from '@commercetools-uikit/hooks';
|
|
17
19
|
import _startsWithInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/starts-with';
|
|
18
20
|
import omitBy from 'lodash/omitBy';
|
|
19
21
|
import _taggedTemplateLiteral from '@babel/runtime-corejs3/helpers/esm/taggedTemplateLiteral';
|
|
@@ -34,7 +36,7 @@ import isNumber from 'lodash/isNumber';
|
|
|
34
36
|
import { useShowNotification } from '@commercetools-frontend/actions-global';
|
|
35
37
|
|
|
36
38
|
// NOTE: This string will be replaced on build time with the package version.
|
|
37
|
-
var version = "21.
|
|
39
|
+
var version = "21.3.5";
|
|
38
40
|
|
|
39
41
|
var Context = /*#__PURE__*/createContext(function () {
|
|
40
42
|
return null;
|
|
@@ -129,6 +131,7 @@ var getStylesForNotification = function getStylesForNotification(props) {
|
|
|
129
131
|
function ownKeys$4(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
130
132
|
|
|
131
133
|
function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
134
|
+
var sequentialId = createSequentialId('notification-');
|
|
132
135
|
|
|
133
136
|
var NotificationIcon = function NotificationIcon(props) {
|
|
134
137
|
if (props.type === NOTIFICATION_KINDS_SIDE.error) return jsx(ErrorIcon, {
|
|
@@ -156,10 +159,14 @@ var defaultProps$1 = {
|
|
|
156
159
|
|
|
157
160
|
var Notification = function Notification(props) {
|
|
158
161
|
var intl = useIntl();
|
|
162
|
+
var id = useFieldId(undefined, sequentialId);
|
|
159
163
|
return jsxs("div", _objectSpread$4(_objectSpread$4({
|
|
164
|
+
role: "alertdialog",
|
|
165
|
+
"aria-describedby": id,
|
|
160
166
|
css: getStylesForNotification(props)
|
|
161
167
|
}, filterDataAttributes(props)), {}, {
|
|
162
168
|
children: [jsx("div", {
|
|
169
|
+
id: id,
|
|
163
170
|
css: getStylesForContent(props),
|
|
164
171
|
children: props.children
|
|
165
172
|
}), props.onCloseClick ? jsx("div", {
|
|
@@ -579,20 +586,20 @@ var selectSideNotifications = createSelector(selectNotifications, function (noti
|
|
|
579
586
|
});
|
|
580
587
|
|
|
581
588
|
var getStyles = function getStyles(props) {
|
|
582
|
-
var baseStyles = /*#__PURE__*/css("color:", customProperties.colorSurface, ";position:relative;width:100%;z-index:
|
|
589
|
+
var baseStyles = /*#__PURE__*/css("color:", customProperties.colorSurface, ";position:relative;width:100%;z-index:19999;" + (process.env.NODE_ENV === "production" ? "" : ";label:baseStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Im5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRBcHBOb3RpZmljYXRpb25Eb21haW4gfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBjdXN0b21Qcm9wZXJ0aWVzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgeyBOT1RJRklDQVRJT05fRE9NQUlOUyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5cbnR5cGUgU3R5bGVQcm9wcyA9IHtcbiAgZG9tYWluOiBUQXBwTm90aWZpY2F0aW9uRG9tYWluO1xufTtcblxuY29uc3QgZ2V0U3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKSA9PiB7XG4gIGNvbnN0IGJhc2VTdHlsZXMgPSBjc3NgXG4gICAgY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMTAwJTtcbiAgICB6LWluZGV4OiAxOTk5OTtcbiAgYDtcblxuICBzd2l0Y2ggKHByb3BzLmRvbWFpbikge1xuICAgIGNhc2UgTk9USUZJQ0FUSU9OX0RPTUFJTlMuR0xPQkFMOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgICAgICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xuICAgICAgYDtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLlBBR0U6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2Jhc2VTdHlsZXN9O1xuICAgICAgYDtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLlNJREU6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICAke2Jhc2VTdHlsZXN9O1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgICAgIGhlaWdodDogMDtcbiAgICAgICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgICBgO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gY3NzYGA7XG4gIH1cbn07XG5cbmV4cG9ydCB7IGdldFN0eWxlcyB9O1xuIl19 */");
|
|
583
590
|
|
|
584
591
|
switch (props.domain) {
|
|
585
592
|
case NOTIFICATION_DOMAINS.GLOBAL:
|
|
586
|
-
return /*#__PURE__*/css(baseStyles, ";text-align:center;width:100%!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
593
|
+
return /*#__PURE__*/css(baseStyles, ";text-align:center;width:100%!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
587
594
|
|
|
588
595
|
case NOTIFICATION_DOMAINS.PAGE:
|
|
589
|
-
return /*#__PURE__*/css(baseStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
596
|
+
return /*#__PURE__*/css(baseStyles, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
590
597
|
|
|
591
598
|
case NOTIFICATION_DOMAINS.SIDE:
|
|
592
|
-
return /*#__PURE__*/css(baseStyles, ";position:absolute;text-align:left;height:0;overflow:visible;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
599
|
+
return /*#__PURE__*/css(baseStyles, ";position:absolute;text-align:left;height:0;overflow:visible;" + (process.env.NODE_ENV === "production" ? "" : ";label:getStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
593
600
|
|
|
594
601
|
default:
|
|
595
|
-
return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
602
|
+
return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:getStyles;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5vdGlmaWNhdGlvbnMtbGlzdC5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NnQiIsImZpbGUiOiJub3RpZmljYXRpb25zLWxpc3Quc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUQXBwTm90aWZpY2F0aW9uRG9tYWluIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvY29uc3RhbnRzJztcblxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHsgTk9USUZJQ0FUSU9OX0RPTUFJTlMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIGRvbWFpbjogVEFwcE5vdGlmaWNhdGlvbkRvbWFpbjtcbn07XG5cbmNvbnN0IGdldFN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcykgPT4ge1xuICBjb25zdCBiYXNlU3R5bGVzID0gY3NzYFxuICAgIGNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgei1pbmRleDogMTk5OTk7XG4gIGA7XG5cbiAgc3dpdGNoIChwcm9wcy5kb21haW4pIHtcbiAgICBjYXNlIE5PVElGSUNBVElPTl9ET01BSU5TLkdMT0JBTDpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgICR7YmFzZVN0eWxlc307XG4gICAgICAgIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgICAgICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5QQUdFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgIGA7XG4gICAgY2FzZSBOT1RJRklDQVRJT05fRE9NQUlOUy5TSURFOlxuICAgICAgcmV0dXJuIGNzc2BcbiAgICAgICAgJHtiYXNlU3R5bGVzfTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgICAgICBoZWlnaHQ6IDA7XG4gICAgICAgIG92ZXJmbG93OiB2aXNpYmxlO1xuICAgICAgYDtcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIGNzc2BgO1xuICB9XG59O1xuXG5leHBvcnQgeyBnZXRTdHlsZXMgfTtcbiJdfQ== */");
|
|
596
603
|
}
|
|
597
604
|
};
|
|
598
605
|
|
|
@@ -611,6 +618,7 @@ var NotificationsListGlobal = function NotificationsListGlobal(props) {
|
|
|
611
618
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
612
619
|
var notifications = useSelector(selectGlobalNotifications);
|
|
613
620
|
return jsx("div", {
|
|
621
|
+
id: "notifications-".concat(props.domain),
|
|
614
622
|
css: getStyles(props),
|
|
615
623
|
children: _mapInstanceProperty(notifications).call(notifications, function (notification) {
|
|
616
624
|
// 1. Check if there is a custom notification component first
|
|
@@ -676,6 +684,7 @@ var NotificationsListPage = function NotificationsListPage(props) {
|
|
|
676
684
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
677
685
|
var notifications = useSelector(selectPageNotifications);
|
|
678
686
|
return jsx("div", {
|
|
687
|
+
id: "notifications-".concat(props.domain),
|
|
679
688
|
css: getStyles(props),
|
|
680
689
|
children: _mapInstanceProperty(notifications).call(notifications, function (notification) {
|
|
681
690
|
// 1. Check if there is a custom notification component first
|
|
@@ -749,6 +758,7 @@ var NotificationsListSide = function NotificationsListSide(props) {
|
|
|
749
758
|
var mapCustomNotificationToComponent = useCustomNotificationComponent();
|
|
750
759
|
var notifications = useSelector(selectSideNotifications);
|
|
751
760
|
return jsx("div", {
|
|
761
|
+
id: "notifications-".concat(props.domain),
|
|
752
762
|
css: getStyles(props),
|
|
753
763
|
children: _mapInstanceProperty(notifications).call(notifications, function (notification) {
|
|
754
764
|
// 1. Check if there is a custom notification component first
|
|
@@ -837,4 +847,4 @@ Notifier.propTypes = {
|
|
|
837
847
|
Notifier.displayName = 'Notifier';
|
|
838
848
|
Notifier.defaultProps = defaultProps;
|
|
839
849
|
|
|
840
|
-
export { ApiErrorMessage, Notification, NotificationProviderForCustomComponent, NotificationsList, Notifier, selectPageNotifications, version };
|
|
850
|
+
export { ApiErrorMessage, Notification, NotificationProviderForCustomComponent, NotificationsList, Notifier, selectGlobalNotifications, selectPageNotifications, selectSideNotifications, version };
|
|
@@ -2,6 +2,7 @@ export { default as version } from './version';
|
|
|
2
2
|
export * from './export-types';
|
|
3
3
|
export { default as NotificationProviderForCustomComponent } from './components/map-notification-to-component';
|
|
4
4
|
export { default as Notification } from './components/notification';
|
|
5
|
-
export { default as NotificationsList
|
|
5
|
+
export { default as NotificationsList } from './components/notifications-list';
|
|
6
|
+
export { selectSideNotifications, selectGlobalNotifications, selectPageNotifications, } from './components/notifications-list/selectors';
|
|
6
7
|
export { default as Notifier } from './components/notifier';
|
|
7
8
|
export { default as ApiErrorMessage } from './components/notification-kinds/api-error-message';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-frontend/react-notifications",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.3.5",
|
|
4
4
|
"description": "React bindings for @commercetools-frontend/notifications",
|
|
5
5
|
"bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
|
|
6
6
|
"repository": {
|
|
@@ -18,38 +18,40 @@
|
|
|
18
18
|
"module": "dist/commercetools-frontend-react-notifications.esm.js",
|
|
19
19
|
"files": ["dist", "package.json", "LICENSE", "README.md"],
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@babel/runtime": "^7.
|
|
22
|
-
"@babel/runtime-corejs3": "^7.
|
|
23
|
-
"@commercetools-frontend/actions-global": "21.
|
|
24
|
-
"@commercetools-frontend/constants": "21.
|
|
25
|
-
"@commercetools-frontend/notifications": "21.
|
|
26
|
-
"@commercetools-frontend/sentry": "21.
|
|
21
|
+
"@babel/runtime": "^7.17.9",
|
|
22
|
+
"@babel/runtime-corejs3": "^7.17.9",
|
|
23
|
+
"@commercetools-frontend/actions-global": "21.3.4",
|
|
24
|
+
"@commercetools-frontend/constants": "21.3.4",
|
|
25
|
+
"@commercetools-frontend/notifications": "21.3.4",
|
|
26
|
+
"@commercetools-frontend/sentry": "21.3.4",
|
|
27
27
|
"@commercetools-uikit/design-system": "^14.0.0",
|
|
28
|
-
"@commercetools-uikit/
|
|
28
|
+
"@commercetools-uikit/hooks": "^14.0.3",
|
|
29
|
+
"@commercetools-uikit/icon-button": "^14.0.6",
|
|
29
30
|
"@commercetools-uikit/icons": "^14.0.1",
|
|
30
|
-
"@commercetools-uikit/spacings": "^14.0.
|
|
31
|
-
"@
|
|
31
|
+
"@commercetools-uikit/spacings": "^14.0.6",
|
|
32
|
+
"@commercetools-uikit/utils": "^14.0.1",
|
|
33
|
+
"@emotion/react": "11.9.0",
|
|
32
34
|
"@emotion/styled": "11.8.1",
|
|
33
35
|
"@types/history": "4.7.11",
|
|
34
|
-
"@types/lodash": "^4.14.
|
|
35
|
-
"@types/prop-types": "^15.7.
|
|
36
|
-
"@types/react": "^17.0.
|
|
37
|
-
"@types/react-dom": "^17.0.
|
|
38
|
-
"@types/react-redux": "^7.1.
|
|
36
|
+
"@types/lodash": "^4.14.181",
|
|
37
|
+
"@types/prop-types": "^15.7.5",
|
|
38
|
+
"@types/react": "^17.0.44",
|
|
39
|
+
"@types/react-dom": "^17.0.15",
|
|
40
|
+
"@types/react-redux": "^7.1.23",
|
|
39
41
|
"@types/react-router": "^5.1.18",
|
|
40
42
|
"@types/react-router-dom": "^5.3.3",
|
|
41
43
|
"lodash": "4.17.21",
|
|
42
|
-
"moment": "^2.29.
|
|
44
|
+
"moment": "^2.29.2",
|
|
43
45
|
"moment-timezone": "^0.5.34",
|
|
44
46
|
"prop-types": "15.8.1",
|
|
45
47
|
"reselect": "4.1.5"
|
|
46
48
|
},
|
|
47
49
|
"devDependencies": {
|
|
48
|
-
"@testing-library/react": "12.1.
|
|
50
|
+
"@testing-library/react": "12.1.5",
|
|
49
51
|
"react": "17.0.2",
|
|
50
52
|
"react-dom": "17.0.2",
|
|
51
|
-
"react-intl": "5.24.
|
|
52
|
-
"react-redux": "7.2.
|
|
53
|
+
"react-intl": "5.24.8",
|
|
54
|
+
"react-redux": "7.2.8",
|
|
53
55
|
"react-router-dom": "5.3.0"
|
|
54
56
|
},
|
|
55
57
|
"peerDependencies": {
|