@commercetools-uikit/notifications 16.0.0 → 16.1.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.
|
@@ -33,99 +33,75 @@ var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defin
|
|
|
33
33
|
var _pt__default = /*#__PURE__*/_interopDefault(_pt);
|
|
34
34
|
|
|
35
35
|
function ownKeys(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; }
|
|
36
|
-
|
|
37
36
|
function _objectSpread(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(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(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
38
|
-
|
|
39
37
|
const warnIfMissingContent = props => {
|
|
40
38
|
const hasContent = Boolean(props.intlMessage) || Boolean(react$1.Children.count(props.children));
|
|
41
39
|
process.env.NODE_ENV !== "production" ? utils.warning(hasContent, ['Warning: Failed prop type:', "The prop `intlMessage` is marked as required in `Link`", 'but its value is `undefined`'].join(' ')) : void 0;
|
|
42
40
|
process.env.NODE_ENV !== "production" ? utils.warning(hasContent, ['Warning: Failed prop type:', "The prop `children` is marked as required in `Link`", 'but its value is `undefined`'].join(' ')) : void 0;
|
|
43
41
|
};
|
|
44
|
-
|
|
45
42
|
const getIconContainerBackgroundColour = props => {
|
|
46
43
|
switch (props.type) {
|
|
47
44
|
case 'error':
|
|
48
45
|
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenError;
|
|
49
|
-
|
|
50
46
|
case 'info':
|
|
51
47
|
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenInfo;
|
|
52
|
-
|
|
53
48
|
case 'warning':
|
|
54
49
|
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenWarning;
|
|
55
|
-
|
|
56
50
|
case 'success':
|
|
57
51
|
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenSuccess;
|
|
58
|
-
|
|
59
52
|
default:
|
|
60
53
|
return '';
|
|
61
54
|
}
|
|
62
55
|
};
|
|
63
|
-
|
|
64
56
|
const getIconByType = (props, isNewTheme) => {
|
|
65
57
|
switch (props.type) {
|
|
66
58
|
case 'error':
|
|
67
59
|
return icons.ErrorIcon;
|
|
68
|
-
|
|
69
60
|
case 'info':
|
|
70
61
|
return isNewTheme ? icons.InformationIcon : icons.InfoIcon;
|
|
71
|
-
|
|
72
62
|
case 'warning':
|
|
73
63
|
return icons.WarningIcon;
|
|
74
|
-
|
|
75
64
|
default:
|
|
76
65
|
return icons.CheckBoldIcon;
|
|
77
66
|
}
|
|
78
67
|
};
|
|
79
|
-
|
|
80
68
|
const getIconContainerBorderColor = props => {
|
|
81
69
|
switch (props.type) {
|
|
82
70
|
case 'error':
|
|
83
71
|
return designSystem.designTokens.borderColorForContentNotificationWhenError;
|
|
84
|
-
|
|
85
72
|
case 'info':
|
|
86
73
|
return designSystem.designTokens.borderColorForContentNotificationWhenInfo;
|
|
87
|
-
|
|
88
74
|
case 'warning':
|
|
89
75
|
return designSystem.designTokens.borderColorForContentNotificationWhenWarning;
|
|
90
|
-
|
|
91
76
|
case 'success':
|
|
92
77
|
return designSystem.designTokens.borderColorForContentNotificationWhenSuccess;
|
|
93
|
-
|
|
94
78
|
default:
|
|
95
79
|
return '';
|
|
96
80
|
}
|
|
97
81
|
};
|
|
98
|
-
|
|
99
82
|
const getIconColor = props => {
|
|
100
83
|
switch (props.type) {
|
|
101
84
|
case 'error':
|
|
102
85
|
return designSystem.designTokens.fontColorForContentNotificationIconWhenError;
|
|
103
|
-
|
|
104
86
|
case 'info':
|
|
105
87
|
return designSystem.designTokens.fontColorForContentNotificationIconWhenInfo;
|
|
106
|
-
|
|
107
88
|
case 'warning':
|
|
108
89
|
return designSystem.designTokens.fontColorForContentNotificationIconWhenWarning;
|
|
109
|
-
|
|
110
90
|
case 'success':
|
|
111
91
|
return designSystem.designTokens.fontColorForContentNotificationIconWhenSuccess;
|
|
112
|
-
|
|
113
92
|
default:
|
|
114
93
|
return '';
|
|
115
94
|
}
|
|
116
95
|
};
|
|
117
|
-
|
|
118
96
|
const NotificationIcon = props => {
|
|
119
97
|
const _useTheme = designSystem.useTheme(),
|
|
120
|
-
|
|
121
|
-
|
|
98
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
122
99
|
const Icon = getIconByType(props, isNewTheme);
|
|
123
100
|
return jsxRuntime.jsx("div", {
|
|
124
101
|
css: /*#__PURE__*/react.css("display:flex;align-items:center;border-radius:", designSystem.designTokens.borderRadiusForContentNotificationIcon, ";border-width:", designSystem.designTokens.borderWidthForContentNotificationIcon, ";border-style:solid;border-color:", getIconContainerBorderColor(props), ";border-right:0;padding:", designSystem.designTokens.paddingForContentNotificationIcon, ";background-color:", getIconContainerBackgroundColour(props), ";fill:", getIconColor(props), ";svg{margin:0 -3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:NotificationIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4SGMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zLCB1c2VUaGVtZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgRXJyb3JJY29uLFxuICBXYXJuaW5nSWNvbixcbiAgSW5mb0ljb24sXG4gIENoZWNrQm9sZEljb24sXG4gIEluZm9ybWF0aW9uSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbmV4cG9ydCB0eXBlIFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBjb2xvci90eXBlIG9mIG5vdGlmaWNhdGlvbi5cbiAgICovXG4gIHR5cGU6ICdlcnJvcicgfCAnaW5mbycgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEFuIGBpbnRsYCBtZXNzYWdlIG9iamVjdCB0aGF0IHdpbGwgYmUgcmVuZGVyZWQgd2l0aCBgRm9ybWF0dGVkTWVzc2FnZWAuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgY2hpbGRyZW5gIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcblxuICAvKipcbiAgICogVGhlIGNvbnRlbnQgb2YgdGhlIG5vdGlmaWNhdGlvbi5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBpbnRsTWVzc2FnZWAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCB3YXJuSWZNaXNzaW5nQ29udGVudCA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBoYXNDb250ZW50ID1cbiAgICBCb29sZWFuKHByb3BzLmludGxNZXNzYWdlKSB8fCBCb29sZWFuKENoaWxkcmVuLmNvdW50KHByb3BzLmNoaWxkcmVuKSk7XG5cbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgaW50bE1lc3NhZ2VcXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGNoaWxkcmVuXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xufTtcblxuY29uc3QgZ2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQnlUeXBlID0gKFxuICBwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyxcbiAgaXNOZXdUaGVtZTogYm9vbGVhblxuKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gaXNOZXdUaGVtZSA/IEluZm9ybWF0aW9uSWNvbiA6IEluZm9JY29uO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIFdhcm5pbmdJY29uO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gQ2hlY2tCb2xkSWNvbjtcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkNvbnRhaW5lckJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25Db2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IE5vdGlmaWNhdGlvbkljb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBpc05ld1RoZW1lIH0gPSB1c2VUaGVtZSgpO1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcywgaXNOZXdUaGVtZSk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aEZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldEljb25Db250YWluZXJCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICBib3JkZXItcmlnaHQ6IDA7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbn07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIocHJvcHMpfTtcbiAgICAgICAgZmlsbDogJHtnZXRJY29uQ29sb3IocHJvcHMpfTtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBtYXJnaW46IDAgLTNweDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbiAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbk5vdGlmaWNhdGlvbkljb24uZGlzcGxheU5hbWUgPSAnTm90aWZpY2F0aW9uSWNvbic7XG5cbmNvbnN0IGdldENvbnRlbnRCb3JkZXJDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IENvbnRlbnROb3RpZmljYXRpb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgd2FybklmTWlzc2luZ0NvbnRlbnQocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgaHlwaGVuczogYXV0bztcbiAgICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZUZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8Tm90aWZpY2F0aW9uSWNvbiB0eXBlPXtwcm9wcy50eXBlfSAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbnRhaW5lckJhY2tncm91bmRDb2xvcihwcm9wcyl9O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbnRlbnRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICAgIGJvcmRlci1sZWZ0LXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJMZWZ0V2lkdGhGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbkNvbnRlbnROb3RpZmljYXRpb24uZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnROb3RpZmljYXRpb247XG4iXX0= */"),
|
|
125
102
|
children: jsxRuntime.jsx(Icon, {})
|
|
126
103
|
});
|
|
127
104
|
};
|
|
128
|
-
|
|
129
105
|
NotificationIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
130
106
|
type: _pt__default["default"].oneOf(['error', 'info', 'warning', 'success']).isRequired,
|
|
131
107
|
intlMessage: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].shape({
|
|
@@ -134,45 +110,34 @@ NotificationIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
134
110
|
children: _pt__default["default"].node
|
|
135
111
|
} : {};
|
|
136
112
|
NotificationIcon.displayName = 'NotificationIcon';
|
|
137
|
-
|
|
138
113
|
const getContentBorderColor = props => {
|
|
139
114
|
switch (props.type) {
|
|
140
115
|
case 'error':
|
|
141
116
|
return designSystem.designTokens.borderColorForContentNotificationWhenError;
|
|
142
|
-
|
|
143
117
|
case 'info':
|
|
144
118
|
return designSystem.designTokens.borderColorForContentNotificationWhenInfo;
|
|
145
|
-
|
|
146
119
|
case 'warning':
|
|
147
120
|
return designSystem.designTokens.borderColorForContentNotificationWhenWarning;
|
|
148
|
-
|
|
149
121
|
case 'success':
|
|
150
122
|
return designSystem.designTokens.borderColorForContentNotificationWhenSuccess;
|
|
151
|
-
|
|
152
123
|
default:
|
|
153
124
|
return '';
|
|
154
125
|
}
|
|
155
126
|
};
|
|
156
|
-
|
|
157
127
|
const getContainerBackgroundColor = props => {
|
|
158
128
|
switch (props.type) {
|
|
159
129
|
case 'error':
|
|
160
130
|
return designSystem.designTokens.backgroundColorForContentNotificationWhenError;
|
|
161
|
-
|
|
162
131
|
case 'info':
|
|
163
132
|
return designSystem.designTokens.backgroundColorForContentNotificationWhenInfo;
|
|
164
|
-
|
|
165
133
|
case 'warning':
|
|
166
134
|
return designSystem.designTokens.backgroundColorForContentNotificationWhenWarning;
|
|
167
|
-
|
|
168
135
|
case 'success':
|
|
169
136
|
return designSystem.designTokens.backgroundColorForContentNotificationWhenSuccess;
|
|
170
|
-
|
|
171
137
|
default:
|
|
172
138
|
return '';
|
|
173
139
|
}
|
|
174
140
|
};
|
|
175
|
-
|
|
176
141
|
const ContentNotification = props => {
|
|
177
142
|
warnIfMissingContent(props);
|
|
178
143
|
return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
|
|
@@ -187,7 +152,6 @@ const ContentNotification = props => {
|
|
|
187
152
|
})]
|
|
188
153
|
}));
|
|
189
154
|
};
|
|
190
|
-
|
|
191
155
|
ContentNotification.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
192
156
|
type: _pt__default["default"].oneOf(['error', 'info', 'warning', 'success']).isRequired,
|
|
193
157
|
intlMessage: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].shape({
|
|
@@ -199,7 +163,7 @@ ContentNotification.displayName = 'ContentNotification';
|
|
|
199
163
|
var ContentNotification$1 = ContentNotification;
|
|
200
164
|
|
|
201
165
|
// NOTE: This string will be replaced on build time with the package version.
|
|
202
|
-
var version = "16.
|
|
166
|
+
var version = "16.1.0";
|
|
203
167
|
|
|
204
168
|
exports.ContentNotification = ContentNotification$1;
|
|
205
169
|
exports.version = version;
|
|
@@ -32,138 +32,103 @@ var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$def
|
|
|
32
32
|
var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
|
|
33
33
|
|
|
34
34
|
function ownKeys(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; }
|
|
35
|
-
|
|
36
35
|
function _objectSpread(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(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(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
37
|
-
|
|
38
36
|
const warnIfMissingContent = props => {
|
|
39
37
|
Boolean(props.intlMessage) || Boolean(react$1.Children.count(props.children));
|
|
40
38
|
};
|
|
41
|
-
|
|
42
39
|
const getIconContainerBackgroundColour = props => {
|
|
43
40
|
switch (props.type) {
|
|
44
41
|
case 'error':
|
|
45
42
|
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenError;
|
|
46
|
-
|
|
47
43
|
case 'info':
|
|
48
44
|
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenInfo;
|
|
49
|
-
|
|
50
45
|
case 'warning':
|
|
51
46
|
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenWarning;
|
|
52
|
-
|
|
53
47
|
case 'success':
|
|
54
48
|
return designSystem.designTokens.backgroundColorForContentNotificationIconWhenSuccess;
|
|
55
|
-
|
|
56
49
|
default:
|
|
57
50
|
return '';
|
|
58
51
|
}
|
|
59
52
|
};
|
|
60
|
-
|
|
61
53
|
const getIconByType = (props, isNewTheme) => {
|
|
62
54
|
switch (props.type) {
|
|
63
55
|
case 'error':
|
|
64
56
|
return icons.ErrorIcon;
|
|
65
|
-
|
|
66
57
|
case 'info':
|
|
67
58
|
return isNewTheme ? icons.InformationIcon : icons.InfoIcon;
|
|
68
|
-
|
|
69
59
|
case 'warning':
|
|
70
60
|
return icons.WarningIcon;
|
|
71
|
-
|
|
72
61
|
default:
|
|
73
62
|
return icons.CheckBoldIcon;
|
|
74
63
|
}
|
|
75
64
|
};
|
|
76
|
-
|
|
77
65
|
const getIconContainerBorderColor = props => {
|
|
78
66
|
switch (props.type) {
|
|
79
67
|
case 'error':
|
|
80
68
|
return designSystem.designTokens.borderColorForContentNotificationWhenError;
|
|
81
|
-
|
|
82
69
|
case 'info':
|
|
83
70
|
return designSystem.designTokens.borderColorForContentNotificationWhenInfo;
|
|
84
|
-
|
|
85
71
|
case 'warning':
|
|
86
72
|
return designSystem.designTokens.borderColorForContentNotificationWhenWarning;
|
|
87
|
-
|
|
88
73
|
case 'success':
|
|
89
74
|
return designSystem.designTokens.borderColorForContentNotificationWhenSuccess;
|
|
90
|
-
|
|
91
75
|
default:
|
|
92
76
|
return '';
|
|
93
77
|
}
|
|
94
78
|
};
|
|
95
|
-
|
|
96
79
|
const getIconColor = props => {
|
|
97
80
|
switch (props.type) {
|
|
98
81
|
case 'error':
|
|
99
82
|
return designSystem.designTokens.fontColorForContentNotificationIconWhenError;
|
|
100
|
-
|
|
101
83
|
case 'info':
|
|
102
84
|
return designSystem.designTokens.fontColorForContentNotificationIconWhenInfo;
|
|
103
|
-
|
|
104
85
|
case 'warning':
|
|
105
86
|
return designSystem.designTokens.fontColorForContentNotificationIconWhenWarning;
|
|
106
|
-
|
|
107
87
|
case 'success':
|
|
108
88
|
return designSystem.designTokens.fontColorForContentNotificationIconWhenSuccess;
|
|
109
|
-
|
|
110
89
|
default:
|
|
111
90
|
return '';
|
|
112
91
|
}
|
|
113
92
|
};
|
|
114
|
-
|
|
115
93
|
const NotificationIcon = props => {
|
|
116
94
|
const _useTheme = designSystem.useTheme(),
|
|
117
|
-
|
|
118
|
-
|
|
95
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
119
96
|
const Icon = getIconByType(props, isNewTheme);
|
|
120
97
|
return jsxRuntime.jsx("div", {
|
|
121
98
|
css: /*#__PURE__*/react.css("display:flex;align-items:center;border-radius:", designSystem.designTokens.borderRadiusForContentNotificationIcon, ";border-width:", designSystem.designTokens.borderWidthForContentNotificationIcon, ";border-style:solid;border-color:", getIconContainerBorderColor(props), ";border-right:0;padding:", designSystem.designTokens.paddingForContentNotificationIcon, ";background-color:", getIconContainerBackgroundColour(props), ";fill:", getIconColor(props), ";svg{margin:0 -3px;}" + ("" ), "" ),
|
|
122
99
|
children: jsxRuntime.jsx(Icon, {})
|
|
123
100
|
});
|
|
124
101
|
};
|
|
125
|
-
|
|
126
102
|
NotificationIcon.propTypes = {};
|
|
127
103
|
NotificationIcon.displayName = 'NotificationIcon';
|
|
128
|
-
|
|
129
104
|
const getContentBorderColor = props => {
|
|
130
105
|
switch (props.type) {
|
|
131
106
|
case 'error':
|
|
132
107
|
return designSystem.designTokens.borderColorForContentNotificationWhenError;
|
|
133
|
-
|
|
134
108
|
case 'info':
|
|
135
109
|
return designSystem.designTokens.borderColorForContentNotificationWhenInfo;
|
|
136
|
-
|
|
137
110
|
case 'warning':
|
|
138
111
|
return designSystem.designTokens.borderColorForContentNotificationWhenWarning;
|
|
139
|
-
|
|
140
112
|
case 'success':
|
|
141
113
|
return designSystem.designTokens.borderColorForContentNotificationWhenSuccess;
|
|
142
|
-
|
|
143
114
|
default:
|
|
144
115
|
return '';
|
|
145
116
|
}
|
|
146
117
|
};
|
|
147
|
-
|
|
148
118
|
const getContainerBackgroundColor = props => {
|
|
149
119
|
switch (props.type) {
|
|
150
120
|
case 'error':
|
|
151
121
|
return designSystem.designTokens.backgroundColorForContentNotificationWhenError;
|
|
152
|
-
|
|
153
122
|
case 'info':
|
|
154
123
|
return designSystem.designTokens.backgroundColorForContentNotificationWhenInfo;
|
|
155
|
-
|
|
156
124
|
case 'warning':
|
|
157
125
|
return designSystem.designTokens.backgroundColorForContentNotificationWhenWarning;
|
|
158
|
-
|
|
159
126
|
case 'success':
|
|
160
127
|
return designSystem.designTokens.backgroundColorForContentNotificationWhenSuccess;
|
|
161
|
-
|
|
162
128
|
default:
|
|
163
129
|
return '';
|
|
164
130
|
}
|
|
165
131
|
};
|
|
166
|
-
|
|
167
132
|
const ContentNotification = props => {
|
|
168
133
|
warnIfMissingContent(props);
|
|
169
134
|
return jsxRuntime.jsxs("div", _objectSpread(_objectSpread({}, utils.filterDataAttributes(props)), {}, {
|
|
@@ -178,13 +143,12 @@ const ContentNotification = props => {
|
|
|
178
143
|
})]
|
|
179
144
|
}));
|
|
180
145
|
};
|
|
181
|
-
|
|
182
146
|
ContentNotification.propTypes = {};
|
|
183
147
|
ContentNotification.displayName = 'ContentNotification';
|
|
184
148
|
var ContentNotification$1 = ContentNotification;
|
|
185
149
|
|
|
186
150
|
// NOTE: This string will be replaced on build time with the package version.
|
|
187
|
-
var version = "16.
|
|
151
|
+
var version = "16.1.0";
|
|
188
152
|
|
|
189
153
|
exports.ContentNotification = ContentNotification$1;
|
|
190
154
|
exports.version = version;
|
|
@@ -17,99 +17,75 @@ import { filterDataAttributes, warning } from '@commercetools-uikit/utils';
|
|
|
17
17
|
import { jsxs, jsx } from '@emotion/react/jsx-runtime';
|
|
18
18
|
|
|
19
19
|
function ownKeys(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; }
|
|
20
|
-
|
|
21
20
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
22
|
-
|
|
23
21
|
const warnIfMissingContent = props => {
|
|
24
22
|
const hasContent = Boolean(props.intlMessage) || Boolean(Children.count(props.children));
|
|
25
23
|
process.env.NODE_ENV !== "production" ? warning(hasContent, ['Warning: Failed prop type:', "The prop `intlMessage` is marked as required in `Link`", 'but its value is `undefined`'].join(' ')) : void 0;
|
|
26
24
|
process.env.NODE_ENV !== "production" ? warning(hasContent, ['Warning: Failed prop type:', "The prop `children` is marked as required in `Link`", 'but its value is `undefined`'].join(' ')) : void 0;
|
|
27
25
|
};
|
|
28
|
-
|
|
29
26
|
const getIconContainerBackgroundColour = props => {
|
|
30
27
|
switch (props.type) {
|
|
31
28
|
case 'error':
|
|
32
29
|
return designTokens.backgroundColorForContentNotificationIconWhenError;
|
|
33
|
-
|
|
34
30
|
case 'info':
|
|
35
31
|
return designTokens.backgroundColorForContentNotificationIconWhenInfo;
|
|
36
|
-
|
|
37
32
|
case 'warning':
|
|
38
33
|
return designTokens.backgroundColorForContentNotificationIconWhenWarning;
|
|
39
|
-
|
|
40
34
|
case 'success':
|
|
41
35
|
return designTokens.backgroundColorForContentNotificationIconWhenSuccess;
|
|
42
|
-
|
|
43
36
|
default:
|
|
44
37
|
return '';
|
|
45
38
|
}
|
|
46
39
|
};
|
|
47
|
-
|
|
48
40
|
const getIconByType = (props, isNewTheme) => {
|
|
49
41
|
switch (props.type) {
|
|
50
42
|
case 'error':
|
|
51
43
|
return ErrorIcon;
|
|
52
|
-
|
|
53
44
|
case 'info':
|
|
54
45
|
return isNewTheme ? InformationIcon : InfoIcon;
|
|
55
|
-
|
|
56
46
|
case 'warning':
|
|
57
47
|
return WarningIcon;
|
|
58
|
-
|
|
59
48
|
default:
|
|
60
49
|
return CheckBoldIcon;
|
|
61
50
|
}
|
|
62
51
|
};
|
|
63
|
-
|
|
64
52
|
const getIconContainerBorderColor = props => {
|
|
65
53
|
switch (props.type) {
|
|
66
54
|
case 'error':
|
|
67
55
|
return designTokens.borderColorForContentNotificationWhenError;
|
|
68
|
-
|
|
69
56
|
case 'info':
|
|
70
57
|
return designTokens.borderColorForContentNotificationWhenInfo;
|
|
71
|
-
|
|
72
58
|
case 'warning':
|
|
73
59
|
return designTokens.borderColorForContentNotificationWhenWarning;
|
|
74
|
-
|
|
75
60
|
case 'success':
|
|
76
61
|
return designTokens.borderColorForContentNotificationWhenSuccess;
|
|
77
|
-
|
|
78
62
|
default:
|
|
79
63
|
return '';
|
|
80
64
|
}
|
|
81
65
|
};
|
|
82
|
-
|
|
83
66
|
const getIconColor = props => {
|
|
84
67
|
switch (props.type) {
|
|
85
68
|
case 'error':
|
|
86
69
|
return designTokens.fontColorForContentNotificationIconWhenError;
|
|
87
|
-
|
|
88
70
|
case 'info':
|
|
89
71
|
return designTokens.fontColorForContentNotificationIconWhenInfo;
|
|
90
|
-
|
|
91
72
|
case 'warning':
|
|
92
73
|
return designTokens.fontColorForContentNotificationIconWhenWarning;
|
|
93
|
-
|
|
94
74
|
case 'success':
|
|
95
75
|
return designTokens.fontColorForContentNotificationIconWhenSuccess;
|
|
96
|
-
|
|
97
76
|
default:
|
|
98
77
|
return '';
|
|
99
78
|
}
|
|
100
79
|
};
|
|
101
|
-
|
|
102
80
|
const NotificationIcon = props => {
|
|
103
81
|
const _useTheme = useTheme(),
|
|
104
|
-
|
|
105
|
-
|
|
82
|
+
isNewTheme = _useTheme.isNewTheme;
|
|
106
83
|
const Icon = getIconByType(props, isNewTheme);
|
|
107
84
|
return jsx("div", {
|
|
108
85
|
css: /*#__PURE__*/css("display:flex;align-items:center;border-radius:", designTokens.borderRadiusForContentNotificationIcon, ";border-width:", designTokens.borderWidthForContentNotificationIcon, ";border-style:solid;border-color:", getIconContainerBorderColor(props), ";border-right:0;padding:", designTokens.paddingForContentNotificationIcon, ";background-color:", getIconContainerBackgroundColour(props), ";fill:", getIconColor(props), ";svg{margin:0 -3px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:NotificationIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbnRlbnQtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4SGMiLCJmaWxlIjoiY29udGVudC1ub3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBNZXNzYWdlRGVzY3JpcHRvciB9IGZyb20gJ3JlYWN0LWludGwnO1xuXG5pbXBvcnQgeyBDaGlsZHJlbiwgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgRm9ybWF0dGVkTWVzc2FnZSB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zLCB1c2VUaGVtZSB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IHtcbiAgRXJyb3JJY29uLFxuICBXYXJuaW5nSWNvbixcbiAgSW5mb0ljb24sXG4gIENoZWNrQm9sZEljb24sXG4gIEluZm9ybWF0aW9uSWNvbixcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IHsgZmlsdGVyRGF0YUF0dHJpYnV0ZXMsIHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5cbmV4cG9ydCB0eXBlIFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIHRoZSBjb2xvci90eXBlIG9mIG5vdGlmaWNhdGlvbi5cbiAgICovXG4gIHR5cGU6ICdlcnJvcicgfCAnaW5mbycgfCAnd2FybmluZycgfCAnc3VjY2Vzcyc7XG5cbiAgLyoqXG4gICAqIEFuIGBpbnRsYCBtZXNzYWdlIG9iamVjdCB0aGF0IHdpbGwgYmUgcmVuZGVyZWQgd2l0aCBgRm9ybWF0dGVkTWVzc2FnZWAuXG4gICAqIDxiciAvPlxuICAgKiBSZXF1aXJlZCBpZiBgY2hpbGRyZW5gIGlzIG5vdCBwcm92aWRlZC5cbiAgICovXG4gIGludGxNZXNzYWdlPzogTWVzc2FnZURlc2NyaXB0b3IgJiB7XG4gICAgdmFsdWVzPzogUmVjb3JkPHN0cmluZywgUmVhY3ROb2RlPjtcbiAgfTtcblxuICAvKipcbiAgICogVGhlIGNvbnRlbnQgb2YgdGhlIG5vdGlmaWNhdGlvbi5cbiAgICogPGJyIC8+XG4gICAqIFJlcXVpcmVkIGlmIGBpbnRsTWVzc2FnZWAgaXMgbm90IHByb3ZpZGVkLlxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG59O1xuXG5jb25zdCB3YXJuSWZNaXNzaW5nQ29udGVudCA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBoYXNDb250ZW50ID1cbiAgICBCb29sZWFuKHByb3BzLmludGxNZXNzYWdlKSB8fCBCb29sZWFuKENoaWxkcmVuLmNvdW50KHByb3BzLmNoaWxkcmVuKSk7XG5cbiAgd2FybmluZyhcbiAgICBoYXNDb250ZW50LFxuICAgIFtcbiAgICAgICdXYXJuaW5nOiBGYWlsZWQgcHJvcCB0eXBlOicsXG4gICAgICBgVGhlIHByb3AgXFxgaW50bE1lc3NhZ2VcXGAgaXMgbWFya2VkIGFzIHJlcXVpcmVkIGluIFxcYExpbmtcXGBgLFxuICAgICAgJ2J1dCBpdHMgdmFsdWUgaXMgYHVuZGVmaW5lZGAnLFxuICAgIF0uam9pbignICcpXG4gICk7XG4gIHdhcm5pbmcoXG4gICAgaGFzQ29udGVudCxcbiAgICBbXG4gICAgICAnV2FybmluZzogRmFpbGVkIHByb3AgdHlwZTonLFxuICAgICAgYFRoZSBwcm9wIFxcYGNoaWxkcmVuXFxgIGlzIG1hcmtlZCBhcyByZXF1aXJlZCBpbiBcXGBMaW5rXFxgYCxcbiAgICAgICdidXQgaXRzIHZhbHVlIGlzIGB1bmRlZmluZWRgJyxcbiAgICBdLmpvaW4oJyAnKVxuICApO1xufTtcblxuY29uc3QgZ2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbkljb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRJY29uQnlUeXBlID0gKFxuICBwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcyxcbiAgaXNOZXdUaGVtZTogYm9vbGVhblxuKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBFcnJvckljb247XG4gICAgY2FzZSAnaW5mbyc6XG4gICAgICByZXR1cm4gaXNOZXdUaGVtZSA/IEluZm9ybWF0aW9uSWNvbiA6IEluZm9JY29uO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIFdhcm5pbmdJY29uO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gQ2hlY2tCb2xkSWNvbjtcbiAgfVxufTtcblxuY29uc3QgZ2V0SWNvbkNvbnRhaW5lckJvcmRlckNvbG9yID0gKHByb3BzOiBUQ29udGVudE5vdGlmaWNhdGlvblByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudHlwZSkge1xuICAgIGNhc2UgJ2Vycm9yJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuSW5mbztcbiAgICBjYXNlICd3YXJuaW5nJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbldhcm5pbmc7XG4gICAgY2FzZSAnc3VjY2Vzcyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IGdldEljb25Db2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmZvbnRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25JY29uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5JbmZvO1xuICAgIGNhc2UgJ3dhcm5pbmcnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5mb250Q29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IE5vdGlmaWNhdGlvbkljb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBpc05ld1RoZW1lIH0gPSB1c2VUaGVtZSgpO1xuICBjb25zdCBJY29uID0gZ2V0SWNvbkJ5VHlwZShwcm9wcywgaXNOZXdUaGVtZSk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYm9yZGVyLXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJXaWR0aEZvckNvbnRlbnROb3RpZmljYXRpb25JY29ufTtcbiAgICAgICAgYm9yZGVyLXN0eWxlOiBzb2xpZDtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldEljb25Db250YWluZXJCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICBib3JkZXItcmlnaHQ6IDA7XG4gICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9uSWNvbn07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0SWNvbkNvbnRhaW5lckJhY2tncm91bmRDb2xvdXIocHJvcHMpfTtcbiAgICAgICAgZmlsbDogJHtnZXRJY29uQ29sb3IocHJvcHMpfTtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBtYXJnaW46IDAgLTNweDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICA8SWNvbiAvPlxuICAgIDwvZGl2PlxuICApO1xufTtcbk5vdGlmaWNhdGlvbkljb24uZGlzcGxheU5hbWUgPSAnTm90aWZpY2F0aW9uSWNvbic7XG5cbmNvbnN0IGdldENvbnRlbnRCb3JkZXJDb2xvciA9IChwcm9wczogVENvbnRlbnROb3RpZmljYXRpb25Qcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnR5cGUpIHtcbiAgICBjYXNlICdlcnJvcic6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5FcnJvcjtcbiAgICBjYXNlICdpbmZvJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5XYXJuaW5nO1xuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuU3VjY2VzcztcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuICcnO1xuICB9XG59O1xuXG5jb25zdCBnZXRDb250YWluZXJCYWNrZ3JvdW5kQ29sb3IgPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50eXBlKSB7XG4gICAgY2FzZSAnZXJyb3InOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkVycm9yO1xuICAgIGNhc2UgJ2luZm8nOlxuICAgICAgcmV0dXJuIGRlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JDb250ZW50Tm90aWZpY2F0aW9uV2hlbkluZm87XG4gICAgY2FzZSAnd2FybmluZyc6XG4gICAgICByZXR1cm4gZGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvckNvbnRlbnROb3RpZmljYXRpb25XaGVuV2FybmluZztcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICAgIHJldHVybiBkZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbldoZW5TdWNjZXNzO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gJyc7XG4gIH1cbn07XG5cbmNvbnN0IENvbnRlbnROb3RpZmljYXRpb24gPSAocHJvcHM6IFRDb250ZW50Tm90aWZpY2F0aW9uUHJvcHMpID0+IHtcbiAgd2FybklmTWlzc2luZ0NvbnRlbnQocHJvcHMpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgey4uLmZpbHRlckRhdGFBdHRyaWJ1dGVzKHByb3BzKX1cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgdGV4dC1hbGlnbjogbGVmdDtcbiAgICAgICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICAgICAgaHlwaGVuczogYXV0bztcbiAgICAgICAgZm9udC1zaXplOiAke2Rlc2lnblRva2Vucy5mb250U2l6ZUZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICBjb2xvcjogJHtkZXNpZ25Ub2tlbnMuZm9udENvbG9yRm9yQ29udGVudE5vdGlmaWNhdGlvbn07XG4gICAgICAgIGZvbnQtZmFtaWx5OiBpbmhlcml0O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8Tm90aWZpY2F0aW9uSWNvbiB0eXBlPXtwcm9wcy50eXBlfSAvPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgIHBhZGRpbmc6ICR7ZGVzaWduVG9rZW5zLnBhZGRpbmdGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldENvbnRhaW5lckJhY2tncm91bmRDb2xvcihwcm9wcyl9O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6ICR7ZGVzaWduVG9rZW5zLmJvcmRlclJhZGl1c0ZvckNvbnRlbnROb3RpZmljYXRpb259O1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke2dldENvbnRlbnRCb3JkZXJDb2xvcihwcm9wcyl9O1xuICAgICAgICAgIGJvcmRlci1sZWZ0LXdpZHRoOiAke2Rlc2lnblRva2Vucy5ib3JkZXJMZWZ0V2lkdGhGb3JDb250ZW50Tm90aWZpY2F0aW9ufTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmludGxNZXNzYWdlID8gKFxuICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICA8Rm9ybWF0dGVkTWVzc2FnZSB7Li4ucHJvcHMuaW50bE1lc3NhZ2V9IC8+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgcHJvcHMuY2hpbGRyZW5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbkNvbnRlbnROb3RpZmljYXRpb24uZGlzcGxheU5hbWUgPSAnQ29udGVudE5vdGlmaWNhdGlvbic7XG5cbmV4cG9ydCBkZWZhdWx0IENvbnRlbnROb3RpZmljYXRpb247XG4iXX0= */"),
|
|
109
86
|
children: jsx(Icon, {})
|
|
110
87
|
});
|
|
111
88
|
};
|
|
112
|
-
|
|
113
89
|
NotificationIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
114
90
|
type: _pt.oneOf(['error', 'info', 'warning', 'success']).isRequired,
|
|
115
91
|
intlMessage: _pt.oneOfType([_pt.any, _pt.shape({
|
|
@@ -118,45 +94,34 @@ NotificationIcon.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
118
94
|
children: _pt.node
|
|
119
95
|
} : {};
|
|
120
96
|
NotificationIcon.displayName = 'NotificationIcon';
|
|
121
|
-
|
|
122
97
|
const getContentBorderColor = props => {
|
|
123
98
|
switch (props.type) {
|
|
124
99
|
case 'error':
|
|
125
100
|
return designTokens.borderColorForContentNotificationWhenError;
|
|
126
|
-
|
|
127
101
|
case 'info':
|
|
128
102
|
return designTokens.borderColorForContentNotificationWhenInfo;
|
|
129
|
-
|
|
130
103
|
case 'warning':
|
|
131
104
|
return designTokens.borderColorForContentNotificationWhenWarning;
|
|
132
|
-
|
|
133
105
|
case 'success':
|
|
134
106
|
return designTokens.borderColorForContentNotificationWhenSuccess;
|
|
135
|
-
|
|
136
107
|
default:
|
|
137
108
|
return '';
|
|
138
109
|
}
|
|
139
110
|
};
|
|
140
|
-
|
|
141
111
|
const getContainerBackgroundColor = props => {
|
|
142
112
|
switch (props.type) {
|
|
143
113
|
case 'error':
|
|
144
114
|
return designTokens.backgroundColorForContentNotificationWhenError;
|
|
145
|
-
|
|
146
115
|
case 'info':
|
|
147
116
|
return designTokens.backgroundColorForContentNotificationWhenInfo;
|
|
148
|
-
|
|
149
117
|
case 'warning':
|
|
150
118
|
return designTokens.backgroundColorForContentNotificationWhenWarning;
|
|
151
|
-
|
|
152
119
|
case 'success':
|
|
153
120
|
return designTokens.backgroundColorForContentNotificationWhenSuccess;
|
|
154
|
-
|
|
155
121
|
default:
|
|
156
122
|
return '';
|
|
157
123
|
}
|
|
158
124
|
};
|
|
159
|
-
|
|
160
125
|
const ContentNotification = props => {
|
|
161
126
|
warnIfMissingContent(props);
|
|
162
127
|
return jsxs("div", _objectSpread(_objectSpread({}, filterDataAttributes(props)), {}, {
|
|
@@ -171,7 +136,6 @@ const ContentNotification = props => {
|
|
|
171
136
|
})]
|
|
172
137
|
}));
|
|
173
138
|
};
|
|
174
|
-
|
|
175
139
|
ContentNotification.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
176
140
|
type: _pt.oneOf(['error', 'info', 'warning', 'success']).isRequired,
|
|
177
141
|
intlMessage: _pt.oneOfType([_pt.any, _pt.shape({
|
|
@@ -183,6 +147,6 @@ ContentNotification.displayName = 'ContentNotification';
|
|
|
183
147
|
var ContentNotification$1 = ContentNotification;
|
|
184
148
|
|
|
185
149
|
// NOTE: This string will be replaced on build time with the package version.
|
|
186
|
-
var version = "16.
|
|
150
|
+
var version = "16.1.0";
|
|
187
151
|
|
|
188
152
|
export { ContentNotification$1 as ContentNotification, version };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-uikit/notifications",
|
|
3
3
|
"description": "Notification components.",
|
|
4
|
-
"version": "16.
|
|
4
|
+
"version": "16.1.0",
|
|
5
5
|
"bugs": "https://github.com/commercetools/ui-kit/issues",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@babel/runtime": "^7.20.13",
|
|
23
23
|
"@babel/runtime-corejs3": "^7.20.13",
|
|
24
|
-
"@commercetools-uikit/design-system": "16.
|
|
25
|
-
"@commercetools-uikit/icons": "16.
|
|
26
|
-
"@commercetools-uikit/utils": "16.
|
|
24
|
+
"@commercetools-uikit/design-system": "16.1.0",
|
|
25
|
+
"@commercetools-uikit/icons": "16.1.0",
|
|
26
|
+
"@commercetools-uikit/utils": "16.1.0",
|
|
27
27
|
"@emotion/react": "^11.10.5",
|
|
28
28
|
"prop-types": "15.8.1"
|
|
29
29
|
},
|