@wix/patterns 1.360.0 → 1.364.0

package/dist/cjs/components/FiltersPanel/FilterAccordionResetButton.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FilterAccordionResetButton = void 0;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@wix/bex-core/react");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FiltersPanel/FilterAccordionResetButton.tsx";
+function _FilterAccordionResetButton(props) {
+  const {
+    state
+  } = props;
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const filter = state.getPendingFilter(props.filter);
+  if (filter.isEmpty) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    dataHook: `reset-filter-${filter.name}`,
+    size: "medium",
+    onClick: e => {
+      e.stopPropagation();
+      filter.reset({
+        emitEvents: ['change', 'refresh']
+      });
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 5
+    }
+  }, t('cairo.filtersPanel.reset'));
+}
+const FilterAccordionResetButton = exports.FilterAccordionResetButton = (0, _mobxReactLite.observer)(_FilterAccordionResetButton);
+//# sourceMappingURL=FilterAccordionResetButton.js.map

package/dist/cjs/components/FiltersPanel/FilterAccordionResetButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_mobxReactLite","_jsxFileName","_FilterAccordionResetButton","props","state","translate","t","useWixPatternsContainer","filter","getPendingFilter","isEmpty","default","createElement","TextButton","dataHook","name","size","onClick","e","stopPropagation","reset","emitEvents","__self","__source","fileName","lineNumber","columnNumber","FilterAccordionResetButton","exports","observer"],"sources":["../../../../src/components/FiltersPanel/FilterAccordionResetButton.tsx"],"sourcesContent":["import { TextButton } from '@wix/design-system';\nimport React from 'react';\nimport { Filter } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FilterToolbarState } from '../../providers';\n\nexport interface FilterAccordionResetButtonProps<V> {\n  state: FilterToolbarState;\n  filter: Filter<V>;\n}\n\nfunction _FilterAccordionResetButton<V>(\n  props: FilterAccordionResetButtonProps<V>,\n) {\n  const { state } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  const filter = state.getPendingFilter(props.filter);\n\n  if (filter.isEmpty) {\n    return null;\n  }\n\n  return (\n    <TextButton\n      dataHook={`reset-filter-${filter.name}`}\n      size=\"medium\"\n      onClick={(e: React.MouseEvent) => {\n        e.stopPropagation();\n        filter.reset({ emitEvents: ['change', 'refresh'] });\n      }}\n    >\n      {t('cairo.filtersPanel.reset')}\n    </TextButton>\n  );\n}\n\nexport const FilterAccordionResetButton = observer(\n  _FilterAccordionResetButton,\n);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAA2C,IAAAK,YAAA;AAQ3C,SAASC,2BAA2BA,CAClCC,KAAyC,EACzC;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,MAAM;IAAEE,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,MAAMC,MAAM,GAAGJ,KAAK,CAACK,gBAAgB,CAACN,KAAK,CAACK,MAAM,CAAC;EAEnD,IAAIA,MAAM,CAACE,OAAO,EAAE;IAClB,OAAO,IAAI;EACb;EAEA,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,UAAU;IACTC,QAAQ,EAAE,gBAAgBN,MAAM,CAACO,IAAI,EAAG;IACxCC,IAAI,EAAC,QAAQ;IACbC,OAAO,EAAGC,CAAmB,IAAK;MAChCA,CAAC,CAACC,eAAe,CAAC,CAAC;MACnBX,MAAM,CAACY,KAAK,CAAC;QAAEC,UAAU,EAAE,CAAC,QAAQ,EAAE,SAAS;MAAE,CAAC,CAAC;IACrD,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDpB,CAAC,CAAC,0BAA0B,CACnB,CAAC;AAEjB;AAEO,MAAMqB,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAAE,uBAAQ,EAChD3B,2BACF,CAAC","ignoreList":[]}

package/dist/cjs/components/Heading/Heading.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Heading3688798431";
+var _namespace_ = "Heading774911002";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Heading3688798431__root"
+  "root": "Heading774911002__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3688798431\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading3688798431__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyB,CAAC;AAChD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading774911002\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Heading774911002__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAwB,CAAC;AAC/C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportButtonModalLayout.js

@@ -13,6 +13,8 @@ var _util = require("@wix/bex-core/util");
 var _useIsMobile = require("../../hooks/useIsMobile");
 var _CustomDrawerLayout = require("../CustomDrawerLayout");
 var _ImportStepper = require("./ImportStepper");
+var _ActionModal = require("../ActionModal");
+var _CollectionModal = require("../CollectionModal");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportButtonModalLayout.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _ImportButtonModalLayout(props) {
@@ -39,16 +41,18 @@ function _ImportButtonModalLayout(props) {
     removeContentPadding,
     ...customModalLayoutProps
   } = (0, _getImportModalStepProps.getImportModalStepProps)({
-    state
+    state,
+    isMobile
   });
   const wrappedChildren = state.currentStep !== 'progress' ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     gap: "SP3",
     width: "100%",
+    height: "100%",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 55,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_ImportStepper.ImportStepper, {
@@ -57,7 +61,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 56,
       columnNumber: 9
     }
   }), children) : children;
