npm - @wix/patterns - Versions diffs - 1.360.0 → 1.363.0 - Mend

@wix/patterns 1.360.0 → 1.363.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (250) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;~~AAQO~~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~~KAAMpC~~,iBAAiB,CAAC,CAAC,CAACkC,IAAI,CAAC,CAAC;~~IAClDG~~,mBAAmB,EAAEA,CAAA,~~KAAMrC~~,iBAAiB,CAAC,CAAC,CAACJ,MAAM,CAAC,CAAC;~~IAEvD0C~~,mBAAmB,EAAEA,CAAA,~~KACnBpD~~,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,CAACiD,IAAI,CAAC,CAAC;~~IAClEK~~,kBAAkB,EAAEA,CAAA,~~KAClBrD~~,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,CAACW,MAAM,CAAC,CAAC;~~IAEpE4C~~,mBAAmB,EAAEA,CAAA,~~KACnBtD~~,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,CAACiD,IAAI,CAAC,CAAC;~~IAClEO~~,kBAAkB,EAAEA,CAAA,~~KAClBvD~~,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,oCAAoC,CAAC,CAACW,MAAM,CAAC,CAAC;IAEpE;~~IACA8C~~,sBAAsB,EAAEA,CAAA,KACtB,IAAAC,iCAAqB,~~EACnBzD~~,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,4CAA4C,CAAC,EACjEF,IACF,CAAC;IAEH;~~IACA6D~~,kBAAkB,EAAGC,MAAc,IACjC,IAAAC,6BAAiB,~~EACf5D~~,eAAe,CAAC,CAAC,CAACD,CAAC,CAAC,~~8BAA8B4D~~,MAAM,IAAI,CAAC,~~EAC7D9D~~,IACF;EACJ,CAAC;AACH;AAAC,~~IAAAgE~~,QAAA,GAAAC,OAAA,CAAAC,OAAA,~~GAEcpE~~,oBAAoB","ignoreList":[]}
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","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 CHANGED Viewed

@@ -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

