npm - @commercetools-frontend/application-components - Versions diffs - 21.3.0 → 21.3.4 - Mend

@commercetools-frontend/application-components 21.3.0 → 21.3.4

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.

Files changed (7) hide show

package/dist/commercetools-frontend-application-components.cjs.dev.js CHANGED Viewed

@@ -73,7 +73,7 @@ var PageNotFoundSVG__default = /*#__PURE__*/_interopDefault(PageNotFoundSVG);
 var FailedAuthorizationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthorizationSVG);
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.3.0";
+var version = "21.3.4";
 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)."; }
@@ -170,14 +170,14 @@ TabHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   exactPathMatch: _pt__default["default"].bool.isRequired
 } : {};
 TabHeader.displayName = 'TabHeader';
-var defaultProps$d = {
+var defaultProps$e = {
   isDisabled: false,
   exactPathMatch: false
 };
-TabHeader.defaultProps = defaultProps$d;
+TabHeader.defaultProps = defaultProps$e;
 function _EMOTION_STRINGIFIED_CSS_ERROR__$9() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var defaultProps$c = {
+var defaultProps$d = {
   titleSize: 'small',
   truncate: false
 };
@@ -264,7 +264,7 @@ PageHeaderTitle.propTypes = process.env.NODE_ENV !== "production" ? {
   subtitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element])
 } : {};
 PageHeaderTitle.displayName = 'PageHeaderTitle';
-PageHeaderTitle.defaultProps = defaultProps$c;
+PageHeaderTitle.defaultProps = defaultProps$d;
 function _EMOTION_STRINGIFIED_CSS_ERROR__$8() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -313,10 +313,10 @@ TabularPageContainer.propTypes = process.env.NODE_ENV !== "production" ? {
   color: _pt__default["default"].oneOf(['surface', 'neutral']).isRequired
 } : {};
 TabularPageContainer.displayName = 'TabularPageContainer';
-var defaultProps$b = {
+var defaultProps$c = {
   color: 'surface'
 };
-TabularPageContainer.defaultProps = defaultProps$b;
+TabularPageContainer.defaultProps = defaultProps$c;
 var FormControlsContainer = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "elpldre0"
@@ -331,7 +331,7 @@ var ContentWrapper = _styled__default["default"]("div", process.env.NODE_ENV ===
 } : {
   target: "e1b7jwn01",
   label: "ContentWrapper"
-})("flex:1;padding:", designSystem.customProperties.spacingM, ";overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd3QyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */"));
+})("flex:1;flex-basis:0;padding:", designSystem.customProperties.spacingM, ";overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd3QyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */"));
 var PageWrapper = _styled__default["default"]("div", process.env.NODE_ENV === "production" ? {
   target: "e1b7jwn00"
 } : {
@@ -343,7 +343,7 @@ var PageWrapper = _styled__default["default"]("div", process.env.NODE_ENV === "p
 } : {
   name: "kdbhus",
   styles: "height:100%;display:flex;flex-direction:column",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNxQyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxQyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
 });
@@ -444,17 +444,20 @@ FormDeleteButton.propTypes = process.env.NODE_ENV !== "production" ? {
 FormDeleteButton.displayName = 'FormDeleteButton';
 FormDeleteButton.defaultProps = deleteDefaultProps;
-var defaultProps$a = {
+var defaultProps$b = {
   hideControls: false
 };
 var TabularMainPage = function TabularMainPage(props) {
+  var _props$title;
+  process.env.NODE_ENV !== "production" ? utils.warning(props.title !== undefined || props.customTitleRow !== undefined, 'TabularMainPage: one of either `title` or `customTitleRow` is required but both their values are `undefined`') : void 0;
   return jsxRuntime.jsxs(PageWrapper, {
     children: [jsxRuntime.jsx(TabularPageContainer, {
       color: "surface",
       children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
         children: [props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
-          title: props.title,
+          title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
           subtitle: props.subtitle,
           titleSize: "big"
         }), jsxRuntime.jsx(ControlsContainter, {
@@ -468,14 +471,14 @@ var TabularMainPage = function TabularMainPage(props) {
         })]
       })
     }), jsxRuntime.jsx(ContentWrapper, {
-      css: /*#__PURE__*/react.css("background-color:", designSystem.customProperties.colorNeutral95, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TabularMainPage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItbWFpbi1wYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRWMiLCJmaWxlIjoidGFidWxhci1tYWluLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgeyBzaGFyZWRNZXNzYWdlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2kxOG4nO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFBhZ2VIZWFkZXJUaXRsZSBmcm9tICcuLi9pbnRlcm5hbHMvcGFnZS1oZWFkZXItdGl0bGUnO1xuaW1wb3J0IHtcbiAgQ29udHJvbHNDb250YWludGVyLFxuICBUYWJ1bGFyUGFnZUNvbnRhaW5lcixcbiAgRm9ybUNvbnRyb2xzQ29udGFpbmVyLFxufSBmcm9tICcuLi9pbnRlcm5hbHMvdGFidWxhci1wYWdlJztcbmltcG9ydCB7IENvbnRlbnRXcmFwcGVyLCBQYWdlV3JhcHBlciB9IGZyb20gJy4uL2ludGVybmFscy9wYWdlLnN0eWxlcyc7XG5pbXBvcnQge1xuICBGb3JtUHJpbWFyeUJ1dHRvbixcbiAgRm9ybVNlY29uZGFyeUJ1dHRvbixcbiAgRm9ybURlbGV0ZUJ1dHRvbixcbn0gZnJvbSAnLi4vaW50ZXJuYWxzL2RlZmF1bHQtZm9ybS1idXR0b25zJztcblxudHlwZSBUVGFidWxhck1haW5QYWdlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgdGl0bGUgb2YgdGhlIHBhZ2UuXG4gICAqL1xuICB0aXRsZTogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIHN1YnRpdGxlIG9mIHRoZSBwYWdlLlxuICAgKi9cbiAgc3VidGl0bGU/OiBzdHJpbmcgfCBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBSZXBsYWNlcyB0aGUgdGl0bGUvc3VidGl0bGUgcm93IHdpdGggYSBjdXN0b20gb25lIChmb3Igc3BlY2lhbCB1c2UgY2FzZXMpXG4gICAqL1xuICBjdXN0b21UaXRsZVJvdz86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEFueSBSZWFjdCBub2RlIGRpc3BsYXllZCBhcyB0aGUgdGFiIHBhbmVsLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEEgY29tcG9zaXRpb24gb2YgdGFiIGNvbXBvbmVudHMuXG4gICAqL1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICAvKipcbiAgICogQW55IFJlYWN0IG5vZGUgdG8gYmUgcmVuZGVyZWQgYXMgdGhlIGZvcm0gY29udHJvbHMuXG4gICAqL1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBmb3JtIGNvbnRyb2xzIHNob3VsZCBiZSByZW5kZXJlZC5cbiAgICovXG4gIGhpZGVDb250cm9sczogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFidWxhck1haW5QYWdlUHJvcHMsICdoaWRlQ29udHJvbHMnPiA9IHtcbiAgaGlkZUNvbnRyb2xzOiBmYWxzZSxcbn07XG5cbmNvbnN0IFRhYnVsYXJNYWluUGFnZSA9IChwcm9wczogVFRhYnVsYXJNYWluUGFnZVByb3BzKSA9PiAoXG4gIDxQYWdlV3JhcHBlcj5cbiAgICA8VGFidWxhclBhZ2VDb250YWluZXIgY29sb3I9XCJzdXJmYWNlXCI+XG4gICAgICA8U3BhY2luZ3MuU3RhY2s+XG4gICAgICAgIHtwcm9wcy5jdXN0b21UaXRsZVJvdyB8fCAoXG4gICAgICAgICAgPFBhZ2VIZWFkZXJUaXRsZVxuICAgICAgICAgICAgdGl0bGU9e3Byb3BzLnRpdGxlfVxuICAgICAgICAgICAgc3VidGl0bGU9e3Byb3BzLnN1YnRpdGxlfVxuICAgICAgICAgICAgdGl0bGVTaXplPVwiYmlnXCJcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8Q29udHJvbHNDb250YWludGVyXG4gICAgICAgICAgdGFiQ29udHJvbHM9e3Byb3BzLnRhYkNvbnRyb2xzfVxuICAgICAgICAgIGZvcm1Db250cm9scz17XG4gICAgICAgICAgICA8Rm9ybUNvbnRyb2xzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7IXByb3BzLmhpZGVDb250cm9scyAmJiBwcm9wcy5mb3JtQ29udHJvbHMgJiYgKFxuICAgICAgICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgYWxpZ25JdGVtcz1cImZsZXgtZW5kXCI+XG4gICAgICAgICAgICAgICAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICAgICAgICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9Gb3JtQ29udHJvbHNDb250YWluZXI+XG4gICAgICAgICAgfVxuICAgICAgICAvPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L1RhYnVsYXJQYWdlQ29udGFpbmVyPlxuICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWw5NX07XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICA8L1BhZ2VXcmFwcGVyPlxuKTtcblRhYnVsYXJNYWluUGFnZS5kaXNwbGF5TmFtZSA9ICdUYWJ1bGFyTWFpblBhZ2UnO1xuVGFidWxhck1haW5QYWdlLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbi8vIFN0YXRpYyBleHBvcnQgb2YgcHJlLWNvbmZpZ3VyZWQgZm9ybSBjb250cm9sIGJ1dHRvbnMgdG8gZWFzaWx5IHJlLXVzZVxuLy8gdGhlbSBpbiB0aGUgY3VzdG9tIGNvbnRyb2xzLlxuVGFidWxhck1haW5QYWdlLkZvcm1QcmltYXJ5QnV0dG9uID0gRm9ybVByaW1hcnlCdXR0b247XG5UYWJ1bGFyTWFpblBhZ2UuRm9ybVNlY29uZGFyeUJ1dHRvbiA9IEZvcm1TZWNvbmRhcnlCdXR0b247XG5UYWJ1bGFyTWFpblBhZ2UuRm9ybURlbGV0ZUJ1dHRvbiA9IEZvcm1EZWxldGVCdXR0b247XG4vLyBTdGF0aWMgZXhwb3J0IG9mIHByZS1jb25maWd1cmVkIHBhZ2UgaGVhZGVyIHRpdGxlIGNvbXBvbmVudCB0byBlYXNpbHlcbi8vIHVzZSBhcyBwYXJ0IG9mIGEgY3VzdG9tIHRpdGxlIHJvd1xuVGFidWxhck1haW5QYWdlLlBhZ2VIZWFkZXJUaXRsZSA9IFBhZ2VIZWFkZXJUaXRsZTtcbi8vIFRoaXMgaXMgYSBjb252ZW5pZW5jZSBwcm94eSBleHBvcnQgdG8gZXhwb3NlIHByZS1kZWZpbmVkIEludGwgbWVzc2FnZXMgZGVmaW5lZCBpbiB0aGUgYEBjb21tZXJjZXRvb2xzLWZyb250ZW5kL2kxOG5gIHBhY2thZ2UuXG5UYWJ1bGFyTWFpblBhZ2UuSW50bCA9IHNoYXJlZE1lc3NhZ2VzO1xuXG5leHBvcnQgZGVmYXVsdCBUYWJ1bGFyTWFpblBhZ2U7XG4iXX0= */"),
+      css: /*#__PURE__*/react.css("background-color:", designSystem.customProperties.colorNeutral95, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TabularMainPage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItbWFpbi1wYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRmdCIiwiZmlsZSI6InRhYnVsYXItbWFpbi1wYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IHsgc2hhcmVkTWVzc2FnZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9pMThuJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgUGFnZUhlYWRlclRpdGxlIGZyb20gJy4uL2ludGVybmFscy9wYWdlLWhlYWRlci10aXRsZSc7XG5pbXBvcnQge1xuICBDb250cm9sc0NvbnRhaW50ZXIsXG4gIFRhYnVsYXJQYWdlQ29udGFpbmVyLFxuICBGb3JtQ29udHJvbHNDb250YWluZXIsXG59IGZyb20gJy4uL2ludGVybmFscy90YWJ1bGFyLXBhZ2UnO1xuaW1wb3J0IHsgQ29udGVudFdyYXBwZXIsIFBhZ2VXcmFwcGVyIH0gZnJvbSAnLi4vaW50ZXJuYWxzL3BhZ2Uuc3R5bGVzJztcbmltcG9ydCB7XG4gIEZvcm1QcmltYXJ5QnV0dG9uLFxuICBGb3JtU2Vjb25kYXJ5QnV0dG9uLFxuICBGb3JtRGVsZXRlQnV0dG9uLFxufSBmcm9tICcuLi9pbnRlcm5hbHMvZGVmYXVsdC1mb3JtLWJ1dHRvbnMnO1xuXG50eXBlIFRUYWJ1bGFyTWFpblBhZ2VQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0aXRsZSBvZiB0aGUgcGFnZS5cbiAgICovXG4gIHRpdGxlPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIHN1YnRpdGxlIG9mIHRoZSBwYWdlLlxuICAgKi9cbiAgc3VidGl0bGU/OiBzdHJpbmcgfCBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBSZXBsYWNlcyB0aGUgdGl0bGUvc3VidGl0bGUgcm93IHdpdGggYSBjdXN0b20gb25lIChmb3Igc3BlY2lhbCB1c2UgY2FzZXMpXG4gICAqL1xuICBjdXN0b21UaXRsZVJvdz86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEFueSBSZWFjdCBub2RlIGRpc3BsYXllZCBhcyB0aGUgdGFiIHBhbmVsLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEEgY29tcG9zaXRpb24gb2YgdGFiIGNvbXBvbmVudHMuXG4gICAqL1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICAvKipcbiAgICogQW55IFJlYWN0IG5vZGUgdG8gYmUgcmVuZGVyZWQgYXMgdGhlIGZvcm0gY29udHJvbHMuXG4gICAqL1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBmb3JtIGNvbnRyb2xzIHNob3VsZCBiZSByZW5kZXJlZC5cbiAgICovXG4gIGhpZGVDb250cm9sczogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFidWxhck1haW5QYWdlUHJvcHMsICdoaWRlQ29udHJvbHMnPiA9IHtcbiAgaGlkZUNvbnRyb2xzOiBmYWxzZSxcbn07XG5cbmNvbnN0IFRhYnVsYXJNYWluUGFnZSA9IChwcm9wczogVFRhYnVsYXJNYWluUGFnZVByb3BzKSA9PiB7XG4gIHdhcm5pbmcoXG4gICAgcHJvcHMudGl0bGUgIT09IHVuZGVmaW5lZCB8fCBwcm9wcy5jdXN0b21UaXRsZVJvdyAhPT0gdW5kZWZpbmVkLFxuICAgICdUYWJ1bGFyTWFpblBhZ2U6IG9uZSBvZiBlaXRoZXIgYHRpdGxlYCBvciBgY3VzdG9tVGl0bGVSb3dgIGlzIHJlcXVpcmVkIGJ1dCBib3RoIHRoZWlyIHZhbHVlcyBhcmUgYHVuZGVmaW5lZGAnXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFnZVdyYXBwZXI+XG4gICAgICA8VGFidWxhclBhZ2VDb250YWluZXIgY29sb3I9XCJzdXJmYWNlXCI+XG4gICAgICAgIDxTcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICB7cHJvcHMuY3VzdG9tVGl0bGVSb3cgfHwgKFxuICAgICAgICAgICAgPFBhZ2VIZWFkZXJUaXRsZVxuICAgICAgICAgICAgICB0aXRsZT17cHJvcHMudGl0bGUgPz8gJyd9XG4gICAgICAgICAgICAgIHN1YnRpdGxlPXtwcm9wcy5zdWJ0aXRsZX1cbiAgICAgICAgICAgICAgdGl0bGVTaXplPVwiYmlnXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8Q29udHJvbHNDb250YWludGVyXG4gICAgICAgICAgICB0YWJDb250cm9scz17cHJvcHMudGFiQ29udHJvbHN9XG4gICAgICAgICAgICBmb3JtQ29udHJvbHM9e1xuICAgICAgICAgICAgICA8Rm9ybUNvbnRyb2xzQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgIHshcHJvcHMuaGlkZUNvbnRyb2xzICYmIHByb3BzLmZvcm1Db250cm9scyAmJiAoXG4gICAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGFsaWduSXRlbXM9XCJmbGV4LWVuZFwiPlxuICAgICAgICAgICAgICAgICAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICAgICAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9Gb3JtQ29udHJvbHNDb250YWluZXI+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvVGFidWxhclBhZ2VDb250YWluZXI+XG4gICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICA8L1BhZ2VXcmFwcGVyPlxuICApO1xufTtcblRhYnVsYXJNYWluUGFnZS5kaXNwbGF5TmFtZSA9ICdUYWJ1bGFyTWFpblBhZ2UnO1xuVGFidWxhck1haW5QYWdlLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbi8vIFN0YXRpYyBleHBvcnQgb2YgcHJlLWNvbmZpZ3VyZWQgZm9ybSBjb250cm9sIGJ1dHRvbnMgdG8gZWFzaWx5IHJlLXVzZVxuLy8gdGhlbSBpbiB0aGUgY3VzdG9tIGNvbnRyb2xzLlxuVGFidWxhck1haW5QYWdlLkZvcm1QcmltYXJ5QnV0dG9uID0gRm9ybVByaW1hcnlCdXR0b247XG5UYWJ1bGFyTWFpblBhZ2UuRm9ybVNlY29uZGFyeUJ1dHRvbiA9IEZvcm1TZWNvbmRhcnlCdXR0b247XG5UYWJ1bGFyTWFpblBhZ2UuRm9ybURlbGV0ZUJ1dHRvbiA9IEZvcm1EZWxldGVCdXR0b247XG4vLyBTdGF0aWMgZXhwb3J0IG9mIHByZS1jb25maWd1cmVkIHBhZ2UgaGVhZGVyIHRpdGxlIGNvbXBvbmVudCB0byBlYXNpbHlcbi8vIHVzZSBhcyBwYXJ0IG9mIGEgY3VzdG9tIHRpdGxlIHJvd1xuVGFidWxhck1haW5QYWdlLlBhZ2VIZWFkZXJUaXRsZSA9IFBhZ2VIZWFkZXJUaXRsZTtcbi8vIFRoaXMgaXMgYSBjb252ZW5pZW5jZSBwcm94eSBleHBvcnQgdG8gZXhwb3NlIHByZS1kZWZpbmVkIEludGwgbWVzc2FnZXMgZGVmaW5lZCBpbiB0aGUgYEBjb21tZXJjZXRvb2xzLWZyb250ZW5kL2kxOG5gIHBhY2thZ2UuXG5UYWJ1bGFyTWFpblBhZ2UuSW50bCA9IHNoYXJlZE1lc3NhZ2VzO1xuXG5leHBvcnQgZGVmYXVsdCBUYWJ1bGFyTWFpblBhZ2U7XG4iXX0= */"),
       children: props.children
     })]
   });
 };
 TabularMainPage.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: _pt__default["default"].string.isRequired,
+  title: _pt__default["default"].string,
   subtitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element]),
   customTitleRow: _pt__default["default"].node,
   children: _pt__default["default"].node.isRequired,