@@ -68,8 +72,12 @@ function _ImportButtonModalLayout(props) {
     return undefined;
   }, [onRequestClose]);
   (0, _react.useEffect)(() => state.init(), []);
+  const t = state.translate;
+  const {
+    modal: discardModal
+  } = state.discardChangesModal;
   if (isMobile) {
-    return /*#__PURE__*/_react.default.createElement(_CustomDrawerLayout.CustomDrawerLayout, (0, _extends2.default)({
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CustomDrawerLayout.CustomDrawerLayout, (0, _extends2.default)({
       dataHook: "import-modal-layout",
       removeContentPadding: removeContentPadding
     }, rest, customModalLayoutProps, {
@@ -77,13 +85,82 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 72,
-        columnNumber: 7
+        lineNumber: 87,
+        columnNumber: 9
+      }
+    })), /*#__PURE__*/_react.default.createElement(_CollectionModal.ModalWrapper, {
+      state: discardModal,
+      onAfterClose: () => state.discardChangesModal.afterClose(),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 94,
+        columnNumber: 9
       }
-    }));
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.ModalMobileLayout, {
+      dataHook: "import-discard-changes-modal",
+      title: /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+        size: "small",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 101,
+          columnNumber: 15
+        }
+      }, t('cairo.import.discardChanges.title')),
+      content: /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 106,
+          columnNumber: 15
+        }
+      }, t('cairo.import.discardChanges.description')),
+      onCloseButtonClick: () => discardModal.close(),
+      stickyFooter: true,
+      footer: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        direction: "vertical",
+        gap: "SP3",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 111,
+          columnNumber: 15
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+        dataHook: "import-discard-confirm",
+        fullWidth: true,
+        skin: "destructive",
+        onClick: () => discardModal.confirm(),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 112,
+          columnNumber: 17
+        }
+      }, t('cairo.import.discardChanges.confirm')), /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
+        dataHook: "import-discard-cancel",
+        fullWidth: true,
+        priority: "secondary",
+        onClick: () => discardModal.decline(),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 120,
+          columnNumber: 17
+        }
+      }, t('cairo.import.discardChanges.cancel'))),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 98,
+        columnNumber: 11
+      }
+    })));
   }
-  return /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, (0, _extends2.default)({
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, (0, _extends2.default)({
     width: "600px",
+    maxHeight: "80vh",
     dataHook: "import-modal-layout",
     removeContentPadding: removeContentPadding
   }, rest, customModalLayoutProps, {
@@ -91,8 +168,22 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
-      columnNumber: 5
+      lineNumber: 138,
+      columnNumber: 7
+    }
+  })), /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, {
+    dataHook: "import-discard-changes-modal",
+    state: state.discardChangesModal,
+    title: t('cairo.import.discardChanges.title'),
+    content: t('cairo.import.discardChanges.description'),
+    primaryButtonText: t('cairo.import.discardChanges.confirm'),
+    secondaryButtonText: t('cairo.import.discardChanges.cancel'),
+    theme: "destructive",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 147,
+      columnNumber: 7
     }
   }));
 }

