@wix/patterns 1.495.0 → 1.497.0

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

@@ -6,11 +6,15 @@ exports.FiltersPanelState = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _bexCore = require("@wix/bex-core");
 var _bi = require("@wix/bex-core/bi");
+var _react = require("react");
 var _mobx = require("mobx");
 class FiltersPanelState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "toolbar", void 0);
     (0, _defineProperty2.default)(this, "searchValue", '');
+    (0, _defineProperty2.default)(this, "scrollContainerRef", /*#__PURE__*/(0, _react.createRef)());
+    (0, _defineProperty2.default)(this, "openSections", _mobx.observable.map());
+    (0, _defineProperty2.default)(this, "revealRequest", undefined);
     (0, _defineProperty2.default)(this, "onCloseButtonClick", (0, _mobx.action)(async () => {
       const {
         reportBi,
@@ -22,6 +26,7 @@ class FiltersPanelState {
         return;
       }
       this.clearSearch();
+      this.cancelReveal();
       panels.closeSidePanel();
       reportBi((0, _bexCore.withoutDefaults)(_bi.cairoFiltersPanelUsed)({
         ...this.toolbar._commonDynamicBiParams(),
@@ -33,16 +38,61 @@ class FiltersPanelState {
     this.toolbar = params.toolbar;
     (0, _mobx.makeObservable)(this, {
       searchValue: _mobx.observable.ref,
+      revealRequest: _mobx.observable.ref,
+      revealFilter: _mobx.action.bound,
+      cancelReveal: _mobx.action.bound,
+      toggleSection: _mobx.action.bound,
       setSearchValue: _mobx.action.bound,
       clearSearch: _mobx.action.bound
     });
   }
   setSearchValue(value) {
+    this.cancelReveal();
     this.searchValue = value;
   }
   clearSearch() {
     this.searchValue = '';
   }
+  getSectionKey(element) {
+    return JSON.stringify([element.props.filter.name, element.key]);
+  }
+  isSectionOpen(element) {
+    const {
+      initiallyOpen,
+      accordionItemProps
+    } = element.props;
+    return (accordionItemProps == null ? void 0 : accordionItemProps.open) ?? this.openSections.get(this.getSectionKey(element)) ?? (accordionItemProps == null ? void 0 : accordionItemProps.initiallyOpen) ?? initiallyOpen ?? false;
+  }
+  toggleSection(element, event) {
+    var _element$props$accord;
+    this.cancelReveal();
+    this.openSections.set(this.getSectionKey(element), !this.isSectionOpen(element));
+    (_element$props$accord = element.props.accordionItemProps) == null || _element$props$accord.onToggle == null || _element$props$accord.onToggle(event);
+  }
+  revealFilter(name, elements, event) {
+    this.clearSearch();
+    const target = elements.find(element => element.props.filter.name === name);
+    this.cancelReveal();
+    if (!target) {
+      return;
+    }
+    const sectionKey = this.getSectionKey(target);
+    const {
+      accordionItemProps
+    } = target.props;
+    if (!(accordionItemProps != null && accordionItemProps.disabled) && !this.isSectionOpen(target)) {
+      this.openSections.set(sectionKey, true);
+      if (event) {
+        accordionItemProps == null || accordionItemProps.onToggle == null || accordionItemProps.onToggle(event);
+      }
+    }
+    this.revealRequest = {
+      sectionKey
+    };
+  }
+  cancelReveal() {
+    this.revealRequest = undefined;
+  }
 }
 exports.FiltersPanelState = FiltersPanelState;
 //# sourceMappingURL=FiltersPanelState.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","_mobx","FiltersPanelState","constructor","params","_defineProperty2","default","action","reportBi","panels","pendingQuery","toolbar","result","onCloseFiltersPanelClick","clearSearch","closeSidePanel","withoutDefaults","cairoFiltersPanelUsed","_commonDynamicBiParams","origin","isOpened","feature","makeObservable","searchValue","observable","ref","setSearchValue","bound","value","exports"],"sources":["../../../../src/components/FiltersPanel/FiltersPanelState.ts"],"sourcesContent":["import { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { action, makeObservable, observable } from 'mobx';\n\nexport interface FiltersPanelStateParams<T, F extends FiltersMap> {\n  readonly toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport class FiltersPanelState<T, F extends FiltersMap> {\n  readonly toolbar;\n\n  searchValue = '';\n\n  constructor(params: FiltersPanelStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n\n    makeObservable(this, {\n      searchValue: observable.ref,\n      setSearchValue: action.bound,\n      clearSearch: action.bound,\n    });\n  }\n\n  setSearchValue(value: string) {\n    this.searchValue = value;\n  }\n\n  clearSearch() {\n    this.searchValue = '';\n  }\n\n  onCloseButtonClick = action(async () => {\n    const { reportBi, panels, pendingQuery } = this.toolbar;\n\n    const result = await pendingQuery?.onCloseFiltersPanelClick();\n\n    if (result === 'dismissed') {\n      return;\n    }\n\n    this.clearSearch();\n\n    panels.closeSidePanel();\n    reportBi(\n      withoutDefaults(cairoFiltersPanelUsed)({\n        ...this.toolbar._commonDynamicBiParams(),\n        origin: 'X Button',\n        isOpened: false,\n        feature: 'Filter',\n      }),\n    );\n  });\n}\n"],"mappings":";;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,GAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAMO,MAAMG,iBAAiB,CAA0B;EAKtDC,WAAWA,CAACC,MAAqC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,uBAFrC,EAAE;IAAA,IAAAD,gBAAA,CAAAC,OAAA,8BAoBK,IAAAC,YAAM,EAAC,YAAY;MACtC,MAAM;QAAEC,QAAQ;QAAEC,MAAM;QAAEC;MAAa,CAAC,GAAG,IAAI,CAACC,OAAO;MAEvD,MAAMC,MAAM,GAAG,OAAMF,YAAY,oBAAZA,YAAY,CAAEG,wBAAwB,CAAC,CAAC;MAE7D,IAAID,MAAM,KAAK,WAAW,EAAE;QAC1B;MACF;MAEA,IAAI,CAACE,WAAW,CAAC,CAAC;MAElBL,MAAM,CAACM,cAAc,CAAC,CAAC;MACvBP,QAAQ,CACN,IAAAQ,wBAAe,EAACC,yBAAqB,CAAC,CAAC;QACrC,GAAG,IAAI,CAACN,OAAO,CAACO,sBAAsB,CAAC,CAAC;QACxCC,MAAM,EAAE,UAAU;QAClBC,QAAQ,EAAE,KAAK;QACfC,OAAO,EAAE;MACX,CAAC,CACH,CAAC;IACH,CAAC,CAAC;IArCA,IAAI,CAACV,OAAO,GAAGP,MAAM,CAACO,OAAO;IAE7B,IAAAW,oBAAc,EAAC,IAAI,EAAE;MACnBC,WAAW,EAAEC,gBAAU,CAACC,GAAG;MAC3BC,cAAc,EAAEnB,YAAM,CAACoB,KAAK;MAC5Bb,WAAW,EAAEP,YAAM,CAACoB;IACtB,CAAC,CAAC;EACJ;EAEAD,cAAcA,CAACE,KAAa,EAAE;IAC5B,IAAI,CAACL,WAAW,GAAGK,KAAK;EAC1B;EAEAd,WAAWA,CAAA,EAAG;IACZ,IAAI,CAACS,WAAW,GAAG,EAAE;EACvB;AAuBF;AAACM,OAAA,CAAA3B,iBAAA,GAAAA,iBAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","_react","_mobx","FiltersPanelState","constructor","params","_defineProperty2","default","createRef","observable","map","undefined","action","reportBi","panels","pendingQuery","toolbar","result","onCloseFiltersPanelClick","clearSearch","cancelReveal","closeSidePanel","withoutDefaults","cairoFiltersPanelUsed","_commonDynamicBiParams","origin","isOpened","feature","makeObservable","searchValue","ref","revealRequest","revealFilter","bound","toggleSection","setSearchValue","value","getSectionKey","element","JSON","stringify","props","filter","name","key","isSectionOpen","initiallyOpen","accordionItemProps","open","openSections","get","event","_element$props$accord","set","onToggle","elements","target","find","sectionKey","disabled","exports"],"sources":["../../../../src/components/FiltersPanel/FiltersPanelState.ts"],"sourcesContent":["import { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { createRef, MouseEvent } from 'react';\nimport type { FilterElement } from '../CollectionToolbarFilters/filterElement';\nimport { action, makeObservable, observable } from 'mobx';\n\nexport interface FiltersPanelStateParams<T, F extends FiltersMap> {\n  readonly toolbar: ToolbarCollectionState<T, F>;\n}\n\nexport class FiltersPanelState<T, F extends FiltersMap> {\n  readonly toolbar;\n\n  searchValue = '';\n  readonly scrollContainerRef = createRef<HTMLDivElement>();\n  readonly openSections = observable.map<string, boolean>();\n  revealRequest: { sectionKey: string } | undefined = undefined;\n\n  constructor(params: FiltersPanelStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n\n    makeObservable(this, {\n      searchValue: observable.ref,\n      revealRequest: observable.ref,\n      revealFilter: action.bound,\n      cancelReveal: action.bound,\n      toggleSection: action.bound,\n      setSearchValue: action.bound,\n      clearSearch: action.bound,\n    });\n  }\n\n  setSearchValue(value: string) {\n    this.cancelReveal();\n    this.searchValue = value;\n  }\n\n  clearSearch() {\n    this.searchValue = '';\n  }\n\n  getSectionKey(element: FilterElement) {\n    return JSON.stringify([element.props.filter.name, element.key]);\n  }\n\n  isSectionOpen(element: FilterElement) {\n    const { initiallyOpen, accordionItemProps } = element.props;\n    return (\n      accordionItemProps?.open ??\n      this.openSections.get(this.getSectionKey(element)) ??\n      accordionItemProps?.initiallyOpen ??\n      initiallyOpen ??\n      false\n    );\n  }\n\n  toggleSection(element: FilterElement, event: MouseEvent<HTMLElement>) {\n    this.cancelReveal();\n    this.openSections.set(\n      this.getSectionKey(element),\n      !this.isSectionOpen(element),\n    );\n    element.props.accordionItemProps?.onToggle?.(event);\n  }\n\n  revealFilter(\n    name: string,\n    elements: FilterElement[],\n    event?: MouseEvent<HTMLElement>,\n  ) {\n    this.clearSearch();\n    const target = elements.find(\n      (element) => element.props.filter.name === name,\n    );\n    this.cancelReveal();\n    if (!target) {\n      return;\n    }\n    const sectionKey = this.getSectionKey(target);\n    const { accordionItemProps } = target.props;\n    if (!accordionItemProps?.disabled && !this.isSectionOpen(target)) {\n      this.openSections.set(sectionKey, true);\n      if (event) {\n        accordionItemProps?.onToggle?.(event);\n      }\n    }\n    this.revealRequest = { sectionKey };\n  }\n\n  cancelReveal() {\n    this.revealRequest = undefined;\n  }\n\n  onCloseButtonClick = action(async () => {\n    const { reportBi, panels, pendingQuery } = this.toolbar;\n\n    const result = await pendingQuery?.onCloseFiltersPanelClick();\n\n    if (result === 'dismissed') {\n      return;\n    }\n\n    this.clearSearch();\n    this.cancelReveal();\n\n    panels.closeSidePanel();\n    reportBi(\n      withoutDefaults(cairoFiltersPanelUsed)({\n        ...this.toolbar._commonDynamicBiParams(),\n        origin: 'X Button',\n        isOpened: false,\n        feature: 'Filter',\n      }),\n    );\n  });\n}\n"],"mappings":"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","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_ = "Heading3761637075";
+var _namespace_ = "Heading2680099506";
 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": "Heading3761637075__root"
+  "root": "Heading2680099506__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_ = \"Heading3761637075\";\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\":\"Heading3761637075__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_ = \"Heading2680099506\";\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\":\"Heading2680099506__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":[]}

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

@@ -4,11 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.ImportButtonModalLayout = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _createImportFieldValidator = require("./createImportFieldValidator");
 var _designSystem = require("@wix/design-system");
 var _getImportModalStepProps = require("./getImportModalStepProps");
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _bexCore = require("@wix/bex-core");
+var _react2 = require("@wix/bex-core/react");
 var _patternsFields = require("@wix/patterns-fields");
 var _util = require("@wix/bex-core/util");
 var _useIsMobile = require("../../hooks/useIsMobile");
@@ -21,7 +23,7 @@ var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 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) {
-  var _toolbar$collectionFi;
+  var _toolbar$collectionFi, _toolbar$collectionFi2;
   const {
     config,
     importModalState,
@@ -33,9 +35,16 @@ function _ImportButtonModalLayout(props) {
   // consumer builds `config` above the collection provider, so it can't be). Pass
   // the toolbar's fields source to ImportState, which builds the effective config.
   const toolbar = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const {
+    translate
+  } = (0, _react2.useWixPatternsContainer)();
+  const fieldsSource = (_toolbar$collectionFi = toolbar.collectionFieldsSource) == null ? void 0 : _toolbar$collectionFi.fieldsSource;
+  const schemaSource = (_toolbar$collectionFi2 = toolbar.collectionFieldsSource) == null ? void 0 : _toolbar$collectionFi2.schemaSource;
   const createImport = (0, _bexCore.useCreateImport)({
+    createFieldValidator: field => (0, _createImportFieldValidator.createImportFieldValidator)(field, translate),
+    schemaSource,
     importInputs: config,
-    fieldsSource: (_toolbar$collectionFi = toolbar.collectionFieldsSource) == null ? void 0 : _toolbar$collectionFi.fieldsSource,
+    fieldsSource,
     // Media-aware detection (image/video/document/audio) lives in
     // patterns-fields; core defaults to primitive detection without it.
     // ImportState wires the schema-backed `mergeFields` from the source, so
@@ -77,7 +86,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 91,
+      lineNumber: 100,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_ImportStepper.ImportStepper, {
@@ -86,7 +95,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 101,
       columnNumber: 9
     }
   }), children) : children;
@@ -99,7 +108,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 116,
       columnNumber: 5
     }
   }, wrappedChildren) : wrappedChildren;
@@ -127,7 +136,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 137,
+        lineNumber: 146,
         columnNumber: 9
       }
     })), /*#__PURE__*/_react.default.createElement(_CollectionModal.ModalWrapper, {
@@ -136,7 +145,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 144,
+        lineNumber: 153,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.ModalMobileLayout, {
@@ -146,7 +155,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 151,
+          lineNumber: 160,
           columnNumber: 15
         }
       }, t('cairo.import.discardChanges.title')),
