@commercetools-frontend-extensions/export-resources-modal 4.5.3 → 4.5.4

package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.dev.js

@@ -43,9 +43,9 @@ var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/inst
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
 var sdk = require('@commercetools-frontend/sdk');
+var _styled = require('@emotion/styled/base');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var throttle = require('lodash/throttle');
-var _styled = require('@emotion/styled/base');
 var react = require('@emotion/react');
 var get = require('lodash/get');
 var formik = require('formik');
@@ -77,9 +77,9 @@ var moment__default = /*#__PURE__*/_interopDefault(moment);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
 var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var throttle__default = /*#__PURE__*/_interopDefault(throttle);
-var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var get__default = /*#__PURE__*/_interopDefault(get);
 
 function getBold(msg) {
@@ -1471,6 +1471,32 @@ const NoSearchResults = () => {
 
 function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$2(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$2(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const totalSpacing = 32 * 2 + (
+// outer modal spacing
+32 + 40) +
+// footer (dialog buttons + margin)
+40 +
+// search input
+24 +
+// search input padding
+24 +
+// modal header
+16 +
+// modal header margin
+16 + (
+// spacing between search input and grid card
+16 * 2 + 8 * 2) +
+// modal padding
+56 +
+// MC header
+4; // borders
+
+const StyledGridCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, process.env.NODE_ENV === "production" ? {
+  target: "e5mvpn60"
+} : {
+  target: "e5mvpn60",
+  label: "StyledGridCard"
+})("max-height:calc(100vh - ", totalSpacing, "px);overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4cG9ydC1maWVsZHMtc2VsZWN0aW9uLXN0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDbUMiLCJmaWxlIjoiZXhwb3J0LWZpZWxkcy1zZWxlY3Rpb24tc3RlcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCdcbmltcG9ydCB7IEZvcm1EaWFsb2cgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1jb21wb25lbnRzJ1xuaW1wb3J0IHsgdXNlQXBwbGljYXRpb25Db250ZXh0IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tc2hlbGwtY29ubmVjdG9ycydcbmltcG9ydCB7IHVzZVN0b3JhZ2UgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9leHBlcmltZW50YWwtY29tcG9uZW50cydcbmltcG9ydCB7IE1hc2tpbmcgYXMgRnVsbFN0b3J5TWFza2luZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2Z1bGxzdG9yeSdcbmltcG9ydCB7XG4gIENhcmQsXG4gIEdyaWQsXG4gIFNwYWNpbmdzLFxuICBTZWFyY2hUZXh0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdGhyb3R0bGUgZnJvbSAnbG9kYXNoL3Rocm90dGxlJ1xuaW1wb3J0IEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgZnJvbSAnLi9leHBvcnQtZmllbGQtc2VsZWN0aW9uLXByb3ZpZGVyJ1xuaW1wb3J0IHsgRmllbGRHcm91cFNlY3Rpb24gfSBmcm9tICcuL2ZpZWxkLWdyb3VwLXNlY3Rpb24nXG5pbXBvcnQgeyBPUEVSQVRJT05TX0VYUE9SVF9SRVNPVVJDRVNfTU9EQUxfU0VMRUNUSU9OIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcbmltcG9ydCB7IHVzZUV4cG9ydFJlc291cmNlc0NvbnRleHQgfSBmcm9tICcuLi8uLi9AaG9va3MnXG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi4vLi4vbWVzc2FnZXMnXG5pbXBvcnQgeyBOb1NlYXJjaFJlc3VsdHMgfSBmcm9tICcuLi9uby1zZWFyY2gtcmVzdWx0cydcblxuY29uc3QgdG90YWxTcGFjaW5nID1cbiAgMzIgKiAyICsgLy8gb3V0ZXIgbW9kYWwgc3BhY2luZ1xuICAoMzIgKyA0MCkgKyAvLyBmb290ZXIgKGRpYWxvZyBidXR0b25zICsgbWFyZ2luKVxuICA0MCArIC8vIHNlYXJjaCBpbnB1dFxuICAyNCArIC8vIHNlYXJjaCBpbnB1dCBwYWRkaW5nXG4gIDI0ICsgLy8gbW9kYWwgaGVhZGVyXG4gIDE2ICsgLy8gbW9kYWwgaGVhZGVyIG1hcmdpblxuICAxNiArIC8vIHNwYWNpbmcgYmV0d2VlbiBzZWFyY2ggaW5wdXQgYW5kIGdyaWQgY2FyZFxuICAoMTYgKiAyICsgOCAqIDIpICsgLy8gbW9kYWwgcGFkZGluZ1xuICA1NiArIC8vIE1DIGhlYWRlclxuICA0IC8vIGJvcmRlcnNcblxuY29uc3QgU3R5bGVkR3JpZENhcmQgPSBzdHlsZWQoQ2FyZClgXG4gIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSAke3RvdGFsU3BhY2luZ31weCk7XG4gIG92ZXJmbG93OiBhdXRvO1xuYFxuXG5leHBvcnQgY29uc3QgRXhwb3J0RmllbGRzU2VsZWN0aW9uU3RlcCA9ICgpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKVxuICBjb25zdCBbZmllbGRTZWFyY2hUZXJtLCBzZXRGaWVsZFNlYXJjaFRlcm1dID0gUmVhY3QudXNlU3RhdGUoJycpXG4gIGNvbnN0IHsgcHJvamVjdEtleSB9ID0gdXNlQXBwbGljYXRpb25Db250ZXh0KChjb250ZXh0KSA9PiAoe1xuICAgIHByb2plY3RLZXk6IGNvbnRleHQucHJvamVjdD8ua2V5LFxuICB9KSlcbiAgY29uc3QgW18sIHNldENhY2hlZFNlbGVjdGVkR3JvdXBzXSA9IHVzZVN0b3JhZ2UoXG4gICAgYCR7cHJvamVjdEtleX0vJHtPUEVSQVRJT05TX0VYUE9SVF9SRVNPVVJDRVNfTU9EQUxfU0VMRUNUSU9OfWAsXG4gICAge31cbiAgKVxuICBjb25zdCB7IGZvcm1paywgc2V0Q3VycmVudFN0ZXAsIHJlc291cmNlVHlwZSwgb25DbG9zZSB9ID1cbiAgICB1c2VFeHBvcnRSZXNvdXJjZXNDb250ZXh0KClcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZvcm1pay52YWxpZGF0ZUZvcm0oKVxuICAgIGNvbnN0IHNlbGVjdGVkRmllbGRzID0ge31cbiAgICBmdW5jdGlvbiBnZXRTZWxlY3RlZEZpZWxkcyhmaWVsZCwgZ3JvdXBOYW1lKSB7XG4gICAgICBjb25zdCBmaWVsZE5hbWUgPSBmaWVsZC5uYW1lID8gYCR7Z3JvdXBOYW1lfS4ke2ZpZWxkLm5hbWV9YCA6IGdyb3VwTmFtZVxuICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICByZXR1cm4gZmllbGQuZmllbGRzLmZvckVhY2goKGYpID0+IGdldFNlbGVjdGVkRmllbGRzKGYsIGZpZWxkTmFtZSkpXG4gICAgICB9XG5cbiAgICAgIHNlbGVjdGVkRmllbGRzW2ZpZWxkTmFtZV0gPSBmaWVsZC5pc0NoZWNrZWRcbiAgICB9XG4gICAgZm9ybWlrLnZhbHVlcy5ncm91cHMuZm9yRWFjaCgoZ3JvdXApID0+XG4gICAgICBnZXRTZWxlY3RlZEZpZWxkcyhncm91cCwgZ3JvdXAuZ3JvdXBMYWJlbClcbiAgICApXG4gICAgc2V0Q2FjaGVkU2VsZWN0ZWRHcm91cHMoe1xuICAgICAgW3Jlc291cmNlVHlwZV06IHNlbGVjdGVkRmllbGRzLFxuICAgIH0pXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHNdKVxuICAvLyBhZGRzIGBpc0hpZGRlbmAgcHJvcGVydHkgdG8gZWFjaCBmaWVsZCBiYXNlZCBvbiBzZWFyY2ggdGVybVxuICBjb25zdCBmaWx0ZXJlZEdyb3VwcyA9IFJlYWN0LnVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IHVwZGF0ZUZpZWxkcyA9IChmaWVsZHMsIHBhcmVudE1hdGNoZXM6IGJvb2xlYW4pID0+IHtcbiAgICAgIHJldHVybiBmaWVsZHMubWFwKChmaWVsZCkgPT4ge1xuICAgICAgICBjb25zdCBtYXRjaGVzID0gZmllbGQubGFiZWxcbiAgICAgICAgICAudG9Mb3dlckNhc2UoKVxuICAgICAgICAgIC5pbmNsdWRlcyhmaWVsZFNlYXJjaFRlcm0udG9Mb3dlckNhc2UoKSlcbiAgICAgICAgbGV0IGlzSGlkZGVuID0gIW1hdGNoZXMgJiYgIXBhcmVudE1hdGNoZXNcbiAgICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICAgIGNvbnN0IHVwZGF0ZWRGaWVsZHMgPSB1cGRhdGVGaWVsZHMoZmllbGQuZmllbGRzLCBtYXRjaGVzKVxuICAgICAgICAgIGlzSGlkZGVuID0gaXNIaWRkZW4gJiYgdXBkYXRlZEZpZWxkcy5ldmVyeSgoZikgPT4gZi5pc0hpZGRlbilcbiAgICAgICAgICBmaWVsZCA9IHtcbiAgICAgICAgICAgIC4uLmZpZWxkLFxuICAgICAgICAgICAgZmllbGRzOiB1cGRhdGVkRmllbGRzLFxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4geyAuLi5maWVsZCwgaXNIaWRkZW4gfVxuICAgICAgfSlcbiAgICB9XG4gICAgaWYgKCFmaWVsZFNlYXJjaFRlcm0/LnRyaW0oKT8ubGVuZ3RoKSByZXR1cm4gZm9ybWlrLnZhbHVlcy5ncm91cHNcblxuICAgIHJldHVybiBmb3JtaWsudmFsdWVzLmdyb3Vwcy5tYXAoKGdyb3VwKSA9PiB7XG4gICAgICBjb25zdCB1cGRhdGVkRmllbGRzID0gdXBkYXRlRmllbGRzKGdyb3VwLmZpZWxkcywgZmFsc2UpXG4gICAgICBjb25zdCBpc0hpZGRlbiA9IHVwZGF0ZWRGaWVsZHMuZXZlcnkoKGZpZWxkKSA9PiBmaWVsZC5pc0hpZGRlbilcbiAgICAgIHJldHVybiB7IC4uLmdyb3VwLCBmaWVsZHM6IHVwZGF0ZWRGaWVsZHMsIGlzSGlkZGVuIH1cbiAgICB9KVxuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHMsIGZpZWxkU2VhcmNoVGVybV0pXG5cbiAgY29uc3Qgb25TZWFyY2hDaGFuZ2UgPSBSZWFjdC51c2VDYWxsYmFjayhcbiAgICAoZXZlbnQpID0+IHtcbiAgICAgIHNldEZpZWxkU2VhcmNoVGVybShldmVudC50YXJnZXQudmFsdWUpXG4gICAgfSxcbiAgICBbc2V0RmllbGRTZWFyY2hUZXJtXVxuICApXG5cbiAgY29uc3QgaGFzUmVzdWx0cyA9IEJvb2xlYW4oZmlsdGVyZWRHcm91cHMuZmluZCgoZ3JvdXApID0+ICFncm91cC5pc0hpZGRlbikpXG5cbiAgY29uc3Qgb25TZWFyY2hDaGFuZ2VUaHJvdHRsZWQgPSBSZWFjdC51c2VNZW1vKFxuICAgICgpID0+IHRocm90dGxlKG9uU2VhcmNoQ2hhbmdlLCAzMDApLFxuICAgIFtvblNlYXJjaENoYW5nZV1cbiAgKVxuXG4gIGNvbnN0IG9uU2VhcmNoUmVzZXQgPSAoKSA9PiB7XG4gICAgc2V0RmllbGRTZWFyY2hUZXJtKCcnKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybURpYWxvZ1xuICAgICAgaXNPcGVuXG4gICAgICB0aXRsZT17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLnNlbGVjdEZpZWxkc1RvRXhwb3J0KX1cbiAgICAgIGxhYmVsUHJpbWFyeT17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLnN0YXJ0RXhwb3J0KX1cbiAgICAgIG9uUHJpbWFyeUJ1dHRvbkNsaWNrPXtmb3JtaWsuc3VibWl0Rm9ybX1cbiAgICAgIGlzUHJpbWFyeUJ1dHRvbkRpc2FibGVkPXshZm9ybWlrLmlzVmFsaWR9XG4gICAgICBsYWJlbFNlY29uZGFyeT17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmJhY2spfVxuICAgICAgb25TZWNvbmRhcnlCdXR0b25DbGljaz17KCkgPT4gc2V0Q3VycmVudFN0ZXAoMSl9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgc2l6ZT17MTZ9XG4gICAgPlxuICAgICAgPEZ1bGxTdG9yeU1hc2tpbmcuVW5tYXNrPlxuICAgICAgICA8RXhwb3J0RmllbGRTZWxlY3Rpb25Qcm92aWRlciByZXNvdXJjZVR5cGU9e3Jlc291cmNlVHlwZX0+XG4gICAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwibVwiPlxuICAgICAgICAgICAgPFNlYXJjaFRleHRJbnB1dFxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLnNlYXJjaEZvckZpZWxkcyl9XG4gICAgICAgICAgICAgIHZhbHVlPXtmaWVsZFNlYXJjaFRlcm19XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblNlYXJjaENoYW5nZVRocm90dGxlZH1cbiAgICAgICAgICAgICAgb25SZXNldD17b25TZWFyY2hSZXNldH1cbiAgICAgICAgICAgICAgLy8gVE9ETzogYFNlYXJjaFRleHRJbnB1dGAgcHJvcHMgdG8gYmUgaW1wcm92ZWQuIFRoZSBgb25TdWJtaXRgIGNhbGxiYWNrIHNob3VsZG4ndCBiZSBtYW5kYXRvcnlcbiAgICAgICAgICAgICAgb25TdWJtaXQ9eygpID0+IHt9fVxuICAgICAgICAgICAgICBpZD1cImV4cG9ydC1maWVsZHMtc2VhcmNoXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7aGFzUmVzdWx0cyA/IChcbiAgICAgICAgICAgICAgPFN0eWxlZEdyaWRDYXJkIGluc2V0U2NhbGU9XCJub25lXCI+XG4gICAgICAgICAgICAgICAgPEdyaWRcbiAgICAgICAgICAgICAgICAgIGdyaWRBdXRvRmxvdz1cInJvd1wiXG4gICAgICAgICAgICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXtgY2FsYygke2Rlc2lnblRva2Vucy5zcGFjaW5nTH0gKyAke2Rlc2lnblRva2Vucy5jb25zdHJhaW50NX0gKyAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH0pIGF1dG9gfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtmaWx0ZXJlZEdyb3Vwcy5tYXAoKGdyb3VwLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8RmllbGRHcm91cFNlY3Rpb25cbiAgICAgICAgICAgICAgICAgICAgICBrZXk9e2dyb3VwLmdyb3VwTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgZ3JvdXA9e2dyb3VwfVxuICAgICAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgICAgICBmb3JtaWs9e2Zvcm1pa31cbiAgICAgICAgICAgICAgICAgICAgICBpc0ZvcmNlRXhwYW5kZWQ9e2ZpZWxkU2VhcmNoVGVybT8udHJpbSgpPy5sZW5ndGggPiAwfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgICA8L1N0eWxlZEdyaWRDYXJkPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPE5vU2VhcmNoUmVzdWx0cyAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICA8L0V4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXI+XG4gICAgICA8L0Z1bGxTdG9yeU1hc2tpbmcuVW5tYXNrPlxuICAgIDwvRm9ybURpYWxvZz5cbiAgKVxufVxuIl19 */"));
 const ExportFieldsSelectionStep = () => {
   const intl = reactIntl.useIntl();
   const _React$useState = React__default["default"].useState(''),
@@ -1570,7 +1596,7 @@ const ExportFieldsSelectionStep = () => {
             ,
             onSubmit: () => {},
             id: "export-fields-search"
-          }), hasResults ? jsxRuntime.jsx(uiKit.Card, {
+          }), hasResults ? jsxRuntime.jsx(StyledGridCard, {
             insetScale: "none",
             children: jsxRuntime.jsx(uiKit.Grid, {
               gridAutoFlow: "row",

package/dist/commercetools-frontend-extensions-export-resources-modal.cjs.prod.js

@@ -43,9 +43,9 @@ var _everyInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/inst
 var actionsGlobal = require('@commercetools-frontend/actions-global');
 var constants = require('@commercetools-frontend/constants');
 var sdk = require('@commercetools-frontend/sdk');
+var _styled = require('@emotion/styled/base');
 var _includesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/includes');
 var throttle = require('lodash/throttle');
-var _styled = require('@emotion/styled/base');
 var react = require('@emotion/react');
 var get = require('lodash/get');
 var formik = require('formik');
@@ -77,9 +77,9 @@ var moment__default = /*#__PURE__*/_interopDefault(moment);
 var _someInstanceProperty__default = /*#__PURE__*/_interopDefault(_someInstanceProperty);
 var _findInstanceProperty__default = /*#__PURE__*/_interopDefault(_findInstanceProperty);
 var _everyInstanceProperty__default = /*#__PURE__*/_interopDefault(_everyInstanceProperty);
+var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var _includesInstanceProperty__default = /*#__PURE__*/_interopDefault(_includesInstanceProperty);
 var throttle__default = /*#__PURE__*/_interopDefault(throttle);
-var _styled__default = /*#__PURE__*/_interopDefault(_styled);
 var get__default = /*#__PURE__*/_interopDefault(get);
 
 function getBold(msg) {
@@ -1441,6 +1441,29 @@ const NoSearchResults = () => {
 
 function ownKeys$2(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$2(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$2(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+const totalSpacing = 32 * 2 + (
+// outer modal spacing
+32 + 40) +
+// footer (dialog buttons + margin)
+40 +
+// search input
+24 +
+// search input padding
+24 +
+// modal header
+16 +
+// modal header margin
+16 + (
+// spacing between search input and grid card
+16 * 2 + 8 * 2) +
+// modal padding
+56 +
+// MC header
+4; // borders
+
+const StyledGridCard = /*#__PURE__*/_styled__default["default"](uiKit.Card, {
+  target: "e5mvpn60"
+} )("max-height:calc(100vh - ", totalSpacing, "px);overflow:auto;" + ("" ));
 const ExportFieldsSelectionStep = () => {
   const intl = reactIntl.useIntl();
   const _React$useState = React__default["default"].useState(''),
@@ -1540,7 +1563,7 @@ const ExportFieldsSelectionStep = () => {
             ,
             onSubmit: () => {},
             id: "export-fields-search"
-          }), hasResults ? jsxRuntime.jsx(uiKit.Card, {
+          }), hasResults ? jsxRuntime.jsx(StyledGridCard, {
             insetScale: "none",
             children: jsxRuntime.jsx(uiKit.Grid, {
               gridAutoFlow: "row",

package/dist/commercetools-frontend-extensions-export-resources-modal.esm.js

@@ -39,9 +39,9 @@ import _everyInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instan
 import { useShowNotification } from '@commercetools-frontend/actions-global';
 import { MC_API_PROXY_TARGETS, DOMAINS } from '@commercetools-frontend/constants';
 import { actions, useAsyncDispatch } from '@commercetools-frontend/sdk';
+import _styled from '@emotion/styled/base';
 import _includesInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/includes';
 import throttle from 'lodash/throttle';
-import _styled from '@emotion/styled/base';
 import { css } from '@emotion/react';
 import get from 'lodash/get';
 import { useFormik } from 'formik';
@@ -1437,6 +1437,32 @@ const NoSearchResults = () => {
 
 function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys$2(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys$2(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const totalSpacing = 32 * 2 + (
+// outer modal spacing
+32 + 40) +
+// footer (dialog buttons + margin)
+40 +
+// search input
+24 +
+// search input padding
+24 +
+// modal header
+16 +
+// modal header margin
+16 + (
+// spacing between search input and grid card
+16 * 2 + 8 * 2) +
+// modal padding
+56 +
+// MC header
+4; // borders
+
+const StyledGridCard = /*#__PURE__*/_styled(Card, process.env.NODE_ENV === "production" ? {
+  target: "e5mvpn60"
+} : {
+  target: "e5mvpn60",
+  label: "StyledGridCard"
+})("max-height:calc(100vh - ", totalSpacing, "px);overflow:auto;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImV4cG9ydC1maWVsZHMtc2VsZWN0aW9uLXN0ZXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDbUMiLCJmaWxlIjoiZXhwb3J0LWZpZWxkcy1zZWxlY3Rpb24tc3RlcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VJbnRsIH0gZnJvbSAncmVhY3QtaW50bCdcbmltcG9ydCB7IEZvcm1EaWFsb2cgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9hcHBsaWNhdGlvbi1jb21wb25lbnRzJ1xuaW1wb3J0IHsgdXNlQXBwbGljYXRpb25Db250ZXh0IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvYXBwbGljYXRpb24tc2hlbGwtY29ubmVjdG9ycydcbmltcG9ydCB7IHVzZVN0b3JhZ2UgfSBmcm9tICdAY29tbWVyY2V0b29scy1mcm9udGVuZC9leHBlcmltZW50YWwtY29tcG9uZW50cydcbmltcG9ydCB7IE1hc2tpbmcgYXMgRnVsbFN0b3J5TWFza2luZyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2Z1bGxzdG9yeSdcbmltcG9ydCB7XG4gIENhcmQsXG4gIEdyaWQsXG4gIFNwYWNpbmdzLFxuICBTZWFyY2hUZXh0SW5wdXQsXG4gIGRlc2lnblRva2Vucyxcbn0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvdWkta2l0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdGhyb3R0bGUgZnJvbSAnbG9kYXNoL3Rocm90dGxlJ1xuaW1wb3J0IEV4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXIgZnJvbSAnLi9leHBvcnQtZmllbGQtc2VsZWN0aW9uLXByb3ZpZGVyJ1xuaW1wb3J0IHsgRmllbGRHcm91cFNlY3Rpb24gfSBmcm9tICcuL2ZpZWxkLWdyb3VwLXNlY3Rpb24nXG5pbXBvcnQgeyBPUEVSQVRJT05TX0VYUE9SVF9SRVNPVVJDRVNfTU9EQUxfU0VMRUNUSU9OIH0gZnJvbSAnLi4vLi4vQGNvbnN0YW50cydcbmltcG9ydCB7IHVzZUV4cG9ydFJlc291cmNlc0NvbnRleHQgfSBmcm9tICcuLi8uLi9AaG9va3MnXG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi4vLi4vbWVzc2FnZXMnXG5pbXBvcnQgeyBOb1NlYXJjaFJlc3VsdHMgfSBmcm9tICcuLi9uby1zZWFyY2gtcmVzdWx0cydcblxuY29uc3QgdG90YWxTcGFjaW5nID1cbiAgMzIgKiAyICsgLy8gb3V0ZXIgbW9kYWwgc3BhY2luZ1xuICAoMzIgKyA0MCkgKyAvLyBmb290ZXIgKGRpYWxvZyBidXR0b25zICsgbWFyZ2luKVxuICA0MCArIC8vIHNlYXJjaCBpbnB1dFxuICAyNCArIC8vIHNlYXJjaCBpbnB1dCBwYWRkaW5nXG4gIDI0ICsgLy8gbW9kYWwgaGVhZGVyXG4gIDE2ICsgLy8gbW9kYWwgaGVhZGVyIG1hcmdpblxuICAxNiArIC8vIHNwYWNpbmcgYmV0d2VlbiBzZWFyY2ggaW5wdXQgYW5kIGdyaWQgY2FyZFxuICAoMTYgKiAyICsgOCAqIDIpICsgLy8gbW9kYWwgcGFkZGluZ1xuICA1NiArIC8vIE1DIGhlYWRlclxuICA0IC8vIGJvcmRlcnNcblxuY29uc3QgU3R5bGVkR3JpZENhcmQgPSBzdHlsZWQoQ2FyZClgXG4gIG1heC1oZWlnaHQ6IGNhbGMoMTAwdmggLSAke3RvdGFsU3BhY2luZ31weCk7XG4gIG92ZXJmbG93OiBhdXRvO1xuYFxuXG5leHBvcnQgY29uc3QgRXhwb3J0RmllbGRzU2VsZWN0aW9uU3RlcCA9ICgpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKVxuICBjb25zdCBbZmllbGRTZWFyY2hUZXJtLCBzZXRGaWVsZFNlYXJjaFRlcm1dID0gUmVhY3QudXNlU3RhdGUoJycpXG4gIGNvbnN0IHsgcHJvamVjdEtleSB9ID0gdXNlQXBwbGljYXRpb25Db250ZXh0KChjb250ZXh0KSA9PiAoe1xuICAgIHByb2plY3RLZXk6IGNvbnRleHQucHJvamVjdD8ua2V5LFxuICB9KSlcbiAgY29uc3QgW18sIHNldENhY2hlZFNlbGVjdGVkR3JvdXBzXSA9IHVzZVN0b3JhZ2UoXG4gICAgYCR7cHJvamVjdEtleX0vJHtPUEVSQVRJT05TX0VYUE9SVF9SRVNPVVJDRVNfTU9EQUxfU0VMRUNUSU9OfWAsXG4gICAge31cbiAgKVxuICBjb25zdCB7IGZvcm1paywgc2V0Q3VycmVudFN0ZXAsIHJlc291cmNlVHlwZSwgb25DbG9zZSB9ID1cbiAgICB1c2VFeHBvcnRSZXNvdXJjZXNDb250ZXh0KClcblxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xuICAgIGZvcm1pay52YWxpZGF0ZUZvcm0oKVxuICAgIGNvbnN0IHNlbGVjdGVkRmllbGRzID0ge31cbiAgICBmdW5jdGlvbiBnZXRTZWxlY3RlZEZpZWxkcyhmaWVsZCwgZ3JvdXBOYW1lKSB7XG4gICAgICBjb25zdCBmaWVsZE5hbWUgPSBmaWVsZC5uYW1lID8gYCR7Z3JvdXBOYW1lfS4ke2ZpZWxkLm5hbWV9YCA6IGdyb3VwTmFtZVxuICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICByZXR1cm4gZmllbGQuZmllbGRzLmZvckVhY2goKGYpID0+IGdldFNlbGVjdGVkRmllbGRzKGYsIGZpZWxkTmFtZSkpXG4gICAgICB9XG5cbiAgICAgIHNlbGVjdGVkRmllbGRzW2ZpZWxkTmFtZV0gPSBmaWVsZC5pc0NoZWNrZWRcbiAgICB9XG4gICAgZm9ybWlrLnZhbHVlcy5ncm91cHMuZm9yRWFjaCgoZ3JvdXApID0+XG4gICAgICBnZXRTZWxlY3RlZEZpZWxkcyhncm91cCwgZ3JvdXAuZ3JvdXBMYWJlbClcbiAgICApXG4gICAgc2V0Q2FjaGVkU2VsZWN0ZWRHcm91cHMoe1xuICAgICAgW3Jlc291cmNlVHlwZV06IHNlbGVjdGVkRmllbGRzLFxuICAgIH0pXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHNdKVxuICAvLyBhZGRzIGBpc0hpZGRlbmAgcHJvcGVydHkgdG8gZWFjaCBmaWVsZCBiYXNlZCBvbiBzZWFyY2ggdGVybVxuICBjb25zdCBmaWx0ZXJlZEdyb3VwcyA9IFJlYWN0LnVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IHVwZGF0ZUZpZWxkcyA9IChmaWVsZHMsIHBhcmVudE1hdGNoZXM6IGJvb2xlYW4pID0+IHtcbiAgICAgIHJldHVybiBmaWVsZHMubWFwKChmaWVsZCkgPT4ge1xuICAgICAgICBjb25zdCBtYXRjaGVzID0gZmllbGQubGFiZWxcbiAgICAgICAgICAudG9Mb3dlckNhc2UoKVxuICAgICAgICAgIC5pbmNsdWRlcyhmaWVsZFNlYXJjaFRlcm0udG9Mb3dlckNhc2UoKSlcbiAgICAgICAgbGV0IGlzSGlkZGVuID0gIW1hdGNoZXMgJiYgIXBhcmVudE1hdGNoZXNcbiAgICAgICAgaWYgKGZpZWxkLmZpZWxkcykge1xuICAgICAgICAgIGNvbnN0IHVwZGF0ZWRGaWVsZHMgPSB1cGRhdGVGaWVsZHMoZmllbGQuZmllbGRzLCBtYXRjaGVzKVxuICAgICAgICAgIGlzSGlkZGVuID0gaXNIaWRkZW4gJiYgdXBkYXRlZEZpZWxkcy5ldmVyeSgoZikgPT4gZi5pc0hpZGRlbilcbiAgICAgICAgICBmaWVsZCA9IHtcbiAgICAgICAgICAgIC4uLmZpZWxkLFxuICAgICAgICAgICAgZmllbGRzOiB1cGRhdGVkRmllbGRzLFxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgICByZXR1cm4geyAuLi5maWVsZCwgaXNIaWRkZW4gfVxuICAgICAgfSlcbiAgICB9XG4gICAgaWYgKCFmaWVsZFNlYXJjaFRlcm0/LnRyaW0oKT8ubGVuZ3RoKSByZXR1cm4gZm9ybWlrLnZhbHVlcy5ncm91cHNcblxuICAgIHJldHVybiBmb3JtaWsudmFsdWVzLmdyb3Vwcy5tYXAoKGdyb3VwKSA9PiB7XG4gICAgICBjb25zdCB1cGRhdGVkRmllbGRzID0gdXBkYXRlRmllbGRzKGdyb3VwLmZpZWxkcywgZmFsc2UpXG4gICAgICBjb25zdCBpc0hpZGRlbiA9IHVwZGF0ZWRGaWVsZHMuZXZlcnkoKGZpZWxkKSA9PiBmaWVsZC5pc0hpZGRlbilcbiAgICAgIHJldHVybiB7IC4uLmdyb3VwLCBmaWVsZHM6IHVwZGF0ZWRGaWVsZHMsIGlzSGlkZGVuIH1cbiAgICB9KVxuICB9LCBbZm9ybWlrLnZhbHVlcy5ncm91cHMsIGZpZWxkU2VhcmNoVGVybV0pXG5cbiAgY29uc3Qgb25TZWFyY2hDaGFuZ2UgPSBSZWFjdC51c2VDYWxsYmFjayhcbiAgICAoZXZlbnQpID0+IHtcbiAgICAgIHNldEZpZWxkU2VhcmNoVGVybShldmVudC50YXJnZXQudmFsdWUpXG4gICAgfSxcbiAgICBbc2V0RmllbGRTZWFyY2hUZXJtXVxuICApXG5cbiAgY29uc3QgaGFzUmVzdWx0cyA9IEJvb2xlYW4oZmlsdGVyZWRHcm91cHMuZmluZCgoZ3JvdXApID0+ICFncm91cC5pc0hpZGRlbikpXG5cbiAgY29uc3Qgb25TZWFyY2hDaGFuZ2VUaHJvdHRsZWQgPSBSZWFjdC51c2VNZW1vKFxuICAgICgpID0+IHRocm90dGxlKG9uU2VhcmNoQ2hhbmdlLCAzMDApLFxuICAgIFtvblNlYXJjaENoYW5nZV1cbiAgKVxuXG4gIGNvbnN0IG9uU2VhcmNoUmVzZXQgPSAoKSA9PiB7XG4gICAgc2V0RmllbGRTZWFyY2hUZXJtKCcnKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybURpYWxvZ1xuICAgICAgaXNPcGVuXG4gICAgICB0aXRsZT17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLnNlbGVjdEZpZWxkc1RvRXhwb3J0KX1cbiAgICAgIGxhYmVsUHJpbWFyeT17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLnN0YXJ0RXhwb3J0KX1cbiAgICAgIG9uUHJpbWFyeUJ1dHRvbkNsaWNrPXtmb3JtaWsuc3VibWl0Rm9ybX1cbiAgICAgIGlzUHJpbWFyeUJ1dHRvbkRpc2FibGVkPXshZm9ybWlrLmlzVmFsaWR9XG4gICAgICBsYWJlbFNlY29uZGFyeT17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmJhY2spfVxuICAgICAgb25TZWNvbmRhcnlCdXR0b25DbGljaz17KCkgPT4gc2V0Q3VycmVudFN0ZXAoMSl9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgc2l6ZT17MTZ9XG4gICAgPlxuICAgICAgPEZ1bGxTdG9yeU1hc2tpbmcuVW5tYXNrPlxuICAgICAgICA8RXhwb3J0RmllbGRTZWxlY3Rpb25Qcm92aWRlciByZXNvdXJjZVR5cGU9e3Jlc291cmNlVHlwZX0+XG4gICAgICAgICAgPFNwYWNpbmdzLlN0YWNrIHNjYWxlPVwibVwiPlxuICAgICAgICAgICAgPFNlYXJjaFRleHRJbnB1dFxuICAgICAgICAgICAgICBwbGFjZWhvbGRlcj17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLnNlYXJjaEZvckZpZWxkcyl9XG4gICAgICAgICAgICAgIHZhbHVlPXtmaWVsZFNlYXJjaFRlcm19XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtvblNlYXJjaENoYW5nZVRocm90dGxlZH1cbiAgICAgICAgICAgICAgb25SZXNldD17b25TZWFyY2hSZXNldH1cbiAgICAgICAgICAgICAgLy8gVE9ETzogYFNlYXJjaFRleHRJbnB1dGAgcHJvcHMgdG8gYmUgaW1wcm92ZWQuIFRoZSBgb25TdWJtaXRgIGNhbGxiYWNrIHNob3VsZG4ndCBiZSBtYW5kYXRvcnlcbiAgICAgICAgICAgICAgb25TdWJtaXQ9eygpID0+IHt9fVxuICAgICAgICAgICAgICBpZD1cImV4cG9ydC1maWVsZHMtc2VhcmNoXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB7aGFzUmVzdWx0cyA/IChcbiAgICAgICAgICAgICAgPFN0eWxlZEdyaWRDYXJkIGluc2V0U2NhbGU9XCJub25lXCI+XG4gICAgICAgICAgICAgICAgPEdyaWRcbiAgICAgICAgICAgICAgICAgIGdyaWRBdXRvRmxvdz1cInJvd1wiXG4gICAgICAgICAgICAgICAgICBncmlkVGVtcGxhdGVDb2x1bW5zPXtgY2FsYygke2Rlc2lnblRva2Vucy5zcGFjaW5nTH0gKyAke2Rlc2lnblRva2Vucy5jb25zdHJhaW50NX0gKyAke2Rlc2lnblRva2Vucy5zcGFjaW5nTH0pIGF1dG9gfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtmaWx0ZXJlZEdyb3Vwcy5tYXAoKGdyb3VwLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICAgICAgICA8RmllbGRHcm91cFNlY3Rpb25cbiAgICAgICAgICAgICAgICAgICAgICBrZXk9e2dyb3VwLmdyb3VwTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgICAgZ3JvdXA9e2dyb3VwfVxuICAgICAgICAgICAgICAgICAgICAgIGluZGV4PXtpbmRleH1cbiAgICAgICAgICAgICAgICAgICAgICBmb3JtaWs9e2Zvcm1pa31cbiAgICAgICAgICAgICAgICAgICAgICBpc0ZvcmNlRXhwYW5kZWQ9e2ZpZWxkU2VhcmNoVGVybT8udHJpbSgpPy5sZW5ndGggPiAwfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgICA8L1N0eWxlZEdyaWRDYXJkPlxuICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgPE5vU2VhcmNoUmVzdWx0cyAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L1NwYWNpbmdzLlN0YWNrPlxuICAgICAgICA8L0V4cG9ydEZpZWxkU2VsZWN0aW9uUHJvdmlkZXI+XG4gICAgICA8L0Z1bGxTdG9yeU1hc2tpbmcuVW5tYXNrPlxuICAgIDwvRm9ybURpYWxvZz5cbiAgKVxufVxuIl19 */"));
 const ExportFieldsSelectionStep = () => {
   const intl = useIntl();
   const _React$useState = React.useState(''),
@@ -1536,7 +1562,7 @@ const ExportFieldsSelectionStep = () => {
             ,
             onSubmit: () => {},
             id: "export-fields-search"
-          }), hasResults ? jsx(Card, {
+          }), hasResults ? jsx(StyledGridCard, {
             insetScale: "none",
             children: jsx(Grid, {
               gridAutoFlow: "row",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-frontend-extensions/export-resources-modal",
   "description": "Shared export modal for exporting resources",
-  "version": "4.5.3",
+  "version": "4.5.4",
   "license": "BSD-3-Clause",
   "publishConfig": {
     "access": "public"