package/dist/cjs/components/ImportButton/ImportStepConfiguration.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","COLUMN_WIDTHS","title","arrow","field","_ImportStepConfiguration","state","csvHeaders","fields","translate","t","dropdownOptions","filter","id","map","listItemSelectBuilder","label","header","default","createElement","Box","direction","dataHook","__self","__source","fileName","lineNumber","columnNumber","gap","verticalAlign","paddingLeft","paddingRight","paddingTop","paddingBottom","Heading","size","CounterBadge","skin","length","style","overflowY","maxHeight","display","padding","backgroundColor","boxShadow","gridTemplateColumns","position","top","zIndex","minWidth","Text","weight","ellipsis","TableListItem","key","showDivider","options","value","width","align","ArrowRight","Dropdown","clearButton","onClear","setMapping","placeholder","selectedId","mappingByHeader","undefined","onSelect","popoverProps","appendTo","flip","fixed","ImportStepConfiguration","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepConfiguration.tsx"],"sourcesContent":["import {\n Box,\n CounterBadge,\n Dropdown,\n Heading,\n Text,\n TableListItem,\n listItemSelectBuilder,\n} from '@wix/design-system';\nimport { ArrowRight } from '@wix/wix-ui-icons-common';\nimport { ImportState } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\nexport interface ImportStepConfigurationProps {\n state: ImportState;\n}\n\nconst COLUMN_WIDTHS = {\n title: 'minmax(0, 150px)',\n arrow: '1fr',\n field: 'minmax(0, 250px)',\n};\n\nfunction _ImportStepConfiguration({ state }: ImportStepConfigurationProps) {\n const { csvHeaders, fields, translate: t } = state;\n\n const dropdownOptions = fields\n .filter((field) => field.id != null)\n .map((field) =>\n listItemSelectBuilder({\n id: field.id!,\n label: field.header,\n title: field.header,\n }),\n );\n\n return (\n <Box direction=\"vertical\" dataHook=\"import-mapping-step\">\n <Box\n direction=\"horizontal\"\n gap=\"SP2\"\n verticalAlign=\"middle\"\n paddingLeft=\"SP4\"\n paddingRight=\"SP4\"\n paddingTop=\"SP1\"\n paddingBottom=\"SP2\"\n >\n <Heading size=\"small\">{t('cairo.import.columnsFound')}</Heading>\n <CounterBadge\n size=\"medium\"\n skin=\"neutralLight\"\n dataHook=\"import-columns-found-counter\"\n >\n {csvHeaders.length}\n </CounterBadge>\n </Box>\n\n <div style={{ overflowY: 'auto', maxHeight: '340px' }}>\n <Box\n display=\"grid\"\n direction=\"horizontal\"\n gap=\"SP4\"\n padding=\"SP2 SP4\"\n backgroundColor=\"var(--wds-color-fill-surface-neutral,var(--wsr-color-D75, #F7F8F8))\"\n 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))\"\n gridTemplateColumns={`${COLUMN_WIDTHS.title} ${COLUMN_WIDTHS.arrow} ${COLUMN_WIDTHS.field}`}\n style={{ position: 'sticky', top: 0, zIndex: 1 }}\n >\n <Box minWidth={0} direction=\"vertical\">\n <Text size=\"small\" weight=\"thin\" ellipsis>\n {t('cairo.import.columnTitle')}\n </Text>\n </Box>\n\n <Box minWidth={0} direction=\"vertical\" />\n\n <Box minWidth={0} direction=\"vertical\">\n <Text size=\"small\" weight=\"thin\" ellipsis>\n {t('cairo.import.collectionField')}\n </Text>\n </Box>\n </Box>\n\n {csvHeaders.map((header) => (\n <TableListItem\n key={header}\n showDivider\n options={[\n {\n value: (\n <Text ellipsis size=\"small\">\n {header}\n </Text>\n ),\n width: COLUMN_WIDTHS.title,\n },\n {\n value: (\n <Box align=\"center\">\n <ArrowRight />\n </Box>\n ),\n width: COLUMN_WIDTHS.arrow,\n },\n {\n value: (\n <Dropdown\n dataHook={`import-mapping-${header}`}\n clearButton\n onClear={() => {\n state.setMapping(header, null);\n }}\n placeholder={t('cairo.import.skipColumn')}\n selectedId={state.mappingByHeader[header] ?? undefined}\n onSelect={({ id }) => {\n state.setMapping(header, id as string);\n }}\n popoverProps={{\n appendTo: 'window',\n zIndex: 5001,\n flip: true,\n fixed: false,\n }}\n options={dropdownOptions}\n size=\"small\"\n />\n ),\n width: COLUMN_WIDTHS.field,\n },\n ]}\n />\n ))}\n </div>\n </Box>\n );\n}\n\nexport const ImportStepConfiguration = observer(_ImportStepConfiguration);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","COLUMN_WIDTHS","title","arrow","field","SCROLLBAR_GUTTER","scrollbarGutter","_ImportStepConfiguration","state","csvHeaders","fields","translate","t","baseDropdownOptions","filter","id","map","listItemSelectBuilder","label","header","selectedFieldIds","hasNoRows","csvRows","length","default","createElement","Box","direction","dataHook","gap","__self","__source","fileName","lineNumber","columnNumber","padding","SectionHelper","skin","flex","minHeight","display","backgroundColor","boxShadow","gridTemplateColumns","flexShrink","style","minWidth","Text","size","weight","ellipsis","overflowY","maxHeight","index","TableListItem","key","showDivider","options","value","width","align","ArrowRight","Dropdown","clearButton","onClear","setMapping","placeholder","selectedId","mappingByHeader","undefined","onSelect","popoverProps","appendTo","zIndex","flip","fixed","option","disabled","has","String","ImportStepConfiguration","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportStepConfiguration.tsx"],"sourcesContent":["import {\n Box,\n Dropdown,\n Text,\n TableListItem,\n listItemSelectBuilder,\n SectionHelper,\n} from '@wix/design-system';\nimport { ArrowRight } from '@wix/wix-ui-icons-common';\nimport { ImportState } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\nexport interface ImportStepConfigurationProps {\n state: ImportState;\n}\n\nconst COLUMN_WIDTHS = {\n title: 'minmax(0, 150px)',\n arrow: '1fr',\n field: 'minmax(0, 250px)',\n};\nconst SCROLLBAR_GUTTER: React.CSSProperties = { scrollbarGutter: 'stable' };\n\nfunction _ImportStepConfiguration({ state }: ImportStepConfigurationProps) {\n const { csvHeaders, fields, translate: t } = state;\n\n const baseDropdownOptions = fields\n .filter((field) => field.id != null)\n .map((field) =>\n listItemSelectBuilder({\n id: field.id!,\n label: field.header,\n title: field.header,\n }),\n );\n\n const { selectedFieldIds } = state;\n\n const hasNoRows = state.csvRows.length === 0;\n\n return (\n <Box direction=\"vertical\" dataHook=\"import-mapping-step\" gap=\"SP3\">\n {hasNoRows && (\n <Box padding=\"0 SP4\">\n <SectionHelper\n dataHook=\"import-no-rows-warning\"\n skin=\"warning\"\n title={t('cairo.import.noRowsWarningTitle')}\n >\n {t('cairo.import.noRowsWarningDescription')}\n </SectionHelper>\n </Box>\n )}\n\n <Box direction=\"vertical\" flex={1} minHeight={0}>\n <Box\n display=\"grid\"\n direction=\"horizontal\"\n gap=\"SP4\"\n padding=\"SP2 SP4\"\n backgroundColor=\"var(--wds-color-fill-surface-neutral,var(--wsr-color-D75, #F7F8F8))\"\n 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))\"\n gridTemplateColumns={`${COLUMN_WIDTHS.title} ${COLUMN_WIDTHS.arrow} ${COLUMN_WIDTHS.field}`}\n flexShrink={0}\n style={SCROLLBAR_GUTTER}\n >\n <Box minWidth={0} direction=\"vertical\">\n <Text size=\"small\" weight=\"thin\" ellipsis>\n {t('cairo.import.columnTitle')}\n </Text>\n </Box>\n\n <Box minWidth={0} direction=\"vertical\" />\n\n <Box minWidth={0} direction=\"vertical\">\n <Text size=\"small\" weight=\"thin\" ellipsis>\n {t('cairo.import.collectionField')}\n </Text>\n </Box>\n </Box>\n\n <Box\n direction=\"vertical\"\n overflowY=\"auto\"\n maxHeight={hasNoRows ? 'calc(80vh - 420px)' : 'calc(80vh - 300px)'}\n style={SCROLLBAR_GUTTER}\n >\n {csvHeaders.map((header, index) => (\n <TableListItem\n key={header}\n showDivider={index < csvHeaders.length - 1}\n options={[\n {\n value: (\n <Text ellipsis size=\"small\">\n {header}\n </Text>\n ),\n width: COLUMN_WIDTHS.title,\n },\n {\n value: (\n <Box align=\"center\">\n <ArrowRight />\n </Box>\n ),\n width: COLUMN_WIDTHS.arrow,\n },\n {\n value: (\n <Dropdown\n dataHook={`import-mapping-${header}`}\n clearButton\n onClear={() => {\n state.setMapping(header, null);\n }}\n placeholder={t('cairo.import.skipColumn')}\n selectedId={state.mappingByHeader[header] ?? undefined}\n onSelect={({ id }) => {\n state.setMapping(header, id as string);\n }}\n popoverProps={{\n appendTo: 'window',\n zIndex: 5001,\n flip: true,\n fixed: false,\n }}\n options={baseDropdownOptions.map((option) => ({\n ...option,\n disabled:\n selectedFieldIds.has(String(option.id)) &&\n state.mappingByHeader[header] !== String(option.id),\n }))}\n size=\"small\"\n />\n ),\n width: COLUMN_WIDTHS.field,\n },\n ]}\n />\n ))}\n </Box>\n </Box>\n </Box>\n );\n}\n\nexport const ImportStepConfiguration = observer(_ImportStepConfiguration);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js CHANGED Viewed

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "ImportStepUpload3823422815";
+var _namespace_ = "ImportStepUpload2853718693";
 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": "ImportStepUpload3823422815__root",
-  "fileUpload": "ImportStepUpload3823422815__fileUpload"
+  "root": "ImportStepUpload2853718693__root",
+  "fileUpload": "ImportStepUpload2853718693__fileUpload"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ImportButton/ImportStepUpload.st.css.js.map CHANGED Viewed

	@@ -1 +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/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~ImportStepUpload3823422815~~\";\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\":\"~~ImportStepUpload3823422815__root~~\",\"fileUpload\":\"~~ImportStepUpload3823422815__fileUpload~~\"};\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,4BAA4B;AAC9C,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,kCAAkC;EAAC,YAAY,EAAC;AAAwC,CAAC;AAC/G,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":[]}
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/ImportButton/ImportStepUpload.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ImportStepUpload2853718693\";\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\":\"ImportStepUpload2853718693__root\",\"fileUpload\":\"ImportStepUpload2853718693__fileUpload\"};\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,4BAA4B;AAC9C,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,kCAAkC;EAAC,YAAY,EAAC;AAAwC,CAAC;AAC/G,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/ImportStepper.js CHANGED Viewed

@@ -30,22 +30,28 @@ function _ImportStepper({
   const activeStep = STEPPER_INDEX[state.currentStep];
   const steps = getStepperSteps(state.currentStep, state.translate);
   const contentPadding = removeContentPadding ? undefined : 'SP4';
+  const handleStepClick = stepIndex => {
+    if (stepIndex < activeStep) {
+      state.discardAndGoBack();
+    }
+  };
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     paddingLeft: contentPadding,
     paddingRight: contentPadding,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 42,
+      lineNumber: 48,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Stepper, {
     activeStep: activeStep,
     steps: steps,
+    onClick: handleStepClick,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 49,
       columnNumber: 7
     }
   }));