@@ -484,7 +487,7 @@ TabularMainPage.propTypes = process.env.NODE_ENV !== "production" ? {
   hideControls: _pt__default["default"].bool.isRequired
 } : {};
 TabularMainPage.displayName = 'TabularMainPage';
-TabularMainPage.defaultProps = defaultProps$a; // Static export of pre-configured form control buttons to easily re-use
+TabularMainPage.defaultProps = defaultProps$b; // Static export of pre-configured form control buttons to easily re-use
 // them in the custom controls.
 TabularMainPage.FormPrimaryButton = FormPrimaryButton;
@@ -507,7 +510,7 @@ var messages$2 = reactIntl.defineMessages({
   }
 });
-var defaultProps$9 = {
+var defaultProps$a = {
   color: 'surface',
   previousPathLabel: messages$2.back
 };
@@ -539,13 +542,16 @@ PageTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _pt__default["default"].func.isRequired
 } : {};
 PageTopBar.displayName = 'PageTopBar';
-PageTopBar.defaultProps = defaultProps$9;
+PageTopBar.defaultProps = defaultProps$a;
-var defaultProps$8 = {
+var defaultProps$9 = {
   hideControls: false
 };
 var TabularDetailPage = function TabularDetailPage(props) {
+  var _props$title;
+  process.env.NODE_ENV !== "production" ? utils.warning(props.title !== undefined || props.customTitleRow !== undefined, 'TabularDetailPage: one of either `title` or `customTitleRow` is required but both their values are `undefined`') : void 0;
   return jsxRuntime.jsxs(PageWrapper, {
     children: [jsxRuntime.jsx(TabularPageContainer, {
       color: "neutral",
@@ -555,7 +561,7 @@ var TabularDetailPage = function TabularDetailPage(props) {
           previousPathLabel: props.previousPathLabel,
           onClick: props.onPreviousPathClick
         }), props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
-          title: props.title,
+          title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
           subtitle: props.subtitle,
           titleSize: "big"
         }), jsxRuntime.jsx(ControlsContainter, {
@@ -575,7 +581,7 @@ var TabularDetailPage = function TabularDetailPage(props) {
 };
 TabularDetailPage.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: _pt__default["default"].string.isRequired,
+  title: _pt__default["default"].string,
   subtitle: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].element]),
   customTitleRow: _pt__default["default"].node,
   children: _pt__default["default"].node.isRequired,
@@ -591,7 +597,7 @@ TabularDetailPage.propTypes = process.env.NODE_ENV !== "production" ? {
   onPreviousPathClick: _pt__default["default"].func.isRequired
 } : {};
 TabularDetailPage.displayName = 'TabularDetailPage';
-TabularDetailPage.defaultProps = defaultProps$8; // Static export of pre-configured form control buttons to easily re-use
+TabularDetailPage.defaultProps = defaultProps$9; // Static export of pre-configured form control buttons to easily re-use
 // them in the custom controls.
 TabularDetailPage.FormPrimaryButton = FormPrimaryButton;
@@ -658,7 +664,7 @@ var getDefaultParentSelector$1 = function getDefaultParentSelector() {
   return process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(constants.PORTALS_CONTAINER_ID));
 };
-var defaultProps$7 = {
+var defaultProps$8 = {
   size: 10,
   zIndex: 1000,
   getParentSelector: getDefaultParentSelector$1
@@ -755,7 +761,7 @@ DialogContainer.propTypes = process.env.NODE_ENV !== "production" ? {
   getParentSelector: _pt__default["default"].any.isRequired
 } : {};
 DialogContainer.displayName = 'DialogContainer';
-DialogContainer.defaultProps = defaultProps$7;
+DialogContainer.defaultProps = defaultProps$8;
 function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -836,7 +842,7 @@ InfoDialog.displayName = 'InfoDialog';
 function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var defaultProps$6 = {
+var defaultProps$7 = {
   isPrimaryButtonDisabled: false,
   dataAttributesPrimaryButton: {},
   dataAttributesSecondaryButton: {}
@@ -881,9 +887,9 @@ DialogFooter.propTypes = process.env.NODE_ENV !== "production" ? {
   dataAttributesSecondaryButton: _pt__default["default"].objectOf(_pt__default["default"].string).isRequired
 } : {};
 DialogFooter.displayName = 'DialogFooter';
-DialogFooter.defaultProps = defaultProps$6;
+DialogFooter.defaultProps = defaultProps$7;
-var defaultProps$5 = {
+var defaultProps$6 = {
   labelSecondary: i18n.sharedMessages.cancel,
   labelPrimary: i18n.sharedMessages.confirm
 };
@@ -938,12 +944,12 @@ ConfirmationDialog.propTypes = process.env.NODE_ENV !== "production" ? {
   getParentSelector: _pt__default["default"].func
 } : {};
 ConfirmationDialog.displayName = 'ConfirmationDialog';
-ConfirmationDialog.defaultProps = defaultProps$5; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+ConfirmationDialog.defaultProps = defaultProps$6; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 // The Intl messages can be used for button labels.
 ConfirmationDialog.Intl = i18n.sharedMessages;
-var defaultProps$4 = {
+var defaultProps$5 = {
   labelSecondary: i18n.sharedMessages.cancel,
   labelPrimary: i18n.sharedMessages.save
 };
@@ -998,7 +1004,7 @@ FormDialog.propTypes = process.env.NODE_ENV !== "production" ? {
   getParentSelector: _pt__default["default"].func
 } : {};
 FormDialog.displayName = 'FormDialog';
-FormDialog.defaultProps = defaultProps$4; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+FormDialog.defaultProps = defaultProps$5; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 // The Intl messages can be used for button labels.
 FormDialog.Intl = i18n.sharedMessages;
@@ -1088,7 +1094,7 @@ var LargeIconWrapper = _styled__default["default"]("span", process.env.NODE_ENV
 // does not recognize the object shape.
-var defaultProps$3 = {
+var defaultProps$4 = {
   color: 'surface',
   previousPathLabel: messages$2.back
 };
@@ -1151,7 +1157,7 @@ ModalPageTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
   onClose: _pt__default["default"].func.isRequired
 } : {};
 ModalPageTopBar.displayName = 'ModalPageTopBar';
-ModalPageTopBar.defaultProps = defaultProps$3;
+ModalPageTopBar.defaultProps = defaultProps$4;
 var getDefaultParentSelector = function getDefaultParentSelector() {
   return process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(constants.PORTALS_CONTAINER_ID));
@@ -1160,7 +1166,7 @@ var getDefaultParentSelector = function getDefaultParentSelector() {
 // does not recognize the object shape.
-var defaultProps$2 = {
+var defaultProps$3 = {
   level: 1,
   baseZIndex: 1000,
   getParentSelector: getDefaultParentSelector,
@@ -1259,7 +1265,7 @@ ModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
   })])
 } : {};
 ModalPage.displayName = 'ModalPage';
-ModalPage.defaultProps = defaultProps$2;
+ModalPage.defaultProps = defaultProps$3;
 var PageHeader = function PageHeader(props) {
   return jsxRuntime.jsxs("div", {
@@ -1379,7 +1385,7 @@ CustomFormModalPage.FormDeleteButton = FormDeleteButton; // This is a convenienc
 CustomFormModalPage.Intl = i18n.sharedMessages;
-var defaultProps$1 = {
+var defaultProps$2 = {
   hideControls: false
 };
@@ -1452,12 +1458,12 @@ FormModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
   hideControls: _pt__default["default"].bool.isRequired
 } : {};
 FormModalPage.displayName = 'FormModalPage';
-FormModalPage.defaultProps = defaultProps$1; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+FormModalPage.defaultProps = defaultProps$2; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 // The Intl messages can be used for button labels.
 FormModalPage.Intl = i18n.sharedMessages;
-var defaultProps = {
+var defaultProps$1 = {
   hideControls: false
 };
@@ -1522,7 +1528,7 @@ TabularModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
   hideControls: _pt__default["default"].bool.isRequired
 } : {};
 TabularModalPage.displayName = 'TabularModalPage';
-TabularModalPage.defaultProps = defaultProps; // Static export of pre-configured form control buttons to easily re-use
+TabularModalPage.defaultProps = defaultProps$1; // Static export of pre-configured form control buttons to easily re-use
 // them in the custom controls.
 TabularModalPage.FormPrimaryButton = FormPrimaryButton;
@@ -1772,6 +1778,13 @@ var PageUnauthorized = function PageUnauthorized() {
 PageUnauthorized.displayName = 'PageUnauthorized';
 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)."; }
+var defaultProps = {
+  offsetTop: '0',
+  offsetLeft: '0',
+  offsetLeftOnExpandedMenu: '0',
+  containerSelectorToPreventScrollingOnOpen: 'main',
+  zIndex: 10000
+}; // All modal components expect to be rendered inside this container.
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "qk9kof",
@@ -1779,19 +1792,25 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "14eqpg3-PortalsContainer",
   styles: "display:flex;height:1px;margin-top:-1px;label:PortalsContainer;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBvcnRhbHMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRWSIsImZpbGUiOiJwb3J0YWxzLWNvbnRhaW5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBQT1JUQUxTX0NPTlRBSU5FUl9JRCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5cbi8vIEFsbCBtb2RhbCBjb21wb25lbnRzIGV4cGVjdCB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhpcyBjb250YWluZXIuXG5jb25zdCBQb3J0YWxzQ29udGFpbmVyID0gKCkgPT4gKFxuICA8ZGl2XG4gICAgaWQ9e1BPUlRBTFNfQ09OVEFJTkVSX0lEfVxuICAgIC8vIFRoZSBjb250YWluZXIgbmVlZHMgYSBoZWlnaHQgaW4gb3JkZXIgdG8gYmUgdGFiYmFibGU6IGh0dHBzOi8vcmVhY3Rqcy9yZWFjdC1tb2RhbCM3NzRcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBoZWlnaHQ6IDFweDtcbiAgICAgIG1hcmdpbi10b3A6IC0xcHg7XG4gICAgYH1cbiAgLz5cbik7XG5Qb3J0YWxzQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ1BvcnRhbHNDb250YWluZXInO1xuXG5leHBvcnQgZGVmYXVsdCBQb3J0YWxzQ29udGFpbmVyO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBvcnRhbHMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRWMiLCJmaWxlIjoicG9ydGFscy1jb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBQT1JUQUxTX0NPTlRBSU5FUl9JRCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5cbnR5cGUgVFBvcnRhbHNDb250YWluZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBvZmZzZXQgdmFsdWUgZm9yIHBvc2l0aW9uaW5nIHRoZSBjb250YWluZXIgZnJvbSB0aGUgdG9wLCB3aGVuIG9wZW5lZC5cbiAgICogVXN1YWxseSB0aGlzIGNvcnJlc3BvbmRzIHRvIHRoZSBoZWlnaHQgb2YgdGhlIGhlYWRlciBzZWN0aW9uLlxuICAgKi9cbiAgb2Zmc2V0VG9wOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgb2Zmc2V0IHZhbHVlIGZvciBwb3NpdGlvbmluZyB0aGUgY29udGFpbmVyIGZyb20gdGhlIGxlZnQsIHdoZW4gb3BlbmVkLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIG1pbiB3aWR0aCBvZiB0aGUgbmF2IG1lbnUuXG4gICAqL1xuICBvZmZzZXRMZWZ0OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgb2Zmc2V0IHZhbHVlIGZvciBwb3NpdGlvbmluZyB0aGUgY29udGFpbmVyIGZyb20gdGhlIGxlZnQsIHdoZW4gb3BlbmVkLlxuICAgKiBUaGUgdmFsdWUgaXMgb25seSBhcHBsaWVkIHdoZW4gdGhlIGAuYm9keV9fbWVudS1vcGVuYCBnbG9iYWwgY2xhc3MgaXMgYWRkZWQgdG8gdGhlIERPTS5cbiAgICogVXN1YWxseSB0aGlzIGNvcnJlc3BvbmRzIHRvIHRoZSB3aWR0aCBvZiB0aGUgZXhwYW5kZWQgbmF2IG1lbnUuXG4gICAqL1xuICBvZmZzZXRMZWZ0T25FeHBhbmRlZE1lbnU6IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBDU1Mgc2VsZWN0b3IgdG8gYXBwbHkgdGhlIGBvdmVyZmxvdzogaGlkZGVuYCBzdHlsZSB0byAocHJldmVudGluZyBzY3JvbGxpbmcpXG4gICAqIHdoZW4gYSBtb2RhbCBjb250YWluZXIgaXMgb3Blbi5cbiAgICovXG4gIGNvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgYHotaW5kZXhgIHZhbHVlIHRvIGFwcGx5IHRvIHRoZSBwb3J0YWwgY29udGFpbmVyLiBEZWZhdWx0IHRvIGAxMDAwMGAuXG4gICAqL1xuICB6SW5kZXg6IG51bWJlcjtcbn07XG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRQb3J0YWxzQ29udGFpbmVyUHJvcHMsXG4gIHwgJ29mZnNldFRvcCdcbiAgfCAnb2Zmc2V0TGVmdCdcbiAgfCAnb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51J1xuICB8ICdjb250YWluZXJTZWxlY3RvclRvUHJldmVudFNjcm9sbGluZ09uT3BlbidcbiAgfCAnekluZGV4J1xuPiA9IHtcbiAgb2Zmc2V0VG9wOiAnMCcsXG4gIG9mZnNldExlZnQ6ICcwJyxcbiAgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51OiAnMCcsXG4gIGNvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuOiAnbWFpbicsXG4gIHpJbmRleDogMTAwMDAsXG59O1xuXG4vLyBBbGwgbW9kYWwgY29tcG9uZW50cyBleHBlY3QgdG8gYmUgcmVuZGVyZWQgaW5zaWRlIHRoaXMgY29udGFpbmVyLlxuY29uc3QgUG9ydGFsc0NvbnRhaW5lciA9IChwcm9wczogVFBvcnRhbHNDb250YWluZXJQcm9wcykgPT4gKFxuICA8PlxuICAgIDxHbG9iYWxcbiAgICAgIC8vIEFwcGx5IHNvbWUgZ2xvYmFsIHN0eWxlcywgYmFzZWQgb24gdGhlIGAuUmVhY3RNb2RhbF9fQm9keS0tb3BlbmAgY2xhc3MuXG4gICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgLlJlYWN0TW9kYWxfX0JvZHktLW9wZW5cbiAgICAgICAgICAke3Byb3BzLmNvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVufSB7XG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuICMke1BPUlRBTFNfQ09OVEFJTkVSX0lEfSB7XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGhlaWdodDogY2FsYygxMDAlIC0gJHtwcm9wcy5vZmZzZXRUb3B9KTtcbiAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtwcm9wcy5vZmZzZXRMZWZ0fSk7XG4gICAgICAgICAgdG9wOiAke3Byb3BzLm9mZnNldFRvcH07XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgIHotaW5kZXg6ICR7cHJvcHMuekluZGV4fTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuLmJvZHlfX21lbnUtb3BlbiAjJHtQT1JUQUxTX0NPTlRBSU5FUl9JRH0ge1xuICAgICAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAke3Byb3BzLm9mZnNldExlZnRPbkV4cGFuZGVkTWVudX0pO1xuICAgICAgICB9XG4gICAgICBgfVxuICAgIC8+XG4gICAgPGRpdlxuICAgICAgaWQ9e1BPUlRBTFNfQ09OVEFJTkVSX0lEfVxuICAgICAgLy8gVGhlIGNvbnRhaW5lciBuZWVkcyBhIGhlaWdodCBpbiBvcmRlciB0byBiZSB0YWJiYWJsZTogaHR0cHM6Ly9yZWFjdGpzL3JlYWN0LW1vZGFsIzc3NFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGhlaWdodDogMXB4O1xuICAgICAgICBtYXJnaW4tdG9wOiAtMXB4O1xuICAgICAgYH1cbiAgICAvPlxuICA8Lz5cbik7XG5Qb3J0YWxzQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ1BvcnRhbHNDb250YWluZXInO1xuUG9ydGFsc0NvbnRhaW5lci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IFBvcnRhbHNDb250YWluZXI7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var PortalsContainer = function PortalsContainer() {
-  return jsxRuntime.jsx("div", {
-    id: constants.PORTALS_CONTAINER_ID // The container needs a height in order to be tabbable: https://reactjs/react-modal#774
-    ,
-    css: _ref
+var PortalsContainer = function PortalsContainer(props) {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(react.Global // Apply some global styles, based on the `.ReactModal__Body--open` class.
+    , {
+      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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBvcnRhbHMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRGlCIiwiZmlsZSI6InBvcnRhbHMtY29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgUE9SVEFMU19DT05UQUlORVJfSUQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFRQb3J0YWxzQ29udGFpbmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgb2Zmc2V0IHZhbHVlIGZvciBwb3NpdGlvbmluZyB0aGUgY29udGFpbmVyIGZyb20gdGhlIHRvcCwgd2hlbiBvcGVuZWQuXG4gICAqIFVzdWFsbHkgdGhpcyBjb3JyZXNwb25kcyB0byB0aGUgaGVpZ2h0IG9mIHRoZSBoZWFkZXIgc2VjdGlvbi5cbiAgICovXG4gIG9mZnNldFRvcDogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSBsZWZ0LCB3aGVuIG9wZW5lZC5cbiAgICogVXN1YWxseSB0aGlzIGNvcnJlc3BvbmRzIHRvIHRoZSBtaW4gd2lkdGggb2YgdGhlIG5hdiBtZW51LlxuICAgKi9cbiAgb2Zmc2V0TGVmdDogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSBsZWZ0LCB3aGVuIG9wZW5lZC5cbiAgICogVGhlIHZhbHVlIGlzIG9ubHkgYXBwbGllZCB3aGVuIHRoZSBgLmJvZHlfX21lbnUtb3BlbmAgZ2xvYmFsIGNsYXNzIGlzIGFkZGVkIHRvIHRoZSBET00uXG4gICAqIFVzdWFsbHkgdGhpcyBjb3JyZXNwb25kcyB0byB0aGUgd2lkdGggb2YgdGhlIGV4cGFuZGVkIG5hdiBtZW51LlxuICAgKi9cbiAgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgQ1NTIHNlbGVjdG9yIHRvIGFwcGx5IHRoZSBgb3ZlcmZsb3c6IGhpZGRlbmAgc3R5bGUgdG8gKHByZXZlbnRpbmcgc2Nyb2xsaW5nKVxuICAgKiB3aGVuIGEgbW9kYWwgY29udGFpbmVyIGlzIG9wZW4uXG4gICAqL1xuICBjb250YWluZXJTZWxlY3RvclRvUHJldmVudFNjcm9sbGluZ09uT3Blbjogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGB6LWluZGV4YCB2YWx1ZSB0byBhcHBseSB0byB0aGUgcG9ydGFsIGNvbnRhaW5lci4gRGVmYXVsdCB0byBgMTAwMDBgLlxuICAgKi9cbiAgekluZGV4OiBudW1iZXI7XG59O1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBUUG9ydGFsc0NvbnRhaW5lclByb3BzLFxuICB8ICdvZmZzZXRUb3AnXG4gIHwgJ29mZnNldExlZnQnXG4gIHwgJ29mZnNldExlZnRPbkV4cGFuZGVkTWVudSdcbiAgfCAnY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW4nXG4gIHwgJ3pJbmRleCdcbj4gPSB7XG4gIG9mZnNldFRvcDogJzAnLFxuICBvZmZzZXRMZWZ0OiAnMCcsXG4gIG9mZnNldExlZnRPbkV4cGFuZGVkTWVudTogJzAnLFxuICBjb250YWluZXJTZWxlY3RvclRvUHJldmVudFNjcm9sbGluZ09uT3BlbjogJ21haW4nLFxuICB6SW5kZXg6IDEwMDAwLFxufTtcblxuLy8gQWxsIG1vZGFsIGNvbXBvbmVudHMgZXhwZWN0IHRvIGJlIHJlbmRlcmVkIGluc2lkZSB0aGlzIGNvbnRhaW5lci5cbmNvbnN0IFBvcnRhbHNDb250YWluZXIgPSAocHJvcHM6IFRQb3J0YWxzQ29udGFpbmVyUHJvcHMpID0+IChcbiAgPD5cbiAgICA8R2xvYmFsXG4gICAgICAvLyBBcHBseSBzb21lIGdsb2JhbCBzdHlsZXMsIGJhc2VkIG9uIHRoZSBgLlJlYWN0TW9kYWxfX0JvZHktLW9wZW5gIGNsYXNzLlxuICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuXG4gICAgICAgICAgJHtwcm9wcy5jb250YWluZXJTZWxlY3RvclRvUHJldmVudFNjcm9sbGluZ09uT3Blbn0ge1xuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIH1cblxuICAgICAgICAuUmVhY3RNb2RhbF9fQm9keS0tb3BlbiAjJHtQT1JUQUxTX0NPTlRBSU5FUl9JRH0ge1xuICAgICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7cHJvcHMub2Zmc2V0VG9wfSk7XG4gICAgICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtICR7cHJvcHMub2Zmc2V0TGVmdH0pO1xuICAgICAgICAgIHRvcDogJHtwcm9wcy5vZmZzZXRUb3B9O1xuICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICB6LWluZGV4OiAke3Byb3BzLnpJbmRleH07XG4gICAgICAgIH1cblxuICAgICAgICAuUmVhY3RNb2RhbF9fQm9keS0tb3Blbi5ib2R5X19tZW51LW9wZW4gIyR7UE9SVEFMU19DT05UQUlORVJfSUR9IHtcbiAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtwcm9wcy5vZmZzZXRMZWZ0T25FeHBhbmRlZE1lbnV9KTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAvPlxuICAgIDxkaXZcbiAgICAgIGlkPXtQT1JUQUxTX0NPTlRBSU5FUl9JRH1cbiAgICAgIC8vIFRoZSBjb250YWluZXIgbmVlZHMgYSBoZWlnaHQgaW4gb3JkZXIgdG8gYmUgdGFiYmFibGU6IGh0dHBzOi8vcmVhY3Rqcy9yZWFjdC1tb2RhbCM3NzRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBoZWlnaHQ6IDFweDtcbiAgICAgICAgbWFyZ2luLXRvcDogLTFweDtcbiAgICAgIGB9XG4gICAgLz5cbiAgPC8+XG4pO1xuUG9ydGFsc0NvbnRhaW5lci5kaXNwbGF5TmFtZSA9ICdQb3J0YWxzQ29udGFpbmVyJztcblBvcnRhbHNDb250YWluZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBQb3J0YWxzQ29udGFpbmVyO1xuIl19 */")
+    }), jsxRuntime.jsx("div", {
+      id: constants.PORTALS_CONTAINER_ID // The container needs a height in order to be tabbable: https://reactjs/react-modal#774
+      ,
+      css: _ref
+    })]
   });
 };
 PortalsContainer.displayName = 'PortalsContainer';
+PortalsContainer.defaultProps = defaultProps;
 var useModalState = function useModalState() {
   var isInitiallyOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;

package/dist/commercetools-frontend-application-components.cjs.prod.js CHANGED Viewed

@@ -72,7 +72,7 @@ var PageNotFoundSVG__default = /*#__PURE__*/_interopDefault(PageNotFoundSVG);
 var FailedAuthorizationSVG__default = /*#__PURE__*/_interopDefault(FailedAuthorizationSVG);
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.3.0";
+var version = "21.3.4";
 var getBottomBorderStyles = function getBottomBorderStyles(background) {
   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, ";}" + ("" ), "" );
@@ -153,13 +153,13 @@ var TabHeader = function TabHeader(props) {
 };
 TabHeader.propTypes = {};
 TabHeader.displayName = 'TabHeader';
-var defaultProps$d = {
+var defaultProps$e = {
   isDisabled: false,
   exactPathMatch: false
 };
-TabHeader.defaultProps = defaultProps$d;
+TabHeader.defaultProps = defaultProps$e;
-var defaultProps$c = {
+var defaultProps$d = {
   titleSize: 'small',
   truncate: false
 };
@@ -233,7 +233,7 @@ var PageHeaderTitle = function PageHeaderTitle(props) {
 PageHeaderTitle.propTypes = {};
 PageHeaderTitle.displayName = 'PageHeaderTitle';
-PageHeaderTitle.defaultProps = defaultProps$c;
+PageHeaderTitle.defaultProps = defaultProps$d;
 var TabControls = _styled__default["default"]("div", {
   target: "elpldre1"
@@ -266,10 +266,10 @@ var TabularPageContainer = function TabularPageContainer(props) {
 TabularPageContainer.propTypes = {};
 TabularPageContainer.displayName = 'TabularPageContainer';
-var defaultProps$b = {
+var defaultProps$c = {
   color: 'surface'
 };
-TabularPageContainer.defaultProps = defaultProps$b;
+TabularPageContainer.defaultProps = defaultProps$c;
 var FormControlsContainer = _styled__default["default"]("div", {
   target: "elpldre0"
@@ -277,7 +277,7 @@ var FormControlsContainer = _styled__default["default"]("div", {
 var ContentWrapper = _styled__default["default"]("div", {
   target: "e1b7jwn01"
-} )("flex:1;padding:", designSystem.customProperties.spacingM, ";overflow:auto;" + ("" ));
+} )("flex:1;flex-basis:0;padding:", designSystem.customProperties.spacingM, ";overflow:auto;" + ("" ));
 var PageWrapper = _styled__default["default"]("div", {
   target: "e1b7jwn00"
 } )({
@@ -355,17 +355,18 @@ FormDeleteButton.propTypes = {};
 FormDeleteButton.displayName = 'FormDeleteButton';
 FormDeleteButton.defaultProps = deleteDefaultProps;
-var defaultProps$a = {
+var defaultProps$b = {
   hideControls: false
 };
 var TabularMainPage = function TabularMainPage(props) {
+  var _props$title;
   return jsxRuntime.jsxs(PageWrapper, {
     children: [jsxRuntime.jsx(TabularPageContainer, {
       color: "surface",
       children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
         children: [props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
-          title: props.title,
+          title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
           subtitle: props.subtitle,
           titleSize: "big"
         }), jsxRuntime.jsx(ControlsContainter, {
@@ -387,7 +388,7 @@ var TabularMainPage = function TabularMainPage(props) {
 TabularMainPage.propTypes = {};
 TabularMainPage.displayName = 'TabularMainPage';
-TabularMainPage.defaultProps = defaultProps$a; // Static export of pre-configured form control buttons to easily re-use
+TabularMainPage.defaultProps = defaultProps$b; // Static export of pre-configured form control buttons to easily re-use
 // them in the custom controls.
 TabularMainPage.FormPrimaryButton = FormPrimaryButton;
@@ -410,7 +411,7 @@ var messages$2 = reactIntl.defineMessages({
   }
 });
-var defaultProps$9 = {
+var defaultProps$a = {
   color: 'surface',
   previousPathLabel: messages$2.back
 };
@@ -433,13 +434,14 @@ var PageTopBar = function PageTopBar(props) {
 PageTopBar.propTypes = {};
 PageTopBar.displayName = 'PageTopBar';
-PageTopBar.defaultProps = defaultProps$9;
+PageTopBar.defaultProps = defaultProps$a;
-var defaultProps$8 = {
+var defaultProps$9 = {
   hideControls: false
 };
 var TabularDetailPage = function TabularDetailPage(props) {
+  var _props$title;
   return jsxRuntime.jsxs(PageWrapper, {
     children: [jsxRuntime.jsx(TabularPageContainer, {
       color: "neutral",
@@ -449,7 +451,7 @@ var TabularDetailPage = function TabularDetailPage(props) {
           previousPathLabel: props.previousPathLabel,
           onClick: props.onPreviousPathClick
         }), props.customTitleRow || jsxRuntime.jsx(PageHeaderTitle, {
-          title: props.title,
+          title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
           subtitle: props.subtitle,
           titleSize: "big"
         }), jsxRuntime.jsx(ControlsContainter, {
@@ -470,7 +472,7 @@ var TabularDetailPage = function TabularDetailPage(props) {
 TabularDetailPage.propTypes = {};
 TabularDetailPage.displayName = 'TabularDetailPage';
-TabularDetailPage.defaultProps = defaultProps$8; // Static export of pre-configured form control buttons to easily re-use
+TabularDetailPage.defaultProps = defaultProps$9; // Static export of pre-configured form control buttons to easily re-use
 // them in the custom controls.
 TabularDetailPage.FormPrimaryButton = FormPrimaryButton;
@@ -528,7 +530,7 @@ var getDefaultParentSelector$1 = function getDefaultParentSelector() {
   return document.querySelector("#".concat(constants.PORTALS_CONTAINER_ID));
 };
-var defaultProps$7 = {
+var defaultProps$8 = {
   size: 10,
   zIndex: 1000,
   getParentSelector: getDefaultParentSelector$1
@@ -604,7 +606,7 @@ var DialogContainer = function DialogContainer(props) {
 DialogContainer.propTypes = {};
 DialogContainer.displayName = 'DialogContainer';
-DialogContainer.defaultProps = defaultProps$7;
+DialogContainer.defaultProps = defaultProps$8;
 var _ref$4 = {
   name: "o5s7gs",
@@ -664,7 +666,7 @@ InfoDialog.displayName = 'InfoDialog';
 function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
-var defaultProps$6 = {
+var defaultProps$7 = {
   isPrimaryButtonDisabled: false,
   dataAttributesPrimaryButton: {},
   dataAttributesSecondaryButton: {}
@@ -693,9 +695,9 @@ var DialogFooter = function DialogFooter(props) {
 DialogFooter.propTypes = {};
 DialogFooter.displayName = 'DialogFooter';
-DialogFooter.defaultProps = defaultProps$6;
+DialogFooter.defaultProps = defaultProps$7;
-var defaultProps$5 = {
+var defaultProps$6 = {
   labelSecondary: i18n.sharedMessages.cancel,
   labelPrimary: i18n.sharedMessages.confirm
 };
@@ -727,12 +729,12 @@ var ConfirmationDialog = function ConfirmationDialog(props) {
 ConfirmationDialog.propTypes = {};
 ConfirmationDialog.displayName = 'ConfirmationDialog';
-ConfirmationDialog.defaultProps = defaultProps$5; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+ConfirmationDialog.defaultProps = defaultProps$6; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 // The Intl messages can be used for button labels.
 ConfirmationDialog.Intl = i18n.sharedMessages;
-var defaultProps$4 = {
+var defaultProps$5 = {
   labelSecondary: i18n.sharedMessages.cancel,
   labelPrimary: i18n.sharedMessages.save
 };
@@ -764,7 +766,7 @@ var FormDialog = function FormDialog(props) {
 FormDialog.propTypes = {};
 FormDialog.displayName = 'FormDialog';
-FormDialog.defaultProps = defaultProps$4; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+FormDialog.defaultProps = defaultProps$5; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 // The Intl messages can be used for button labels.
 FormDialog.Intl = i18n.sharedMessages;
@@ -823,7 +825,7 @@ var LargeIconWrapper = _styled__default["default"]("span", {
 // does not recognize the object shape.
-var defaultProps$3 = {
+var defaultProps$4 = {
   color: 'surface',
   previousPathLabel: messages$2.back
 };
@@ -872,7 +874,7 @@ var ModalPageTopBar = function ModalPageTopBar(props) {
 ModalPageTopBar.propTypes = {};
 ModalPageTopBar.displayName = 'ModalPageTopBar';
-ModalPageTopBar.defaultProps = defaultProps$3;
+ModalPageTopBar.defaultProps = defaultProps$4;
 var getDefaultParentSelector = function getDefaultParentSelector() {
   return document.querySelector("#".concat(constants.PORTALS_CONTAINER_ID));
@@ -881,7 +883,7 @@ var getDefaultParentSelector = function getDefaultParentSelector() {
 // does not recognize the object shape.
-var defaultProps$2 = {
+var defaultProps$3 = {
   level: 1,
   baseZIndex: 1000,
   getParentSelector: getDefaultParentSelector,
@@ -962,7 +964,7 @@ var ModalPage = function ModalPage(props) {
 ModalPage.propTypes = {};
 ModalPage.displayName = 'ModalPage';
-ModalPage.defaultProps = defaultProps$2;
+ModalPage.defaultProps = defaultProps$3;
 var PageHeader = function PageHeader(props) {
   return jsxRuntime.jsxs("div", {
@@ -1040,7 +1042,7 @@ CustomFormModalPage.FormDeleteButton = FormDeleteButton; // This is a convenienc
 CustomFormModalPage.Intl = i18n.sharedMessages;
-var defaultProps$1 = {
+var defaultProps$2 = {
   hideControls: false
 };
@@ -1078,12 +1080,12 @@ var FormModalPage = function FormModalPage(props) {
 FormModalPage.propTypes = {};
 FormModalPage.displayName = 'FormModalPage';
-FormModalPage.defaultProps = defaultProps$1; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+FormModalPage.defaultProps = defaultProps$2; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 // The Intl messages can be used for button labels.
 FormModalPage.Intl = i18n.sharedMessages;
-var defaultProps = {
+var defaultProps$1 = {
   hideControls: false
 };
@@ -1126,7 +1128,7 @@ var TabularModalPage = function TabularModalPage(props) {
 TabularModalPage.propTypes = {};
 TabularModalPage.displayName = 'TabularModalPage';
-TabularModalPage.defaultProps = defaultProps; // Static export of pre-configured form control buttons to easily re-use
+TabularModalPage.defaultProps = defaultProps$1; // Static export of pre-configured form control buttons to easily re-use
 // them in the custom controls.
 TabularModalPage.FormPrimaryButton = FormPrimaryButton;
@@ -1337,20 +1339,34 @@ var PageUnauthorized = function PageUnauthorized() {
 };
 PageUnauthorized.displayName = 'PageUnauthorized';
+var defaultProps = {
+  offsetTop: '0',
+  offsetLeft: '0',
+  offsetLeftOnExpandedMenu: '0',
+  containerSelectorToPreventScrollingOnOpen: 'main',
+  zIndex: 10000
+}; // All modal components expect to be rendered inside this container.
 var _ref = {
   name: "qk9kof",
   styles: "display:flex;height:1px;margin-top:-1px"
 } ;
-var PortalsContainer = function PortalsContainer() {
-  return jsxRuntime.jsx("div", {
-    id: constants.PORTALS_CONTAINER_ID // The container needs a height in order to be tabbable: https://reactjs/react-modal#774
-    ,
-    css: _ref
+var PortalsContainer = function PortalsContainer(props) {
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(react.Global // Apply some global styles, based on the `.ReactModal__Body--open` class.
+    , {
+      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, ");}" + ("" ), "" )
+    }), jsxRuntime.jsx("div", {
+      id: constants.PORTALS_CONTAINER_ID // The container needs a height in order to be tabbable: https://reactjs/react-modal#774
+      ,
+      css: _ref
+    })]
   });
 };
 PortalsContainer.displayName = 'PortalsContainer';
+PortalsContainer.defaultProps = defaultProps;
 var useModalState = function useModalState() {
   var isInitiallyOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;

package/dist/commercetools-frontend-application-components.esm.js CHANGED Viewed

@@ -13,7 +13,7 @@ import startCase from 'lodash/startCase';
 import { useIntl, defineMessages, FormattedMessage } from 'react-intl';
 import { warning } from '@commercetools-uikit/utils';
 import Text from '@commercetools-uikit/text';
-import { css, ClassNames } from '@emotion/react';
+import { css, ClassNames, Global } from '@emotion/react';
 import { customProperties } from '@commercetools-uikit/design-system';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
 import Spacings from '@commercetools-uikit/spacings';
@@ -39,7 +39,7 @@ import PageNotFoundSVG from '@commercetools-frontend/assets/images/desert-fox.sv
 import FailedAuthorizationSVG from '@commercetools-frontend/assets/images/folder-full-locked.svg';
 // NOTE: This string will be replaced on build time with the package version.
-var version = "21.3.0";
+var version = "21.3.4";
 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)."; }
@@ -136,14 +136,14 @@ TabHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   exactPathMatch: _pt.bool.isRequired
 } : {};
 TabHeader.displayName = 'TabHeader';
-var defaultProps$d = {
+var defaultProps$e = {
   isDisabled: false,
   exactPathMatch: false
 };
-TabHeader.defaultProps = defaultProps$d;
+TabHeader.defaultProps = defaultProps$e;
 function _EMOTION_STRINGIFIED_CSS_ERROR__$9() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var defaultProps$c = {
+var defaultProps$d = {
   titleSize: 'small',
   truncate: false
 };
@@ -230,7 +230,7 @@ PageHeaderTitle.propTypes = process.env.NODE_ENV !== "production" ? {
   subtitle: _pt.oneOfType([_pt.string, _pt.element])
 } : {};
 PageHeaderTitle.displayName = 'PageHeaderTitle';
-PageHeaderTitle.defaultProps = defaultProps$c;
+PageHeaderTitle.defaultProps = defaultProps$d;
 function _EMOTION_STRINGIFIED_CSS_ERROR__$8() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -279,10 +279,10 @@ TabularPageContainer.propTypes = process.env.NODE_ENV !== "production" ? {
   color: _pt.oneOf(['surface', 'neutral']).isRequired
 } : {};
 TabularPageContainer.displayName = 'TabularPageContainer';
-var defaultProps$b = {
+var defaultProps$c = {
   color: 'surface'
 };
-TabularPageContainer.defaultProps = defaultProps$b;
+TabularPageContainer.defaultProps = defaultProps$c;
 var FormControlsContainer = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "elpldre0"
@@ -297,7 +297,7 @@ var ContentWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   target: "e1b7jwn01",
   label: "ContentWrapper"
-})("flex:1;padding:", customProperties.spacingM, ";overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd3QyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */"));
+})("flex:1;flex-basis:0;padding:", customProperties.spacingM, ";overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd3QyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */"));
 var PageWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1b7jwn00"
 } : {
@@ -309,7 +309,7 @@ var PageWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
 } : {
   name: "kdbhus",
   styles: "height:100%;display:flex;flex-direction:column",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNxQyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVxQyIsImZpbGUiOiJwYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZmxleDogMTtcbiAgZmxleC1iYXNpczogMDtcbiAgcGFkZGluZzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNwYWNpbmdNfTtcbiAgb3ZlcmZsb3c6IGF1dG87XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBoZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
 });
@@ -410,17 +410,20 @@ FormDeleteButton.propTypes = process.env.NODE_ENV !== "production" ? {
 FormDeleteButton.displayName = 'FormDeleteButton';
 FormDeleteButton.defaultProps = deleteDefaultProps;
-var defaultProps$a = {
+var defaultProps$b = {
   hideControls: false
 };
 var TabularMainPage = function TabularMainPage(props) {
+  var _props$title;
+  process.env.NODE_ENV !== "production" ? warning(props.title !== undefined || props.customTitleRow !== undefined, 'TabularMainPage: one of either `title` or `customTitleRow` is required but both their values are `undefined`') : void 0;
   return jsxs(PageWrapper, {
     children: [jsx(TabularPageContainer, {
       color: "surface",
       children: jsxs(Spacings.Stack, {
         children: [props.customTitleRow || jsx(PageHeaderTitle, {
-          title: props.title,
+          title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
           subtitle: props.subtitle,
           titleSize: "big"
         }), jsx(ControlsContainter, {
@@ -434,14 +437,14 @@ var TabularMainPage = function TabularMainPage(props) {
         })]
       })
     }), jsx(ContentWrapper, {
-      css: /*#__PURE__*/css("background-color:", customProperties.colorNeutral95, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TabularMainPage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItbWFpbi1wYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRWMiLCJmaWxlIjoidGFidWxhci1tYWluLXBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBTcGFjaW5ncyBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zcGFjaW5ncyc7XG5pbXBvcnQgeyBzaGFyZWRNZXNzYWdlcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2kxOG4nO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IFBhZ2VIZWFkZXJUaXRsZSBmcm9tICcuLi9pbnRlcm5hbHMvcGFnZS1oZWFkZXItdGl0bGUnO1xuaW1wb3J0IHtcbiAgQ29udHJvbHNDb250YWludGVyLFxuICBUYWJ1bGFyUGFnZUNvbnRhaW5lcixcbiAgRm9ybUNvbnRyb2xzQ29udGFpbmVyLFxufSBmcm9tICcuLi9pbnRlcm5hbHMvdGFidWxhci1wYWdlJztcbmltcG9ydCB7IENvbnRlbnRXcmFwcGVyLCBQYWdlV3JhcHBlciB9IGZyb20gJy4uL2ludGVybmFscy9wYWdlLnN0eWxlcyc7XG5pbXBvcnQge1xuICBGb3JtUHJpbWFyeUJ1dHRvbixcbiAgRm9ybVNlY29uZGFyeUJ1dHRvbixcbiAgRm9ybURlbGV0ZUJ1dHRvbixcbn0gZnJvbSAnLi4vaW50ZXJuYWxzL2RlZmF1bHQtZm9ybS1idXR0b25zJztcblxudHlwZSBUVGFidWxhck1haW5QYWdlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgdGl0bGUgb2YgdGhlIHBhZ2UuXG4gICAqL1xuICB0aXRsZTogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIHN1YnRpdGxlIG9mIHRoZSBwYWdlLlxuICAgKi9cbiAgc3VidGl0bGU/OiBzdHJpbmcgfCBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBSZXBsYWNlcyB0aGUgdGl0bGUvc3VidGl0bGUgcm93IHdpdGggYSBjdXN0b20gb25lIChmb3Igc3BlY2lhbCB1c2UgY2FzZXMpXG4gICAqL1xuICBjdXN0b21UaXRsZVJvdz86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEFueSBSZWFjdCBub2RlIGRpc3BsYXllZCBhcyB0aGUgdGFiIHBhbmVsLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEEgY29tcG9zaXRpb24gb2YgdGFiIGNvbXBvbmVudHMuXG4gICAqL1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICAvKipcbiAgICogQW55IFJlYWN0IG5vZGUgdG8gYmUgcmVuZGVyZWQgYXMgdGhlIGZvcm0gY29udHJvbHMuXG4gICAqL1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBmb3JtIGNvbnRyb2xzIHNob3VsZCBiZSByZW5kZXJlZC5cbiAgICovXG4gIGhpZGVDb250cm9sczogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFidWxhck1haW5QYWdlUHJvcHMsICdoaWRlQ29udHJvbHMnPiA9IHtcbiAgaGlkZUNvbnRyb2xzOiBmYWxzZSxcbn07XG5cbmNvbnN0IFRhYnVsYXJNYWluUGFnZSA9IChwcm9wczogVFRhYnVsYXJNYWluUGFnZVByb3BzKSA9PiAoXG4gIDxQYWdlV3JhcHBlcj5cbiAgICA8VGFidWxhclBhZ2VDb250YWluZXIgY29sb3I9XCJzdXJmYWNlXCI+XG4gICAgICA8U3BhY2luZ3MuU3RhY2s+XG4gICAgICAgIHtwcm9wcy5jdXN0b21UaXRsZVJvdyB8fCAoXG4gICAgICAgICAgPFBhZ2VIZWFkZXJUaXRsZVxuICAgICAgICAgICAgdGl0bGU9e3Byb3BzLnRpdGxlfVxuICAgICAgICAgICAgc3VidGl0bGU9e3Byb3BzLnN1YnRpdGxlfVxuICAgICAgICAgICAgdGl0bGVTaXplPVwiYmlnXCJcbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICA8Q29udHJvbHNDb250YWludGVyXG4gICAgICAgICAgdGFiQ29udHJvbHM9e3Byb3BzLnRhYkNvbnRyb2xzfVxuICAgICAgICAgIGZvcm1Db250cm9scz17XG4gICAgICAgICAgICA8Rm9ybUNvbnRyb2xzQ29udGFpbmVyPlxuICAgICAgICAgICAgICB7IXByb3BzLmhpZGVDb250cm9scyAmJiBwcm9wcy5mb3JtQ29udHJvbHMgJiYgKFxuICAgICAgICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUgYWxpZ25JdGVtcz1cImZsZXgtZW5kXCI+XG4gICAgICAgICAgICAgICAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICAgICAgICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9Gb3JtQ29udHJvbHNDb250YWluZXI+XG4gICAgICAgICAgfVxuICAgICAgICAvPlxuICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICA8L1RhYnVsYXJQYWdlQ29udGFpbmVyPlxuICAgIDxDb250ZW50V3JhcHBlclxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvck5ldXRyYWw5NX07XG4gICAgICBgfVxuICAgID5cbiAgICAgIHtwcm9wcy5jaGlsZHJlbn1cbiAgICA8L0NvbnRlbnRXcmFwcGVyPlxuICA8L1BhZ2VXcmFwcGVyPlxuKTtcblRhYnVsYXJNYWluUGFnZS5kaXNwbGF5TmFtZSA9ICdUYWJ1bGFyTWFpblBhZ2UnO1xuVGFidWxhck1haW5QYWdlLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbi8vIFN0YXRpYyBleHBvcnQgb2YgcHJlLWNvbmZpZ3VyZWQgZm9ybSBjb250cm9sIGJ1dHRvbnMgdG8gZWFzaWx5IHJlLXVzZVxuLy8gdGhlbSBpbiB0aGUgY3VzdG9tIGNvbnRyb2xzLlxuVGFidWxhck1haW5QYWdlLkZvcm1QcmltYXJ5QnV0dG9uID0gRm9ybVByaW1hcnlCdXR0b247XG5UYWJ1bGFyTWFpblBhZ2UuRm9ybVNlY29uZGFyeUJ1dHRvbiA9IEZvcm1TZWNvbmRhcnlCdXR0b247XG5UYWJ1bGFyTWFpblBhZ2UuRm9ybURlbGV0ZUJ1dHRvbiA9IEZvcm1EZWxldGVCdXR0b247XG4vLyBTdGF0aWMgZXhwb3J0IG9mIHByZS1jb25maWd1cmVkIHBhZ2UgaGVhZGVyIHRpdGxlIGNvbXBvbmVudCB0byBlYXNpbHlcbi8vIHVzZSBhcyBwYXJ0IG9mIGEgY3VzdG9tIHRpdGxlIHJvd1xuVGFidWxhck1haW5QYWdlLlBhZ2VIZWFkZXJUaXRsZSA9IFBhZ2VIZWFkZXJUaXRsZTtcbi8vIFRoaXMgaXMgYSBjb252ZW5pZW5jZSBwcm94eSBleHBvcnQgdG8gZXhwb3NlIHByZS1kZWZpbmVkIEludGwgbWVzc2FnZXMgZGVmaW5lZCBpbiB0aGUgYEBjb21tZXJjZXRvb2xzLWZyb250ZW5kL2kxOG5gIHBhY2thZ2UuXG5UYWJ1bGFyTWFpblBhZ2UuSW50bCA9IHNoYXJlZE1lc3NhZ2VzO1xuXG5leHBvcnQgZGVmYXVsdCBUYWJ1bGFyTWFpblBhZ2U7XG4iXX0= */"),
+      css: /*#__PURE__*/css("background-color:", customProperties.colorNeutral95, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:TabularMainPage;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRhYnVsYXItbWFpbi1wYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRmdCIiwiZmlsZSI6InRhYnVsYXItbWFpbi1wYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IHsgc2hhcmVkTWVzc2FnZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9pMThuJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IHdhcm5pbmcgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC91dGlscyc7XG5pbXBvcnQgUGFnZUhlYWRlclRpdGxlIGZyb20gJy4uL2ludGVybmFscy9wYWdlLWhlYWRlci10aXRsZSc7XG5pbXBvcnQge1xuICBDb250cm9sc0NvbnRhaW50ZXIsXG4gIFRhYnVsYXJQYWdlQ29udGFpbmVyLFxuICBGb3JtQ29udHJvbHNDb250YWluZXIsXG59IGZyb20gJy4uL2ludGVybmFscy90YWJ1bGFyLXBhZ2UnO1xuaW1wb3J0IHsgQ29udGVudFdyYXBwZXIsIFBhZ2VXcmFwcGVyIH0gZnJvbSAnLi4vaW50ZXJuYWxzL3BhZ2Uuc3R5bGVzJztcbmltcG9ydCB7XG4gIEZvcm1QcmltYXJ5QnV0dG9uLFxuICBGb3JtU2Vjb25kYXJ5QnV0dG9uLFxuICBGb3JtRGVsZXRlQnV0dG9uLFxufSBmcm9tICcuLi9pbnRlcm5hbHMvZGVmYXVsdC1mb3JtLWJ1dHRvbnMnO1xuXG50eXBlIFRUYWJ1bGFyTWFpblBhZ2VQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSB0aXRsZSBvZiB0aGUgcGFnZS5cbiAgICovXG4gIHRpdGxlPzogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIHN1YnRpdGxlIG9mIHRoZSBwYWdlLlxuICAgKi9cbiAgc3VidGl0bGU/OiBzdHJpbmcgfCBSZWFjdEVsZW1lbnQ7XG4gIC8qKlxuICAgKiBSZXBsYWNlcyB0aGUgdGl0bGUvc3VidGl0bGUgcm93IHdpdGggYSBjdXN0b20gb25lIChmb3Igc3BlY2lhbCB1c2UgY2FzZXMpXG4gICAqL1xuICBjdXN0b21UaXRsZVJvdz86IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEFueSBSZWFjdCBub2RlIGRpc3BsYXllZCBhcyB0aGUgdGFiIHBhbmVsLlxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgLyoqXG4gICAqIEEgY29tcG9zaXRpb24gb2YgdGFiIGNvbXBvbmVudHMuXG4gICAqL1xuICB0YWJDb250cm9sczogUmVhY3ROb2RlO1xuICAvKipcbiAgICogQW55IFJlYWN0IG5vZGUgdG8gYmUgcmVuZGVyZWQgYXMgdGhlIGZvcm0gY29udHJvbHMuXG4gICAqL1xuICBmb3JtQ29udHJvbHM/OiBSZWFjdE5vZGU7XG4gIC8qKlxuICAgKiBEZXRlcm1pbmVzIGlmIHRoZSBmb3JtIGNvbnRyb2xzIHNob3VsZCBiZSByZW5kZXJlZC5cbiAgICovXG4gIGhpZGVDb250cm9sczogYm9vbGVhbjtcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxUVGFidWxhck1haW5QYWdlUHJvcHMsICdoaWRlQ29udHJvbHMnPiA9IHtcbiAgaGlkZUNvbnRyb2xzOiBmYWxzZSxcbn07XG5cbmNvbnN0IFRhYnVsYXJNYWluUGFnZSA9IChwcm9wczogVFRhYnVsYXJNYWluUGFnZVByb3BzKSA9PiB7XG4gIHdhcm5pbmcoXG4gICAgcHJvcHMudGl0bGUgIT09IHVuZGVmaW5lZCB8fCBwcm9wcy5jdXN0b21UaXRsZVJvdyAhPT0gdW5kZWZpbmVkLFxuICAgICdUYWJ1bGFyTWFpblBhZ2U6IG9uZSBvZiBlaXRoZXIgYHRpdGxlYCBvciBgY3VzdG9tVGl0bGVSb3dgIGlzIHJlcXVpcmVkIGJ1dCBib3RoIHRoZWlyIHZhbHVlcyBhcmUgYHVuZGVmaW5lZGAnXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8UGFnZVdyYXBwZXI+XG4gICAgICA8VGFidWxhclBhZ2VDb250YWluZXIgY29sb3I9XCJzdXJmYWNlXCI+XG4gICAgICAgIDxTcGFjaW5ncy5TdGFjaz5cbiAgICAgICAgICB7cHJvcHMuY3VzdG9tVGl0bGVSb3cgfHwgKFxuICAgICAgICAgICAgPFBhZ2VIZWFkZXJUaXRsZVxuICAgICAgICAgICAgICB0aXRsZT17cHJvcHMudGl0bGUgPz8gJyd9XG4gICAgICAgICAgICAgIHN1YnRpdGxlPXtwcm9wcy5zdWJ0aXRsZX1cbiAgICAgICAgICAgICAgdGl0bGVTaXplPVwiYmlnXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgICA8Q29udHJvbHNDb250YWludGVyXG4gICAgICAgICAgICB0YWJDb250cm9scz17cHJvcHMudGFiQ29udHJvbHN9XG4gICAgICAgICAgICBmb3JtQ29udHJvbHM9e1xuICAgICAgICAgICAgICA8Rm9ybUNvbnRyb2xzQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgIHshcHJvcHMuaGlkZUNvbnRyb2xzICYmIHByb3BzLmZvcm1Db250cm9scyAmJiAoXG4gICAgICAgICAgICAgICAgICA8U3BhY2luZ3MuSW5saW5lIGFsaWduSXRlbXM9XCJmbGV4LWVuZFwiPlxuICAgICAgICAgICAgICAgICAgICB7cHJvcHMuZm9ybUNvbnRyb2xzfVxuICAgICAgICAgICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPC9Gb3JtQ29udHJvbHNDb250YWluZXI+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9TcGFjaW5ncy5TdGFjaz5cbiAgICAgIDwvVGFidWxhclBhZ2VDb250YWluZXI+XG4gICAgICA8Q29udGVudFdyYXBwZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjdXN0b21Qcm9wZXJ0aWVzLmNvbG9yTmV1dHJhbDk1fTtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge3Byb3BzLmNoaWxkcmVufVxuICAgICAgPC9Db250ZW50V3JhcHBlcj5cbiAgICA8L1BhZ2VXcmFwcGVyPlxuICApO1xufTtcblRhYnVsYXJNYWluUGFnZS5kaXNwbGF5TmFtZSA9ICdUYWJ1bGFyTWFpblBhZ2UnO1xuVGFidWxhck1haW5QYWdlLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbi8vIFN0YXRpYyBleHBvcnQgb2YgcHJlLWNvbmZpZ3VyZWQgZm9ybSBjb250cm9sIGJ1dHRvbnMgdG8gZWFzaWx5IHJlLXVzZVxuLy8gdGhlbSBpbiB0aGUgY3VzdG9tIGNvbnRyb2xzLlxuVGFidWxhck1haW5QYWdlLkZvcm1QcmltYXJ5QnV0dG9uID0gRm9ybVByaW1hcnlCdXR0b247XG5UYWJ1bGFyTWFpblBhZ2UuRm9ybVNlY29uZGFyeUJ1dHRvbiA9IEZvcm1TZWNvbmRhcnlCdXR0b247XG5UYWJ1bGFyTWFpblBhZ2UuRm9ybURlbGV0ZUJ1dHRvbiA9IEZvcm1EZWxldGVCdXR0b247XG4vLyBTdGF0aWMgZXhwb3J0IG9mIHByZS1jb25maWd1cmVkIHBhZ2UgaGVhZGVyIHRpdGxlIGNvbXBvbmVudCB0byBlYXNpbHlcbi8vIHVzZSBhcyBwYXJ0IG9mIGEgY3VzdG9tIHRpdGxlIHJvd1xuVGFidWxhck1haW5QYWdlLlBhZ2VIZWFkZXJUaXRsZSA9IFBhZ2VIZWFkZXJUaXRsZTtcbi8vIFRoaXMgaXMgYSBjb252ZW5pZW5jZSBwcm94eSBleHBvcnQgdG8gZXhwb3NlIHByZS1kZWZpbmVkIEludGwgbWVzc2FnZXMgZGVmaW5lZCBpbiB0aGUgYEBjb21tZXJjZXRvb2xzLWZyb250ZW5kL2kxOG5gIHBhY2thZ2UuXG5UYWJ1bGFyTWFpblBhZ2UuSW50bCA9IHNoYXJlZE1lc3NhZ2VzO1xuXG5leHBvcnQgZGVmYXVsdCBUYWJ1bGFyTWFpblBhZ2U7XG4iXX0= */"),
       children: props.children
     })]
   });
 };
 TabularMainPage.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: _pt.string.isRequired,
+  title: _pt.string,
   subtitle: _pt.oneOfType([_pt.string, _pt.element]),
   customTitleRow: _pt.node,
   children: _pt.node.isRequired,
@@ -450,7 +453,7 @@ TabularMainPage.propTypes = process.env.NODE_ENV !== "production" ? {
   hideControls: _pt.bool.isRequired
 } : {};
 TabularMainPage.displayName = 'TabularMainPage';
-TabularMainPage.defaultProps = defaultProps$a; // Static export of pre-configured form control buttons to easily re-use
+TabularMainPage.defaultProps = defaultProps$b; // Static export of pre-configured form control buttons to easily re-use
 // them in the custom controls.
 TabularMainPage.FormPrimaryButton = FormPrimaryButton;
@@ -473,7 +476,7 @@ var messages$2 = defineMessages({
   }
 });
-var defaultProps$9 = {
+var defaultProps$a = {
   color: 'surface',
   previousPathLabel: messages$2.back
 };
@@ -505,13 +508,16 @@ PageTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: _pt.func.isRequired
 } : {};
 PageTopBar.displayName = 'PageTopBar';
-PageTopBar.defaultProps = defaultProps$9;
+PageTopBar.defaultProps = defaultProps$a;
-var defaultProps$8 = {
+var defaultProps$9 = {
   hideControls: false
 };
 var TabularDetailPage = function TabularDetailPage(props) {
+  var _props$title;
+  process.env.NODE_ENV !== "production" ? warning(props.title !== undefined || props.customTitleRow !== undefined, 'TabularDetailPage: one of either `title` or `customTitleRow` is required but both their values are `undefined`') : void 0;
   return jsxs(PageWrapper, {
     children: [jsx(TabularPageContainer, {
       color: "neutral",
@@ -521,7 +527,7 @@ var TabularDetailPage = function TabularDetailPage(props) {
           previousPathLabel: props.previousPathLabel,
           onClick: props.onPreviousPathClick
         }), props.customTitleRow || jsx(PageHeaderTitle, {
-          title: props.title,
+          title: (_props$title = props.title) !== null && _props$title !== void 0 ? _props$title : '',
           subtitle: props.subtitle,
           titleSize: "big"
         }), jsx(ControlsContainter, {
@@ -541,7 +547,7 @@ var TabularDetailPage = function TabularDetailPage(props) {
 };
 TabularDetailPage.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: _pt.string.isRequired,
+  title: _pt.string,
   subtitle: _pt.oneOfType([_pt.string, _pt.element]),
   customTitleRow: _pt.node,
   children: _pt.node.isRequired,
@@ -557,7 +563,7 @@ TabularDetailPage.propTypes = process.env.NODE_ENV !== "production" ? {
   onPreviousPathClick: _pt.func.isRequired
 } : {};
 TabularDetailPage.displayName = 'TabularDetailPage';
-TabularDetailPage.defaultProps = defaultProps$8; // Static export of pre-configured form control buttons to easily re-use
+TabularDetailPage.defaultProps = defaultProps$9; // Static export of pre-configured form control buttons to easily re-use
 // them in the custom controls.
 TabularDetailPage.FormPrimaryButton = FormPrimaryButton;
@@ -624,7 +630,7 @@ var getDefaultParentSelector$1 = function getDefaultParentSelector() {
   return process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(PORTALS_CONTAINER_ID));
 };
-var defaultProps$7 = {
+var defaultProps$8 = {
   size: 10,
   zIndex: 1000,
   getParentSelector: getDefaultParentSelector$1
@@ -721,7 +727,7 @@ DialogContainer.propTypes = process.env.NODE_ENV !== "production" ? {
   getParentSelector: _pt.any.isRequired
 } : {};
 DialogContainer.displayName = 'DialogContainer';
-DialogContainer.defaultProps = defaultProps$7;
+DialogContainer.defaultProps = defaultProps$8;
 function _EMOTION_STRINGIFIED_CSS_ERROR__$4() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -802,7 +808,7 @@ InfoDialog.displayName = 'InfoDialog';
 function ownKeys$3(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-var defaultProps$6 = {
+var defaultProps$7 = {
   isPrimaryButtonDisabled: false,
   dataAttributesPrimaryButton: {},
   dataAttributesSecondaryButton: {}
@@ -847,9 +853,9 @@ DialogFooter.propTypes = process.env.NODE_ENV !== "production" ? {
   dataAttributesSecondaryButton: _pt.objectOf(_pt.string).isRequired
 } : {};
 DialogFooter.displayName = 'DialogFooter';
-DialogFooter.defaultProps = defaultProps$6;
+DialogFooter.defaultProps = defaultProps$7;
-var defaultProps$5 = {
+var defaultProps$6 = {
   labelSecondary: sharedMessages.cancel,
   labelPrimary: sharedMessages.confirm
 };
@@ -904,12 +910,12 @@ ConfirmationDialog.propTypes = process.env.NODE_ENV !== "production" ? {
   getParentSelector: _pt.func
 } : {};
 ConfirmationDialog.displayName = 'ConfirmationDialog';
-ConfirmationDialog.defaultProps = defaultProps$5; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+ConfirmationDialog.defaultProps = defaultProps$6; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 // The Intl messages can be used for button labels.
 ConfirmationDialog.Intl = sharedMessages;
-var defaultProps$4 = {
+var defaultProps$5 = {
   labelSecondary: sharedMessages.cancel,
   labelPrimary: sharedMessages.save
 };
@@ -964,7 +970,7 @@ FormDialog.propTypes = process.env.NODE_ENV !== "production" ? {
   getParentSelector: _pt.func
 } : {};
 FormDialog.displayName = 'FormDialog';
-FormDialog.defaultProps = defaultProps$4; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+FormDialog.defaultProps = defaultProps$5; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 // The Intl messages can be used for button labels.
 FormDialog.Intl = sharedMessages;
@@ -1054,7 +1060,7 @@ var LargeIconWrapper = _styled("span", process.env.NODE_ENV === "production" ? {
 // does not recognize the object shape.
-var defaultProps$3 = {
+var defaultProps$4 = {
   color: 'surface',
   previousPathLabel: messages$2.back
 };
@@ -1117,7 +1123,7 @@ ModalPageTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
   onClose: _pt.func.isRequired
 } : {};
 ModalPageTopBar.displayName = 'ModalPageTopBar';
-ModalPageTopBar.defaultProps = defaultProps$3;
+ModalPageTopBar.defaultProps = defaultProps$4;
 var getDefaultParentSelector = function getDefaultParentSelector() {
   return process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(PORTALS_CONTAINER_ID));
@@ -1126,7 +1132,7 @@ var getDefaultParentSelector = function getDefaultParentSelector() {
 // does not recognize the object shape.
-var defaultProps$2 = {
+var defaultProps$3 = {
   level: 1,
   baseZIndex: 1000,
   getParentSelector: getDefaultParentSelector,
@@ -1225,7 +1231,7 @@ ModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
   })])
 } : {};
 ModalPage.displayName = 'ModalPage';
-ModalPage.defaultProps = defaultProps$2;
+ModalPage.defaultProps = defaultProps$3;
 var PageHeader = function PageHeader(props) {
   return jsxs("div", {
@@ -1345,7 +1351,7 @@ CustomFormModalPage.FormDeleteButton = FormDeleteButton; // This is a convenienc
 CustomFormModalPage.Intl = sharedMessages;
-var defaultProps$1 = {
+var defaultProps$2 = {
   hideControls: false
 };
@@ -1418,12 +1424,12 @@ FormModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
   hideControls: _pt.bool.isRequired
 } : {};
 FormModalPage.displayName = 'FormModalPage';
-FormModalPage.defaultProps = defaultProps$1; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+FormModalPage.defaultProps = defaultProps$2; // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 // The Intl messages can be used for button labels.
 FormModalPage.Intl = sharedMessages;
-var defaultProps = {
+var defaultProps$1 = {
   hideControls: false
 };
@@ -1488,7 +1494,7 @@ TabularModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
   hideControls: _pt.bool.isRequired
 } : {};
 TabularModalPage.displayName = 'TabularModalPage';
-TabularModalPage.defaultProps = defaultProps; // Static export of pre-configured form control buttons to easily re-use
+TabularModalPage.defaultProps = defaultProps$1; // Static export of pre-configured form control buttons to easily re-use
 // them in the custom controls.
 TabularModalPage.FormPrimaryButton = FormPrimaryButton;
@@ -1738,6 +1744,13 @@ var PageUnauthorized = function PageUnauthorized() {
 PageUnauthorized.displayName = 'PageUnauthorized';
 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)."; }
+var defaultProps = {
+  offsetTop: '0',
+  offsetLeft: '0',
+  offsetLeftOnExpandedMenu: '0',
+  containerSelectorToPreventScrollingOnOpen: 'main',
+  zIndex: 10000
+}; // All modal components expect to be rendered inside this container.
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "qk9kof",
@@ -1745,19 +1758,25 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "14eqpg3-PortalsContainer",
   styles: "display:flex;height:1px;margin-top:-1px;label:PortalsContainer;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBvcnRhbHMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRWSIsImZpbGUiOiJwb3J0YWxzLWNvbnRhaW5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBQT1JUQUxTX0NPTlRBSU5FUl9JRCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5cbi8vIEFsbCBtb2RhbCBjb21wb25lbnRzIGV4cGVjdCB0byBiZSByZW5kZXJlZCBpbnNpZGUgdGhpcyBjb250YWluZXIuXG5jb25zdCBQb3J0YWxzQ29udGFpbmVyID0gKCkgPT4gKFxuICA8ZGl2XG4gICAgaWQ9e1BPUlRBTFNfQ09OVEFJTkVSX0lEfVxuICAgIC8vIFRoZSBjb250YWluZXIgbmVlZHMgYSBoZWlnaHQgaW4gb3JkZXIgdG8gYmUgdGFiYmFibGU6IGh0dHBzOi8vcmVhY3Rqcy9yZWFjdC1tb2RhbCM3NzRcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBoZWlnaHQ6IDFweDtcbiAgICAgIG1hcmdpbi10b3A6IC0xcHg7XG4gICAgYH1cbiAgLz5cbik7XG5Qb3J0YWxzQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ1BvcnRhbHNDb250YWluZXInO1xuXG5leHBvcnQgZGVmYXVsdCBQb3J0YWxzQ29udGFpbmVyO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBvcnRhbHMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRWMiLCJmaWxlIjoicG9ydGFscy1jb250YWluZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBHbG9iYWwgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBQT1JUQUxTX0NPTlRBSU5FUl9JRCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5cbnR5cGUgVFBvcnRhbHNDb250YWluZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRoZSBvZmZzZXQgdmFsdWUgZm9yIHBvc2l0aW9uaW5nIHRoZSBjb250YWluZXIgZnJvbSB0aGUgdG9wLCB3aGVuIG9wZW5lZC5cbiAgICogVXN1YWxseSB0aGlzIGNvcnJlc3BvbmRzIHRvIHRoZSBoZWlnaHQgb2YgdGhlIGhlYWRlciBzZWN0aW9uLlxuICAgKi9cbiAgb2Zmc2V0VG9wOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgb2Zmc2V0IHZhbHVlIGZvciBwb3NpdGlvbmluZyB0aGUgY29udGFpbmVyIGZyb20gdGhlIGxlZnQsIHdoZW4gb3BlbmVkLlxuICAgKiBVc3VhbGx5IHRoaXMgY29ycmVzcG9uZHMgdG8gdGhlIG1pbiB3aWR0aCBvZiB0aGUgbmF2IG1lbnUuXG4gICAqL1xuICBvZmZzZXRMZWZ0OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgb2Zmc2V0IHZhbHVlIGZvciBwb3NpdGlvbmluZyB0aGUgY29udGFpbmVyIGZyb20gdGhlIGxlZnQsIHdoZW4gb3BlbmVkLlxuICAgKiBUaGUgdmFsdWUgaXMgb25seSBhcHBsaWVkIHdoZW4gdGhlIGAuYm9keV9fbWVudS1vcGVuYCBnbG9iYWwgY2xhc3MgaXMgYWRkZWQgdG8gdGhlIERPTS5cbiAgICogVXN1YWxseSB0aGlzIGNvcnJlc3BvbmRzIHRvIHRoZSB3aWR0aCBvZiB0aGUgZXhwYW5kZWQgbmF2IG1lbnUuXG4gICAqL1xuICBvZmZzZXRMZWZ0T25FeHBhbmRlZE1lbnU6IHN0cmluZztcbiAgLyoqXG4gICAqIFRoZSBDU1Mgc2VsZWN0b3IgdG8gYXBwbHkgdGhlIGBvdmVyZmxvdzogaGlkZGVuYCBzdHlsZSB0byAocHJldmVudGluZyBzY3JvbGxpbmcpXG4gICAqIHdoZW4gYSBtb2RhbCBjb250YWluZXIgaXMgb3Blbi5cbiAgICovXG4gIGNvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuOiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgYHotaW5kZXhgIHZhbHVlIHRvIGFwcGx5IHRvIHRoZSBwb3J0YWwgY29udGFpbmVyLiBEZWZhdWx0IHRvIGAxMDAwMGAuXG4gICAqL1xuICB6SW5kZXg6IG51bWJlcjtcbn07XG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFRQb3J0YWxzQ29udGFpbmVyUHJvcHMsXG4gIHwgJ29mZnNldFRvcCdcbiAgfCAnb2Zmc2V0TGVmdCdcbiAgfCAnb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51J1xuICB8ICdjb250YWluZXJTZWxlY3RvclRvUHJldmVudFNjcm9sbGluZ09uT3BlbidcbiAgfCAnekluZGV4J1xuPiA9IHtcbiAgb2Zmc2V0VG9wOiAnMCcsXG4gIG9mZnNldExlZnQ6ICcwJyxcbiAgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51OiAnMCcsXG4gIGNvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVuOiAnbWFpbicsXG4gIHpJbmRleDogMTAwMDAsXG59O1xuXG4vLyBBbGwgbW9kYWwgY29tcG9uZW50cyBleHBlY3QgdG8gYmUgcmVuZGVyZWQgaW5zaWRlIHRoaXMgY29udGFpbmVyLlxuY29uc3QgUG9ydGFsc0NvbnRhaW5lciA9IChwcm9wczogVFBvcnRhbHNDb250YWluZXJQcm9wcykgPT4gKFxuICA8PlxuICAgIDxHbG9iYWxcbiAgICAgIC8vIEFwcGx5IHNvbWUgZ2xvYmFsIHN0eWxlcywgYmFzZWQgb24gdGhlIGAuUmVhY3RNb2RhbF9fQm9keS0tb3BlbmAgY2xhc3MuXG4gICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgLlJlYWN0TW9kYWxfX0JvZHktLW9wZW5cbiAgICAgICAgICAke3Byb3BzLmNvbnRhaW5lclNlbGVjdG9yVG9QcmV2ZW50U2Nyb2xsaW5nT25PcGVufSB7XG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuICMke1BPUlRBTFNfQ09OVEFJTkVSX0lEfSB7XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGhlaWdodDogY2FsYygxMDAlIC0gJHtwcm9wcy5vZmZzZXRUb3B9KTtcbiAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtwcm9wcy5vZmZzZXRMZWZ0fSk7XG4gICAgICAgICAgdG9wOiAke3Byb3BzLm9mZnNldFRvcH07XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgIHotaW5kZXg6ICR7cHJvcHMuekluZGV4fTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuLmJvZHlfX21lbnUtb3BlbiAjJHtQT1JUQUxTX0NPTlRBSU5FUl9JRH0ge1xuICAgICAgICAgIHdpZHRoOiBjYWxjKDEwMCUgLSAke3Byb3BzLm9mZnNldExlZnRPbkV4cGFuZGVkTWVudX0pO1xuICAgICAgICB9XG4gICAgICBgfVxuICAgIC8+XG4gICAgPGRpdlxuICAgICAgaWQ9e1BPUlRBTFNfQ09OVEFJTkVSX0lEfVxuICAgICAgLy8gVGhlIGNvbnRhaW5lciBuZWVkcyBhIGhlaWdodCBpbiBvcmRlciB0byBiZSB0YWJiYWJsZTogaHR0cHM6Ly9yZWFjdGpzL3JlYWN0LW1vZGFsIzc3NFxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGhlaWdodDogMXB4O1xuICAgICAgICBtYXJnaW4tdG9wOiAtMXB4O1xuICAgICAgYH1cbiAgICAvPlxuICA8Lz5cbik7XG5Qb3J0YWxzQ29udGFpbmVyLmRpc3BsYXlOYW1lID0gJ1BvcnRhbHNDb250YWluZXInO1xuUG9ydGFsc0NvbnRhaW5lci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IFBvcnRhbHNDb250YWluZXI7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-var PortalsContainer = function PortalsContainer() {
-  return jsx("div", {
-    id: PORTALS_CONTAINER_ID // The container needs a height in order to be tabbable: https://reactjs/react-modal#774
-    ,
-    css: _ref
+var PortalsContainer = function PortalsContainer(props) {
+  return jsxs(Fragment, {
+    children: [jsx(Global // Apply some global styles, based on the `.ReactModal__Body--open` class.
+    , {
+      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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBvcnRhbHMtY29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRGlCIiwiZmlsZSI6InBvcnRhbHMtY29udGFpbmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgR2xvYmFsIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgUE9SVEFMU19DT05UQUlORVJfSUQgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9jb25zdGFudHMnO1xuXG50eXBlIFRQb3J0YWxzQ29udGFpbmVyUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUaGUgb2Zmc2V0IHZhbHVlIGZvciBwb3NpdGlvbmluZyB0aGUgY29udGFpbmVyIGZyb20gdGhlIHRvcCwgd2hlbiBvcGVuZWQuXG4gICAqIFVzdWFsbHkgdGhpcyBjb3JyZXNwb25kcyB0byB0aGUgaGVpZ2h0IG9mIHRoZSBoZWFkZXIgc2VjdGlvbi5cbiAgICovXG4gIG9mZnNldFRvcDogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSBsZWZ0LCB3aGVuIG9wZW5lZC5cbiAgICogVXN1YWxseSB0aGlzIGNvcnJlc3BvbmRzIHRvIHRoZSBtaW4gd2lkdGggb2YgdGhlIG5hdiBtZW51LlxuICAgKi9cbiAgb2Zmc2V0TGVmdDogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIG9mZnNldCB2YWx1ZSBmb3IgcG9zaXRpb25pbmcgdGhlIGNvbnRhaW5lciBmcm9tIHRoZSBsZWZ0LCB3aGVuIG9wZW5lZC5cbiAgICogVGhlIHZhbHVlIGlzIG9ubHkgYXBwbGllZCB3aGVuIHRoZSBgLmJvZHlfX21lbnUtb3BlbmAgZ2xvYmFsIGNsYXNzIGlzIGFkZGVkIHRvIHRoZSBET00uXG4gICAqIFVzdWFsbHkgdGhpcyBjb3JyZXNwb25kcyB0byB0aGUgd2lkdGggb2YgdGhlIGV4cGFuZGVkIG5hdiBtZW51LlxuICAgKi9cbiAgb2Zmc2V0TGVmdE9uRXhwYW5kZWRNZW51OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgQ1NTIHNlbGVjdG9yIHRvIGFwcGx5IHRoZSBgb3ZlcmZsb3c6IGhpZGRlbmAgc3R5bGUgdG8gKHByZXZlbnRpbmcgc2Nyb2xsaW5nKVxuICAgKiB3aGVuIGEgbW9kYWwgY29udGFpbmVyIGlzIG9wZW4uXG4gICAqL1xuICBjb250YWluZXJTZWxlY3RvclRvUHJldmVudFNjcm9sbGluZ09uT3Blbjogc3RyaW5nO1xuICAvKipcbiAgICogVGhlIGB6LWluZGV4YCB2YWx1ZSB0byBhcHBseSB0byB0aGUgcG9ydGFsIGNvbnRhaW5lci4gRGVmYXVsdCB0byBgMTAwMDBgLlxuICAgKi9cbiAgekluZGV4OiBudW1iZXI7XG59O1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBUUG9ydGFsc0NvbnRhaW5lclByb3BzLFxuICB8ICdvZmZzZXRUb3AnXG4gIHwgJ29mZnNldExlZnQnXG4gIHwgJ29mZnNldExlZnRPbkV4cGFuZGVkTWVudSdcbiAgfCAnY29udGFpbmVyU2VsZWN0b3JUb1ByZXZlbnRTY3JvbGxpbmdPbk9wZW4nXG4gIHwgJ3pJbmRleCdcbj4gPSB7XG4gIG9mZnNldFRvcDogJzAnLFxuICBvZmZzZXRMZWZ0OiAnMCcsXG4gIG9mZnNldExlZnRPbkV4cGFuZGVkTWVudTogJzAnLFxuICBjb250YWluZXJTZWxlY3RvclRvUHJldmVudFNjcm9sbGluZ09uT3BlbjogJ21haW4nLFxuICB6SW5kZXg6IDEwMDAwLFxufTtcblxuLy8gQWxsIG1vZGFsIGNvbXBvbmVudHMgZXhwZWN0IHRvIGJlIHJlbmRlcmVkIGluc2lkZSB0aGlzIGNvbnRhaW5lci5cbmNvbnN0IFBvcnRhbHNDb250YWluZXIgPSAocHJvcHM6IFRQb3J0YWxzQ29udGFpbmVyUHJvcHMpID0+IChcbiAgPD5cbiAgICA8R2xvYmFsXG4gICAgICAvLyBBcHBseSBzb21lIGdsb2JhbCBzdHlsZXMsIGJhc2VkIG9uIHRoZSBgLlJlYWN0TW9kYWxfX0JvZHktLW9wZW5gIGNsYXNzLlxuICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgIC5SZWFjdE1vZGFsX19Cb2R5LS1vcGVuXG4gICAgICAgICAgJHtwcm9wcy5jb250YWluZXJTZWxlY3RvclRvUHJldmVudFNjcm9sbGluZ09uT3Blbn0ge1xuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgIH1cblxuICAgICAgICAuUmVhY3RNb2RhbF9fQm9keS0tb3BlbiAjJHtQT1JUQUxTX0NPTlRBSU5FUl9JRH0ge1xuICAgICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7cHJvcHMub2Zmc2V0VG9wfSk7XG4gICAgICAgICAgd2lkdGg6IGNhbGMoMTAwJSAtICR7cHJvcHMub2Zmc2V0TGVmdH0pO1xuICAgICAgICAgIHRvcDogJHtwcm9wcy5vZmZzZXRUb3B9O1xuICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICB6LWluZGV4OiAke3Byb3BzLnpJbmRleH07XG4gICAgICAgIH1cblxuICAgICAgICAuUmVhY3RNb2RhbF9fQm9keS0tb3Blbi5ib2R5X19tZW51LW9wZW4gIyR7UE9SVEFMU19DT05UQUlORVJfSUR9IHtcbiAgICAgICAgICB3aWR0aDogY2FsYygxMDAlIC0gJHtwcm9wcy5vZmZzZXRMZWZ0T25FeHBhbmRlZE1lbnV9KTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAvPlxuICAgIDxkaXZcbiAgICAgIGlkPXtQT1JUQUxTX0NPTlRBSU5FUl9JRH1cbiAgICAgIC8vIFRoZSBjb250YWluZXIgbmVlZHMgYSBoZWlnaHQgaW4gb3JkZXIgdG8gYmUgdGFiYmFibGU6IGh0dHBzOi8vcmVhY3Rqcy9yZWFjdC1tb2RhbCM3NzRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBoZWlnaHQ6IDFweDtcbiAgICAgICAgbWFyZ2luLXRvcDogLTFweDtcbiAgICAgIGB9XG4gICAgLz5cbiAgPC8+XG4pO1xuUG9ydGFsc0NvbnRhaW5lci5kaXNwbGF5TmFtZSA9ICdQb3J0YWxzQ29udGFpbmVyJztcblBvcnRhbHNDb250YWluZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBQb3J0YWxzQ29udGFpbmVyO1xuIl19 */")
+    }), jsx("div", {
+      id: PORTALS_CONTAINER_ID // The container needs a height in order to be tabbable: https://reactjs/react-modal#774
+      ,
+      css: _ref
+    })]
   });
 };
 PortalsContainer.displayName = 'PortalsContainer';
+PortalsContainer.defaultProps = defaultProps;
 var useModalState = function useModalState() {
   var isInitiallyOpen = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;

package/dist/declarations/src/components/portals-container/portals-container.d.ts CHANGED Viewed

@@ -1,5 +1,13 @@
+declare type TPortalsContainerProps = {
+    offsetTop: string;
+    offsetLeft: string;
+    offsetLeftOnExpandedMenu: string;
+    containerSelectorToPreventScrollingOnOpen: string;
+    zIndex: number;
+};
 declare const PortalsContainer: {
-    (): import("@emotion/react/jsx-runtime").JSX.Element;
+    (props: TPortalsContainerProps): import("@emotion/react/jsx-runtime").JSX.Element;
     displayName: string;
+    defaultProps: Pick<TPortalsContainerProps, "zIndex" | "offsetTop" | "offsetLeft" | "offsetLeftOnExpandedMenu" | "containerSelectorToPreventScrollingOnOpen">;
 };
 export default PortalsContainer;

package/dist/declarations/src/components/tabular-detail-page/tabular-detail-page.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ declare type MessageDescriptor = {
     values?: Record<string, ReactNode>;
 };
 declare type TTabularDetailPageProps = {
-    title: string;
+    title?: string;
     subtitle?: string | ReactElement;
     customTitleRow?: ReactNode;
     children: ReactNode;

package/dist/declarations/src/components/tabular-main-page/tabular-main-page.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { ReactElement, ReactNode } from 'react';
 declare type TTabularMainPageProps = {
-    title: string;
+    title?: string;
     subtitle?: string | ReactElement;
     customTitleRow?: ReactNode;
     children: ReactNode;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@commercetools-frontend/application-components",
-  "version": "21.3.0",
+  "version": "21.3.4",
   "description": "Generic components for building Merchant Center applications",
   "bugs": "https://github.com/commercetools/merchant-center-application-kit/issues",
   "repository": {
@@ -27,33 +27,33 @@
     "README.md"
   ],
   "dependencies": {
-    "@babel/runtime": "^7.17.8",
-    "@babel/runtime-corejs3": "^7.17.8",
-    "@commercetools-frontend/application-shell-connectors": "21.3.0",
+    "@babel/runtime": "^7.17.9",
+    "@babel/runtime-corejs3": "^7.17.9",
+    "@commercetools-frontend/application-shell-connectors": "21.3.4",
     "@commercetools-frontend/assets": "21.0.0",
-    "@commercetools-frontend/constants": "21.3.0",
-    "@commercetools-frontend/i18n": "21.3.0",
-    "@commercetools-frontend/l10n": "21.3.0",
+    "@commercetools-frontend/constants": "21.3.4",
+    "@commercetools-frontend/i18n": "21.3.4",
+    "@commercetools-frontend/l10n": "21.3.4",
     "@commercetools-uikit/card": "^14.0.1",
     "@commercetools-uikit/constraints": "^14.0.1",
     "@commercetools-uikit/design-system": "^14.0.0",
-    "@commercetools-uikit/flat-button": "^14.0.2",
-    "@commercetools-uikit/icon-button": "^14.0.2",
+    "@commercetools-uikit/flat-button": "^14.0.6",
+    "@commercetools-uikit/icon-button": "^14.0.6",
     "@commercetools-uikit/icons": "^14.0.1",
     "@commercetools-uikit/messages": "^14.0.1",
-    "@commercetools-uikit/primary-button": "^14.0.1",
-    "@commercetools-uikit/secondary-button": "^14.0.2",
-    "@commercetools-uikit/secondary-icon-button": "^14.0.2",
-    "@commercetools-uikit/spacings": "^14.0.1",
+    "@commercetools-uikit/primary-button": "^14.0.6",
+    "@commercetools-uikit/secondary-button": "^14.0.6",
+    "@commercetools-uikit/secondary-icon-button": "^14.0.6",
+    "@commercetools-uikit/spacings": "^14.0.6",
     "@commercetools-uikit/text": "^14.0.1",
     "@commercetools-uikit/utils": "^14.0.1",
-    "@emotion/react": "11.8.2",
+    "@emotion/react": "11.9.0",
     "@emotion/styled": "11.8.1",
     "@types/history": "4.7.11",
     "@types/lodash": "^4.14.181",
-    "@types/prop-types": "^15.7.4",
-    "@types/react": "^17.0.43",
-    "@types/react-dom": "^17.0.14",
+    "@types/prop-types": "^15.7.5",
+    "@types/react": "^17.0.44",
+    "@types/react-dom": "^17.0.15",
     "@types/react-modal": "^3.13.1",
     "history": "4.10.1",
     "lodash": "4.17.21",