@@ -154,7 +163,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 156,
+          lineNumber: 165,
           columnNumber: 15
         }
       }, t('cairo.import.discardChanges.description')),
@@ -166,7 +175,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 161,
+          lineNumber: 170,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -177,7 +186,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 162,
+          lineNumber: 171,
           columnNumber: 17
         }
       }, t('cairo.import.discardChanges.confirm')), /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -188,14 +197,14 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 170,
+          lineNumber: 179,
           columnNumber: 17
         }
       }, t('cairo.import.discardChanges.cancel'))),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 148,
+        lineNumber: 157,
         columnNumber: 11
       }
     })));
@@ -210,7 +219,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 187,
+        lineNumber: 196,
         columnNumber: 9
       }
     })), /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, {
@@ -224,7 +233,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 196,
+        lineNumber: 205,
         columnNumber: 9
       }
     }));
@@ -236,7 +245,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 216,
+      lineNumber: 225,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(FieldEditor, {
@@ -244,7 +253,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 217,
+      lineNumber: 226,
       columnNumber: 13
     }
   })) : null);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_patternsFields","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_ActionModal","_CollectionModal","_providers","_ToolbarCollectionContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","_toolbar$collectionFi","config","importModalState","renderFieldEditor","rest","isMobile","useIsMobile","toolbar","useToolbarCollectionContext","createImport","useCreateImport","importInputs","fieldsSource","collectionFieldsSource","detectColumnType","detectFieldType","isValueCompatible","isImportMediaValueCompatible","reportBi","state","useState","editorKind","destination","fieldManagement","FieldEditor","useMemo","lazy","Promise","resolve","then","m","DataExtensionImportFieldEditor","SchemaImportFieldEditor","CmsImportFieldEditor","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","wrappedChildren","currentStep","createElement","Box","direction","gap","width","height","__self","__source","fileName","lineNumber","columnNumber","ImportStepper","content","canCreateNewField","PatternsFieldsProvider","useEffect","addEventListener","events","undefined","init","translate","modal","discardModal","discardChangesModal","child","Fragment","CustomDrawerLayout","_extends2","dataHook","ModalWrapper","onAfterClose","afterClose","ModalMobileLayout","title","Heading","size","Text","onCloseButtonClick","close","stickyFooter","footer","Button","fullWidth","skin","onClick","confirm","priority","decline","CustomModalLayout","maxHeight","MessageActionModal","primaryButtonText","secondaryButtonText","theme","Suspense","fallback","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, { Suspense, lazy, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\nimport {\n  detectFieldType,\n  isImportMediaValueCompatible,\n} from '@wix/patterns-fields';\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';\nimport { PatternsFieldsProvider } from '../../providers';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const { config, importModalState, renderFieldEditor, ...rest } = props;\n\n  const isMobile = useIsMobile();\n  // The config is read live off the table's source, which is in context here (the\n  // consumer builds `config` above the collection provider, so it can't be). Pass\n  // the toolbar's fields source to ImportState, which builds the effective config.\n  const toolbar = useToolbarCollectionContext();\n\n  const createImport = useCreateImport({\n    importInputs: config,\n    fieldsSource: toolbar.collectionFieldsSource?.fieldsSource,\n    // Media-aware detection (image/video/document/audio) lives in\n    // patterns-fields; core defaults to primitive detection without it.\n    // ImportState wires the schema-backed `mergeFields` from the source, so\n    // created columns refresh with no wiring here (CAIRO-4400).\n    detectColumnType: detectFieldType,\n    isValueCompatible: isImportMediaValueCompatible,\n    importModalState,\n    reportBi: toolbar.reportBi,\n  });\n\n  const [state] = useState(() => createImport());\n\n  // The create/edit-field editor follows the destination and is loaded on demand,\n  // so neither the CMS nor the DataExtension editor is bundled until an import\n  // that can create fields actually opens. A `renderFieldEditor` prop overrides.\n  // `fieldManagement` is read live, so the schema editor is picked once the\n  // source has loaded.\n  const editorKind = config?.destination\n    ? 'dataExtension'\n    : state.fieldManagement\n    ? 'schema'\n    : 'cms';\n  const FieldEditor = useMemo(\n    () =>\n      lazy(() =>\n        editorKind === 'dataExtension'\n          ? import('../DataExtension/DataExtensionImportFieldEditor').then(\n              (m) => ({ default: m.DataExtensionImportFieldEditor }),\n            )\n          : editorKind === 'schema'\n          ? import('./SchemaImportFieldEditor').then((m) => ({\n              default: m.SchemaImportFieldEditor,\n            }))\n          : import('./CmsImportFieldEditor').then((m) => ({\n              default: m.CmsImportFieldEditor,\n            })),\n      ),\n    [editorKind],\n  );\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' && state.currentStep !== 'summary' ? (\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  // The configuration step's \"new field\" helper reads field-type names from the\n  // patterns-fields translations, which require this provider. Only mounted when\n  // field creation is enabled (the only case a \"new\" mapping can exist), so the\n  // fields container isn't initialized for plain imports.\n  const content = state.canCreateNewField ? (\n    <PatternsFieldsProvider>{wrappedChildren}</PatternsFieldsProvider>\n  ) : (\n    wrappedChildren\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  // The main layout + its discard-changes modal differ per device; everything\n  // common (the field editor) is stacked alongside `child` in the single return.\n  let child: React.ReactNode;\n\n  if (isMobile) {\n    child = (\n      <>\n        <CustomDrawerLayout\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\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  } else {\n    child = (\n      <>\n        <CustomModalLayout\n          width=\"600px\"\n          maxHeight=\"80vh\"\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\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\n  return (\n    <>\n      {child}\n      {state.canCreateNewField ? (\n        renderFieldEditor ? (\n          renderFieldEditor({ state })\n        ) : (\n          <Suspense fallback={null}>\n            <FieldEditor state={state} />\n          </Suspense>\n        )\n      ) : null}\n    </>\n  );\n}\n\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_createImportFieldValidator","require","_designSystem","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_react2","_patternsFields","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_ActionModal","_CollectionModal","_providers","_ToolbarCollectionContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","_toolbar$collectionFi","_toolbar$collectionFi2","config","importModalState","renderFieldEditor","rest","isMobile","useIsMobile","toolbar","useToolbarCollectionContext","translate","useWixPatternsContainer","fieldsSource","collectionFieldsSource","schemaSource","createImport","useCreateImport","createFieldValidator","field","createImportFieldValidator","importInputs","detectColumnType","detectFieldType","isValueCompatible","isImportMediaValueCompatible","reportBi","state","useState","editorKind","destination","fieldManagement","FieldEditor","useMemo","lazy","Promise","resolve","then","m","DataExtensionImportFieldEditor","SchemaImportFieldEditor","CmsImportFieldEditor","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","wrappedChildren","currentStep","createElement","Box","direction","gap","width","height","__self","__source","fileName","lineNumber","columnNumber","ImportStepper","content","canCreateNewField","PatternsFieldsProvider","useEffect","addEventListener","events","undefined","init","modal","discardModal","discardChangesModal","child","Fragment","CustomDrawerLayout","_extends2","dataHook","ModalWrapper","onAfterClose","afterClose","ModalMobileLayout","title","Heading","size","Text","onCloseButtonClick","close","stickyFooter","footer","Button","fullWidth","skin","onClick","confirm","priority","decline","CustomModalLayout","maxHeight","MessageActionModal","primaryButtonText","secondaryButtonText","theme","Suspense","fallback","ImportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButtonModalLayout.tsx"],"sourcesContent":["import { createImportFieldValidator } from './createImportFieldValidator';\nimport {\n  Box,\n  Button,\n  CustomModalLayout,\n  Heading,\n  ModalMobileLayout,\n  Text,\n} from '@wix/design-system';\nimport { getImportModalStepProps } from './getImportModalStepProps';\nimport React, { Suspense, lazy, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  detectFieldType,\n  isImportMediaValueCompatible,\n} from '@wix/patterns-fields';\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';\nimport { PatternsFieldsProvider } from '../../providers';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const { config, importModalState, renderFieldEditor, ...rest } = props;\n\n  const isMobile = useIsMobile();\n  // The config is read live off the table's source, which is in context here (the\n  // consumer builds `config` above the collection provider, so it can't be). Pass\n  // the toolbar's fields source to ImportState, which builds the effective config.\n  const toolbar = useToolbarCollectionContext();\n\n  const { translate } = useWixPatternsContainer();\n  const fieldsSource = toolbar.collectionFieldsSource?.fieldsSource;\n  const schemaSource = toolbar.collectionFieldsSource?.schemaSource;\n\n  const createImport = useCreateImport({\n    createFieldValidator: (field) =>\n      createImportFieldValidator(field, translate),\n    schemaSource,\n    importInputs: config,\n    fieldsSource,\n    // Media-aware detection (image/video/document/audio) lives in\n    // patterns-fields; core defaults to primitive detection without it.\n    // ImportState wires the schema-backed `mergeFields` from the source, so\n    // created columns refresh with no wiring here (CAIRO-4400).\n    detectColumnType: detectFieldType,\n    isValueCompatible: isImportMediaValueCompatible,\n    importModalState,\n    reportBi: toolbar.reportBi,\n  });\n\n  const [state] = useState(() => createImport());\n\n  // The create/edit-field editor follows the destination and is loaded on demand,\n  // so neither the CMS nor the DataExtension editor is bundled until an import\n  // that can create fields actually opens. A `renderFieldEditor` prop overrides.\n  // `fieldManagement` is read live, so the schema editor is picked once the\n  // source has loaded.\n  const editorKind = config?.destination\n    ? 'dataExtension'\n    : state.fieldManagement\n    ? 'schema'\n    : 'cms';\n  const FieldEditor = useMemo(\n    () =>\n      lazy(() =>\n        editorKind === 'dataExtension'\n          ? import('../DataExtension/DataExtensionImportFieldEditor').then(\n              (m) => ({ default: m.DataExtensionImportFieldEditor }),\n            )\n          : editorKind === 'schema'\n          ? import('./SchemaImportFieldEditor').then((m) => ({\n              default: m.SchemaImportFieldEditor,\n            }))\n          : import('./CmsImportFieldEditor').then((m) => ({\n              default: m.CmsImportFieldEditor,\n            })),\n      ),\n    [editorKind],\n  );\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' && state.currentStep !== 'summary' ? (\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  // The configuration step's \"new field\" helper reads field-type names from the\n  // patterns-fields translations, which require this provider. Only mounted when\n  // field creation is enabled (the only case a \"new\" mapping can exist), so the\n  // fields container isn't initialized for plain imports.\n  const content = state.canCreateNewField ? (\n    <PatternsFieldsProvider>{wrappedChildren}</PatternsFieldsProvider>\n  ) : (\n    wrappedChildren\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  // The main layout + its discard-changes modal differ per device; everything\n  // common (the field editor) is stacked alongside `child` in the single return.\n  let child: React.ReactNode;\n\n  if (isMobile) {\n    child = (\n      <>\n        <CustomDrawerLayout\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\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  } else {\n    child = (\n      <>\n        <CustomModalLayout\n          width=\"600px\"\n          maxHeight=\"80vh\"\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\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\n  return (\n    <>\n      {child}\n      {state.canCreateNewField ? (\n        renderFieldEditor ? (\n          renderFieldEditor({ state })\n        ) : (\n          <Suspense fallback={null}>\n            <FieldEditor state={state} />\n          </Suspense>\n        )\n      ) : null}\n    </>\n  );\n}\n\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}

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

@@ -38,7 +38,9 @@ const NEW_FIELD_TYPE_TITLE_KEY = {
   image: 'auto-patterns.fields.field_type_image_title',
   video: 'auto-patterns.fields.field_type_video_title',
   document: 'auto-patterns.fields.field_type_document_title',
-  audio: 'auto-patterns.fields.field_type_audio_title'
+  audio: 'auto-patterns.fields.field_type_audio_title',
+  richText: 'auto-patterns.fields.field_type_rich_text_title',
+  multiReference: 'auto-patterns.fields.field_type_text_title'
 };
 /**
  * Helper line under a "create new field" mapping (e.g. "This will be a new text
@@ -68,7 +70,7 @@ const NewFieldHelperText = (0, _mobxReactLite.observer)(function _NewFieldHelper
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 97,
+      lineNumber: 100,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -78,7 +80,7 @@ const NewFieldHelperText = (0, _mobxReactLite.observer)(function _NewFieldHelper
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 101,
       columnNumber: 7
     }
   }, state.translate('cairo.import.newFieldHelper', {
@@ -93,7 +95,7 @@ const NewFieldHelperText = (0, _mobxReactLite.observer)(function _NewFieldHelper
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 105,
+      lineNumber: 108,
       columnNumber: 7
     }
   }, state.translate('cairo.import.editField')));
@@ -139,7 +141,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 178,
+      lineNumber: 181,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
@@ -171,14 +173,14 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 204,
+        lineNumber: 207,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 207,
+        lineNumber: 210,
         columnNumber: 15
       }
     }), /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
@@ -188,7 +190,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 211,
+          lineNumber: 214,
           columnNumber: 29
         }
       }),
@@ -213,7 +215,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 208,
+        lineNumber: 211,
         columnNumber: 15
       }
     })) : undefined,
@@ -221,7 +223,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 179,
+      lineNumber: 182,
       columnNumber: 7
     }
   }), (mapping == null ? void 0 : mapping.kind) === 'new' && /*#__PURE__*/_react.default.createElement(NewFieldHelperText, {
@@ -231,7 +233,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 234,
+      lineNumber: 237,
       columnNumber: 9
     }
   }), state.canConfigureWritePolicy && state.idMappedHeader === header && /*#__PURE__*/_react.default.createElement(_ImportIdCollisionControl.IdCollisionControl, {
@@ -239,7 +241,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 241,
+      lineNumber: 244,
       columnNumber: 9
     }
   }));