package/dist/cjs/components/ImportButton/ImportButtonModalLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","fields","bulkUploadItems","backup","batchSize","importModalState","rest","isMobile","useIsMobile","createImport","useCreateImport","state","useState","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","wrappedChildren","currentStep","createElement","Box","direction","gap","width","__self","__source","fileName","lineNumber","columnNumber","ImportStepper","useEffect","addEventListener","events","undefined","init","CustomDrawerLayout","_extends2","dataHook","CustomModalLayout","ImportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButtonModalLayout.tsx"],"sourcesContent":["import { Box, CustomModalLayout } from '@wix/design-system';\nimport { getImportModalStepProps } from './getImportModalStepProps';\nimport React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\nimport { ImportButtonModalLayoutProps } from './ImportProps';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CustomDrawerLayout } from '../CustomDrawerLayout';\nimport { ImportStepper } from './ImportStepper';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const {\n    fields,\n    bulkUploadItems,\n    backup,\n    batchSize,\n    importModalState,\n    ...rest\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const createImport = useCreateImport({\n    fields,\n    bulkUploadItems,\n    backup,\n    batchSize,\n    importModalState,\n  });\n\n  const [state] = useState(() => createImport());\n\n  const {\n    onRequestClose,\n    children,\n    removeContentPadding,\n    ...customModalLayoutProps\n  } = getImportModalStepProps({\n    state,\n  });\n\n  const wrappedChildren =\n    state.currentStep !== 'progress' ? (\n      <Box direction=\"vertical\" gap=\"SP3\" width=\"100%\">\n        <ImportStepper\n          state={state}\n          removeContentPadding={!removeContentPadding}\n        />\n        {children}\n      </Box>\n    ) : (\n      children\n    );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        importModalState.events,\n        'requestClose',\n        onRequestClose,\n      );\n    }\n\n    return undefined;\n  }, [onRequestClose]);\n\n  useEffect(() => state.init(), []);\n\n  if (isMobile) {\n    return (\n      <CustomDrawerLayout\n        dataHook=\"import-modal-layout\"\n        removeContentPadding={removeContentPadding}\n        {...rest}\n        {...customModalLayoutProps}\n        children={wrappedChildren}\n      />\n    );\n  }\n\n  return (\n    <CustomModalLayout\n      width=\"600px\"\n      dataHook=\"import-modal-layout\"\n      removeContentPadding={removeContentPadding}\n      {...rest}\n      {...customModalLayoutProps}\n      children={wrappedChildren}\n    />\n  );\n}\n\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_ActionModal","_CollectionModal","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","fields","bulkUploadItems","backup","batchSize","importModalState","rest","isMobile","useIsMobile","createImport","useCreateImport","state","useState","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","wrappedChildren","currentStep","createElement","Box","direction","gap","width","height","__self","__source","fileName","lineNumber","columnNumber","ImportStepper","useEffect","addEventListener","events","undefined","init","translate","modal","discardModal","discardChangesModal","Fragment","CustomDrawerLayout","_extends2","dataHook","ModalWrapper","onAfterClose","afterClose","ModalMobileLayout","title","Heading","size","content","Text","onCloseButtonClick","close","stickyFooter","footer","Button","fullWidth","skin","onClick","confirm","priority","decline","CustomModalLayout","maxHeight","MessageActionModal","primaryButtonText","secondaryButtonText","theme","ImportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButtonModalLayout.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  CustomModalLayout,\n  Heading,\n  ModalMobileLayout,\n  Text,\n} from '@wix/design-system';\nimport { getImportModalStepProps } from './getImportModalStepProps';\nimport React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\nimport { ImportButtonModalLayoutProps } from './ImportProps';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CustomDrawerLayout } from '../CustomDrawerLayout';\nimport { ImportStepper } from './ImportStepper';\nimport { MessageActionModal } from '../ActionModal';\nimport { ModalWrapper } from '../CollectionModal';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const {\n    fields,\n    bulkUploadItems,\n    backup,\n    batchSize,\n    importModalState,\n    ...rest\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const createImport = useCreateImport({\n    fields,\n    bulkUploadItems,\n    backup,\n    batchSize,\n    importModalState,\n  });\n\n  const [state] = useState(() => createImport());\n\n  const {\n    onRequestClose,\n    children,\n    removeContentPadding,\n    ...customModalLayoutProps\n  } = getImportModalStepProps({\n    state,\n    isMobile,\n  });\n\n  const wrappedChildren =\n    state.currentStep !== 'progress' ? (\n      <Box direction=\"vertical\" gap=\"SP3\" width=\"100%\" height=\"100%\">\n        <ImportStepper\n          state={state}\n          removeContentPadding={!removeContentPadding}\n        />\n        {children}\n      </Box>\n    ) : (\n      children\n    );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        importModalState.events,\n        'requestClose',\n        onRequestClose,\n      );\n    }\n\n    return undefined;\n  }, [onRequestClose]);\n\n  useEffect(() => state.init(), []);\n\n  const t = state.translate;\n\n  const { modal: discardModal } = state.discardChangesModal;\n\n  if (isMobile) {\n    return (\n      <>\n        <CustomDrawerLayout\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={wrappedChildren}\n        />\n        <ModalWrapper\n          state={discardModal}\n          onAfterClose={() => state.discardChangesModal.afterClose()}\n        >\n          <ModalMobileLayout\n            dataHook=\"import-discard-changes-modal\"\n            title={\n              <Heading size=\"small\">\n                {t('cairo.import.discardChanges.title')}\n              </Heading>\n            }\n            content={\n              <Text>{t('cairo.import.discardChanges.description')}</Text>\n            }\n            onCloseButtonClick={() => discardModal.close()}\n            stickyFooter\n            footer={\n              <Box direction=\"vertical\" gap=\"SP3\">\n                <Button\n                  dataHook=\"import-discard-confirm\"\n                  fullWidth\n                  skin=\"destructive\"\n                  onClick={() => discardModal.confirm()}\n                >\n                  {t('cairo.import.discardChanges.confirm')}\n                </Button>\n                <Button\n                  dataHook=\"import-discard-cancel\"\n                  fullWidth\n                  priority=\"secondary\"\n                  onClick={() => discardModal.decline()}\n                >\n                  {t('cairo.import.discardChanges.cancel')}\n                </Button>\n              </Box>\n            }\n          />\n        </ModalWrapper>\n      </>\n    );\n  }\n\n  return (\n    <>\n      <CustomModalLayout\n        width=\"600px\"\n        maxHeight=\"80vh\"\n        dataHook=\"import-modal-layout\"\n        removeContentPadding={removeContentPadding}\n        {...rest}\n        {...customModalLayoutProps}\n        children={wrappedChildren}\n      />\n      <MessageActionModal\n        dataHook=\"import-discard-changes-modal\"\n        state={state.discardChangesModal}\n        title={t('cairo.import.discardChanges.title')}\n        content={t('cairo.import.discardChanges.description')}\n        primaryButtonText={t('cairo.import.discardChanges.confirm')}\n        secondaryButtonText={t('cairo.import.discardChanges.cancel')}\n        theme=\"destructive\"\n      />\n    </>\n  );\n}\n\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportModal.uni.driver.js

@@ -49,6 +49,7 @@ function ImportModalUniDriver(base, body) {
     },
     getUploadError: () => modalLayoutBase().$('[data-hook="import-upload-error"]').text(),
     uploadErrorExists: () => modalLayoutBase().$('[data-hook="import-upload-error"]').exists(),
+    noRowsWarningExists: () => modalLayoutBase().$('[data-hook="import-no-rows-warning"]').exists(),
     getProgressLabel: () => progressLabelBase().text(),
     progressLabelExists: () => progressLabelBase().exists(),
     getPartialErrorText: () => modalLayoutBase().$('[data-hook="import-partial-error"]').text(),
@@ -58,7 +59,9 @@ function ImportModalUniDriver(base, body) {
     /** Get the CounterBadge driver for the columns found counter */
     getColumnsFoundCounter: () => (0, _unidriver3.CounterBadgeUniDriver)(modalLayoutBase().$('[data-hook="import-columns-found-counter"]'), body),
     /** Get the Dropdown driver for a specific CSV header mapping */
-    getMappingDropdown: header => (0, _unidriver3.DropdownUniDriver)(modalLayoutBase().$(`[data-hook="import-mapping-${header}"]`), body)
+    getMappingDropdown: header => (0, _unidriver3.DropdownUniDriver)(modalLayoutBase().$(`[data-hook="import-mapping-${header}"]`), body),
+    /** Get the discard changes confirmation modal driver */
+    getDiscardChangesModal: () => (0, _unidriver3.MessageModalLayoutUniDriver)(body.$('[data-hook="import-discard-changes-modal"]'), body)
   };
 }
 var _default = exports.default = ImportModalUniDriver;

package/dist/cjs/components/ImportButton/ImportModal.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","ImportModalUniDriver","base","body","modalBase","$","modalLayoutBase","footerBase","getModal","ModalUniDriver","getModalLayout","CustomModalLayoutUniDriver","getFooterText","TextUniDriver","getText","footerExists","exists","fileInputBase","configurationStepBase","summaryStepBase","progressLabelBase","wait","timeout","baseUniDriverFactory","waitModalClosed","waitFor","clickPrimaryAction","getPrimaryButtonDriver","click","getPrimaryActionText","getButtonTextContent","isPrimaryButtonDisabled","isButtonDisabled","getSecondaryButtonText","getSecondaryButtonDriver","clickSecondaryAction","clickCloseButton","getModalTitle","getTitleText","getSubtitleText","isUploadStepVisible","isConfigurationStepVisible","isSummaryStepVisible","uploadFile","file","nativeInput","getNative","Object","defineProperty","value","dispatchEvent","Event","bubbles","getUploadError","text","uploadErrorExists","getProgressLabel","progressLabelExists","getPartialErrorText","partialErrorExists","getErrorMessageText","errorMessageExists","getColumnsFoundCounter","CounterBadgeUniDriver","getMappingDropdown","header","DropdownUniDriver","_default","exports","default"],"sources":["../../../../src/components/ImportButton/ImportModal.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  CounterBadgeUniDriver,\n  CustomModalLayoutUniDriver,\n  DropdownUniDriver,\n  ModalUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function ImportModalUniDriver(base: UniDriver, body: UniDriver) {\n  const modalBase = () => body.$('.portal-import-modal');\n  const modalLayoutBase = () => body.$('[data-hook=\"import-modal-layout\"]');\n  const footerBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-modal-footer-text\"]');\n\n  const getModal = () => ModalUniDriver(modalBase(), modalBase());\n\n  const getModalLayout = () =>\n    CustomModalLayoutUniDriver(modalLayoutBase(), body);\n\n  const getFooterText = async () =>\n    (await TextUniDriver(footerBase(), body)).getText();\n\n  const footerExists = () => footerBase().exists();\n\n  const fileInputBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-file-input\"]');\n  const configurationStepBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-mapping-step\"]');\n  const summaryStepBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-summary-step\"]');\n  const progressLabelBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-progress-label\"]');\n\n  return {\n    wait: (timeout?: number) => base.wait(timeout),\n    ...baseUniDriverFactory(base),\n    getModal,\n    getModalLayout,\n    waitModalClosed: (timeout?: number) =>\n      waitFor(async () => !(await getModalLayout().exists()), timeout),\n    clickPrimaryAction: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).click(),\n    getPrimaryActionText: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).getButtonTextContent(),\n    isPrimaryButtonDisabled: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).isButtonDisabled(),\n    getSecondaryButtonText: async () =>\n      (\n        await getModalLayout().getSecondaryButtonDriver()\n      ).getButtonTextContent(),\n    clickSecondaryAction: async () =>\n      (await getModalLayout().getSecondaryButtonDriver()).click(),\n    clickCloseButton: () => getModalLayout().clickCloseButton(),\n    getModalTitle: () => getModalLayout().getTitleText(),\n    getSubtitleText: () => getModalLayout().getSubtitleText(),\n    getFooterText,\n    footerExists,\n\n    isUploadStepVisible: () => fileInputBase().exists(),\n    isConfigurationStepVisible: () => configurationStepBase().exists(),\n    isSummaryStepVisible: () => summaryStepBase().exists(),\n\n    /** Simulates selecting a file in the upload step */\n    uploadFile: async (file: File) => {\n      const nativeInput: HTMLInputElement = await fileInputBase()\n        .$('input[type=\"file\"]')\n        .getNative();\n      Object.defineProperty(nativeInput, 'files', { value: [file] });\n      nativeInput.dispatchEvent(new Event('change', { bubbles: true }));\n    },\n\n    getUploadError: () =>\n      modalLayoutBase().$('[data-hook=\"import-upload-error\"]').text(),\n    uploadErrorExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-upload-error\"]').exists(),\n\n    getProgressLabel: () => progressLabelBase().text(),\n    progressLabelExists: () => progressLabelBase().exists(),\n\n    getPartialErrorText: () =>\n      modalLayoutBase().$('[data-hook=\"import-partial-error\"]').text(),\n    partialErrorExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-partial-error\"]').exists(),\n\n    getErrorMessageText: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').text(),\n    errorMessageExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').exists(),\n\n    /** Get the CounterBadge driver for the columns found counter */\n    getColumnsFoundCounter: () =>\n      CounterBadgeUniDriver(\n        modalLayoutBase().$('[data-hook=\"import-columns-found-counter\"]'),\n        body,\n      ),\n\n    /** Get the Dropdown driver for a specific CSV header mapping */\n    getMappingDropdown: (header: string) =>\n      DropdownUniDriver(\n        modalLayoutBase().$(`[data-hook=\"import-mapping-${header}\"]`),\n        body,\n      ),\n  };\n}\n\nexport default ImportModalUniDriver;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","ImportModalUniDriver","base","body","modalBase","$","modalLayoutBase","footerBase","getModal","ModalUniDriver","getModalLayout","CustomModalLayoutUniDriver","getFooterText","TextUniDriver","getText","footerExists","exists","fileInputBase","configurationStepBase","summaryStepBase","progressLabelBase","wait","timeout","baseUniDriverFactory","waitModalClosed","waitFor","clickPrimaryAction","getPrimaryButtonDriver","click","getPrimaryActionText","getButtonTextContent","isPrimaryButtonDisabled","isButtonDisabled","getSecondaryButtonText","getSecondaryButtonDriver","clickSecondaryAction","clickCloseButton","getModalTitle","getTitleText","getSubtitleText","isUploadStepVisible","isConfigurationStepVisible","isSummaryStepVisible","uploadFile","file","nativeInput","getNative","Object","defineProperty","value","dispatchEvent","Event","bubbles","getUploadError","text","uploadErrorExists","noRowsWarningExists","getProgressLabel","progressLabelExists","getPartialErrorText","partialErrorExists","getErrorMessageText","errorMessageExists","getColumnsFoundCounter","CounterBadgeUniDriver","getMappingDropdown","header","DropdownUniDriver","getDiscardChangesModal","MessageModalLayoutUniDriver","_default","exports","default"],"sources":["../../../../src/components/ImportButton/ImportModal.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  CounterBadgeUniDriver,\n  CustomModalLayoutUniDriver,\n  DropdownUniDriver,\n  MessageModalLayoutUniDriver,\n  ModalUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function ImportModalUniDriver(base: UniDriver, body: UniDriver) {\n  const modalBase = () => body.$('.portal-import-modal');\n  const modalLayoutBase = () => body.$('[data-hook=\"import-modal-layout\"]');\n  const footerBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-modal-footer-text\"]');\n\n  const getModal = () => ModalUniDriver(modalBase(), modalBase());\n\n  const getModalLayout = () =>\n    CustomModalLayoutUniDriver(modalLayoutBase(), body);\n\n  const getFooterText = async () =>\n    (await TextUniDriver(footerBase(), body)).getText();\n\n  const footerExists = () => footerBase().exists();\n\n  const fileInputBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-file-input\"]');\n  const configurationStepBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-mapping-step\"]');\n  const summaryStepBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-summary-step\"]');\n  const progressLabelBase = () =>\n    modalLayoutBase().$('[data-hook=\"import-progress-label\"]');\n\n  return {\n    wait: (timeout?: number) => base.wait(timeout),\n    ...baseUniDriverFactory(base),\n    getModal,\n    getModalLayout,\n    waitModalClosed: (timeout?: number) =>\n      waitFor(async () => !(await getModalLayout().exists()), timeout),\n    clickPrimaryAction: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).click(),\n    getPrimaryActionText: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).getButtonTextContent(),\n    isPrimaryButtonDisabled: async () =>\n      (await getModalLayout().getPrimaryButtonDriver()).isButtonDisabled(),\n    getSecondaryButtonText: async () =>\n      (\n        await getModalLayout().getSecondaryButtonDriver()\n      ).getButtonTextContent(),\n    clickSecondaryAction: async () =>\n      (await getModalLayout().getSecondaryButtonDriver()).click(),\n    clickCloseButton: () => getModalLayout().clickCloseButton(),\n    getModalTitle: () => getModalLayout().getTitleText(),\n    getSubtitleText: () => getModalLayout().getSubtitleText(),\n    getFooterText,\n    footerExists,\n\n    isUploadStepVisible: () => fileInputBase().exists(),\n    isConfigurationStepVisible: () => configurationStepBase().exists(),\n    isSummaryStepVisible: () => summaryStepBase().exists(),\n\n    /** Simulates selecting a file in the upload step */\n    uploadFile: async (file: File) => {\n      const nativeInput: HTMLInputElement = await fileInputBase()\n        .$('input[type=\"file\"]')\n        .getNative();\n      Object.defineProperty(nativeInput, 'files', { value: [file] });\n      nativeInput.dispatchEvent(new Event('change', { bubbles: true }));\n    },\n\n    getUploadError: () =>\n      modalLayoutBase().$('[data-hook=\"import-upload-error\"]').text(),\n    uploadErrorExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-upload-error\"]').exists(),\n\n    noRowsWarningExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-no-rows-warning\"]').exists(),\n\n    getProgressLabel: () => progressLabelBase().text(),\n    progressLabelExists: () => progressLabelBase().exists(),\n\n    getPartialErrorText: () =>\n      modalLayoutBase().$('[data-hook=\"import-partial-error\"]').text(),\n    partialErrorExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-partial-error\"]').exists(),\n\n    getErrorMessageText: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').text(),\n    errorMessageExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-error-message\"]').exists(),\n\n    /** Get the CounterBadge driver for the columns found counter */\n    getColumnsFoundCounter: () =>\n      CounterBadgeUniDriver(\n        modalLayoutBase().$('[data-hook=\"import-columns-found-counter\"]'),\n        body,\n      ),\n\n    /** Get the Dropdown driver for a specific CSV header mapping */\n    getMappingDropdown: (header: string) =>\n      DropdownUniDriver(\n        modalLayoutBase().$(`[data-hook=\"import-mapping-${header}\"]`),\n        body,\n      ),\n\n    /** Get the discard changes confirmation modal driver */\n    getDiscardChangesModal: () =>\n      MessageModalLayoutUniDriver(\n        body.$('[data-hook=\"import-discard-changes-modal\"]'),\n        body,\n      ),\n  };\n}\n\nexport default ImportModalUniDriver;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportStepConfiguration.js

@@ -13,6 +13,9 @@ const COLUMN_WIDTHS = {
   arrow: '1fr',
   field: 'minmax(0, 250px)'
 };
+const SCROLLBAR_GUTTER = {
+  scrollbarGutter: 'stable'
+};
 function _ImportStepConfiguration({
   state
 }) {
@@ -21,61 +24,51 @@ function _ImportStepConfiguration({
     fields,
     translate: t
   } = state;
-  const dropdownOptions = fields.filter(field => field.id != null).map(field => (0, _designSystem.listItemSelectBuilder)({
+  const baseDropdownOptions = fields.filter(field => field.id != null).map(field => (0, _designSystem.listItemSelectBuilder)({
     id: field.id,
     label: field.header,
     title: field.header
   }));
+  const {
+    selectedFieldIds
+  } = state;
+  const hasNoRows = state.csvRows.length === 0;
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     dataHook: "import-mapping-step",
+    gap: "SP3",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 39,
+      lineNumber: 43,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    direction: "horizontal",
-    gap: "SP2",
-    verticalAlign: "middle",
-    paddingLeft: "SP4",
-    paddingRight: "SP4",
-    paddingTop: "SP1",
-    paddingBottom: "SP2",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 40,
-      columnNumber: 7
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
-    size: "small",
+  }, hasNoRows && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    padding: "0 SP4",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
+      lineNumber: 45,
       columnNumber: 9
     }
-  }, t('cairo.import.columnsFound')), /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
-    size: "medium",
-    skin: "neutralLight",
-    dataHook: "import-columns-found-counter",
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.SectionHelper, {
+    dataHook: "import-no-rows-warning",
+    skin: "warning",
+    title: t('cairo.import.noRowsWarningTitle'),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
-      columnNumber: 9
+      lineNumber: 46,
+      columnNumber: 11
     }
-  }, csvHeaders.length)), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      overflowY: 'auto',
-      maxHeight: '340px'
-    },
+  }, t('cairo.import.noRowsWarningDescription'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    flex: 1,
+    minHeight: 0,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 56,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -86,15 +79,12 @@ function _ImportStepConfiguration({
     backgroundColor: "var(--wds-color-fill-surface-neutral,var(--wsr-color-D75, #F7F8F8))",
     boxShadow: "inset 0 1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB)), inset 0 -1px 0 0 var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #DFE5EB))",
     gridTemplateColumns: `${COLUMN_WIDTHS.title} ${COLUMN_WIDTHS.arrow} ${COLUMN_WIDTHS.field}`,
-    style: {
-      position: 'sticky',
-      top: 0,
-      zIndex: 1
-    },
+    flexShrink: 0,
+    style: SCROLLBAR_GUTTER,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 57,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -103,7 +93,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 68,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -113,7 +103,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 69,
       columnNumber: 13
     }
   }, t('cairo.import.columnTitle'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -122,7 +112,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 74,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -131,7 +121,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 76,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -141,12 +131,23 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 77,
       columnNumber: 13
     }
-  }, t('cairo.import.collectionField')))), csvHeaders.map(header => /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
+  }, t('cairo.import.collectionField')))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    overflowY: "auto",
+    maxHeight: hasNoRows ? 'calc(80vh - 420px)' : 'calc(80vh - 300px)',
+    style: SCROLLBAR_GUTTER,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 83,
+      columnNumber: 9
+    }
+  }, csvHeaders.map((header, index) => /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
     key: header,
-    showDivider: true,
+    showDivider: index < csvHeaders.length - 1,
     options: [{
       value: /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
         ellipsis: true,
@@ -154,8 +155,8 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 92,
-          columnNumber: 19
+          lineNumber: 96,
+          columnNumber: 21
         }
       }, header),
       width: COLUMN_WIDTHS.title
@@ -165,15 +166,15 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 100,
-          columnNumber: 19
+          lineNumber: 104,
+          columnNumber: 21
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowRight, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 101,
-          columnNumber: 21
+          lineNumber: 105,
+          columnNumber: 23
         }
       })),
       width: COLUMN_WIDTHS.arrow
@@ -197,13 +198,16 @@ function _ImportStepConfiguration({
           flip: true,
           fixed: false
         },
-        options: dropdownOptions,
+        options: baseDropdownOptions.map(option => ({
+          ...option,
+          disabled: selectedFieldIds.has(String(option.id)) && state.mappingByHeader[header] !== String(option.id)
+        })),
         size: "small",
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 108,
-          columnNumber: 19
+          lineNumber: 112,
+          columnNumber: 21
         }
       }),
       width: COLUMN_WIDTHS.field
@@ -211,10 +215,10 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
-      columnNumber: 11
+      lineNumber: 90,
+      columnNumber: 13
     }
-  }))));
+  })))));
 }
 const ImportStepConfiguration = exports.ImportStepConfiguration = (0, _mobxReactLite.observer)(_ImportStepConfiguration);
 //# sourceMappingURL=ImportStepConfiguration.js.map