@commercetools-frontend/application-components 21.3.4 → 21.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/commercetools-frontend-application-components.cjs.dev.js +33 -9
- package/dist/commercetools-frontend-application-components.cjs.prod.js +32 -8
- package/dist/commercetools-frontend-application-components.esm.js +33 -10
- package/dist/declarations/src/components/portals-container/portals-container.d.ts +6 -5
- package/package.json +2 -1
|
@@ -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.3.
|
|
78
|
+
var version = "21.3.5";
|
|
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,36 +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: '
|
|
1783
|
-
offsetLeft: '
|
|
1784
|
-
offsetLeftOnExpandedMenu: '
|
|
1784
|
+
offsetTop: '0px',
|
|
1785
|
+
offsetLeft: '0px',
|
|
1786
|
+
offsetLeftOnExpandedMenu: '0px',
|
|
1785
1787
|
containerSelectorToPreventScrollingOnOpen: 'main',
|
|
1786
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;
|
|
1787
1807
|
}; // All modal components expect to be rendered inside this container.
|
|
1788
1808
|
|
|
1809
|
+
|
|
1789
1810
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
1790
1811
|
name: "qk9kof",
|
|
1791
1812
|
styles: "display:flex;height:1px;margin-top:-1px"
|
|
1792
1813
|
} : {
|
|
1793
1814
|
name: "14eqpg3-PortalsContainer",
|
|
1794
1815
|
styles: "display:flex;height:1px;margin-top:-1px;label:PortalsContainer;",
|
|
1795
|
-
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 */",
|
|
1796
1817
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
1797
1818
|
};
|
|
1798
1819
|
|
|
1799
|
-
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);
|
|
1800
1825
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1801
1826
|
children: [jsxRuntime.jsx(react.Global // Apply some global styles, based on the `.ReactModal__Body--open` class.
|
|
1802
1827
|
, {
|
|
1803
|
-
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:calc(100% - ", props.offsetLeft, ");top:", props.offsetTop, ";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,
|
|
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 */")
|
|
1804
1829
|
}), jsxRuntime.jsx("div", {
|
|
1805
1830
|
id: constants.PORTALS_CONTAINER_ID // The container needs a height in order to be tabbable: https://reactjs/react-modal#774
|
|
1806
1831
|
,
|
|
1807
1832
|
css: _ref
|
|
1808
1833
|
})]
|
|
1809
1834
|
});
|
|
1810
|
-
};
|
|
1811
|
-
|
|
1835
|
+
});
|
|
1812
1836
|
PortalsContainer.displayName = 'PortalsContainer';
|
|
1813
1837
|
PortalsContainer.defaultProps = defaultProps;
|
|
1814
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.3.
|
|
77
|
+
var version = "21.3.5";
|
|
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,31 +1342,53 @@ var PageUnauthorized = function PageUnauthorized() {
|
|
|
1340
1342
|
PageUnauthorized.displayName = 'PageUnauthorized';
|
|
1341
1343
|
|
|
1342
1344
|
var defaultProps = {
|
|
1343
|
-
offsetTop: '
|
|
1344
|
-
offsetLeft: '
|
|
1345
|
-
offsetLeftOnExpandedMenu: '
|
|
1345
|
+
offsetTop: '0px',
|
|
1346
|
+
offsetLeft: '0px',
|
|
1347
|
+
offsetLeftOnExpandedMenu: '0px',
|
|
1346
1348
|
containerSelectorToPreventScrollingOnOpen: 'main',
|
|
1347
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;
|
|
1348
1368
|
}; // All modal components expect to be rendered inside this container.
|
|
1349
1369
|
|
|
1370
|
+
|
|
1350
1371
|
var _ref = {
|
|
1351
1372
|
name: "qk9kof",
|
|
1352
1373
|
styles: "display:flex;height:1px;margin-top:-1px"
|
|
1353
1374
|
} ;
|
|
1354
1375
|
|
|
1355
|
-
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);
|
|
1356
1381
|
return jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
1357
1382
|
children: [jsxRuntime.jsx(react.Global // Apply some global styles, based on the `.ReactModal__Body--open` class.
|
|
1358
1383
|
, {
|
|
1359
|
-
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:calc(100% - ", props.offsetLeft, ");top:", props.offsetTop, ";right:0;bottom:0;z-index:", props.zIndex, ";}.ReactModal__Body--open.body__menu-open #", constants.PORTALS_CONTAINER_ID, "{width:calc(100% - ", props.offsetLeftOnExpandedMenu, ");}" + ("" ), "" )
|
|
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, ");}" + ("" ), "" )
|
|
1360
1385
|
}), jsxRuntime.jsx("div", {
|
|
1361
1386
|
id: constants.PORTALS_CONTAINER_ID // The container needs a height in order to be tabbable: https://reactjs/react-modal#774
|
|
1362
1387
|
,
|
|
1363
1388
|
css: _ref
|
|
1364
1389
|
})]
|
|
1365
1390
|
});
|
|
1366
|
-
};
|
|
1367
|
-
|
|
1391
|
+
});
|
|
1368
1392
|
PortalsContainer.displayName = 'PortalsContainer';
|
|
1369
1393
|
PortalsContainer.defaultProps = defaultProps;
|
|
1370
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.3.
|
|
43
|
+
var version = "21.3.5";
|
|
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,36 +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
|
-
offsetLeft: '
|
|
1750
|
-
offsetLeftOnExpandedMenu: '
|
|
1749
|
+
offsetTop: '0px',
|
|
1750
|
+
offsetLeft: '0px',
|
|
1751
|
+
offsetLeftOnExpandedMenu: '0px',
|
|
1751
1752
|
containerSelectorToPreventScrollingOnOpen: 'main',
|
|
1752
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;
|
|
1753
1772
|
}; // All modal components expect to be rendered inside this container.
|
|
1754
1773
|
|
|
1774
|
+
|
|
1755
1775
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
1756
1776
|
name: "qk9kof",
|
|
1757
1777
|
styles: "display:flex;height:1px;margin-top:-1px"
|
|
1758
1778
|
} : {
|
|
1759
1779
|
name: "14eqpg3-PortalsContainer",
|
|
1760
1780
|
styles: "display:flex;height:1px;margin-top:-1px;label:PortalsContainer;",
|
|
1761
|
-
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 */",
|
|
1762
1782
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
1763
1783
|
};
|
|
1764
1784
|
|
|
1765
|
-
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);
|
|
1766
1790
|
return jsxs(Fragment, {
|
|
1767
1791
|
children: [jsx(Global // Apply some global styles, based on the `.ReactModal__Body--open` class.
|
|
1768
1792
|
, {
|
|
1769
|
-
styles: /*#__PURE__*/css(".ReactModal__Body--open ", props.containerSelectorToPreventScrollingOnOpen, "{overflow:hidden;}.ReactModal__Body--open #", PORTALS_CONTAINER_ID, "{position:fixed;height:calc(100% - ", props.offsetTop, ");width:calc(100% - ", props.offsetLeft, ");top:", props.offsetTop, ";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,
|
|
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 */")
|
|
1770
1794
|
}), jsx("div", {
|
|
1771
1795
|
id: PORTALS_CONTAINER_ID // The container needs a height in order to be tabbable: https://reactjs/react-modal#774
|
|
1772
1796
|
,
|
|
1773
1797
|
css: _ref
|
|
1774
1798
|
})]
|
|
1775
1799
|
});
|
|
1776
|
-
};
|
|
1777
|
-
|
|
1800
|
+
});
|
|
1778
1801
|
PortalsContainer.displayName = 'PortalsContainer';
|
|
1779
1802
|
PortalsContainer.defaultProps = defaultProps;
|
|
1780
1803
|
|
|
@@ -1,3 +1,8 @@
|
|
|
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;
|
|
3
8
|
offsetLeft: string;
|
|
@@ -5,9 +10,5 @@ declare type TPortalsContainerProps = {
|
|
|
5
10
|
containerSelectorToPreventScrollingOnOpen: string;
|
|
6
11
|
zIndex: number;
|
|
7
12
|
};
|
|
8
|
-
declare const PortalsContainer:
|
|
9
|
-
(props: TPortalsContainerProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
10
|
-
displayName: string;
|
|
11
|
-
defaultProps: Pick<TPortalsContainerProps, "zIndex" | "offsetTop" | "offsetLeft" | "offsetLeftOnExpandedMenu" | "containerSelectorToPreventScrollingOnOpen">;
|
|
12
|
-
};
|
|
13
|
+
declare const PortalsContainer: import("react").ForwardRefExoticComponent<TPortalsContainerProps & import("react").RefAttributes<TLayoutRefs>>;
|
|
13
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.
|
|
3
|
+
"version": "21.3.5",
|
|
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": {
|
|
@@ -49,6 +49,7 @@
|
|
|
49
49
|
"@commercetools-uikit/utils": "^14.0.1",
|
|
50
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
55
|
"@types/prop-types": "^15.7.5",
|