@@ -265,7 +267,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 260,
+      lineNumber: 263,
       columnNumber: 5
     }
   }, hasNoRows && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -273,7 +275,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 262,
+      lineNumber: 265,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SectionHelper, {
@@ -283,7 +285,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 263,
+      lineNumber: 266,
       columnNumber: 11
     }
   }, t('cairo.import.noRowsWarningDescription'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -293,7 +295,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 273,
+      lineNumber: 276,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -309,7 +311,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 274,
+      lineNumber: 277,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -318,7 +320,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 285,
+      lineNumber: 288,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -328,7 +330,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 286,
+      lineNumber: 289,
       columnNumber: 13
     }
   }, t('cairo.import.columnTitle'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -337,7 +339,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 291,
+      lineNumber: 294,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -346,7 +348,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 293,
+      lineNumber: 296,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -356,7 +358,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 294,
+      lineNumber: 297,
       columnNumber: 13
     }
   }, t('cairo.import.collectionField')))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -367,7 +369,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 300,
+      lineNumber: 303,
       columnNumber: 9
     }
   }, orderedHeaders.map((header, index) => /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
@@ -381,7 +383,7 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 313,
+          lineNumber: 316,
           columnNumber: 21
         }
       }, header),
@@ -392,14 +394,14 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 321,
+          lineNumber: 324,
           columnNumber: 21
         }
       }, /*#__PURE__*/_react.default.createElement(_lazy.ArrowRight, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 322,
+          lineNumber: 325,
           columnNumber: 23
         }
       })),
@@ -411,7 +413,7 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 328,
+          lineNumber: 331,
           columnNumber: 26
         }
       }),
@@ -420,7 +422,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 307,
+      lineNumber: 310,
       columnNumber: 13
     }
   })))));