@commercetools-frontend/application-components 21.3.5 → 21.5.1
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-application-components.cjs.dev.js +42 -41
- package/dist/commercetools-frontend-application-components.cjs.prod.js +41 -41
- package/dist/commercetools-frontend-application-components.esm.js +42 -41
- package/dist/declarations/src/components/portals-container/portals-container.d.ts +5 -5
- package/package.json +16 -16
|
@@ -75,7 +75,7 @@ var FailedAuthorizationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthori
|
|
|
75
75
|
var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
|
|
76
76
|
|
|
77
77
|
// NOTE: This string will be replaced on build time with the package version.
|
|
78
|
-
var version = "21.
|
|
78
|
+
var version = "21.5.1";
|
|
79
79
|
|
|
80
80
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$a() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
81
81
|
|
|
@@ -172,14 +172,14 @@ TabHeader.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
172
172
|
exactPathMatch: _pt__default["default"].bool.isRequired
|
|
173
173
|
} : {};
|
|
174
174
|
TabHeader.displayName = 'TabHeader';
|
|
175
|
-
var defaultProps$
|
|
175
|
+
var defaultProps$d = {
|
|
176
176
|
isDisabled: false,
|
|
177
177
|
exactPathMatch: false
|
|
178
178
|
};
|
|
179
|
-
TabHeader.defaultProps = defaultProps$
|
|
179
|
+
TabHeader.defaultProps = defaultProps$d;
|
|
180
180
|
|
|
181
181
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$9() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
182
|
-
var defaultProps$
|
|
182
|
+
var defaultProps$c = {
|
|
183
183
|
titleSize: 'small',
|
|
184
184
|
truncate: false
|
|
185
185
|
};
|
|
@@ -266,7 +266,7 @@ PageHeaderTitle.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
266
266
|
subtitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element])
|
|
267
267
|
} : {};
|
|
268
268
|
PageHeaderTitle.displayName = 'PageHeaderTitle';
|
|
269
|
-
PageHeaderTitle.defaultProps = defaultProps$
|
|
269
|
+
PageHeaderTitle.defaultProps = defaultProps$c;
|
|
270
270
|
|
|
271
271
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$8() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
272
272
|
|
|
@@ -315,10 +315,10 @@ TabularPageContainer.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
315
315
|
color: _pt__default["default"].oneOf(['surface', 'neutral']).isRequired
|
|
316
316
|
} : {};
|
|
317
317
|
TabularPageContainer.displayName = 'TabularPageContainer';
|
|
318
|
-
var defaultProps$
|
|
318
|
+
var defaultProps$b = {
|
|
319
319
|
color: 'surface'
|
|
320
320
|
};
|
|
321
|
-
TabularPageContainer.defaultProps = defaultProps$
|
|
321
|
+
TabularPageContainer.defaultProps = defaultProps$b;
|
|
322
322
|
|
|
323
323
|
var FormControlsContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
|
|
324
324
|
target: "elpldre0"
|
|
@@ -446,7 +446,7 @@ FormDeleteButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
446
446
|
FormDeleteButton.displayName = 'FormDeleteButton';
|
|
447
447
|
FormDeleteButton.defaultProps = deleteDefaultProps;
|
|
448
448
|
|
|
449
|
-
var defaultProps$
|
|
449
|
+
var defaultProps$a = {
|
|
450
450
|
hideControls: false
|
|
451
451
|
};
|
|
452
452
|
|
|
@@ -489,7 +489,7 @@ TabularMainPage.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
489
489
|
hideControls: _pt__default["default"].bool.isRequired
|
|
490
490
|
} : {};
|
|
491
491
|
TabularMainPage.displayName = 'TabularMainPage';
|
|
492
|
-
TabularMainPage.defaultProps = defaultProps$
|
|
492
|
+
TabularMainPage.defaultProps = defaultProps$a; // Static export of pre-configured form control buttons to easily re-use
|
|
493
493
|
// them in the custom controls.
|
|
494
494
|
|
|
495
495
|
TabularMainPage.FormPrimaryButton = FormPrimaryButton;
|
|
@@ -512,7 +512,7 @@ var messages$2 = reactIntl.defineMessages({
|
|
|
512
512
|
}
|
|
513
513
|
});
|
|
514
514
|
|
|
515
|
-
var defaultProps$
|
|
515
|
+
var defaultProps$9 = {
|
|
516
516
|
color: 'surface',
|
|
517
517
|
previousPathLabel: messages$2.back
|
|
518
518
|
};
|
|
@@ -544,9 +544,9 @@ PageTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
544
544
|
onClick: _pt__default["default"].func.isRequired
|
|
545
545
|
} : {};
|
|
546
546
|
PageTopBar.displayName = 'PageTopBar';
|
|
547
|
-
PageTopBar.defaultProps = defaultProps$
|
|
547
|
+
PageTopBar.defaultProps = defaultProps$9;
|
|
548
548
|
|
|
549
|
-
var defaultProps$
|
|
549
|
+
var defaultProps$8 = {
|
|
550
550
|
hideControls: false
|
|
551
551
|
};
|
|
552
552
|
|
|
@@ -599,7 +599,7 @@ TabularDetailPage.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
599
599
|
onPreviousPathClick: _pt__default["default"].func.isRequired
|
|
600
600
|
} : {};
|
|
601
601
|
TabularDetailPage.displayName = 'TabularDetailPage';
|
|
602
|
-
TabularDetailPage.defaultProps = defaultProps$
|
|
602
|
+
TabularDetailPage.defaultProps = defaultProps$8; // Static export of pre-configured form control buttons to easily re-use
|
|
603
603
|
// them in the custom controls.
|
|
604
604
|
|
|
605
605
|
TabularDetailPage.FormPrimaryButton = FormPrimaryButton;
|
|
@@ -666,7 +666,7 @@ var getDefaultParentSelector$1 = function getDefaultParentSelector() {
|
|
|
666
666
|
return process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(constants.PORTALS_CONTAINER_ID));
|
|
667
667
|
};
|
|
668
668
|
|
|
669
|
-
var defaultProps$
|
|
669
|
+
var defaultProps$7 = {
|
|
670
670
|
size: 10,
|
|
671
671
|
zIndex: 1000,
|
|
672
672
|
getParentSelector: getDefaultParentSelector$1
|
|
@@ -763,7 +763,7 @@ DialogContainer.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
763
763
|
getParentSelector: _pt__default["default"].any.isRequired
|
|
764
764
|
} : {};
|
|
765
765
|
DialogContainer.displayName = 'DialogContainer';
|
|
766
|
-
DialogContainer.defaultProps = defaultProps$
|
|
766
|
+
DialogContainer.defaultProps = defaultProps$7;
|
|
767
767
|
|
|
768
768
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
769
769
|
|
|
@@ -844,7 +844,7 @@ InfoDialog.displayName = 'InfoDialog';
|
|
|
844
844
|
function ownKeys$3(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; }
|
|
845
845
|
|
|
846
846
|
function _objectSpread$3(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$3(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$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
847
|
-
var defaultProps$
|
|
847
|
+
var defaultProps$6 = {
|
|
848
848
|
isPrimaryButtonDisabled: false,
|
|
849
849
|
dataAttributesPrimaryButton: {},
|
|
850
850
|
dataAttributesSecondaryButton: {}
|
|
@@ -889,9 +889,9 @@ DialogFooter.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
889
889
|
dataAttributesSecondaryButton: _pt__default["default"].objectOf(_pt__default["default"].string).isRequired
|
|
890
890
|
} : {};
|
|
891
891
|
DialogFooter.displayName = 'DialogFooter';
|
|
892
|
-
DialogFooter.defaultProps = defaultProps$
|
|
892
|
+
DialogFooter.defaultProps = defaultProps$6;
|
|
893
893
|
|
|
894
|
-
var defaultProps$
|
|
894
|
+
var defaultProps$5 = {
|
|
895
895
|
labelSecondary: i18n.sharedMessages.cancel,
|
|
896
896
|
labelPrimary: i18n.sharedMessages.confirm
|
|
897
897
|
};
|
|
@@ -946,12 +946,12 @@ ConfirmationDialog.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
946
946
|
getParentSelector: _pt__default["default"].func
|
|
947
947
|
} : {};
|
|
948
948
|
ConfirmationDialog.displayName = 'ConfirmationDialog';
|
|
949
|
-
ConfirmationDialog.defaultProps = defaultProps$
|
|
949
|
+
ConfirmationDialog.defaultProps = defaultProps$5; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
|
|
950
950
|
// The Intl messages can be used for button labels.
|
|
951
951
|
|
|
952
952
|
ConfirmationDialog.Intl = i18n.sharedMessages;
|
|
953
953
|
|
|
954
|
-
var defaultProps$
|
|
954
|
+
var defaultProps$4 = {
|
|
955
955
|
labelSecondary: i18n.sharedMessages.cancel,
|
|
956
956
|
labelPrimary: i18n.sharedMessages.save
|
|
957
957
|
};
|
|
@@ -1006,7 +1006,7 @@ FormDialog.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1006
1006
|
getParentSelector: _pt__default["default"].func
|
|
1007
1007
|
} : {};
|
|
1008
1008
|
FormDialog.displayName = 'FormDialog';
|
|
1009
|
-
FormDialog.defaultProps = defaultProps$
|
|
1009
|
+
FormDialog.defaultProps = defaultProps$4; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
|
|
1010
1010
|
// The Intl messages can be used for button labels.
|
|
1011
1011
|
|
|
1012
1012
|
FormDialog.Intl = i18n.sharedMessages;
|
|
@@ -1096,7 +1096,7 @@ var LargeIconWrapper = _styled__default["default"]("span", process.env.NODE_ENV
|
|
|
1096
1096
|
// does not recognize the object shape.
|
|
1097
1097
|
|
|
1098
1098
|
|
|
1099
|
-
var defaultProps$
|
|
1099
|
+
var defaultProps$3 = {
|
|
1100
1100
|
color: 'surface',
|
|
1101
1101
|
previousPathLabel: messages$2.back
|
|
1102
1102
|
};
|
|
@@ -1159,7 +1159,7 @@ ModalPageTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1159
1159
|
onClose: _pt__default["default"].func.isRequired
|
|
1160
1160
|
} : {};
|
|
1161
1161
|
ModalPageTopBar.displayName = 'ModalPageTopBar';
|
|
1162
|
-
ModalPageTopBar.defaultProps = defaultProps$
|
|
1162
|
+
ModalPageTopBar.defaultProps = defaultProps$3;
|
|
1163
1163
|
|
|
1164
1164
|
var getDefaultParentSelector = function getDefaultParentSelector() {
|
|
1165
1165
|
return process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(constants.PORTALS_CONTAINER_ID));
|
|
@@ -1168,7 +1168,7 @@ var getDefaultParentSelector = function getDefaultParentSelector() {
|
|
|
1168
1168
|
// does not recognize the object shape.
|
|
1169
1169
|
|
|
1170
1170
|
|
|
1171
|
-
var defaultProps$
|
|
1171
|
+
var defaultProps$2 = {
|
|
1172
1172
|
level: 1,
|
|
1173
1173
|
baseZIndex: 1000,
|
|
1174
1174
|
getParentSelector: getDefaultParentSelector,
|
|
@@ -1267,7 +1267,7 @@ ModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1267
1267
|
})])
|
|
1268
1268
|
} : {};
|
|
1269
1269
|
ModalPage.displayName = 'ModalPage';
|
|
1270
|
-
ModalPage.defaultProps = defaultProps$
|
|
1270
|
+
ModalPage.defaultProps = defaultProps$2;
|
|
1271
1271
|
|
|
1272
1272
|
var PageHeader = function PageHeader(props) {
|
|
1273
1273
|
return jsxRuntime.jsxs("div", {
|
|
@@ -1387,7 +1387,7 @@ CustomFormModalPage.FormDeleteButton = FormDeleteButton; // This is a convenienc
|
|
|
1387
1387
|
|
|
1388
1388
|
CustomFormModalPage.Intl = i18n.sharedMessages;
|
|
1389
1389
|
|
|
1390
|
-
var defaultProps$
|
|
1390
|
+
var defaultProps$1 = {
|
|
1391
1391
|
hideControls: false
|
|
1392
1392
|
};
|
|
1393
1393
|
|
|
@@ -1460,12 +1460,12 @@ FormModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1460
1460
|
hideControls: _pt__default["default"].bool.isRequired
|
|
1461
1461
|
} : {};
|
|
1462
1462
|
FormModalPage.displayName = 'FormModalPage';
|
|
1463
|
-
FormModalPage.defaultProps = defaultProps$
|
|
1463
|
+
FormModalPage.defaultProps = defaultProps$1; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
|
|
1464
1464
|
// The Intl messages can be used for button labels.
|
|
1465
1465
|
|
|
1466
1466
|
FormModalPage.Intl = i18n.sharedMessages;
|
|
1467
1467
|
|
|
1468
|
-
var defaultProps
|
|
1468
|
+
var defaultProps = {
|
|
1469
1469
|
hideControls: false
|
|
1470
1470
|
};
|
|
1471
1471
|
|
|
@@ -1530,7 +1530,7 @@ TabularModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1530
1530
|
hideControls: _pt__default["default"].bool.isRequired
|
|
1531
1531
|
} : {};
|
|
1532
1532
|
TabularModalPage.displayName = 'TabularModalPage';
|
|
1533
|
-
TabularModalPage.defaultProps = defaultProps
|
|
1533
|
+
TabularModalPage.defaultProps = defaultProps; // Static export of pre-configured form control buttons to easily re-use
|
|
1534
1534
|
// them in the custom controls.
|
|
1535
1535
|
|
|
1536
1536
|
TabularModalPage.FormPrimaryButton = FormPrimaryButton;
|
|
@@ -1780,13 +1780,6 @@ var PageUnauthorized = function PageUnauthorized() {
|
|
|
1780
1780
|
PageUnauthorized.displayName = 'PageUnauthorized';
|
|
1781
1781
|
|
|
1782
1782
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
1783
|
-
var defaultProps = {
|
|
1784
|
-
offsetTop: '0px',
|
|
1785
|
-
offsetLeft: '0px',
|
|
1786
|
-
offsetLeftOnExpandedMenu: '0px',
|
|
1787
|
-
containerSelectorToPreventScrollingOnOpen: 'main',
|
|
1788
|
-
zIndex: 10000
|
|
1789
|
-
};
|
|
1790
1783
|
|
|
1791
1784
|
var useObserverElementDimensions = function useObserverElementDimensions(element) {
|
|
1792
1785
|
var _useState = react$1.useState({
|
|
@@ -1813,19 +1806,28 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
1813
1806
|
} : {
|
|
1814
1807
|
name: "14eqpg3-PortalsContainer",
|
|
1815
1808
|
styles: "display:flex;height:1px;margin-top:-1px;label:PortalsContainer;",
|
|
1816
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1809
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBvcnRhbHMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SGtCIiwiZmlsZSI6InBvcnRhbHMtY29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTXV0YWJsZVJlZk9iamVjdCxcbiAgdHlwZSBSZWZPYmplY3QsXG4gIGZvcndhcmRSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB1c2VSZXNpemVPYnNlcnZlciBmcm9tICdAcmVhY3QtaG9vay9yZXNpemUtb2JzZXJ2ZXInO1xuaW1wb3J0IHsgUE9SVEFMU19DT05UQUlORVJfSUQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFRMYXlvdXRSZWZzID0ge1xuICBub3RpZmljYXRpb25zR2xvYmFsUmVmOiBNdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgbm90aWZpY2F0aW9uc1BhZ2VSZWY6IE11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xufTtcbnR5cGUgVE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucyA9IHtcbiAgaGVpZ2h0OiBudW1iZXI7XG4gIHdpZHRoOiBudW1iZXI7XG59O1xudHlwZSBUUG9ydGFsc0NvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSB0b3AsIHdoZW4gb3BlbmVkLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIGhlaWdodCBvZiB0aGUgaGVhZGVyIHNlY3Rpb24uXG4gICAqL1xuICBvZmZzZXRUb3A/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgb2Zmc2V0IHZhbHVlIGZvciBwb3NpdGlvbmluZyB0aGUgY29udGFpbmVyIGZyb20gdGhlIGxlZnQsIHdoZW4gb3BlbmVkLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIG1pbiB3aWR0aCBvZiB0aGUgbmF2IG1lbnUuXG4gICAqL1xuICBvZmZzZXRMZWZ0Pzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSBsZWZ0LCB3aGVuIG9wZW5lZC5cbiAgICogVGhlIHZhbHVlIGlzIG9ubHkgYXBwbGllZCB3aGVuIHRoZSBgLmJvZHlfX21lbnUtb3BlbmAgZ2xvYmFsIGNsYXNzIGlzIGFkZGVkIHRvIHRoZSBET00uXG4gICAqIFVzdWFsbHkgdGhpcyBjb3JyZXNwb25kcyB0byB0aGUgd2lkdGggb2YgdGhlIGV4cGFuZGVkIG5hdiBtZW51LlxuICAgKi9cbiAgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51Pzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIENTUyBzZWxlY3RvciB0byBhcHBseSB0aGUgYG92ZXJmbG93OiBoaWRkZW5gIHN0eWxlIHRvIChwcmV2ZW50aW5nIHNjcm9sbGluZylcbiAgICogd2hlbiBhIG1vZGFsIGNvbnRhaW5lciBpcyBvcGVuLlxuICAgKi9cbiAgY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW4/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgYHotaW5kZXhgIHZhbHVlIHRvIGFwcGx5IHRvIHRoZSBwb3J0YWwgY29udGFpbmVyLiBEZWZhdWx0IHRvIGAxMDAwMGAuXG4gICAqL1xuICB6SW5kZXg/OiBudW1iZXI7XG59O1xuXG5jb25zdCB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zID0gKFxuICBlbGVtZW50OiBSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+IHwgbnVsbFxuKTogVE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucyA9PiB7XG4gIGNvbnN0IFtkaW1lbnNpb25zLCBzZXREaW1lbnNpb25zXSA9IHVzZVN0YXRlPFRPYnNlcnZhYmxlRWxlbWVudERpbWVuc2lvbnM+KHtcbiAgICBoZWlnaHQ6IDAsXG4gICAgd2lkdGg6IDAsXG4gIH0pO1xuXG4gIHVzZVJlc2l6ZU9ic2VydmVyPEhUTUxEaXZFbGVtZW50PihlbGVtZW50LCAoZW50cnkpID0+IHtcbiAgICBzZXREaW1lbnNpb25zKHtcbiAgICAgIGhlaWdodDogZW50cnkuY29udGVudFJlY3QuaGVpZ2h0LFxuICAgICAgd2lkdGg6IGVudHJ5LmNvbnRlbnRSZWN0LndpZHRoLFxuICAgIH0pO1xuICB9KTtcblxuICByZXR1cm4gZGltZW5zaW9ucztcbn07XG5cbi8vIEFsbCBtb2RhbCBjb21wb25lbnRzIGV4cGVjdCB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhpcyBjb250YWluZXIuXG5jb25zdCBQb3J0YWxzQ29udGFpbmVyID0gZm9yd2FyZFJlZjxUTGF5b3V0UmVmcywgVFBvcnRhbHNDb250YWluZXJQcm9wcz4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgLy8gSW5pdGlhbGl6ZSBwcm9wcyB3aXRoIGRlZmF1bHQgdmFsdWVzLlxuICAgIC8vIE5PVEU6IHVzaW5nIGBkZWZhdWx0UHJvcHNgIHdpdGggYGZvcndhcmRSZWZgIHJlc3VsdHMgaW4gdGhlIHR5cGUgZGVjbGFyYXRpb25zXG4gICAgLy8gdG8gaWdub3JlIHRoZSBgZGVmYXVsdFByb3BzYC4gVGhlcmVmb3JlLCB0aGUgZGVmYXVsdCBwcm9wcyBhcmUgdHlwZWRcbiAgICAvLyBhcyBvcHRpb25hbCBhbmQgd2UgaW5pdGlhbGl6ZSB0aGUgdmFsdWUgaGVyZSB3aXRoIHRoZSBkZWZhdWx0IHZhbHVlcy5cbiAgICBjb25zdCBvZmZzZXRUb3AgPSBwcm9wcy5vZmZzZXRUb3AgPz8gJzBweCc7XG4gICAgY29uc3Qgb2Zmc2V0TGVmdCA9IHByb3BzLm9mZnNldExlZnQgPz8gJzBweCc7XG4gICAgY29uc3Qgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51ID0gcHJvcHMub2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51ID8/ICcwcHgnO1xuICAgIGNvbnN0IGNvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuID1cbiAgICAgIHByb3BzLmNvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuID8/ICdtYWluJztcbiAgICBjb25zdCB6SW5kZXggPSBwcm9wcy56SW5kZXggPz8gMTAwMDA7XG5cbiAgICBjb25zdCBnbG9iYWxOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNHbG9iYWxSZWZcbiAgICApO1xuICAgIGNvbnN0IHBhZ2VOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNQYWdlUmVmXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8R2xvYmFsXG4gICAgICAgICAgLy8gQXBwbHkgc29tZSBnbG9iYWwgc3R5bGVzLCBiYXNlZCBvbiB0aGUgYC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuYCBjbGFzcy5cbiAgICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuXG4gICAgICAgICAgICAgICR7Y29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW59IHtcbiAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLlJlYWN0TW9kYWxfX0JvZHktLW9wZW4gIyR7UE9SVEFMU19DT05UQUlORVJfSUR9IHtcbiAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICBoZWlnaHQ6IGNhbGMoXG4gICAgICAgICAgICAgICAgMTAwJSAtICR7b2Zmc2V0VG9wfSAtXG4gICAgICAgICAgICAgICAgICAke2dsb2JhbE5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHggLVxuICAgICAgICAgICAgICAgICAgJHtwYWdlTm90aWZpY2F0aW9uc0VsZW1lbnREaW1lbnNpb25zLmhlaWdodH1weFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtvZmZzZXRMZWZ0fSk7XG4gICAgICAgICAgICAgIHRvcDogY2FsYyhcbiAgICAgICAgICAgICAgICAke29mZnNldFRvcH0gKyAke2dsb2JhbE5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHggK1xuICAgICAgICAgICAgICAgICAgJHtwYWdlTm90aWZpY2F0aW9uc0VsZW1lbnREaW1lbnNpb25zLmhlaWdodH1weFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuLmJvZHlfX21lbnUtb3BlbiAjJHtQT1JUQUxTX0NPTlRBSU5FUl9JRH0ge1xuICAgICAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtvZmZzZXRMZWZ0T25FeHBhbmRlZE1lbnV9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgaWQ9e1BPUlRBTFNfQ09OVEFJTkVSX0lEfVxuICAgICAgICAgIC8vIFRoZSBjb250YWluZXIgbmVlZHMgYSBoZWlnaHQgaW4gb3JkZXIgdG8gYmUgdGFiYmFibGU6IGh0dHBzOi8vcmVhY3Rqcy9yZWFjdC1tb2RhbCM3NzRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBoZWlnaHQ6IDFweDtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IC0xcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cbik7XG5Qb3J0YWxzQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ1BvcnRhbHNDb250YWluZXInO1xuXG5leHBvcnQgZGVmYXVsdCBQb3J0YWxzQ29udGFpbmVyO1xuIl19 */",
|
|
1817
1810
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
1818
1811
|
};
|
|
1819
1812
|
|
|
1820
1813
|
var PortalsContainer = /*#__PURE__*/react$1.forwardRef(function (props, ref) {
|
|
1821
|
-
var _current, _current2;
|
|
1822
|
-
|
|
1814
|
+
var _props$offsetTop, _props$offsetLeft, _props$offsetLeftOnEx, _props$containerSelec, _props$zIndex, _current, _current2;
|
|
1815
|
+
|
|
1816
|
+
// Initialize props with default values.
|
|
1817
|
+
// NOTE: using `defaultProps` with `forwardRef` results in the type declarations
|
|
1818
|
+
// to ignore the `defaultProps`. Therefore, the default props are typed
|
|
1819
|
+
// as optional and we initialize the value here with the default values.
|
|
1820
|
+
var offsetTop = (_props$offsetTop = props.offsetTop) !== null && _props$offsetTop !== void 0 ? _props$offsetTop : '0px';
|
|
1821
|
+
var offsetLeft = (_props$offsetLeft = props.offsetLeft) !== null && _props$offsetLeft !== void 0 ? _props$offsetLeft : '0px';
|
|
1822
|
+
var offsetLeftOnExpandedMenu = (_props$offsetLeftOnEx = props.offsetLeftOnExpandedMenu) !== null && _props$offsetLeftOnEx !== void 0 ? _props$offsetLeftOnEx : '0px';
|
|
1823
|
+
var containerSelectorToPreventScrollingOnOpen = (_props$containerSelec = props.containerSelectorToPreventScrollingOnOpen) !== null && _props$containerSelec !== void 0 ? _props$containerSelec : 'main';
|
|
1824
|
+
var zIndex = (_props$zIndex = props.zIndex) !== null && _props$zIndex !== void 0 ? _props$zIndex : 10000;
|
|
1823
1825
|
var globalNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 ? void 0 : (_current = ref.current) === null || _current === void 0 ? void 0 : _current.notificationsGlobalRef);
|
|
1824
1826
|
var pageNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 ? void 0 : (_current2 = ref.current) === null || _current2 === void 0 ? void 0 : _current2.notificationsPageRef);
|
|
1825
1827
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1826
1828
|
children: [jsxRuntime.jsx(react.Global // Apply some global styles, based on the `.ReactModal__Body--open` class.
|
|
1827
1829
|
, {
|
|
1828
|
-
styles: /*#__PURE__*/react.css(".ReactModal__Body--open ",
|
|
1830
|
+
styles: /*#__PURE__*/react.css(".ReactModal__Body--open ", containerSelectorToPreventScrollingOnOpen, "{overflow:hidden;}.ReactModal__Body--open #", constants.PORTALS_CONTAINER_ID, "{position:fixed;height:calc(\n 100% - ", offsetTop, " -\n ", globalNotificationsElementDimensions.height, "px -\n ", pageNotificationsElementDimensions.height, "px\n );width:calc(100% - ", offsetLeft, ");top:calc(\n ", offsetTop, " + ", globalNotificationsElementDimensions.height, "px +\n ", pageNotificationsElementDimensions.height, "px\n );right:0;bottom:0;z-index:", zIndex, ";}.ReactModal__Body--open.body__menu-open #", constants.PORTALS_CONTAINER_ID, "{width:calc(100% - ", offsetLeftOnExpandedMenu, ");}" + (process.env.NODE_ENV === "production" ? "" : ";label:PortalsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBvcnRhbHMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RnFCIiwiZmlsZSI6InBvcnRhbHMtY29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTXV0YWJsZVJlZk9iamVjdCxcbiAgdHlwZSBSZWZPYmplY3QsXG4gIGZvcndhcmRSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB1c2VSZXNpemVPYnNlcnZlciBmcm9tICdAcmVhY3QtaG9vay9yZXNpemUtb2JzZXJ2ZXInO1xuaW1wb3J0IHsgUE9SVEFMU19DT05UQUlORVJfSUQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFRMYXlvdXRSZWZzID0ge1xuICBub3RpZmljYXRpb25zR2xvYmFsUmVmOiBNdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgbm90aWZpY2F0aW9uc1BhZ2VSZWY6IE11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xufTtcbnR5cGUgVE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucyA9IHtcbiAgaGVpZ2h0OiBudW1iZXI7XG4gIHdpZHRoOiBudW1iZXI7XG59O1xudHlwZSBUUG9ydGFsc0NvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSB0b3AsIHdoZW4gb3BlbmVkLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIGhlaWdodCBvZiB0aGUgaGVhZGVyIHNlY3Rpb24uXG4gICAqL1xuICBvZmZzZXRUb3A/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgb2Zmc2V0IHZhbHVlIGZvciBwb3NpdGlvbmluZyB0aGUgY29udGFpbmVyIGZyb20gdGhlIGxlZnQsIHdoZW4gb3BlbmVkLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIG1pbiB3aWR0aCBvZiB0aGUgbmF2IG1lbnUuXG4gICAqL1xuICBvZmZzZXRMZWZ0Pzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSBsZWZ0LCB3aGVuIG9wZW5lZC5cbiAgICogVGhlIHZhbHVlIGlzIG9ubHkgYXBwbGllZCB3aGVuIHRoZSBgLmJvZHlfX21lbnUtb3BlbmAgZ2xvYmFsIGNsYXNzIGlzIGFkZGVkIHRvIHRoZSBET00uXG4gICAqIFVzdWFsbHkgdGhpcyBjb3JyZXNwb25kcyB0byB0aGUgd2lkdGggb2YgdGhlIGV4cGFuZGVkIG5hdiBtZW51LlxuICAgKi9cbiAgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51Pzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIENTUyBzZWxlY3RvciB0byBhcHBseSB0aGUgYG92ZXJmbG93OiBoaWRkZW5gIHN0eWxlIHRvIChwcmV2ZW50aW5nIHNjcm9sbGluZylcbiAgICogd2hlbiBhIG1vZGFsIGNvbnRhaW5lciBpcyBvcGVuLlxuICAgKi9cbiAgY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW4/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgYHotaW5kZXhgIHZhbHVlIHRvIGFwcGx5IHRvIHRoZSBwb3J0YWwgY29udGFpbmVyLiBEZWZhdWx0IHRvIGAxMDAwMGAuXG4gICAqL1xuICB6SW5kZXg/OiBudW1iZXI7XG59O1xuXG5jb25zdCB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zID0gKFxuICBlbGVtZW50OiBSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+IHwgbnVsbFxuKTogVE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucyA9PiB7XG4gIGNvbnN0IFtkaW1lbnNpb25zLCBzZXREaW1lbnNpb25zXSA9IHVzZVN0YXRlPFRPYnNlcnZhYmxlRWxlbWVudERpbWVuc2lvbnM+KHtcbiAgICBoZWlnaHQ6IDAsXG4gICAgd2lkdGg6IDAsXG4gIH0pO1xuXG4gIHVzZVJlc2l6ZU9ic2VydmVyPEhUTUxEaXZFbGVtZW50PihlbGVtZW50LCAoZW50cnkpID0+IHtcbiAgICBzZXREaW1lbnNpb25zKHtcbiAgICAgIGhlaWdodDogZW50cnkuY29udGVudFJlY3QuaGVpZ2h0LFxuICAgICAgd2lkdGg6IGVudHJ5LmNvbnRlbnRSZWN0LndpZHRoLFxuICAgIH0pO1xuICB9KTtcblxuICByZXR1cm4gZGltZW5zaW9ucztcbn07XG5cbi8vIEFsbCBtb2RhbCBjb21wb25lbnRzIGV4cGVjdCB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhpcyBjb250YWluZXIuXG5jb25zdCBQb3J0YWxzQ29udGFpbmVyID0gZm9yd2FyZFJlZjxUTGF5b3V0UmVmcywgVFBvcnRhbHNDb250YWluZXJQcm9wcz4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgLy8gSW5pdGlhbGl6ZSBwcm9wcyB3aXRoIGRlZmF1bHQgdmFsdWVzLlxuICAgIC8vIE5PVEU6IHVzaW5nIGBkZWZhdWx0UHJvcHNgIHdpdGggYGZvcndhcmRSZWZgIHJlc3VsdHMgaW4gdGhlIHR5cGUgZGVjbGFyYXRpb25zXG4gICAgLy8gdG8gaWdub3JlIHRoZSBgZGVmYXVsdFByb3BzYC4gVGhlcmVmb3JlLCB0aGUgZGVmYXVsdCBwcm9wcyBhcmUgdHlwZWRcbiAgICAvLyBhcyBvcHRpb25hbCBhbmQgd2UgaW5pdGlhbGl6ZSB0aGUgdmFsdWUgaGVyZSB3aXRoIHRoZSBkZWZhdWx0IHZhbHVlcy5cbiAgICBjb25zdCBvZmZzZXRUb3AgPSBwcm9wcy5vZmZzZXRUb3AgPz8gJzBweCc7XG4gICAgY29uc3Qgb2Zmc2V0TGVmdCA9IHByb3BzLm9mZnNldExlZnQgPz8gJzBweCc7XG4gICAgY29uc3Qgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51ID0gcHJvcHMub2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51ID8/ICcwcHgnO1xuICAgIGNvbnN0IGNvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuID1cbiAgICAgIHByb3BzLmNvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuID8/ICdtYWluJztcbiAgICBjb25zdCB6SW5kZXggPSBwcm9wcy56SW5kZXggPz8gMTAwMDA7XG5cbiAgICBjb25zdCBnbG9iYWxOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNHbG9iYWxSZWZcbiAgICApO1xuICAgIGNvbnN0IHBhZ2VOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNQYWdlUmVmXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8R2xvYmFsXG4gICAgICAgICAgLy8gQXBwbHkgc29tZSBnbG9iYWwgc3R5bGVzLCBiYXNlZCBvbiB0aGUgYC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuYCBjbGFzcy5cbiAgICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuXG4gICAgICAgICAgICAgICR7Y29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW59IHtcbiAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLlJlYWN0TW9kYWxfX0JvZHktLW9wZW4gIyR7UE9SVEFMU19DT05UQUlORVJfSUR9IHtcbiAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICBoZWlnaHQ6IGNhbGMoXG4gICAgICAgICAgICAgICAgMTAwJSAtICR7b2Zmc2V0VG9wfSAtXG4gICAgICAgICAgICAgICAgICAke2dsb2JhbE5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHggLVxuICAgICAgICAgICAgICAgICAgJHtwYWdlTm90aWZpY2F0aW9uc0VsZW1lbnREaW1lbnNpb25zLmhlaWdodH1weFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtvZmZzZXRMZWZ0fSk7XG4gICAgICAgICAgICAgIHRvcDogY2FsYyhcbiAgICAgICAgICAgICAgICAke29mZnNldFRvcH0gKyAke2dsb2JhbE5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHggK1xuICAgICAgICAgICAgICAgICAgJHtwYWdlTm90aWZpY2F0aW9uc0VsZW1lbnREaW1lbnNpb25zLmhlaWdodH1weFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuLmJvZHlfX21lbnUtb3BlbiAjJHtQT1JUQUxTX0NPTlRBSU5FUl9JRH0ge1xuICAgICAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtvZmZzZXRMZWZ0T25FeHBhbmRlZE1lbnV9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgaWQ9e1BPUlRBTFNfQ09OVEFJTkVSX0lEfVxuICAgICAgICAgIC8vIFRoZSBjb250YWluZXIgbmVlZHMgYSBoZWlnaHQgaW4gb3JkZXIgdG8gYmUgdGFiYmFibGU6IGh0dHBzOi8vcmVhY3Rqcy9yZWFjdC1tb2RhbCM3NzRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBoZWlnaHQ6IDFweDtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IC0xcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cbik7XG5Qb3J0YWxzQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ1BvcnRhbHNDb250YWluZXInO1xuXG5leHBvcnQgZGVmYXVsdCBQb3J0YWxzQ29udGFpbmVyO1xuIl19 */")
|
|
1829
1831
|
}), jsxRuntime.jsx("div", {
|
|
1830
1832
|
id: constants.PORTALS_CONTAINER_ID // The container needs a height in order to be tabbable: https://reactjs/react-modal#774
|
|
1831
1833
|
,
|
|
@@ -1834,7 +1836,6 @@ var PortalsContainer = /*#__PURE__*/react$1.forwardRef(function (props, ref) {
|
|
|
1834
1836
|
});
|
|
1835
1837
|
});
|
|
1836
1838
|
PortalsContainer.displayName = 'PortalsContainer';
|
|
1837
|
-
PortalsContainer.defaultProps = defaultProps;
|
|
1838
1839
|
|
|
1839
1840
|
var useModalState = function useModalState() {
|
|
1840
1841
|
var isInitiallyOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
@@ -74,7 +74,7 @@ var FailedAuthorizationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthori
|
|
|
74
74
|
var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
|
|
75
75
|
|
|
76
76
|
// NOTE: This string will be replaced on build time with the package version.
|
|
77
|
-
var version = "21.
|
|
77
|
+
var version = "21.5.1";
|
|
78
78
|
|
|
79
79
|
var getBottomBorderStyles = function getBottomBorderStyles(background) {
|
|
80
80
|
return /*#__PURE__*/react.css(":after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;border-radius:", designSystem.customProperties.borderRadius2, ";background-color:", background, ";transition:background-color ", designSystem.customProperties.transitionEaseinout150Ms, ";}" + ("" ), "" );
|
|
@@ -155,13 +155,13 @@ var TabHeader = function TabHeader(props) {
|
|
|
155
155
|
};
|
|
156
156
|
TabHeader.propTypes = {};
|
|
157
157
|
TabHeader.displayName = 'TabHeader';
|
|
158
|
-
var defaultProps$
|
|
158
|
+
var defaultProps$d = {
|
|
159
159
|
isDisabled: false,
|
|
160
160
|
exactPathMatch: false
|
|
161
161
|
};
|
|
162
|
-
TabHeader.defaultProps = defaultProps$
|
|
162
|
+
TabHeader.defaultProps = defaultProps$d;
|
|
163
163
|
|
|
164
|
-
var defaultProps$
|
|
164
|
+
var defaultProps$c = {
|
|
165
165
|
titleSize: 'small',
|
|
166
166
|
truncate: false
|
|
167
167
|
};
|
|
@@ -235,7 +235,7 @@ var PageHeaderTitle = function PageHeaderTitle(props) {
|
|
|
235
235
|
|
|
236
236
|
PageHeaderTitle.propTypes = {};
|
|
237
237
|
PageHeaderTitle.displayName = 'PageHeaderTitle';
|
|
238
|
-
PageHeaderTitle.defaultProps = defaultProps$
|
|
238
|
+
PageHeaderTitle.defaultProps = defaultProps$c;
|
|
239
239
|
|
|
240
240
|
var TabControls = _styled__default["default"]("div", {
|
|
241
241
|
target: "elpldre1"
|
|
@@ -268,10 +268,10 @@ var TabularPageContainer = function TabularPageContainer(props) {
|
|
|
268
268
|
|
|
269
269
|
TabularPageContainer.propTypes = {};
|
|
270
270
|
TabularPageContainer.displayName = 'TabularPageContainer';
|
|
271
|
-
var defaultProps$
|
|
271
|
+
var defaultProps$b = {
|
|
272
272
|
color: 'surface'
|
|
273
273
|
};
|
|
274
|
-
TabularPageContainer.defaultProps = defaultProps$
|
|
274
|
+
TabularPageContainer.defaultProps = defaultProps$b;
|
|
275
275
|
|
|
276
276
|
var FormControlsContainer = _styled__default["default"]("div", {
|
|
277
277
|
target: "elpldre0"
|
|
@@ -357,7 +357,7 @@ FormDeleteButton.propTypes = {};
|
|
|
357
357
|
FormDeleteButton.displayName = 'FormDeleteButton';
|
|
358
358
|
FormDeleteButton.defaultProps = deleteDefaultProps;
|
|
359
359
|
|
|
360
|
-
var defaultProps$
|
|
360
|
+
var defaultProps$a = {
|
|
361
361
|
hideControls: false
|
|
362
362
|
};
|
|
363
363
|
|
|
@@ -390,7 +390,7 @@ var TabularMainPage = function TabularMainPage(props) {
|
|
|
390
390
|
|
|
391
391
|
TabularMainPage.propTypes = {};
|
|
392
392
|
TabularMainPage.displayName = 'TabularMainPage';
|
|
393
|
-
TabularMainPage.defaultProps = defaultProps$
|
|
393
|
+
TabularMainPage.defaultProps = defaultProps$a; // Static export of pre-configured form control buttons to easily re-use
|
|
394
394
|
// them in the custom controls.
|
|
395
395
|
|
|
396
396
|
TabularMainPage.FormPrimaryButton = FormPrimaryButton;
|
|
@@ -413,7 +413,7 @@ var messages$2 = reactIntl.defineMessages({
|
|
|
413
413
|
}
|
|
414
414
|
});
|
|
415
415
|
|
|
416
|
-
var defaultProps$
|
|
416
|
+
var defaultProps$9 = {
|
|
417
417
|
color: 'surface',
|
|
418
418
|
previousPathLabel: messages$2.back
|
|
419
419
|
};
|
|
@@ -436,9 +436,9 @@ var PageTopBar = function PageTopBar(props) {
|
|
|
436
436
|
|
|
437
437
|
PageTopBar.propTypes = {};
|
|
438
438
|
PageTopBar.displayName = 'PageTopBar';
|
|
439
|
-
PageTopBar.defaultProps = defaultProps$
|
|
439
|
+
PageTopBar.defaultProps = defaultProps$9;
|
|
440
440
|
|
|
441
|
-
var defaultProps$
|
|
441
|
+
var defaultProps$8 = {
|
|
442
442
|
hideControls: false
|
|
443
443
|
};
|
|
444
444
|
|
|
@@ -474,7 +474,7 @@ var TabularDetailPage = function TabularDetailPage(props) {
|
|
|
474
474
|
|
|
475
475
|
TabularDetailPage.propTypes = {};
|
|
476
476
|
TabularDetailPage.displayName = 'TabularDetailPage';
|
|
477
|
-
TabularDetailPage.defaultProps = defaultProps$
|
|
477
|
+
TabularDetailPage.defaultProps = defaultProps$8; // Static export of pre-configured form control buttons to easily re-use
|
|
478
478
|
// them in the custom controls.
|
|
479
479
|
|
|
480
480
|
TabularDetailPage.FormPrimaryButton = FormPrimaryButton;
|
|
@@ -532,7 +532,7 @@ var getDefaultParentSelector$1 = function getDefaultParentSelector() {
|
|
|
532
532
|
return document.querySelector("#".concat(constants.PORTALS_CONTAINER_ID));
|
|
533
533
|
};
|
|
534
534
|
|
|
535
|
-
var defaultProps$
|
|
535
|
+
var defaultProps$7 = {
|
|
536
536
|
size: 10,
|
|
537
537
|
zIndex: 1000,
|
|
538
538
|
getParentSelector: getDefaultParentSelector$1
|
|
@@ -608,7 +608,7 @@ var DialogContainer = function DialogContainer(props) {
|
|
|
608
608
|
|
|
609
609
|
DialogContainer.propTypes = {};
|
|
610
610
|
DialogContainer.displayName = 'DialogContainer';
|
|
611
|
-
DialogContainer.defaultProps = defaultProps$
|
|
611
|
+
DialogContainer.defaultProps = defaultProps$7;
|
|
612
612
|
|
|
613
613
|
var _ref$4 = {
|
|
614
614
|
name: "o5s7gs",
|
|
@@ -668,7 +668,7 @@ InfoDialog.displayName = 'InfoDialog';
|
|
|
668
668
|
function ownKeys$3(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; }
|
|
669
669
|
|
|
670
670
|
function _objectSpread$3(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$3(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$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
|
|
671
|
-
var defaultProps$
|
|
671
|
+
var defaultProps$6 = {
|
|
672
672
|
isPrimaryButtonDisabled: false,
|
|
673
673
|
dataAttributesPrimaryButton: {},
|
|
674
674
|
dataAttributesSecondaryButton: {}
|
|
@@ -697,9 +697,9 @@ var DialogFooter = function DialogFooter(props) {
|
|
|
697
697
|
|
|
698
698
|
DialogFooter.propTypes = {};
|
|
699
699
|
DialogFooter.displayName = 'DialogFooter';
|
|
700
|
-
DialogFooter.defaultProps = defaultProps$
|
|
700
|
+
DialogFooter.defaultProps = defaultProps$6;
|
|
701
701
|
|
|
702
|
-
var defaultProps$
|
|
702
|
+
var defaultProps$5 = {
|
|
703
703
|
labelSecondary: i18n.sharedMessages.cancel,
|
|
704
704
|
labelPrimary: i18n.sharedMessages.confirm
|
|
705
705
|
};
|
|
@@ -731,12 +731,12 @@ var ConfirmationDialog = function ConfirmationDialog(props) {
|
|
|
731
731
|
|
|
732
732
|
ConfirmationDialog.propTypes = {};
|
|
733
733
|
ConfirmationDialog.displayName = 'ConfirmationDialog';
|
|
734
|
-
ConfirmationDialog.defaultProps = defaultProps$
|
|
734
|
+
ConfirmationDialog.defaultProps = defaultProps$5; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
|
|
735
735
|
// The Intl messages can be used for button labels.
|
|
736
736
|
|
|
737
737
|
ConfirmationDialog.Intl = i18n.sharedMessages;
|
|
738
738
|
|
|
739
|
-
var defaultProps$
|
|
739
|
+
var defaultProps$4 = {
|
|
740
740
|
labelSecondary: i18n.sharedMessages.cancel,
|
|
741
741
|
labelPrimary: i18n.sharedMessages.save
|
|
742
742
|
};
|
|
@@ -768,7 +768,7 @@ var FormDialog = function FormDialog(props) {
|
|
|
768
768
|
|
|
769
769
|
FormDialog.propTypes = {};
|
|
770
770
|
FormDialog.displayName = 'FormDialog';
|
|
771
|
-
FormDialog.defaultProps = defaultProps$
|
|
771
|
+
FormDialog.defaultProps = defaultProps$4; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
|
|
772
772
|
// The Intl messages can be used for button labels.
|
|
773
773
|
|
|
774
774
|
FormDialog.Intl = i18n.sharedMessages;
|
|
@@ -827,7 +827,7 @@ var LargeIconWrapper = _styled__default["default"]("span", {
|
|
|
827
827
|
// does not recognize the object shape.
|
|
828
828
|
|
|
829
829
|
|
|
830
|
-
var defaultProps$
|
|
830
|
+
var defaultProps$3 = {
|
|
831
831
|
color: 'surface',
|
|
832
832
|
previousPathLabel: messages$2.back
|
|
833
833
|
};
|
|
@@ -876,7 +876,7 @@ var ModalPageTopBar = function ModalPageTopBar(props) {
|
|
|
876
876
|
|
|
877
877
|
ModalPageTopBar.propTypes = {};
|
|
878
878
|
ModalPageTopBar.displayName = 'ModalPageTopBar';
|
|
879
|
-
ModalPageTopBar.defaultProps = defaultProps$
|
|
879
|
+
ModalPageTopBar.defaultProps = defaultProps$3;
|
|
880
880
|
|
|
881
881
|
var getDefaultParentSelector = function getDefaultParentSelector() {
|
|
882
882
|
return document.querySelector("#".concat(constants.PORTALS_CONTAINER_ID));
|
|
@@ -885,7 +885,7 @@ var getDefaultParentSelector = function getDefaultParentSelector() {
|
|
|
885
885
|
// does not recognize the object shape.
|
|
886
886
|
|
|
887
887
|
|
|
888
|
-
var defaultProps$
|
|
888
|
+
var defaultProps$2 = {
|
|
889
889
|
level: 1,
|
|
890
890
|
baseZIndex: 1000,
|
|
891
891
|
getParentSelector: getDefaultParentSelector,
|
|
@@ -966,7 +966,7 @@ var ModalPage = function ModalPage(props) {
|
|
|
966
966
|
|
|
967
967
|
ModalPage.propTypes = {};
|
|
968
968
|
ModalPage.displayName = 'ModalPage';
|
|
969
|
-
ModalPage.defaultProps = defaultProps$
|
|
969
|
+
ModalPage.defaultProps = defaultProps$2;
|
|
970
970
|
|
|
971
971
|
var PageHeader = function PageHeader(props) {
|
|
972
972
|
return jsxRuntime.jsxs("div", {
|
|
@@ -1044,7 +1044,7 @@ CustomFormModalPage.FormDeleteButton = FormDeleteButton; // This is a convenienc
|
|
|
1044
1044
|
|
|
1045
1045
|
CustomFormModalPage.Intl = i18n.sharedMessages;
|
|
1046
1046
|
|
|
1047
|
-
var defaultProps$
|
|
1047
|
+
var defaultProps$1 = {
|
|
1048
1048
|
hideControls: false
|
|
1049
1049
|
};
|
|
1050
1050
|
|
|
@@ -1082,12 +1082,12 @@ var FormModalPage = function FormModalPage(props) {
|
|
|
1082
1082
|
|
|
1083
1083
|
FormModalPage.propTypes = {};
|
|
1084
1084
|
FormModalPage.displayName = 'FormModalPage';
|
|
1085
|
-
FormModalPage.defaultProps = defaultProps$
|
|
1085
|
+
FormModalPage.defaultProps = defaultProps$1; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
|
|
1086
1086
|
// The Intl messages can be used for button labels.
|
|
1087
1087
|
|
|
1088
1088
|
FormModalPage.Intl = i18n.sharedMessages;
|
|
1089
1089
|
|
|
1090
|
-
var defaultProps
|
|
1090
|
+
var defaultProps = {
|
|
1091
1091
|
hideControls: false
|
|
1092
1092
|
};
|
|
1093
1093
|
|
|
@@ -1130,7 +1130,7 @@ var TabularModalPage = function TabularModalPage(props) {
|
|
|
1130
1130
|
|
|
1131
1131
|
TabularModalPage.propTypes = {};
|
|
1132
1132
|
TabularModalPage.displayName = 'TabularModalPage';
|
|
1133
|
-
TabularModalPage.defaultProps = defaultProps
|
|
1133
|
+
TabularModalPage.defaultProps = defaultProps; // Static export of pre-configured form control buttons to easily re-use
|
|
1134
1134
|
// them in the custom controls.
|
|
1135
1135
|
|
|
1136
1136
|
TabularModalPage.FormPrimaryButton = FormPrimaryButton;
|
|
@@ -1341,14 +1341,6 @@ var PageUnauthorized = function PageUnauthorized() {
|
|
|
1341
1341
|
};
|
|
1342
1342
|
PageUnauthorized.displayName = 'PageUnauthorized';
|
|
1343
1343
|
|
|
1344
|
-
var defaultProps = {
|
|
1345
|
-
offsetTop: '0px',
|
|
1346
|
-
offsetLeft: '0px',
|
|
1347
|
-
offsetLeftOnExpandedMenu: '0px',
|
|
1348
|
-
containerSelectorToPreventScrollingOnOpen: 'main',
|
|
1349
|
-
zIndex: 10000
|
|
1350
|
-
};
|
|
1351
|
-
|
|
1352
1344
|
var useObserverElementDimensions = function useObserverElementDimensions(element) {
|
|
1353
1345
|
var _useState = react$1.useState({
|
|
1354
1346
|
height: 0,
|
|
@@ -1374,14 +1366,23 @@ var _ref = {
|
|
|
1374
1366
|
} ;
|
|
1375
1367
|
|
|
1376
1368
|
var PortalsContainer = /*#__PURE__*/react$1.forwardRef(function (props, ref) {
|
|
1377
|
-
var _current, _current2;
|
|
1378
|
-
|
|
1369
|
+
var _props$offsetTop, _props$offsetLeft, _props$offsetLeftOnEx, _props$containerSelec, _props$zIndex, _current, _current2;
|
|
1370
|
+
|
|
1371
|
+
// Initialize props with default values.
|
|
1372
|
+
// NOTE: using `defaultProps` with `forwardRef` results in the type declarations
|
|
1373
|
+
// to ignore the `defaultProps`. Therefore, the default props are typed
|
|
1374
|
+
// as optional and we initialize the value here with the default values.
|
|
1375
|
+
var offsetTop = (_props$offsetTop = props.offsetTop) !== null && _props$offsetTop !== void 0 ? _props$offsetTop : '0px';
|
|
1376
|
+
var offsetLeft = (_props$offsetLeft = props.offsetLeft) !== null && _props$offsetLeft !== void 0 ? _props$offsetLeft : '0px';
|
|
1377
|
+
var offsetLeftOnExpandedMenu = (_props$offsetLeftOnEx = props.offsetLeftOnExpandedMenu) !== null && _props$offsetLeftOnEx !== void 0 ? _props$offsetLeftOnEx : '0px';
|
|
1378
|
+
var containerSelectorToPreventScrollingOnOpen = (_props$containerSelec = props.containerSelectorToPreventScrollingOnOpen) !== null && _props$containerSelec !== void 0 ? _props$containerSelec : 'main';
|
|
1379
|
+
var zIndex = (_props$zIndex = props.zIndex) !== null && _props$zIndex !== void 0 ? _props$zIndex : 10000;
|
|
1379
1380
|
var globalNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 ? void 0 : (_current = ref.current) === null || _current === void 0 ? void 0 : _current.notificationsGlobalRef);
|
|
1380
1381
|
var pageNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 ? void 0 : (_current2 = ref.current) === null || _current2 === void 0 ? void 0 : _current2.notificationsPageRef);
|
|
1381
1382
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1382
1383
|
children: [jsxRuntime.jsx(react.Global // Apply some global styles, based on the `.ReactModal__Body--open` class.
|
|
1383
1384
|
, {
|
|
1384
|
-
styles: /*#__PURE__*/react.css(".ReactModal__Body--open ",
|
|
1385
|
+
styles: /*#__PURE__*/react.css(".ReactModal__Body--open ", containerSelectorToPreventScrollingOnOpen, "{overflow:hidden;}.ReactModal__Body--open #", constants.PORTALS_CONTAINER_ID, "{position:fixed;height:calc(\n 100% - ", offsetTop, " -\n ", globalNotificationsElementDimensions.height, "px -\n ", pageNotificationsElementDimensions.height, "px\n );width:calc(100% - ", offsetLeft, ");top:calc(\n ", offsetTop, " + ", globalNotificationsElementDimensions.height, "px +\n ", pageNotificationsElementDimensions.height, "px\n );right:0;bottom:0;z-index:", zIndex, ";}.ReactModal__Body--open.body__menu-open #", constants.PORTALS_CONTAINER_ID, "{width:calc(100% - ", offsetLeftOnExpandedMenu, ");}" + ("" ), "" )
|
|
1385
1386
|
}), jsxRuntime.jsx("div", {
|
|
1386
1387
|
id: constants.PORTALS_CONTAINER_ID // The container needs a height in order to be tabbable: https://reactjs/react-modal#774
|
|
1387
1388
|
,
|
|
@@ -1390,7 +1391,6 @@ var PortalsContainer = /*#__PURE__*/react$1.forwardRef(function (props, ref) {
|
|
|
1390
1391
|
});
|
|
1391
1392
|
});
|
|
1392
1393
|
PortalsContainer.displayName = 'PortalsContainer';
|
|
1393
|
-
PortalsContainer.defaultProps = defaultProps;
|
|
1394
1394
|
|
|
1395
1395
|
var useModalState = function useModalState() {
|
|
1396
1396
|
var isInitiallyOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
@@ -40,7 +40,7 @@ import FailedAuthorizationSVG from '@commercetools-frontend/assets/images/folder
|
|
|
40
40
|
import useResizeObserver from '@react-hook/resize-observer';
|
|
41
41
|
|
|
42
42
|
// NOTE: This string will be replaced on build time with the package version.
|
|
43
|
-
var version = "21.
|
|
43
|
+
var version = "21.5.1";
|
|
44
44
|
|
|
45
45
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$a() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
46
46
|
|
|
@@ -137,14 +137,14 @@ TabHeader.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
137
137
|
exactPathMatch: _pt.bool.isRequired
|
|
138
138
|
} : {};
|
|
139
139
|
TabHeader.displayName = 'TabHeader';
|
|
140
|
-
var defaultProps$
|
|
140
|
+
var defaultProps$d = {
|
|
141
141
|
isDisabled: false,
|
|
142
142
|
exactPathMatch: false
|
|
143
143
|
};
|
|
144
|
-
TabHeader.defaultProps = defaultProps$
|
|
144
|
+
TabHeader.defaultProps = defaultProps$d;
|
|
145
145
|
|
|
146
146
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$9() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
147
|
-
var defaultProps$
|
|
147
|
+
var defaultProps$c = {
|
|
148
148
|
titleSize: 'small',
|
|
149
149
|
truncate: false
|
|
150
150
|
};
|
|
@@ -231,7 +231,7 @@ PageHeaderTitle.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
231
231
|
subtitle: _pt.oneOfType([_pt.string, _pt.element])
|
|
232
232
|
} : {};
|
|
233
233
|
PageHeaderTitle.displayName = 'PageHeaderTitle';
|
|
234
|
-
PageHeaderTitle.defaultProps = defaultProps$
|
|
234
|
+
PageHeaderTitle.defaultProps = defaultProps$c;
|
|
235
235
|
|
|
236
236
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$8() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
237
237
|
|
|
@@ -280,10 +280,10 @@ TabularPageContainer.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
280
280
|
color: _pt.oneOf(['surface', 'neutral']).isRequired
|
|
281
281
|
} : {};
|
|
282
282
|
TabularPageContainer.displayName = 'TabularPageContainer';
|
|
283
|
-
var defaultProps$
|
|
283
|
+
var defaultProps$b = {
|
|
284
284
|
color: 'surface'
|
|
285
285
|
};
|
|
286
|
-
TabularPageContainer.defaultProps = defaultProps$
|
|
286
|
+
TabularPageContainer.defaultProps = defaultProps$b;
|
|
287
287
|
|
|
288
288
|
var FormControlsContainer = _styled("div", process.env.NODE_ENV === "production" ? {
|
|
289
289
|
target: "elpldre0"
|
|
@@ -411,7 +411,7 @@ FormDeleteButton.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
411
411
|
FormDeleteButton.displayName = 'FormDeleteButton';
|
|
412
412
|
FormDeleteButton.defaultProps = deleteDefaultProps;
|
|
413
413
|
|
|
414
|
-
var defaultProps$
|
|
414
|
+
var defaultProps$a = {
|
|
415
415
|
hideControls: false
|
|
416
416
|
};
|
|
417
417
|
|
|
@@ -454,7 +454,7 @@ TabularMainPage.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
454
454
|
hideControls: _pt.bool.isRequired
|
|
455
455
|
} : {};
|
|
456
456
|
TabularMainPage.displayName = 'TabularMainPage';
|
|
457
|
-
TabularMainPage.defaultProps = defaultProps$
|
|
457
|
+
TabularMainPage.defaultProps = defaultProps$a; // Static export of pre-configured form control buttons to easily re-use
|
|
458
458
|
// them in the custom controls.
|
|
459
459
|
|
|
460
460
|
TabularMainPage.FormPrimaryButton = FormPrimaryButton;
|
|
@@ -477,7 +477,7 @@ var messages$2 = defineMessages({
|
|
|
477
477
|
}
|
|
478
478
|
});
|
|
479
479
|
|
|
480
|
-
var defaultProps$
|
|
480
|
+
var defaultProps$9 = {
|
|
481
481
|
color: 'surface',
|
|
482
482
|
previousPathLabel: messages$2.back
|
|
483
483
|
};
|
|
@@ -509,9 +509,9 @@ PageTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
509
509
|
onClick: _pt.func.isRequired
|
|
510
510
|
} : {};
|
|
511
511
|
PageTopBar.displayName = 'PageTopBar';
|
|
512
|
-
PageTopBar.defaultProps = defaultProps$
|
|
512
|
+
PageTopBar.defaultProps = defaultProps$9;
|
|
513
513
|
|
|
514
|
-
var defaultProps$
|
|
514
|
+
var defaultProps$8 = {
|
|
515
515
|
hideControls: false
|
|
516
516
|
};
|
|
517
517
|
|
|
@@ -564,7 +564,7 @@ TabularDetailPage.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
564
564
|
onPreviousPathClick: _pt.func.isRequired
|
|
565
565
|
} : {};
|
|
566
566
|
TabularDetailPage.displayName = 'TabularDetailPage';
|
|
567
|
-
TabularDetailPage.defaultProps = defaultProps$
|
|
567
|
+
TabularDetailPage.defaultProps = defaultProps$8; // Static export of pre-configured form control buttons to easily re-use
|
|
568
568
|
// them in the custom controls.
|
|
569
569
|
|
|
570
570
|
TabularDetailPage.FormPrimaryButton = FormPrimaryButton;
|
|
@@ -631,7 +631,7 @@ var getDefaultParentSelector$1 = function getDefaultParentSelector() {
|
|
|
631
631
|
return process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(PORTALS_CONTAINER_ID));
|
|
632
632
|
};
|
|
633
633
|
|
|
634
|
-
var defaultProps$
|
|
634
|
+
var defaultProps$7 = {
|
|
635
635
|
size: 10,
|
|
636
636
|
zIndex: 1000,
|
|
637
637
|
getParentSelector: getDefaultParentSelector$1
|
|
@@ -728,7 +728,7 @@ DialogContainer.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
728
728
|
getParentSelector: _pt.any.isRequired
|
|
729
729
|
} : {};
|
|
730
730
|
DialogContainer.displayName = 'DialogContainer';
|
|
731
|
-
DialogContainer.defaultProps = defaultProps$
|
|
731
|
+
DialogContainer.defaultProps = defaultProps$7;
|
|
732
732
|
|
|
733
733
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
734
734
|
|
|
@@ -809,7 +809,7 @@ InfoDialog.displayName = 'InfoDialog';
|
|
|
809
809
|
function ownKeys$3(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; }
|
|
810
810
|
|
|
811
811
|
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
812
|
-
var defaultProps$
|
|
812
|
+
var defaultProps$6 = {
|
|
813
813
|
isPrimaryButtonDisabled: false,
|
|
814
814
|
dataAttributesPrimaryButton: {},
|
|
815
815
|
dataAttributesSecondaryButton: {}
|
|
@@ -854,9 +854,9 @@ DialogFooter.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
854
854
|
dataAttributesSecondaryButton: _pt.objectOf(_pt.string).isRequired
|
|
855
855
|
} : {};
|
|
856
856
|
DialogFooter.displayName = 'DialogFooter';
|
|
857
|
-
DialogFooter.defaultProps = defaultProps$
|
|
857
|
+
DialogFooter.defaultProps = defaultProps$6;
|
|
858
858
|
|
|
859
|
-
var defaultProps$
|
|
859
|
+
var defaultProps$5 = {
|
|
860
860
|
labelSecondary: sharedMessages.cancel,
|
|
861
861
|
labelPrimary: sharedMessages.confirm
|
|
862
862
|
};
|
|
@@ -911,12 +911,12 @@ ConfirmationDialog.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
911
911
|
getParentSelector: _pt.func
|
|
912
912
|
} : {};
|
|
913
913
|
ConfirmationDialog.displayName = 'ConfirmationDialog';
|
|
914
|
-
ConfirmationDialog.defaultProps = defaultProps$
|
|
914
|
+
ConfirmationDialog.defaultProps = defaultProps$5; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
|
|
915
915
|
// The Intl messages can be used for button labels.
|
|
916
916
|
|
|
917
917
|
ConfirmationDialog.Intl = sharedMessages;
|
|
918
918
|
|
|
919
|
-
var defaultProps$
|
|
919
|
+
var defaultProps$4 = {
|
|
920
920
|
labelSecondary: sharedMessages.cancel,
|
|
921
921
|
labelPrimary: sharedMessages.save
|
|
922
922
|
};
|
|
@@ -971,7 +971,7 @@ FormDialog.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
971
971
|
getParentSelector: _pt.func
|
|
972
972
|
} : {};
|
|
973
973
|
FormDialog.displayName = 'FormDialog';
|
|
974
|
-
FormDialog.defaultProps = defaultProps$
|
|
974
|
+
FormDialog.defaultProps = defaultProps$4; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
|
|
975
975
|
// The Intl messages can be used for button labels.
|
|
976
976
|
|
|
977
977
|
FormDialog.Intl = sharedMessages;
|
|
@@ -1061,7 +1061,7 @@ var LargeIconWrapper = _styled("span", process.env.NODE_ENV === "production" ? {
|
|
|
1061
1061
|
// does not recognize the object shape.
|
|
1062
1062
|
|
|
1063
1063
|
|
|
1064
|
-
var defaultProps$
|
|
1064
|
+
var defaultProps$3 = {
|
|
1065
1065
|
color: 'surface',
|
|
1066
1066
|
previousPathLabel: messages$2.back
|
|
1067
1067
|
};
|
|
@@ -1124,7 +1124,7 @@ ModalPageTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1124
1124
|
onClose: _pt.func.isRequired
|
|
1125
1125
|
} : {};
|
|
1126
1126
|
ModalPageTopBar.displayName = 'ModalPageTopBar';
|
|
1127
|
-
ModalPageTopBar.defaultProps = defaultProps$
|
|
1127
|
+
ModalPageTopBar.defaultProps = defaultProps$3;
|
|
1128
1128
|
|
|
1129
1129
|
var getDefaultParentSelector = function getDefaultParentSelector() {
|
|
1130
1130
|
return process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(PORTALS_CONTAINER_ID));
|
|
@@ -1133,7 +1133,7 @@ var getDefaultParentSelector = function getDefaultParentSelector() {
|
|
|
1133
1133
|
// does not recognize the object shape.
|
|
1134
1134
|
|
|
1135
1135
|
|
|
1136
|
-
var defaultProps$
|
|
1136
|
+
var defaultProps$2 = {
|
|
1137
1137
|
level: 1,
|
|
1138
1138
|
baseZIndex: 1000,
|
|
1139
1139
|
getParentSelector: getDefaultParentSelector,
|
|
@@ -1232,7 +1232,7 @@ ModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1232
1232
|
})])
|
|
1233
1233
|
} : {};
|
|
1234
1234
|
ModalPage.displayName = 'ModalPage';
|
|
1235
|
-
ModalPage.defaultProps = defaultProps$
|
|
1235
|
+
ModalPage.defaultProps = defaultProps$2;
|
|
1236
1236
|
|
|
1237
1237
|
var PageHeader = function PageHeader(props) {
|
|
1238
1238
|
return jsxs("div", {
|
|
@@ -1352,7 +1352,7 @@ CustomFormModalPage.FormDeleteButton = FormDeleteButton; // This is a convenienc
|
|
|
1352
1352
|
|
|
1353
1353
|
CustomFormModalPage.Intl = sharedMessages;
|
|
1354
1354
|
|
|
1355
|
-
var defaultProps$
|
|
1355
|
+
var defaultProps$1 = {
|
|
1356
1356
|
hideControls: false
|
|
1357
1357
|
};
|
|
1358
1358
|
|
|
@@ -1425,12 +1425,12 @@ FormModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1425
1425
|
hideControls: _pt.bool.isRequired
|
|
1426
1426
|
} : {};
|
|
1427
1427
|
FormModalPage.displayName = 'FormModalPage';
|
|
1428
|
-
FormModalPage.defaultProps = defaultProps$
|
|
1428
|
+
FormModalPage.defaultProps = defaultProps$1; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
|
|
1429
1429
|
// The Intl messages can be used for button labels.
|
|
1430
1430
|
|
|
1431
1431
|
FormModalPage.Intl = sharedMessages;
|
|
1432
1432
|
|
|
1433
|
-
var defaultProps
|
|
1433
|
+
var defaultProps = {
|
|
1434
1434
|
hideControls: false
|
|
1435
1435
|
};
|
|
1436
1436
|
|
|
@@ -1495,7 +1495,7 @@ TabularModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
1495
1495
|
hideControls: _pt.bool.isRequired
|
|
1496
1496
|
} : {};
|
|
1497
1497
|
TabularModalPage.displayName = 'TabularModalPage';
|
|
1498
|
-
TabularModalPage.defaultProps = defaultProps
|
|
1498
|
+
TabularModalPage.defaultProps = defaultProps; // Static export of pre-configured form control buttons to easily re-use
|
|
1499
1499
|
// them in the custom controls.
|
|
1500
1500
|
|
|
1501
1501
|
TabularModalPage.FormPrimaryButton = FormPrimaryButton;
|
|
@@ -1745,13 +1745,6 @@ var PageUnauthorized = function PageUnauthorized() {
|
|
|
1745
1745
|
PageUnauthorized.displayName = 'PageUnauthorized';
|
|
1746
1746
|
|
|
1747
1747
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
1748
|
-
var defaultProps = {
|
|
1749
|
-
offsetTop: '0px',
|
|
1750
|
-
offsetLeft: '0px',
|
|
1751
|
-
offsetLeftOnExpandedMenu: '0px',
|
|
1752
|
-
containerSelectorToPreventScrollingOnOpen: 'main',
|
|
1753
|
-
zIndex: 10000
|
|
1754
|
-
};
|
|
1755
1748
|
|
|
1756
1749
|
var useObserverElementDimensions = function useObserverElementDimensions(element) {
|
|
1757
1750
|
var _useState = useState({
|
|
@@ -1778,19 +1771,28 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
1778
1771
|
} : {
|
|
1779
1772
|
name: "14eqpg3-PortalsContainer",
|
|
1780
1773
|
styles: "display:flex;height:1px;margin-top:-1px;label:PortalsContainer;",
|
|
1781
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1774
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBvcnRhbHMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3SGtCIiwiZmlsZSI6InBvcnRhbHMtY29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTXV0YWJsZVJlZk9iamVjdCxcbiAgdHlwZSBSZWZPYmplY3QsXG4gIGZvcndhcmRSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB1c2VSZXNpemVPYnNlcnZlciBmcm9tICdAcmVhY3QtaG9vay9yZXNpemUtb2JzZXJ2ZXInO1xuaW1wb3J0IHsgUE9SVEFMU19DT05UQUlORVJfSUQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFRMYXlvdXRSZWZzID0ge1xuICBub3RpZmljYXRpb25zR2xvYmFsUmVmOiBNdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgbm90aWZpY2F0aW9uc1BhZ2VSZWY6IE11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xufTtcbnR5cGUgVE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucyA9IHtcbiAgaGVpZ2h0OiBudW1iZXI7XG4gIHdpZHRoOiBudW1iZXI7XG59O1xudHlwZSBUUG9ydGFsc0NvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSB0b3AsIHdoZW4gb3BlbmVkLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIGhlaWdodCBvZiB0aGUgaGVhZGVyIHNlY3Rpb24uXG4gICAqL1xuICBvZmZzZXRUb3A/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgb2Zmc2V0IHZhbHVlIGZvciBwb3NpdGlvbmluZyB0aGUgY29udGFpbmVyIGZyb20gdGhlIGxlZnQsIHdoZW4gb3BlbmVkLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIG1pbiB3aWR0aCBvZiB0aGUgbmF2IG1lbnUuXG4gICAqL1xuICBvZmZzZXRMZWZ0Pzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSBsZWZ0LCB3aGVuIG9wZW5lZC5cbiAgICogVGhlIHZhbHVlIGlzIG9ubHkgYXBwbGllZCB3aGVuIHRoZSBgLmJvZHlfX21lbnUtb3BlbmAgZ2xvYmFsIGNsYXNzIGlzIGFkZGVkIHRvIHRoZSBET00uXG4gICAqIFVzdWFsbHkgdGhpcyBjb3JyZXNwb25kcyB0byB0aGUgd2lkdGggb2YgdGhlIGV4cGFuZGVkIG5hdiBtZW51LlxuICAgKi9cbiAgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51Pzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIENTUyBzZWxlY3RvciB0byBhcHBseSB0aGUgYG92ZXJmbG93OiBoaWRkZW5gIHN0eWxlIHRvIChwcmV2ZW50aW5nIHNjcm9sbGluZylcbiAgICogd2hlbiBhIG1vZGFsIGNvbnRhaW5lciBpcyBvcGVuLlxuICAgKi9cbiAgY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW4/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgYHotaW5kZXhgIHZhbHVlIHRvIGFwcGx5IHRvIHRoZSBwb3J0YWwgY29udGFpbmVyLiBEZWZhdWx0IHRvIGAxMDAwMGAuXG4gICAqL1xuICB6SW5kZXg/OiBudW1iZXI7XG59O1xuXG5jb25zdCB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zID0gKFxuICBlbGVtZW50OiBSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+IHwgbnVsbFxuKTogVE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucyA9PiB7XG4gIGNvbnN0IFtkaW1lbnNpb25zLCBzZXREaW1lbnNpb25zXSA9IHVzZVN0YXRlPFRPYnNlcnZhYmxlRWxlbWVudERpbWVuc2lvbnM+KHtcbiAgICBoZWlnaHQ6IDAsXG4gICAgd2lkdGg6IDAsXG4gIH0pO1xuXG4gIHVzZVJlc2l6ZU9ic2VydmVyPEhUTUxEaXZFbGVtZW50PihlbGVtZW50LCAoZW50cnkpID0+IHtcbiAgICBzZXREaW1lbnNpb25zKHtcbiAgICAgIGhlaWdodDogZW50cnkuY29udGVudFJlY3QuaGVpZ2h0LFxuICAgICAgd2lkdGg6IGVudHJ5LmNvbnRlbnRSZWN0LndpZHRoLFxuICAgIH0pO1xuICB9KTtcblxuICByZXR1cm4gZGltZW5zaW9ucztcbn07XG5cbi8vIEFsbCBtb2RhbCBjb21wb25lbnRzIGV4cGVjdCB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhpcyBjb250YWluZXIuXG5jb25zdCBQb3J0YWxzQ29udGFpbmVyID0gZm9yd2FyZFJlZjxUTGF5b3V0UmVmcywgVFBvcnRhbHNDb250YWluZXJQcm9wcz4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgLy8gSW5pdGlhbGl6ZSBwcm9wcyB3aXRoIGRlZmF1bHQgdmFsdWVzLlxuICAgIC8vIE5PVEU6IHVzaW5nIGBkZWZhdWx0UHJvcHNgIHdpdGggYGZvcndhcmRSZWZgIHJlc3VsdHMgaW4gdGhlIHR5cGUgZGVjbGFyYXRpb25zXG4gICAgLy8gdG8gaWdub3JlIHRoZSBgZGVmYXVsdFByb3BzYC4gVGhlcmVmb3JlLCB0aGUgZGVmYXVsdCBwcm9wcyBhcmUgdHlwZWRcbiAgICAvLyBhcyBvcHRpb25hbCBhbmQgd2UgaW5pdGlhbGl6ZSB0aGUgdmFsdWUgaGVyZSB3aXRoIHRoZSBkZWZhdWx0IHZhbHVlcy5cbiAgICBjb25zdCBvZmZzZXRUb3AgPSBwcm9wcy5vZmZzZXRUb3AgPz8gJzBweCc7XG4gICAgY29uc3Qgb2Zmc2V0TGVmdCA9IHByb3BzLm9mZnNldExlZnQgPz8gJzBweCc7XG4gICAgY29uc3Qgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51ID0gcHJvcHMub2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51ID8/ICcwcHgnO1xuICAgIGNvbnN0IGNvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuID1cbiAgICAgIHByb3BzLmNvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuID8/ICdtYWluJztcbiAgICBjb25zdCB6SW5kZXggPSBwcm9wcy56SW5kZXggPz8gMTAwMDA7XG5cbiAgICBjb25zdCBnbG9iYWxOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNHbG9iYWxSZWZcbiAgICApO1xuICAgIGNvbnN0IHBhZ2VOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNQYWdlUmVmXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8R2xvYmFsXG4gICAgICAgICAgLy8gQXBwbHkgc29tZSBnbG9iYWwgc3R5bGVzLCBiYXNlZCBvbiB0aGUgYC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuYCBjbGFzcy5cbiAgICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuXG4gICAgICAgICAgICAgICR7Y29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW59IHtcbiAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLlJlYWN0TW9kYWxfX0JvZHktLW9wZW4gIyR7UE9SVEFMU19DT05UQUlORVJfSUR9IHtcbiAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICBoZWlnaHQ6IGNhbGMoXG4gICAgICAgICAgICAgICAgMTAwJSAtICR7b2Zmc2V0VG9wfSAtXG4gICAgICAgICAgICAgICAgICAke2dsb2JhbE5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHggLVxuICAgICAgICAgICAgICAgICAgJHtwYWdlTm90aWZpY2F0aW9uc0VsZW1lbnREaW1lbnNpb25zLmhlaWdodH1weFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtvZmZzZXRMZWZ0fSk7XG4gICAgICAgICAgICAgIHRvcDogY2FsYyhcbiAgICAgICAgICAgICAgICAke29mZnNldFRvcH0gKyAke2dsb2JhbE5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHggK1xuICAgICAgICAgICAgICAgICAgJHtwYWdlTm90aWZpY2F0aW9uc0VsZW1lbnREaW1lbnNpb25zLmhlaWdodH1weFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuLmJvZHlfX21lbnUtb3BlbiAjJHtQT1JUQUxTX0NPTlRBSU5FUl9JRH0ge1xuICAgICAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtvZmZzZXRMZWZ0T25FeHBhbmRlZE1lbnV9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgaWQ9e1BPUlRBTFNfQ09OVEFJTkVSX0lEfVxuICAgICAgICAgIC8vIFRoZSBjb250YWluZXIgbmVlZHMgYSBoZWlnaHQgaW4gb3JkZXIgdG8gYmUgdGFiYmFibGU6IGh0dHBzOi8vcmVhY3Rqcy9yZWFjdC1tb2RhbCM3NzRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBoZWlnaHQ6IDFweDtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IC0xcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cbik7XG5Qb3J0YWxzQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ1BvcnRhbHNDb250YWluZXInO1xuXG5leHBvcnQgZGVmYXVsdCBQb3J0YWxzQ29udGFpbmVyO1xuIl19 */",
|
|
1782
1775
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
1783
1776
|
};
|
|
1784
1777
|
|
|
1785
1778
|
var PortalsContainer = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
1786
|
-
var _current, _current2;
|
|
1787
|
-
|
|
1779
|
+
var _props$offsetTop, _props$offsetLeft, _props$offsetLeftOnEx, _props$containerSelec, _props$zIndex, _current, _current2;
|
|
1780
|
+
|
|
1781
|
+
// Initialize props with default values.
|
|
1782
|
+
// NOTE: using `defaultProps` with `forwardRef` results in the type declarations
|
|
1783
|
+
// to ignore the `defaultProps`. Therefore, the default props are typed
|
|
1784
|
+
// as optional and we initialize the value here with the default values.
|
|
1785
|
+
var offsetTop = (_props$offsetTop = props.offsetTop) !== null && _props$offsetTop !== void 0 ? _props$offsetTop : '0px';
|
|
1786
|
+
var offsetLeft = (_props$offsetLeft = props.offsetLeft) !== null && _props$offsetLeft !== void 0 ? _props$offsetLeft : '0px';
|
|
1787
|
+
var offsetLeftOnExpandedMenu = (_props$offsetLeftOnEx = props.offsetLeftOnExpandedMenu) !== null && _props$offsetLeftOnEx !== void 0 ? _props$offsetLeftOnEx : '0px';
|
|
1788
|
+
var containerSelectorToPreventScrollingOnOpen = (_props$containerSelec = props.containerSelectorToPreventScrollingOnOpen) !== null && _props$containerSelec !== void 0 ? _props$containerSelec : 'main';
|
|
1789
|
+
var zIndex = (_props$zIndex = props.zIndex) !== null && _props$zIndex !== void 0 ? _props$zIndex : 10000;
|
|
1788
1790
|
var globalNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 ? void 0 : (_current = ref.current) === null || _current === void 0 ? void 0 : _current.notificationsGlobalRef);
|
|
1789
1791
|
var pageNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 ? void 0 : (_current2 = ref.current) === null || _current2 === void 0 ? void 0 : _current2.notificationsPageRef);
|
|
1790
1792
|
return jsxs(Fragment, {
|
|
1791
1793
|
children: [jsx(Global // Apply some global styles, based on the `.ReactModal__Body--open` class.
|
|
1792
1794
|
, {
|
|
1793
|
-
styles: /*#__PURE__*/css(".ReactModal__Body--open ",
|
|
1795
|
+
styles: /*#__PURE__*/css(".ReactModal__Body--open ", containerSelectorToPreventScrollingOnOpen, "{overflow:hidden;}.ReactModal__Body--open #", PORTALS_CONTAINER_ID, "{position:fixed;height:calc(\n 100% - ", offsetTop, " -\n ", globalNotificationsElementDimensions.height, "px -\n ", pageNotificationsElementDimensions.height, "px\n );width:calc(100% - ", offsetLeft, ");top:calc(\n ", offsetTop, " + ", globalNotificationsElementDimensions.height, "px +\n ", pageNotificationsElementDimensions.height, "px\n );right:0;bottom:0;z-index:", zIndex, ";}.ReactModal__Body--open.body__menu-open #", PORTALS_CONTAINER_ID, "{width:calc(100% - ", offsetLeftOnExpandedMenu, ");}" + (process.env.NODE_ENV === "production" ? "" : ";label:PortalsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBvcnRhbHMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RnFCIiwiZmlsZSI6InBvcnRhbHMtY29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTXV0YWJsZVJlZk9iamVjdCxcbiAgdHlwZSBSZWZPYmplY3QsXG4gIGZvcndhcmRSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB1c2VSZXNpemVPYnNlcnZlciBmcm9tICdAcmVhY3QtaG9vay9yZXNpemUtb2JzZXJ2ZXInO1xuaW1wb3J0IHsgUE9SVEFMU19DT05UQUlORVJfSUQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFRMYXlvdXRSZWZzID0ge1xuICBub3RpZmljYXRpb25zR2xvYmFsUmVmOiBNdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgbm90aWZpY2F0aW9uc1BhZ2VSZWY6IE11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xufTtcbnR5cGUgVE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucyA9IHtcbiAgaGVpZ2h0OiBudW1iZXI7XG4gIHdpZHRoOiBudW1iZXI7XG59O1xudHlwZSBUUG9ydGFsc0NvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSB0b3AsIHdoZW4gb3BlbmVkLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIGhlaWdodCBvZiB0aGUgaGVhZGVyIHNlY3Rpb24uXG4gICAqL1xuICBvZmZzZXRUb3A/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgb2Zmc2V0IHZhbHVlIGZvciBwb3NpdGlvbmluZyB0aGUgY29udGFpbmVyIGZyb20gdGhlIGxlZnQsIHdoZW4gb3BlbmVkLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIG1pbiB3aWR0aCBvZiB0aGUgbmF2IG1lbnUuXG4gICAqL1xuICBvZmZzZXRMZWZ0Pzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSBsZWZ0LCB3aGVuIG9wZW5lZC5cbiAgICogVGhlIHZhbHVlIGlzIG9ubHkgYXBwbGllZCB3aGVuIHRoZSBgLmJvZHlfX21lbnUtb3BlbmAgZ2xvYmFsIGNsYXNzIGlzIGFkZGVkIHRvIHRoZSBET00uXG4gICAqIFVzdWFsbHkgdGhpcyBjb3JyZXNwb25kcyB0byB0aGUgd2lkdGggb2YgdGhlIGV4cGFuZGVkIG5hdiBtZW51LlxuICAgKi9cbiAgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51Pzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIENTUyBzZWxlY3RvciB0byBhcHBseSB0aGUgYG92ZXJmbG93OiBoaWRkZW5gIHN0eWxlIHRvIChwcmV2ZW50aW5nIHNjcm9sbGluZylcbiAgICogd2hlbiBhIG1vZGFsIGNvbnRhaW5lciBpcyBvcGVuLlxuICAgKi9cbiAgY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW4/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgYHotaW5kZXhgIHZhbHVlIHRvIGFwcGx5IHRvIHRoZSBwb3J0YWwgY29udGFpbmVyLiBEZWZhdWx0IHRvIGAxMDAwMGAuXG4gICAqL1xuICB6SW5kZXg/OiBudW1iZXI7XG59O1xuXG5jb25zdCB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zID0gKFxuICBlbGVtZW50OiBSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+IHwgbnVsbFxuKTogVE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucyA9PiB7XG4gIGNvbnN0IFtkaW1lbnNpb25zLCBzZXREaW1lbnNpb25zXSA9IHVzZVN0YXRlPFRPYnNlcnZhYmxlRWxlbWVudERpbWVuc2lvbnM+KHtcbiAgICBoZWlnaHQ6IDAsXG4gICAgd2lkdGg6IDAsXG4gIH0pO1xuXG4gIHVzZVJlc2l6ZU9ic2VydmVyPEhUTUxEaXZFbGVtZW50PihlbGVtZW50LCAoZW50cnkpID0+IHtcbiAgICBzZXREaW1lbnNpb25zKHtcbiAgICAgIGhlaWdodDogZW50cnkuY29udGVudFJlY3QuaGVpZ2h0LFxuICAgICAgd2lkdGg6IGVudHJ5LmNvbnRlbnRSZWN0LndpZHRoLFxuICAgIH0pO1xuICB9KTtcblxuICByZXR1cm4gZGltZW5zaW9ucztcbn07XG5cbi8vIEFsbCBtb2RhbCBjb21wb25lbnRzIGV4cGVjdCB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhpcyBjb250YWluZXIuXG5jb25zdCBQb3J0YWxzQ29udGFpbmVyID0gZm9yd2FyZFJlZjxUTGF5b3V0UmVmcywgVFBvcnRhbHNDb250YWluZXJQcm9wcz4oXG4gIChwcm9wcywgcmVmKSA9PiB7XG4gICAgLy8gSW5pdGlhbGl6ZSBwcm9wcyB3aXRoIGRlZmF1bHQgdmFsdWVzLlxuICAgIC8vIE5PVEU6IHVzaW5nIGBkZWZhdWx0UHJvcHNgIHdpdGggYGZvcndhcmRSZWZgIHJlc3VsdHMgaW4gdGhlIHR5cGUgZGVjbGFyYXRpb25zXG4gICAgLy8gdG8gaWdub3JlIHRoZSBgZGVmYXVsdFByb3BzYC4gVGhlcmVmb3JlLCB0aGUgZGVmYXVsdCBwcm9wcyBhcmUgdHlwZWRcbiAgICAvLyBhcyBvcHRpb25hbCBhbmQgd2UgaW5pdGlhbGl6ZSB0aGUgdmFsdWUgaGVyZSB3aXRoIHRoZSBkZWZhdWx0IHZhbHVlcy5cbiAgICBjb25zdCBvZmZzZXRUb3AgPSBwcm9wcy5vZmZzZXRUb3AgPz8gJzBweCc7XG4gICAgY29uc3Qgb2Zmc2V0TGVmdCA9IHByb3BzLm9mZnNldExlZnQgPz8gJzBweCc7XG4gICAgY29uc3Qgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51ID0gcHJvcHMub2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51ID8/ICcwcHgnO1xuICAgIGNvbnN0IGNvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuID1cbiAgICAgIHByb3BzLmNvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuID8/ICdtYWluJztcbiAgICBjb25zdCB6SW5kZXggPSBwcm9wcy56SW5kZXggPz8gMTAwMDA7XG5cbiAgICBjb25zdCBnbG9iYWxOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNHbG9iYWxSZWZcbiAgICApO1xuICAgIGNvbnN0IHBhZ2VOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNQYWdlUmVmXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8R2xvYmFsXG4gICAgICAgICAgLy8gQXBwbHkgc29tZSBnbG9iYWwgc3R5bGVzLCBiYXNlZCBvbiB0aGUgYC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuYCBjbGFzcy5cbiAgICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuXG4gICAgICAgICAgICAgICR7Y29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW59IHtcbiAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLlJlYWN0TW9kYWxfX0JvZHktLW9wZW4gIyR7UE9SVEFMU19DT05UQUlORVJfSUR9IHtcbiAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICBoZWlnaHQ6IGNhbGMoXG4gICAgICAgICAgICAgICAgMTAwJSAtICR7b2Zmc2V0VG9wfSAtXG4gICAgICAgICAgICAgICAgICAke2dsb2JhbE5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHggLVxuICAgICAgICAgICAgICAgICAgJHtwYWdlTm90aWZpY2F0aW9uc0VsZW1lbnREaW1lbnNpb25zLmhlaWdodH1weFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtvZmZzZXRMZWZ0fSk7XG4gICAgICAgICAgICAgIHRvcDogY2FsYyhcbiAgICAgICAgICAgICAgICAke29mZnNldFRvcH0gKyAke2dsb2JhbE5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHggK1xuICAgICAgICAgICAgICAgICAgJHtwYWdlTm90aWZpY2F0aW9uc0VsZW1lbnREaW1lbnNpb25zLmhlaWdodH1weFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICByaWdodDogMDtcbiAgICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgICB6LWluZGV4OiAke3pJbmRleH07XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuLmJvZHlfX21lbnUtb3BlbiAjJHtQT1JUQUxTX0NPTlRBSU5FUl9JRH0ge1xuICAgICAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtvZmZzZXRMZWZ0T25FeHBhbmRlZE1lbnV9KTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICBgfVxuICAgICAgICAvPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgaWQ9e1BPUlRBTFNfQ09OVEFJTkVSX0lEfVxuICAgICAgICAgIC8vIFRoZSBjb250YWluZXIgbmVlZHMgYSBoZWlnaHQgaW4gb3JkZXIgdG8gYmUgdGFiYmFibGU6IGh0dHBzOi8vcmVhY3Rqcy9yZWFjdC1tb2RhbCM3NzRcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBoZWlnaHQ6IDFweDtcbiAgICAgICAgICAgIG1hcmdpbi10b3A6IC0xcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgIDwvPlxuICAgICk7XG4gIH1cbik7XG5Qb3J0YWxzQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ1BvcnRhbHNDb250YWluZXInO1xuXG5leHBvcnQgZGVmYXVsdCBQb3J0YWxzQ29udGFpbmVyO1xuIl19 */")
|
|
1794
1796
|
}), jsx("div", {
|
|
1795
1797
|
id: PORTALS_CONTAINER_ID // The container needs a height in order to be tabbable: https://reactjs/react-modal#774
|
|
1796
1798
|
,
|
|
@@ -1799,7 +1801,6 @@ var PortalsContainer = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
1799
1801
|
});
|
|
1800
1802
|
});
|
|
1801
1803
|
PortalsContainer.displayName = 'PortalsContainer';
|
|
1802
|
-
PortalsContainer.defaultProps = defaultProps;
|
|
1803
1804
|
|
|
1804
1805
|
var useModalState = function useModalState() {
|
|
1805
1806
|
var isInitiallyOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
@@ -4,11 +4,11 @@ declare type TLayoutRefs = {
|
|
|
4
4
|
notificationsPageRef: MutableRefObject<HTMLDivElement>;
|
|
5
5
|
};
|
|
6
6
|
declare type TPortalsContainerProps = {
|
|
7
|
-
offsetTop
|
|
8
|
-
offsetLeft
|
|
9
|
-
offsetLeftOnExpandedMenu
|
|
10
|
-
containerSelectorToPreventScrollingOnOpen
|
|
11
|
-
zIndex
|
|
7
|
+
offsetTop?: string;
|
|
8
|
+
offsetLeft?: string;
|
|
9
|
+
offsetLeftOnExpandedMenu?: string;
|
|
10
|
+
containerSelectorToPreventScrollingOnOpen?: string;
|
|
11
|
+
zIndex?: number;
|
|
12
12
|
};
|
|
13
13
|
declare const PortalsContainer: import("react").ForwardRefExoticComponent<TPortalsContainerProps & import("react").RefAttributes<TLayoutRefs>>;
|
|
14
14
|
export default PortalsContainer;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@commercetools-frontend/application-components",
|
|
3
|
-
"version": "21.
|
|
3
|
+
"version": "21.5.1",
|
|
4
4
|
"description": "Generic components for building Merchant Center applications",
|
|
5
5
|
"bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
|
|
6
6
|
"repository": {
|
|
@@ -32,21 +32,21 @@
|
|
|
32
32
|
"@commercetools-frontend/application-shell-connectors": "21.3.4",
|
|
33
33
|
"@commercetools-frontend/assets": "21.0.0",
|
|
34
34
|
"@commercetools-frontend/constants": "21.3.4",
|
|
35
|
-
"@commercetools-frontend/i18n": "21.
|
|
35
|
+
"@commercetools-frontend/i18n": "21.4.0",
|
|
36
36
|
"@commercetools-frontend/l10n": "21.3.4",
|
|
37
|
-
"@commercetools-uikit/card": "^
|
|
38
|
-
"@commercetools-uikit/constraints": "^
|
|
39
|
-
"@commercetools-uikit/design-system": "^
|
|
40
|
-
"@commercetools-uikit/flat-button": "^
|
|
41
|
-
"@commercetools-uikit/icon-button": "^
|
|
42
|
-
"@commercetools-uikit/icons": "^
|
|
43
|
-
"@commercetools-uikit/messages": "^
|
|
44
|
-
"@commercetools-uikit/primary-button": "^
|
|
45
|
-
"@commercetools-uikit/secondary-button": "^
|
|
46
|
-
"@commercetools-uikit/secondary-icon-button": "^
|
|
47
|
-
"@commercetools-uikit/spacings": "^
|
|
48
|
-
"@commercetools-uikit/text": "^
|
|
49
|
-
"@commercetools-uikit/utils": "^
|
|
37
|
+
"@commercetools-uikit/card": "^15.0.0",
|
|
38
|
+
"@commercetools-uikit/constraints": "^15.0.0",
|
|
39
|
+
"@commercetools-uikit/design-system": "^15.0.0",
|
|
40
|
+
"@commercetools-uikit/flat-button": "^15.0.0",
|
|
41
|
+
"@commercetools-uikit/icon-button": "^15.0.0",
|
|
42
|
+
"@commercetools-uikit/icons": "^15.0.0",
|
|
43
|
+
"@commercetools-uikit/messages": "^15.0.0",
|
|
44
|
+
"@commercetools-uikit/primary-button": "^15.0.0",
|
|
45
|
+
"@commercetools-uikit/secondary-button": "^15.0.0",
|
|
46
|
+
"@commercetools-uikit/secondary-icon-button": "^15.0.0",
|
|
47
|
+
"@commercetools-uikit/spacings": "^15.0.0",
|
|
48
|
+
"@commercetools-uikit/text": "^15.0.0",
|
|
49
|
+
"@commercetools-uikit/utils": "^15.0.0",
|
|
50
50
|
"@emotion/react": "11.9.0",
|
|
51
51
|
"@emotion/styled": "11.8.1",
|
|
52
52
|
"@react-hook/resize-observer": "1.2.5",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"devDependencies": {
|
|
65
65
|
"react": "17.0.2",
|
|
66
66
|
"react-dom": "17.0.2",
|
|
67
|
-
"react-intl": "5.
|
|
67
|
+
"react-intl": "^5.25.0",
|
|
68
68
|
"react-router-dom": "5.3.0"
|
|
69
69
|
},
|
|
70
70
|
"peerDependencies": {
|