@commercetools-frontend/application-components 21.3.3 → 21.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commercetools-frontend-application-components.cjs.dev.js +33 -7
- package/dist/commercetools-frontend-application-components.cjs.prod.js +32 -6
- package/dist/commercetools-frontend-application-components.esm.js +33 -8
- package/dist/declarations/src/components/portals-container/portals-container.d.ts +8 -5
- package/package.json +26 -25
|
@@ -41,6 +41,7 @@ var CommercetoolsLogoSvg = require('@commercetools-frontend/assets/logos/commerc
|
|
|
41
41
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
42
42
|
var PageNotFoundSVG = require('@commercetools-frontend/assets/images/desert-fox.svg');
|
|
43
43
|
var FailedAuthorizationSVG = require('@commercetools-frontend/assets/images/folder-full-locked.svg');
|
|
44
|
+
var useResizeObserver = require('@react-hook/resize-observer');
|
|
44
45
|
|
|
45
46
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
46
47
|
|
|
@@ -71,9 +72,10 @@ var CommercetoolsLogoSvg__default = /*#__PURE__*/_interopDefault(CommercetoolsLo
|
|
|
71
72
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
72
73
|
var PageNotFoundSVG__default = /*#__PURE__*/_interopDefault(PageNotFoundSVG);
|
|
73
74
|
var FailedAuthorizationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthorizationSVG);
|
|
75
|
+
var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
|
|
74
76
|
|
|
75
77
|
// NOTE: This string will be replaced on build time with the package version.
|
|
76
|
-
var version = "21.
|
|
78
|
+
var version = "21.4.0";
|
|
77
79
|
|
|
78
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)."; }
|
|
79
81
|
|
|
@@ -1779,34 +1781,58 @@ PageUnauthorized.displayName = 'PageUnauthorized';
|
|
|
1779
1781
|
|
|
1780
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)."; }
|
|
1781
1783
|
var defaultProps = {
|
|
1782
|
-
offsetTop: '
|
|
1784
|
+
offsetTop: '0px',
|
|
1785
|
+
offsetLeft: '0px',
|
|
1786
|
+
offsetLeftOnExpandedMenu: '0px',
|
|
1783
1787
|
containerSelectorToPreventScrollingOnOpen: 'main',
|
|
1784
1788
|
zIndex: 10000
|
|
1789
|
+
};
|
|
1790
|
+
|
|
1791
|
+
var useObserverElementDimensions = function useObserverElementDimensions(element) {
|
|
1792
|
+
var _useState = react$1.useState({
|
|
1793
|
+
height: 0,
|
|
1794
|
+
width: 0
|
|
1795
|
+
}),
|
|
1796
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
1797
|
+
dimensions = _useState2[0],
|
|
1798
|
+
setDimensions = _useState2[1];
|
|
1799
|
+
|
|
1800
|
+
useResizeObserver__default["default"](element, function (entry) {
|
|
1801
|
+
setDimensions({
|
|
1802
|
+
height: entry.contentRect.height,
|
|
1803
|
+
width: entry.contentRect.width
|
|
1804
|
+
});
|
|
1805
|
+
});
|
|
1806
|
+
return dimensions;
|
|
1785
1807
|
}; // All modal components expect to be rendered inside this container.
|
|
1786
1808
|
|
|
1809
|
+
|
|
1787
1810
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
1788
1811
|
name: "qk9kof",
|
|
1789
1812
|
styles: "display:flex;height:1px;margin-top:-1px"
|
|
1790
1813
|
} : {
|
|
1791
1814
|
name: "14eqpg3-PortalsContainer",
|
|
1792
1815
|
styles: "display:flex;height:1px;margin-top:-1px;label:PortalsContainer;",
|
|
1793
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1816
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBvcnRhbHMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0SGtCIiwiZmlsZSI6InBvcnRhbHMtY29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTXV0YWJsZVJlZk9iamVjdCxcbiAgdHlwZSBSZWZPYmplY3QsXG4gIGZvcndhcmRSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB1c2VSZXNpemVPYnNlcnZlciBmcm9tICdAcmVhY3QtaG9vay9yZXNpemUtb2JzZXJ2ZXInO1xuaW1wb3J0IHsgUE9SVEFMU19DT05UQUlORVJfSUQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFRMYXlvdXRSZWZzID0ge1xuICBub3RpZmljYXRpb25zR2xvYmFsUmVmOiBNdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgbm90aWZpY2F0aW9uc1BhZ2VSZWY6IE11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xufTtcbnR5cGUgVE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucyA9IHtcbiAgaGVpZ2h0OiBudW1iZXI7XG4gIHdpZHRoOiBudW1iZXI7XG59O1xudHlwZSBUUG9ydGFsc0NvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSB0b3AsIHdoZW4gb3BlbmVkLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIGhlaWdodCBvZiB0aGUgaGVhZGVyIHNlY3Rpb24uXG4gICAqL1xuICBvZmZzZXRUb3A6IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBvZmZzZXQgdmFsdWUgZm9yIHBvc2l0aW9uaW5nIHRoZSBjb250YWluZXIgZnJvbSB0aGUgbGVmdCwgd2hlbiBvcGVuZWQuXG4gICAqIFVzdWFsbHkgdGhpcyBjb3JyZXNwb25kcyB0byB0aGUgbWluIHdpZHRoIG9mIHRoZSBuYXYgbWVudS5cbiAgICovXG4gIG9mZnNldExlZnQ6IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBvZmZzZXQgdmFsdWUgZm9yIHBvc2l0aW9uaW5nIHRoZSBjb250YWluZXIgZnJvbSB0aGUgbGVmdCwgd2hlbiBvcGVuZWQuXG4gICAqIFRoZSB2YWx1ZSBpcyBvbmx5IGFwcGxpZWQgd2hlbiB0aGUgYC5ib2R5X19tZW51LW9wZW5gIGdsb2JhbCBjbGFzcyBpcyBhZGRlZCB0byB0aGUgRE9NLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIHdpZHRoIG9mIHRoZSBleHBhbmRlZCBuYXYgbWVudS5cbiAgICovXG4gIG9mZnNldExlZnRPbkV4cGFuZGVkTWVudTogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIENTUyBzZWxlY3RvciB0byBhcHBseSB0aGUgYG92ZXJmbG93OiBoaWRkZW5gIHN0eWxlIHRvIChwcmV2ZW50aW5nIHNjcm9sbGluZylcbiAgICogd2hlbiBhIG1vZGFsIGNvbnRhaW5lciBpcyBvcGVuLlxuICAgKi9cbiAgY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW46IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBgei1pbmRleGAgdmFsdWUgdG8gYXBwbHkgdG8gdGhlIHBvcnRhbCBjb250YWluZXIuIERlZmF1bHQgdG8gYDEwMDAwYC5cbiAgICovXG4gIHpJbmRleDogbnVtYmVyO1xufTtcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVFBvcnRhbHNDb250YWluZXJQcm9wcyxcbiAgfCAnb2Zmc2V0VG9wJ1xuICB8ICdvZmZzZXRMZWZ0J1xuICB8ICdvZmZzZXRMZWZ0T25FeHBhbmRlZE1lbnUnXG4gIHwgJ2NvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuJ1xuICB8ICd6SW5kZXgnXG4+ID0ge1xuICBvZmZzZXRUb3A6ICcwcHgnLFxuICBvZmZzZXRMZWZ0OiAnMHB4JyxcbiAgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51OiAnMHB4JyxcbiAgY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW46ICdtYWluJyxcbiAgekluZGV4OiAxMDAwMCxcbn07XG5cbmNvbnN0IHVzZU9ic2VydmVyRWxlbWVudERpbWVuc2lvbnMgPSAoXG4gIGVsZW1lbnQ6IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD4gfCBudWxsXG4pOiBUT2JzZXJ2YWJsZUVsZW1lbnREaW1lbnNpb25zID0+IHtcbiAgY29uc3QgW2RpbWVuc2lvbnMsIHNldERpbWVuc2lvbnNdID0gdXNlU3RhdGU8VE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucz4oe1xuICAgIGhlaWdodDogMCxcbiAgICB3aWR0aDogMCxcbiAgfSk7XG5cbiAgdXNlUmVzaXplT2JzZXJ2ZXI8SFRNTERpdkVsZW1lbnQ+KGVsZW1lbnQsIChlbnRyeSkgPT4ge1xuICAgIHNldERpbWVuc2lvbnMoe1xuICAgICAgaGVpZ2h0OiBlbnRyeS5jb250ZW50UmVjdC5oZWlnaHQsXG4gICAgICB3aWR0aDogZW50cnkuY29udGVudFJlY3Qud2lkdGgsXG4gICAgfSk7XG4gIH0pO1xuXG4gIHJldHVybiBkaW1lbnNpb25zO1xufTtcblxuLy8gQWxsIG1vZGFsIGNvbXBvbmVudHMgZXhwZWN0IHRvIGJlIHJlbmRlcmVkIGluc2lkZSB0aGlzIGNvbnRhaW5lci5cbmNvbnN0IFBvcnRhbHNDb250YWluZXIgPSBmb3J3YXJkUmVmPFRMYXlvdXRSZWZzLCBUUG9ydGFsc0NvbnRhaW5lclByb3BzPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCBnbG9iYWxOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNHbG9iYWxSZWZcbiAgICApO1xuICAgIGNvbnN0IHBhZ2VOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNQYWdlUmVmXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8R2xvYmFsXG4gICAgICAgICAgLy8gQXBwbHkgc29tZSBnbG9iYWwgc3R5bGVzLCBiYXNlZCBvbiB0aGUgYC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuYCBjbGFzcy5cbiAgICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuXG4gICAgICAgICAgICAgICR7cHJvcHMuY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW59IHtcbiAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLlJlYWN0TW9kYWxfX0JvZHktLW9wZW4gIyR7UE9SVEFMU19DT05UQUlORVJfSUR9IHtcbiAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICBoZWlnaHQ6IGNhbGMoXG4gICAgICAgICAgICAgICAgMTAwJSAtICR7cHJvcHMub2Zmc2V0VG9wfSAtXG4gICAgICAgICAgICAgICAgICAke2dsb2JhbE5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHggLVxuICAgICAgICAgICAgICAgICAgJHtwYWdlTm90aWZpY2F0aW9uc0VsZW1lbnREaW1lbnNpb25zLmhlaWdodH1weFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtwcm9wcy5vZmZzZXRMZWZ0fSk7XG4gICAgICAgICAgICAgIHRvcDogY2FsYyhcbiAgICAgICAgICAgICAgICAke3Byb3BzLm9mZnNldFRvcH0gK1xuICAgICAgICAgICAgICAgICAgJHtnbG9iYWxOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMuaGVpZ2h0fXB4ICtcbiAgICAgICAgICAgICAgICAgICR7cGFnZU5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHhcbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgei1pbmRleDogJHtwcm9wcy56SW5kZXh9O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuUmVhY3RNb2RhbF9fQm9keS0tb3Blbi5ib2R5X19tZW51LW9wZW4gIyR7UE9SVEFMU19DT05UQUlORVJfSUR9IHtcbiAgICAgICAgICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtICR7cHJvcHMub2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGlkPXtQT1JUQUxTX0NPTlRBSU5FUl9JRH1cbiAgICAgICAgICAvLyBUaGUgY29udGFpbmVyIG5lZWRzIGEgaGVpZ2h0IGluIG9yZGVyIHRvIGJlIHRhYmJhYmxlOiBodHRwczovL3JlYWN0anMvcmVhY3QtbW9kYWwjNzc0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAtMXB4O1xuICAgICAgICAgIGB9XG4gICAgICAgIC8+XG4gICAgICA8Lz5cbiAgICApO1xuICB9XG4pO1xuUG9ydGFsc0NvbnRhaW5lci5kaXNwbGF5TmFtZSA9ICdQb3J0YWxzQ29udGFpbmVyJztcblBvcnRhbHNDb250YWluZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBQb3J0YWxzQ29udGFpbmVyO1xuIl19 */",
|
|
1794
1817
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
1795
1818
|
};
|
|
1796
1819
|
|
|
1797
|
-
var PortalsContainer = function
|
|
1820
|
+
var PortalsContainer = /*#__PURE__*/react$1.forwardRef(function (props, ref) {
|
|
1821
|
+
var _current, _current2;
|
|
1822
|
+
|
|
1823
|
+
var globalNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 ? void 0 : (_current = ref.current) === null || _current === void 0 ? void 0 : _current.notificationsGlobalRef);
|
|
1824
|
+
var pageNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 ? void 0 : (_current2 = ref.current) === null || _current2 === void 0 ? void 0 : _current2.notificationsPageRef);
|
|
1798
1825
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1799
1826
|
children: [jsxRuntime.jsx(react.Global // Apply some global styles, based on the `.ReactModal__Body--open` class.
|
|
1800
1827
|
, {
|
|
1801
|
-
styles: /*#__PURE__*/react.css(".ReactModal__Body--open ", props.containerSelectorToPreventScrollingOnOpen, "{overflow:hidden;}.ReactModal__Body--open #", constants.PORTALS_CONTAINER_ID, "{position:fixed;height:calc(100% - ", props.offsetTop, ");width:100
|
|
1828
|
+
styles: /*#__PURE__*/react.css(".ReactModal__Body--open ", props.containerSelectorToPreventScrollingOnOpen, "{overflow:hidden;}.ReactModal__Body--open #", constants.PORTALS_CONTAINER_ID, "{position:fixed;height:calc(\n 100% - ", props.offsetTop, " -\n ", globalNotificationsElementDimensions.height, "px -\n ", pageNotificationsElementDimensions.height, "px\n );width:calc(100% - ", props.offsetLeft, ");top:calc(\n ", props.offsetTop, " +\n ", globalNotificationsElementDimensions.height, "px +\n ", pageNotificationsElementDimensions.height, "px\n );right:0;bottom:0;z-index:", props.zIndex, ";}.ReactModal__Body--open.body__menu-open #", constants.PORTALS_CONTAINER_ID, "{width:calc(100% - ", props.offsetLeftOnExpandedMenu, ");}" + (process.env.NODE_ENV === "production" ? "" : ";label:PortalsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBvcnRhbHMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RnFCIiwiZmlsZSI6InBvcnRhbHMtY29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTXV0YWJsZVJlZk9iamVjdCxcbiAgdHlwZSBSZWZPYmplY3QsXG4gIGZvcndhcmRSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB1c2VSZXNpemVPYnNlcnZlciBmcm9tICdAcmVhY3QtaG9vay9yZXNpemUtb2JzZXJ2ZXInO1xuaW1wb3J0IHsgUE9SVEFMU19DT05UQUlORVJfSUQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFRMYXlvdXRSZWZzID0ge1xuICBub3RpZmljYXRpb25zR2xvYmFsUmVmOiBNdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgbm90aWZpY2F0aW9uc1BhZ2VSZWY6IE11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xufTtcbnR5cGUgVE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucyA9IHtcbiAgaGVpZ2h0OiBudW1iZXI7XG4gIHdpZHRoOiBudW1iZXI7XG59O1xudHlwZSBUUG9ydGFsc0NvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSB0b3AsIHdoZW4gb3BlbmVkLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIGhlaWdodCBvZiB0aGUgaGVhZGVyIHNlY3Rpb24uXG4gICAqL1xuICBvZmZzZXRUb3A6IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBvZmZzZXQgdmFsdWUgZm9yIHBvc2l0aW9uaW5nIHRoZSBjb250YWluZXIgZnJvbSB0aGUgbGVmdCwgd2hlbiBvcGVuZWQuXG4gICAqIFVzdWFsbHkgdGhpcyBjb3JyZXNwb25kcyB0byB0aGUgbWluIHdpZHRoIG9mIHRoZSBuYXYgbWVudS5cbiAgICovXG4gIG9mZnNldExlZnQ6IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBvZmZzZXQgdmFsdWUgZm9yIHBvc2l0aW9uaW5nIHRoZSBjb250YWluZXIgZnJvbSB0aGUgbGVmdCwgd2hlbiBvcGVuZWQuXG4gICAqIFRoZSB2YWx1ZSBpcyBvbmx5IGFwcGxpZWQgd2hlbiB0aGUgYC5ib2R5X19tZW51LW9wZW5gIGdsb2JhbCBjbGFzcyBpcyBhZGRlZCB0byB0aGUgRE9NLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIHdpZHRoIG9mIHRoZSBleHBhbmRlZCBuYXYgbWVudS5cbiAgICovXG4gIG9mZnNldExlZnRPbkV4cGFuZGVkTWVudTogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIENTUyBzZWxlY3RvciB0byBhcHBseSB0aGUgYG92ZXJmbG93OiBoaWRkZW5gIHN0eWxlIHRvIChwcmV2ZW50aW5nIHNjcm9sbGluZylcbiAgICogd2hlbiBhIG1vZGFsIGNvbnRhaW5lciBpcyBvcGVuLlxuICAgKi9cbiAgY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW46IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBgei1pbmRleGAgdmFsdWUgdG8gYXBwbHkgdG8gdGhlIHBvcnRhbCBjb250YWluZXIuIERlZmF1bHQgdG8gYDEwMDAwYC5cbiAgICovXG4gIHpJbmRleDogbnVtYmVyO1xufTtcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVFBvcnRhbHNDb250YWluZXJQcm9wcyxcbiAgfCAnb2Zmc2V0VG9wJ1xuICB8ICdvZmZzZXRMZWZ0J1xuICB8ICdvZmZzZXRMZWZ0T25FeHBhbmRlZE1lbnUnXG4gIHwgJ2NvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuJ1xuICB8ICd6SW5kZXgnXG4+ID0ge1xuICBvZmZzZXRUb3A6ICcwcHgnLFxuICBvZmZzZXRMZWZ0OiAnMHB4JyxcbiAgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51OiAnMHB4JyxcbiAgY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW46ICdtYWluJyxcbiAgekluZGV4OiAxMDAwMCxcbn07XG5cbmNvbnN0IHVzZU9ic2VydmVyRWxlbWVudERpbWVuc2lvbnMgPSAoXG4gIGVsZW1lbnQ6IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD4gfCBudWxsXG4pOiBUT2JzZXJ2YWJsZUVsZW1lbnREaW1lbnNpb25zID0+IHtcbiAgY29uc3QgW2RpbWVuc2lvbnMsIHNldERpbWVuc2lvbnNdID0gdXNlU3RhdGU8VE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucz4oe1xuICAgIGhlaWdodDogMCxcbiAgICB3aWR0aDogMCxcbiAgfSk7XG5cbiAgdXNlUmVzaXplT2JzZXJ2ZXI8SFRNTERpdkVsZW1lbnQ+KGVsZW1lbnQsIChlbnRyeSkgPT4ge1xuICAgIHNldERpbWVuc2lvbnMoe1xuICAgICAgaGVpZ2h0OiBlbnRyeS5jb250ZW50UmVjdC5oZWlnaHQsXG4gICAgICB3aWR0aDogZW50cnkuY29udGVudFJlY3Qud2lkdGgsXG4gICAgfSk7XG4gIH0pO1xuXG4gIHJldHVybiBkaW1lbnNpb25zO1xufTtcblxuLy8gQWxsIG1vZGFsIGNvbXBvbmVudHMgZXhwZWN0IHRvIGJlIHJlbmRlcmVkIGluc2lkZSB0aGlzIGNvbnRhaW5lci5cbmNvbnN0IFBvcnRhbHNDb250YWluZXIgPSBmb3J3YXJkUmVmPFRMYXlvdXRSZWZzLCBUUG9ydGFsc0NvbnRhaW5lclByb3BzPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCBnbG9iYWxOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNHbG9iYWxSZWZcbiAgICApO1xuICAgIGNvbnN0IHBhZ2VOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNQYWdlUmVmXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8R2xvYmFsXG4gICAgICAgICAgLy8gQXBwbHkgc29tZSBnbG9iYWwgc3R5bGVzLCBiYXNlZCBvbiB0aGUgYC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuYCBjbGFzcy5cbiAgICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuXG4gICAgICAgICAgICAgICR7cHJvcHMuY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW59IHtcbiAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLlJlYWN0TW9kYWxfX0JvZHktLW9wZW4gIyR7UE9SVEFMU19DT05UQUlORVJfSUR9IHtcbiAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICBoZWlnaHQ6IGNhbGMoXG4gICAgICAgICAgICAgICAgMTAwJSAtICR7cHJvcHMub2Zmc2V0VG9wfSAtXG4gICAgICAgICAgICAgICAgICAke2dsb2JhbE5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHggLVxuICAgICAgICAgICAgICAgICAgJHtwYWdlTm90aWZpY2F0aW9uc0VsZW1lbnREaW1lbnNpb25zLmhlaWdodH1weFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtwcm9wcy5vZmZzZXRMZWZ0fSk7XG4gICAgICAgICAgICAgIHRvcDogY2FsYyhcbiAgICAgICAgICAgICAgICAke3Byb3BzLm9mZnNldFRvcH0gK1xuICAgICAgICAgICAgICAgICAgJHtnbG9iYWxOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMuaGVpZ2h0fXB4ICtcbiAgICAgICAgICAgICAgICAgICR7cGFnZU5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHhcbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgei1pbmRleDogJHtwcm9wcy56SW5kZXh9O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuUmVhY3RNb2RhbF9fQm9keS0tb3Blbi5ib2R5X19tZW51LW9wZW4gIyR7UE9SVEFMU19DT05UQUlORVJfSUR9IHtcbiAgICAgICAgICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtICR7cHJvcHMub2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGlkPXtQT1JUQUxTX0NPTlRBSU5FUl9JRH1cbiAgICAgICAgICAvLyBUaGUgY29udGFpbmVyIG5lZWRzIGEgaGVpZ2h0IGluIG9yZGVyIHRvIGJlIHRhYmJhYmxlOiBodHRwczovL3JlYWN0anMvcmVhY3QtbW9kYWwjNzc0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAtMXB4O1xuICAgICAgICAgIGB9XG4gICAgICAgIC8+XG4gICAgICA8Lz5cbiAgICApO1xuICB9XG4pO1xuUG9ydGFsc0NvbnRhaW5lci5kaXNwbGF5TmFtZSA9ICdQb3J0YWxzQ29udGFpbmVyJztcblBvcnRhbHNDb250YWluZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBQb3J0YWxzQ29udGFpbmVyO1xuIl19 */")
|
|
1802
1829
|
}), jsxRuntime.jsx("div", {
|
|
1803
1830
|
id: constants.PORTALS_CONTAINER_ID // The container needs a height in order to be tabbable: https://reactjs/react-modal#774
|
|
1804
1831
|
,
|
|
1805
1832
|
css: _ref
|
|
1806
1833
|
})]
|
|
1807
1834
|
});
|
|
1808
|
-
};
|
|
1809
|
-
|
|
1835
|
+
});
|
|
1810
1836
|
PortalsContainer.displayName = 'PortalsContainer';
|
|
1811
1837
|
PortalsContainer.defaultProps = defaultProps;
|
|
1812
1838
|
|
|
@@ -41,6 +41,7 @@ var CommercetoolsLogoSvg = require('@commercetools-frontend/assets/logos/commerc
|
|
|
41
41
|
var Constraints = require('@commercetools-uikit/constraints');
|
|
42
42
|
var PageNotFoundSVG = require('@commercetools-frontend/assets/images/desert-fox.svg');
|
|
43
43
|
var FailedAuthorizationSVG = require('@commercetools-frontend/assets/images/folder-full-locked.svg');
|
|
44
|
+
var useResizeObserver = require('@react-hook/resize-observer');
|
|
44
45
|
|
|
45
46
|
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
|
|
46
47
|
|
|
@@ -70,9 +71,10 @@ var CommercetoolsLogoSvg__default = /*#__PURE__*/_interopDefault(CommercetoolsLo
|
|
|
70
71
|
var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
|
|
71
72
|
var PageNotFoundSVG__default = /*#__PURE__*/_interopDefault(PageNotFoundSVG);
|
|
72
73
|
var FailedAuthorizationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthorizationSVG);
|
|
74
|
+
var useResizeObserver__default = /*#__PURE__*/_interopDefault(useResizeObserver);
|
|
73
75
|
|
|
74
76
|
// NOTE: This string will be replaced on build time with the package version.
|
|
75
|
-
var version = "21.
|
|
77
|
+
var version = "21.4.0";
|
|
76
78
|
|
|
77
79
|
var getBottomBorderStyles = function getBottomBorderStyles(background) {
|
|
78
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, ";}" + ("" ), "" );
|
|
@@ -1340,29 +1342,53 @@ var PageUnauthorized = function PageUnauthorized() {
|
|
|
1340
1342
|
PageUnauthorized.displayName = 'PageUnauthorized';
|
|
1341
1343
|
|
|
1342
1344
|
var defaultProps = {
|
|
1343
|
-
offsetTop: '
|
|
1345
|
+
offsetTop: '0px',
|
|
1346
|
+
offsetLeft: '0px',
|
|
1347
|
+
offsetLeftOnExpandedMenu: '0px',
|
|
1344
1348
|
containerSelectorToPreventScrollingOnOpen: 'main',
|
|
1345
1349
|
zIndex: 10000
|
|
1350
|
+
};
|
|
1351
|
+
|
|
1352
|
+
var useObserverElementDimensions = function useObserverElementDimensions(element) {
|
|
1353
|
+
var _useState = react$1.useState({
|
|
1354
|
+
height: 0,
|
|
1355
|
+
width: 0
|
|
1356
|
+
}),
|
|
1357
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
1358
|
+
dimensions = _useState2[0],
|
|
1359
|
+
setDimensions = _useState2[1];
|
|
1360
|
+
|
|
1361
|
+
useResizeObserver__default["default"](element, function (entry) {
|
|
1362
|
+
setDimensions({
|
|
1363
|
+
height: entry.contentRect.height,
|
|
1364
|
+
width: entry.contentRect.width
|
|
1365
|
+
});
|
|
1366
|
+
});
|
|
1367
|
+
return dimensions;
|
|
1346
1368
|
}; // All modal components expect to be rendered inside this container.
|
|
1347
1369
|
|
|
1370
|
+
|
|
1348
1371
|
var _ref = {
|
|
1349
1372
|
name: "qk9kof",
|
|
1350
1373
|
styles: "display:flex;height:1px;margin-top:-1px"
|
|
1351
1374
|
} ;
|
|
1352
1375
|
|
|
1353
|
-
var PortalsContainer = function
|
|
1376
|
+
var PortalsContainer = /*#__PURE__*/react$1.forwardRef(function (props, ref) {
|
|
1377
|
+
var _current, _current2;
|
|
1378
|
+
|
|
1379
|
+
var globalNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 ? void 0 : (_current = ref.current) === null || _current === void 0 ? void 0 : _current.notificationsGlobalRef);
|
|
1380
|
+
var pageNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 ? void 0 : (_current2 = ref.current) === null || _current2 === void 0 ? void 0 : _current2.notificationsPageRef);
|
|
1354
1381
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1355
1382
|
children: [jsxRuntime.jsx(react.Global // Apply some global styles, based on the `.ReactModal__Body--open` class.
|
|
1356
1383
|
, {
|
|
1357
|
-
styles: /*#__PURE__*/react.css(".ReactModal__Body--open ", props.containerSelectorToPreventScrollingOnOpen, "{overflow:hidden;}.ReactModal__Body--open #", constants.PORTALS_CONTAINER_ID, "{position:fixed;height:calc(100% - ", props.offsetTop, ");width:100
|
|
1384
|
+
styles: /*#__PURE__*/react.css(".ReactModal__Body--open ", props.containerSelectorToPreventScrollingOnOpen, "{overflow:hidden;}.ReactModal__Body--open #", constants.PORTALS_CONTAINER_ID, "{position:fixed;height:calc(\n 100% - ", props.offsetTop, " -\n ", globalNotificationsElementDimensions.height, "px -\n ", pageNotificationsElementDimensions.height, "px\n );width:calc(100% - ", props.offsetLeft, ");top:calc(\n ", props.offsetTop, " +\n ", globalNotificationsElementDimensions.height, "px +\n ", pageNotificationsElementDimensions.height, "px\n );right:0;bottom:0;z-index:", props.zIndex, ";}.ReactModal__Body--open.body__menu-open #", constants.PORTALS_CONTAINER_ID, "{width:calc(100% - ", props.offsetLeftOnExpandedMenu, ");}" + ("" ), "" )
|
|
1358
1385
|
}), jsxRuntime.jsx("div", {
|
|
1359
1386
|
id: constants.PORTALS_CONTAINER_ID // The container needs a height in order to be tabbable: https://reactjs/react-modal#774
|
|
1360
1387
|
,
|
|
1361
1388
|
css: _ref
|
|
1362
1389
|
})]
|
|
1363
1390
|
});
|
|
1364
|
-
};
|
|
1365
|
-
|
|
1391
|
+
});
|
|
1366
1392
|
PortalsContainer.displayName = 'PortalsContainer';
|
|
1367
1393
|
PortalsContainer.defaultProps = defaultProps;
|
|
1368
1394
|
|
|
@@ -19,7 +19,7 @@ import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
|
|
|
19
19
|
import Spacings from '@commercetools-uikit/spacings';
|
|
20
20
|
import { sharedMessages } from '@commercetools-frontend/i18n';
|
|
21
21
|
import _styled from '@emotion/styled/base';
|
|
22
|
-
import { isValidElement, useState, useRef, useEffect, useCallback } from 'react';
|
|
22
|
+
import { isValidElement, useState, useRef, useEffect, useCallback, forwardRef } from 'react';
|
|
23
23
|
import PrimaryButton from '@commercetools-uikit/primary-button';
|
|
24
24
|
import SecondaryButton from '@commercetools-uikit/secondary-button';
|
|
25
25
|
import IconButton from '@commercetools-uikit/icon-button';
|
|
@@ -37,9 +37,10 @@ import CommercetoolsLogoSvg from '@commercetools-frontend/assets/logos/commercet
|
|
|
37
37
|
import Constraints from '@commercetools-uikit/constraints';
|
|
38
38
|
import PageNotFoundSVG from '@commercetools-frontend/assets/images/desert-fox.svg';
|
|
39
39
|
import FailedAuthorizationSVG from '@commercetools-frontend/assets/images/folder-full-locked.svg';
|
|
40
|
+
import useResizeObserver from '@react-hook/resize-observer';
|
|
40
41
|
|
|
41
42
|
// NOTE: This string will be replaced on build time with the package version.
|
|
42
|
-
var version = "21.
|
|
43
|
+
var version = "21.4.0";
|
|
43
44
|
|
|
44
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)."; }
|
|
45
46
|
|
|
@@ -1745,34 +1746,58 @@ PageUnauthorized.displayName = 'PageUnauthorized';
|
|
|
1745
1746
|
|
|
1746
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)."; }
|
|
1747
1748
|
var defaultProps = {
|
|
1748
|
-
offsetTop: '
|
|
1749
|
+
offsetTop: '0px',
|
|
1750
|
+
offsetLeft: '0px',
|
|
1751
|
+
offsetLeftOnExpandedMenu: '0px',
|
|
1749
1752
|
containerSelectorToPreventScrollingOnOpen: 'main',
|
|
1750
1753
|
zIndex: 10000
|
|
1754
|
+
};
|
|
1755
|
+
|
|
1756
|
+
var useObserverElementDimensions = function useObserverElementDimensions(element) {
|
|
1757
|
+
var _useState = useState({
|
|
1758
|
+
height: 0,
|
|
1759
|
+
width: 0
|
|
1760
|
+
}),
|
|
1761
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
1762
|
+
dimensions = _useState2[0],
|
|
1763
|
+
setDimensions = _useState2[1];
|
|
1764
|
+
|
|
1765
|
+
useResizeObserver(element, function (entry) {
|
|
1766
|
+
setDimensions({
|
|
1767
|
+
height: entry.contentRect.height,
|
|
1768
|
+
width: entry.contentRect.width
|
|
1769
|
+
});
|
|
1770
|
+
});
|
|
1771
|
+
return dimensions;
|
|
1751
1772
|
}; // All modal components expect to be rendered inside this container.
|
|
1752
1773
|
|
|
1774
|
+
|
|
1753
1775
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
1754
1776
|
name: "qk9kof",
|
|
1755
1777
|
styles: "display:flex;height:1px;margin-top:-1px"
|
|
1756
1778
|
} : {
|
|
1757
1779
|
name: "14eqpg3-PortalsContainer",
|
|
1758
1780
|
styles: "display:flex;height:1px;margin-top:-1px;label:PortalsContainer;",
|
|
1759
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
1781
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBvcnRhbHMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0SGtCIiwiZmlsZSI6InBvcnRhbHMtY29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTXV0YWJsZVJlZk9iamVjdCxcbiAgdHlwZSBSZWZPYmplY3QsXG4gIGZvcndhcmRSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB1c2VSZXNpemVPYnNlcnZlciBmcm9tICdAcmVhY3QtaG9vay9yZXNpemUtb2JzZXJ2ZXInO1xuaW1wb3J0IHsgUE9SVEFMU19DT05UQUlORVJfSUQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFRMYXlvdXRSZWZzID0ge1xuICBub3RpZmljYXRpb25zR2xvYmFsUmVmOiBNdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgbm90aWZpY2F0aW9uc1BhZ2VSZWY6IE11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xufTtcbnR5cGUgVE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucyA9IHtcbiAgaGVpZ2h0OiBudW1iZXI7XG4gIHdpZHRoOiBudW1iZXI7XG59O1xudHlwZSBUUG9ydGFsc0NvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSB0b3AsIHdoZW4gb3BlbmVkLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIGhlaWdodCBvZiB0aGUgaGVhZGVyIHNlY3Rpb24uXG4gICAqL1xuICBvZmZzZXRUb3A6IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBvZmZzZXQgdmFsdWUgZm9yIHBvc2l0aW9uaW5nIHRoZSBjb250YWluZXIgZnJvbSB0aGUgbGVmdCwgd2hlbiBvcGVuZWQuXG4gICAqIFVzdWFsbHkgdGhpcyBjb3JyZXNwb25kcyB0byB0aGUgbWluIHdpZHRoIG9mIHRoZSBuYXYgbWVudS5cbiAgICovXG4gIG9mZnNldExlZnQ6IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBvZmZzZXQgdmFsdWUgZm9yIHBvc2l0aW9uaW5nIHRoZSBjb250YWluZXIgZnJvbSB0aGUgbGVmdCwgd2hlbiBvcGVuZWQuXG4gICAqIFRoZSB2YWx1ZSBpcyBvbmx5IGFwcGxpZWQgd2hlbiB0aGUgYC5ib2R5X19tZW51LW9wZW5gIGdsb2JhbCBjbGFzcyBpcyBhZGRlZCB0byB0aGUgRE9NLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIHdpZHRoIG9mIHRoZSBleHBhbmRlZCBuYXYgbWVudS5cbiAgICovXG4gIG9mZnNldExlZnRPbkV4cGFuZGVkTWVudTogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIENTUyBzZWxlY3RvciB0byBhcHBseSB0aGUgYG92ZXJmbG93OiBoaWRkZW5gIHN0eWxlIHRvIChwcmV2ZW50aW5nIHNjcm9sbGluZylcbiAgICogd2hlbiBhIG1vZGFsIGNvbnRhaW5lciBpcyBvcGVuLlxuICAgKi9cbiAgY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW46IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBgei1pbmRleGAgdmFsdWUgdG8gYXBwbHkgdG8gdGhlIHBvcnRhbCBjb250YWluZXIuIERlZmF1bHQgdG8gYDEwMDAwYC5cbiAgICovXG4gIHpJbmRleDogbnVtYmVyO1xufTtcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVFBvcnRhbHNDb250YWluZXJQcm9wcyxcbiAgfCAnb2Zmc2V0VG9wJ1xuICB8ICdvZmZzZXRMZWZ0J1xuICB8ICdvZmZzZXRMZWZ0T25FeHBhbmRlZE1lbnUnXG4gIHwgJ2NvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuJ1xuICB8ICd6SW5kZXgnXG4+ID0ge1xuICBvZmZzZXRUb3A6ICcwcHgnLFxuICBvZmZzZXRMZWZ0OiAnMHB4JyxcbiAgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51OiAnMHB4JyxcbiAgY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW46ICdtYWluJyxcbiAgekluZGV4OiAxMDAwMCxcbn07XG5cbmNvbnN0IHVzZU9ic2VydmVyRWxlbWVudERpbWVuc2lvbnMgPSAoXG4gIGVsZW1lbnQ6IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD4gfCBudWxsXG4pOiBUT2JzZXJ2YWJsZUVsZW1lbnREaW1lbnNpb25zID0+IHtcbiAgY29uc3QgW2RpbWVuc2lvbnMsIHNldERpbWVuc2lvbnNdID0gdXNlU3RhdGU8VE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucz4oe1xuICAgIGhlaWdodDogMCxcbiAgICB3aWR0aDogMCxcbiAgfSk7XG5cbiAgdXNlUmVzaXplT2JzZXJ2ZXI8SFRNTERpdkVsZW1lbnQ+KGVsZW1lbnQsIChlbnRyeSkgPT4ge1xuICAgIHNldERpbWVuc2lvbnMoe1xuICAgICAgaGVpZ2h0OiBlbnRyeS5jb250ZW50UmVjdC5oZWlnaHQsXG4gICAgICB3aWR0aDogZW50cnkuY29udGVudFJlY3Qud2lkdGgsXG4gICAgfSk7XG4gIH0pO1xuXG4gIHJldHVybiBkaW1lbnNpb25zO1xufTtcblxuLy8gQWxsIG1vZGFsIGNvbXBvbmVudHMgZXhwZWN0IHRvIGJlIHJlbmRlcmVkIGluc2lkZSB0aGlzIGNvbnRhaW5lci5cbmNvbnN0IFBvcnRhbHNDb250YWluZXIgPSBmb3J3YXJkUmVmPFRMYXlvdXRSZWZzLCBUUG9ydGFsc0NvbnRhaW5lclByb3BzPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCBnbG9iYWxOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNHbG9iYWxSZWZcbiAgICApO1xuICAgIGNvbnN0IHBhZ2VOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNQYWdlUmVmXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8R2xvYmFsXG4gICAgICAgICAgLy8gQXBwbHkgc29tZSBnbG9iYWwgc3R5bGVzLCBiYXNlZCBvbiB0aGUgYC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuYCBjbGFzcy5cbiAgICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuXG4gICAgICAgICAgICAgICR7cHJvcHMuY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW59IHtcbiAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLlJlYWN0TW9kYWxfX0JvZHktLW9wZW4gIyR7UE9SVEFMU19DT05UQUlORVJfSUR9IHtcbiAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICBoZWlnaHQ6IGNhbGMoXG4gICAgICAgICAgICAgICAgMTAwJSAtICR7cHJvcHMub2Zmc2V0VG9wfSAtXG4gICAgICAgICAgICAgICAgICAke2dsb2JhbE5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHggLVxuICAgICAgICAgICAgICAgICAgJHtwYWdlTm90aWZpY2F0aW9uc0VsZW1lbnREaW1lbnNpb25zLmhlaWdodH1weFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtwcm9wcy5vZmZzZXRMZWZ0fSk7XG4gICAgICAgICAgICAgIHRvcDogY2FsYyhcbiAgICAgICAgICAgICAgICAke3Byb3BzLm9mZnNldFRvcH0gK1xuICAgICAgICAgICAgICAgICAgJHtnbG9iYWxOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMuaGVpZ2h0fXB4ICtcbiAgICAgICAgICAgICAgICAgICR7cGFnZU5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHhcbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgei1pbmRleDogJHtwcm9wcy56SW5kZXh9O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuUmVhY3RNb2RhbF9fQm9keS0tb3Blbi5ib2R5X19tZW51LW9wZW4gIyR7UE9SVEFMU19DT05UQUlORVJfSUR9IHtcbiAgICAgICAgICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtICR7cHJvcHMub2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGlkPXtQT1JUQUxTX0NPTlRBSU5FUl9JRH1cbiAgICAgICAgICAvLyBUaGUgY29udGFpbmVyIG5lZWRzIGEgaGVpZ2h0IGluIG9yZGVyIHRvIGJlIHRhYmJhYmxlOiBodHRwczovL3JlYWN0anMvcmVhY3QtbW9kYWwjNzc0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAtMXB4O1xuICAgICAgICAgIGB9XG4gICAgICAgIC8+XG4gICAgICA8Lz5cbiAgICApO1xuICB9XG4pO1xuUG9ydGFsc0NvbnRhaW5lci5kaXNwbGF5TmFtZSA9ICdQb3J0YWxzQ29udGFpbmVyJztcblBvcnRhbHNDb250YWluZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBQb3J0YWxzQ29udGFpbmVyO1xuIl19 */",
|
|
1760
1782
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
1761
1783
|
};
|
|
1762
1784
|
|
|
1763
|
-
var PortalsContainer = function
|
|
1785
|
+
var PortalsContainer = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
1786
|
+
var _current, _current2;
|
|
1787
|
+
|
|
1788
|
+
var globalNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 ? void 0 : (_current = ref.current) === null || _current === void 0 ? void 0 : _current.notificationsGlobalRef);
|
|
1789
|
+
var pageNotificationsElementDimensions = useObserverElementDimensions(ref === null || ref === void 0 ? void 0 : (_current2 = ref.current) === null || _current2 === void 0 ? void 0 : _current2.notificationsPageRef);
|
|
1764
1790
|
return jsxs(Fragment, {
|
|
1765
1791
|
children: [jsx(Global // Apply some global styles, based on the `.ReactModal__Body--open` class.
|
|
1766
1792
|
, {
|
|
1767
|
-
styles: /*#__PURE__*/css(".ReactModal__Body--open ", props.containerSelectorToPreventScrollingOnOpen, "{overflow:hidden;}.ReactModal__Body--open #", PORTALS_CONTAINER_ID, "{position:fixed;height:calc(100% - ", props.offsetTop, ");width:100
|
|
1793
|
+
styles: /*#__PURE__*/css(".ReactModal__Body--open ", props.containerSelectorToPreventScrollingOnOpen, "{overflow:hidden;}.ReactModal__Body--open #", PORTALS_CONTAINER_ID, "{position:fixed;height:calc(\n 100% - ", props.offsetTop, " -\n ", globalNotificationsElementDimensions.height, "px -\n ", pageNotificationsElementDimensions.height, "px\n );width:calc(100% - ", props.offsetLeft, ");top:calc(\n ", props.offsetTop, " +\n ", globalNotificationsElementDimensions.height, "px +\n ", pageNotificationsElementDimensions.height, "px\n );right:0;bottom:0;z-index:", props.zIndex, ";}.ReactModal__Body--open.body__menu-open #", PORTALS_CONTAINER_ID, "{width:calc(100% - ", props.offsetLeftOnExpandedMenu, ");}" + (process.env.NODE_ENV === "production" ? "" : ";label:PortalsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBvcnRhbHMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RnFCIiwiZmlsZSI6InBvcnRhbHMtY29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIHR5cGUgTXV0YWJsZVJlZk9iamVjdCxcbiAgdHlwZSBSZWZPYmplY3QsXG4gIGZvcndhcmRSZWYsXG4gIHVzZVN0YXRlLFxufSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB1c2VSZXNpemVPYnNlcnZlciBmcm9tICdAcmVhY3QtaG9vay9yZXNpemUtb2JzZXJ2ZXInO1xuaW1wb3J0IHsgUE9SVEFMU19DT05UQUlORVJfSUQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFRMYXlvdXRSZWZzID0ge1xuICBub3RpZmljYXRpb25zR2xvYmFsUmVmOiBNdXRhYmxlUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgbm90aWZpY2F0aW9uc1BhZ2VSZWY6IE11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQ+O1xufTtcbnR5cGUgVE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucyA9IHtcbiAgaGVpZ2h0OiBudW1iZXI7XG4gIHdpZHRoOiBudW1iZXI7XG59O1xudHlwZSBUUG9ydGFsc0NvbnRhaW5lclByb3BzID0ge1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSB0b3AsIHdoZW4gb3BlbmVkLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIGhlaWdodCBvZiB0aGUgaGVhZGVyIHNlY3Rpb24uXG4gICAqL1xuICBvZmZzZXRUb3A6IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBvZmZzZXQgdmFsdWUgZm9yIHBvc2l0aW9uaW5nIHRoZSBjb250YWluZXIgZnJvbSB0aGUgbGVmdCwgd2hlbiBvcGVuZWQuXG4gICAqIFVzdWFsbHkgdGhpcyBjb3JyZXNwb25kcyB0byB0aGUgbWluIHdpZHRoIG9mIHRoZSBuYXYgbWVudS5cbiAgICovXG4gIG9mZnNldExlZnQ6IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBvZmZzZXQgdmFsdWUgZm9yIHBvc2l0aW9uaW5nIHRoZSBjb250YWluZXIgZnJvbSB0aGUgbGVmdCwgd2hlbiBvcGVuZWQuXG4gICAqIFRoZSB2YWx1ZSBpcyBvbmx5IGFwcGxpZWQgd2hlbiB0aGUgYC5ib2R5X19tZW51LW9wZW5gIGdsb2JhbCBjbGFzcyBpcyBhZGRlZCB0byB0aGUgRE9NLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIHdpZHRoIG9mIHRoZSBleHBhbmRlZCBuYXYgbWVudS5cbiAgICovXG4gIG9mZnNldExlZnRPbkV4cGFuZGVkTWVudTogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIENTUyBzZWxlY3RvciB0byBhcHBseSB0aGUgYG92ZXJmbG93OiBoaWRkZW5gIHN0eWxlIHRvIChwcmV2ZW50aW5nIHNjcm9sbGluZylcbiAgICogd2hlbiBhIG1vZGFsIGNvbnRhaW5lciBpcyBvcGVuLlxuICAgKi9cbiAgY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW46IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBgei1pbmRleGAgdmFsdWUgdG8gYXBwbHkgdG8gdGhlIHBvcnRhbCBjb250YWluZXIuIERlZmF1bHQgdG8gYDEwMDAwYC5cbiAgICovXG4gIHpJbmRleDogbnVtYmVyO1xufTtcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgVFBvcnRhbHNDb250YWluZXJQcm9wcyxcbiAgfCAnb2Zmc2V0VG9wJ1xuICB8ICdvZmZzZXRMZWZ0J1xuICB8ICdvZmZzZXRMZWZ0T25FeHBhbmRlZE1lbnUnXG4gIHwgJ2NvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuJ1xuICB8ICd6SW5kZXgnXG4+ID0ge1xuICBvZmZzZXRUb3A6ICcwcHgnLFxuICBvZmZzZXRMZWZ0OiAnMHB4JyxcbiAgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51OiAnMHB4JyxcbiAgY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW46ICdtYWluJyxcbiAgekluZGV4OiAxMDAwMCxcbn07XG5cbmNvbnN0IHVzZU9ic2VydmVyRWxlbWVudERpbWVuc2lvbnMgPSAoXG4gIGVsZW1lbnQ6IFJlZk9iamVjdDxIVE1MRGl2RWxlbWVudD4gfCBudWxsXG4pOiBUT2JzZXJ2YWJsZUVsZW1lbnREaW1lbnNpb25zID0+IHtcbiAgY29uc3QgW2RpbWVuc2lvbnMsIHNldERpbWVuc2lvbnNdID0gdXNlU3RhdGU8VE9ic2VydmFibGVFbGVtZW50RGltZW5zaW9ucz4oe1xuICAgIGhlaWdodDogMCxcbiAgICB3aWR0aDogMCxcbiAgfSk7XG5cbiAgdXNlUmVzaXplT2JzZXJ2ZXI8SFRNTERpdkVsZW1lbnQ+KGVsZW1lbnQsIChlbnRyeSkgPT4ge1xuICAgIHNldERpbWVuc2lvbnMoe1xuICAgICAgaGVpZ2h0OiBlbnRyeS5jb250ZW50UmVjdC5oZWlnaHQsXG4gICAgICB3aWR0aDogZW50cnkuY29udGVudFJlY3Qud2lkdGgsXG4gICAgfSk7XG4gIH0pO1xuXG4gIHJldHVybiBkaW1lbnNpb25zO1xufTtcblxuLy8gQWxsIG1vZGFsIGNvbXBvbmVudHMgZXhwZWN0IHRvIGJlIHJlbmRlcmVkIGluc2lkZSB0aGlzIGNvbnRhaW5lci5cbmNvbnN0IFBvcnRhbHNDb250YWluZXIgPSBmb3J3YXJkUmVmPFRMYXlvdXRSZWZzLCBUUG9ydGFsc0NvbnRhaW5lclByb3BzPihcbiAgKHByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCBnbG9iYWxOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNHbG9iYWxSZWZcbiAgICApO1xuICAgIGNvbnN0IHBhZ2VOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMgPSB1c2VPYnNlcnZlckVsZW1lbnREaW1lbnNpb25zKFxuICAgICAgKHJlZiBhcyBNdXRhYmxlUmVmT2JqZWN0PFRMYXlvdXRSZWZzPik/LmN1cnJlbnQ/Lm5vdGlmaWNhdGlvbnNQYWdlUmVmXG4gICAgKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8PlxuICAgICAgICA8R2xvYmFsXG4gICAgICAgICAgLy8gQXBwbHkgc29tZSBnbG9iYWwgc3R5bGVzLCBiYXNlZCBvbiB0aGUgYC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuYCBjbGFzcy5cbiAgICAgICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuXG4gICAgICAgICAgICAgICR7cHJvcHMuY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW59IHtcbiAgICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgLlJlYWN0TW9kYWxfX0JvZHktLW9wZW4gIyR7UE9SVEFMU19DT05UQUlORVJfSUR9IHtcbiAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICBoZWlnaHQ6IGNhbGMoXG4gICAgICAgICAgICAgICAgMTAwJSAtICR7cHJvcHMub2Zmc2V0VG9wfSAtXG4gICAgICAgICAgICAgICAgICAke2dsb2JhbE5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHggLVxuICAgICAgICAgICAgICAgICAgJHtwYWdlTm90aWZpY2F0aW9uc0VsZW1lbnREaW1lbnNpb25zLmhlaWdodH1weFxuICAgICAgICAgICAgICApO1xuICAgICAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtwcm9wcy5vZmZzZXRMZWZ0fSk7XG4gICAgICAgICAgICAgIHRvcDogY2FsYyhcbiAgICAgICAgICAgICAgICAke3Byb3BzLm9mZnNldFRvcH0gK1xuICAgICAgICAgICAgICAgICAgJHtnbG9iYWxOb3RpZmljYXRpb25zRWxlbWVudERpbWVuc2lvbnMuaGVpZ2h0fXB4ICtcbiAgICAgICAgICAgICAgICAgICR7cGFnZU5vdGlmaWNhdGlvbnNFbGVtZW50RGltZW5zaW9ucy5oZWlnaHR9cHhcbiAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgei1pbmRleDogJHtwcm9wcy56SW5kZXh9O1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAuUmVhY3RNb2RhbF9fQm9keS0tb3Blbi5ib2R5X19tZW51LW9wZW4gIyR7UE9SVEFMU19DT05UQUlORVJfSUR9IHtcbiAgICAgICAgICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtICR7cHJvcHMub2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51fSk7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGlkPXtQT1JUQUxTX0NPTlRBSU5FUl9JRH1cbiAgICAgICAgICAvLyBUaGUgY29udGFpbmVyIG5lZWRzIGEgaGVpZ2h0IGluIG9yZGVyIHRvIGJlIHRhYmJhYmxlOiBodHRwczovL3JlYWN0anMvcmVhY3QtbW9kYWwjNzc0XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgaGVpZ2h0OiAxcHg7XG4gICAgICAgICAgICBtYXJnaW4tdG9wOiAtMXB4O1xuICAgICAgICAgIGB9XG4gICAgICAgIC8+XG4gICAgICA8Lz5cbiAgICApO1xuICB9XG4pO1xuUG9ydGFsc0NvbnRhaW5lci5kaXNwbGF5TmFtZSA9ICdQb3J0YWxzQ29udGFpbmVyJztcblBvcnRhbHNDb250YWluZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBQb3J0YWxzQ29udGFpbmVyO1xuIl19 */")
|
|
1768
1794
|
}), jsx("div", {
|
|
1769
1795
|
id: PORTALS_CONTAINER_ID // The container needs a height in order to be tabbable: https://reactjs/react-modal#774
|
|
1770
1796
|
,
|
|
1771
1797
|
css: _ref
|
|
1772
1798
|
})]
|
|
1773
1799
|
});
|
|
1774
|
-
};
|
|
1775
|
-
|
|
1800
|
+
});
|
|
1776
1801
|
PortalsContainer.displayName = 'PortalsContainer';
|
|
1777
1802
|
PortalsContainer.defaultProps = defaultProps;
|
|
1778
1803
|
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
+
import { type MutableRefObject } from 'react';
|
|
2
|
+
declare type TLayoutRefs = {
|
|
3
|
+
notificationsGlobalRef: MutableRefObject<HTMLDivElement>;
|
|
4
|
+
notificationsPageRef: MutableRefObject<HTMLDivElement>;
|
|
5
|
+
};
|
|
1
6
|
declare type TPortalsContainerProps = {
|
|
2
7
|
offsetTop: string;
|
|
8
|
+
offsetLeft: string;
|
|
9
|
+
offsetLeftOnExpandedMenu: string;
|
|
3
10
|
containerSelectorToPreventScrollingOnOpen: string;
|
|
4
11
|
zIndex: number;
|
|
5
12
|
};
|
|
6
|
-
declare const PortalsContainer:
|
|
7
|
-
(props: TPortalsContainerProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
8
|
-
displayName: string;
|
|
9
|
-
defaultProps: Pick<TPortalsContainerProps, "zIndex" | "offsetTop" | "containerSelectorToPreventScrollingOnOpen">;
|
|
10
|
-
};
|
|
13
|
+
declare const PortalsContainer: import("react").ForwardRefExoticComponent<TPortalsContainerProps & import("react").RefAttributes<TLayoutRefs>>;
|
|
11
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.4.0",
|
|
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": {
|
|
@@ -27,33 +27,34 @@
|
|
|
27
27
|
"README.md"
|
|
28
28
|
],
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@babel/runtime": "^7.17.
|
|
31
|
-
"@babel/runtime-corejs3": "^7.17.
|
|
32
|
-
"@commercetools-frontend/application-shell-connectors": "21.3.
|
|
30
|
+
"@babel/runtime": "^7.17.9",
|
|
31
|
+
"@babel/runtime-corejs3": "^7.17.9",
|
|
32
|
+
"@commercetools-frontend/application-shell-connectors": "21.3.4",
|
|
33
33
|
"@commercetools-frontend/assets": "21.0.0",
|
|
34
|
-
"@commercetools-frontend/constants": "21.3.
|
|
35
|
-
"@commercetools-frontend/i18n": "21.
|
|
36
|
-
"@commercetools-frontend/l10n": "21.3.
|
|
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": "^
|
|
50
|
-
"@emotion/react": "11.
|
|
34
|
+
"@commercetools-frontend/constants": "21.3.4",
|
|
35
|
+
"@commercetools-frontend/i18n": "21.4.0",
|
|
36
|
+
"@commercetools-frontend/l10n": "21.3.4",
|
|
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
|
+
"@emotion/react": "11.9.0",
|
|
51
51
|
"@emotion/styled": "11.8.1",
|
|
52
|
+
"@react-hook/resize-observer": "1.2.5",
|
|
52
53
|
"@types/history": "4.7.11",
|
|
53
54
|
"@types/lodash": "^4.14.181",
|
|
54
|
-
"@types/prop-types": "^15.7.
|
|
55
|
-
"@types/react": "^17.0.
|
|
56
|
-
"@types/react-dom": "^17.0.
|
|
55
|
+
"@types/prop-types": "^15.7.5",
|
|
56
|
+
"@types/react": "^17.0.44",
|
|
57
|
+
"@types/react-dom": "^17.0.15",
|
|
57
58
|
"@types/react-modal": "^3.13.1",
|
|
58
59
|
"history": "4.10.1",
|
|
59
60
|
"lodash": "4.17.21",
|
|
@@ -63,7 +64,7 @@
|
|
|
63
64
|
"devDependencies": {
|
|
64
65
|
"react": "17.0.2",
|
|
65
66
|
"react-dom": "17.0.2",
|
|
66
|
-
"react-intl": "5.
|
|
67
|
+
"react-intl": "^5.25.0",
|
|
67
68
|
"react-router-dom": "5.3.0"
|
|
68
69
|
},
|
|
69
70
|
"peerDependencies": {
|