@wix/patterns 1.422.0 → 1.423.0

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

@@ -0,0 +1,107 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.IdCollisionControl = void 0;
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _bexCore = require("@wix/bex-core");
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportIdCollisionControl.tsx";
+// Width of the policy popover. The default WDS `maxWidth` (204) is too narrow
+// for "Update the existing items" at the medium menu font, so the label wraps
+// to two lines; this matches the field-column width so each option fits on one
+// line (per the Figma).
+const MENU_MAX_WIDTH = 250;
+
+/**
+ * Shown under the row whose CSV column is mapped to the collection `_id` field.
+ * Lets the user pick how rows that collide on an existing `_id` are written:
+ * update the existing item (`OVERWRITE`) or skip it, keeping the existing data
+ * intact (`SKIP_EXISTING`). The inline action label reflects the current choice
+ * and opens a popover to switch.
+ */
+const IdCollisionControl = exports.IdCollisionControl = (0, _mobxReactLite.observer)(function _IdCollisionControl({
+  state
+}) {
+  const {
+    translate: t,
+    writePolicy
+  } = state;
+  const isSkip = writePolicy === _bexCore.WritePolicy.SKIP_EXISTING;
+  const actionLabel = isSkip ? t('cairo.import.skipImportedItems') : t('cairo.import.updateExistingItems');
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP1",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+    size: "tiny",
+    secondary: true,
+    dataHook: "import-id-collision-label",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 7
+    }
+  }, t('cairo.import.idCollisionLabel')), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
+    appendTo: "window",
+    zIndex: 5001,
+    maxWidth: MENU_MAX_WIDTH,
+    textSize: "small",
+    placement: "bottom-start",
+    dataHook: "import-id-collision-menu",
+    triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+      size: "tiny",
+      as: "button",
+      dataHook: "import-id-collision-action",
+      suffixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDown, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 48,
+          columnNumber: 25
+        }
+      }),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 44,
+        columnNumber: 11
+      }
+    }, actionLabel),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: "import-id-collision-update",
+    text: t('cairo.import.updateExistingItems'),
+    onClick: () => state.setWritePolicy(_bexCore.WritePolicy.OVERWRITE),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+    dataHook: "import-id-collision-skip",
+    text: t('cairo.import.skipImportedItems'),
+    onClick: () => state.setWritePolicy(_bexCore.WritePolicy.SKIP_EXISTING),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 9
+    }
+  })));
+});
+//# sourceMappingURL=ImportIdCollisionControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_bexCore","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","MENU_MAX_WIDTH","IdCollisionControl","exports","observer","_IdCollisionControl","state","translate","t","writePolicy","isSkip","WritePolicy","SKIP_EXISTING","actionLabel","default","createElement","Box","direction","gap","__self","__source","fileName","lineNumber","columnNumber","Text","size","secondary","dataHook","PopoverMenu","appendTo","zIndex","maxWidth","textSize","placement","triggerElement","TextButton","as","suffixIcon","ChevronDown","MenuItem","text","onClick","setWritePolicy","OVERWRITE"],"sources":["../../../../src/components/ImportButton/ImportIdCollisionControl.tsx"],"sourcesContent":["import { Box, Text, TextButton, PopoverMenu } from '@wix/design-system';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport { ImportState, WritePolicy } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\n\n// Width of the policy popover. The default WDS `maxWidth` (204) is too narrow\n// for \"Update the existing items\" at the medium menu font, so the label wraps\n// to two lines; this matches the field-column width so each option fits on one\n// line (per the Figma).\nconst MENU_MAX_WIDTH = 250;\n\n/**\n * Shown under the row whose CSV column is mapped to the collection `_id` field.\n * Lets the user pick how rows that collide on an existing `_id` are written:\n * update the existing item (`OVERWRITE`) or skip it, keeping the existing data\n * intact (`SKIP_EXISTING`). The inline action label reflects the current choice\n * and opens a popover to switch.\n */\nexport const IdCollisionControl = observer(function _IdCollisionControl({\n  state,\n}: {\n  state: ImportState;\n}) {\n  const { translate: t, writePolicy } = state;\n  const isSkip = writePolicy === WritePolicy.SKIP_EXISTING;\n  const actionLabel = isSkip\n    ? t('cairo.import.skipImportedItems')\n    : t('cairo.import.updateExistingItems');\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP1\">\n      <Text size=\"tiny\" secondary dataHook=\"import-id-collision-label\">\n        {t('cairo.import.idCollisionLabel')}\n      </Text>\n      <PopoverMenu\n        appendTo=\"window\"\n        zIndex={5001}\n        maxWidth={MENU_MAX_WIDTH}\n        textSize=\"small\"\n        placement=\"bottom-start\"\n        dataHook=\"import-id-collision-menu\"\n        triggerElement={\n          <TextButton\n            size=\"tiny\"\n            as=\"button\"\n            dataHook=\"import-id-collision-action\"\n            suffixIcon={<ChevronDown />}\n          >\n            {actionLabel}\n          </TextButton>\n        }\n      >\n        <PopoverMenu.MenuItem\n          dataHook=\"import-id-collision-update\"\n          text={t('cairo.import.updateExistingItems')}\n          onClick={() => state.setWritePolicy(WritePolicy.OVERWRITE)}\n        />\n        <PopoverMenu.MenuItem\n          dataHook=\"import-id-collision-skip\"\n          text={t('cairo.import.skipImportedItems')}\n          onClick={() => state.setWritePolicy(WritePolicy.SKIP_EXISTING)}\n        />\n      </PopoverMenu>\n    </Box>\n  );\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -59,6 +59,34 @@ function ImportModalUniDriver(base, body) {
     newFieldHelperExists: header => modalLayoutBase().$(`[data-hook="import-new-field-helper-${header}"]`).exists(),
     /** Get the Dropdown driver for a specific CSV header mapping */
     getMappingDropdown: header => (0, _unidriver3.DropdownUniDriver)(modalLayoutBase().$(`[data-hook="import-mapping-${header}"]`), body),
+    /**
+     * CSV headers in the order their mapping rows are rendered (ID row first).
+     * Reads the per-row column-title cells in DOM order — `.text()` on the
+     * multi-element query returns their text as an ordered array.
+     */
+    getMappingHeadersInOrder: () => modalLayoutBase().$$('[data-hook="import-column-title"]').text(),
+    /** Whether the "When items share the same ID" sentence + action are shown */
+    idCollisionControlExists: () => modalLayoutBase().$('[data-hook="import-id-collision-action"]').exists(),
+    /** Current label of the id-collision inline action (reflects the choice) */
+    getIdCollisionActionText: () => modalLayoutBase().$('[data-hook="import-id-collision-action"]').text(),
+    /** Open the id-collision popover menu */
+    openIdCollisionMenu: () => modalLayoutBase().$('[data-hook="import-id-collision-action"]').click(),
+    // The popover menu renders at `window` (appendTo), so its items live on
+    // `body`, not under the modal layout.
+    clickIdCollisionUpdate: () => body.$('[data-hook="import-id-collision-update"]').click(),
+    clickIdCollisionSkip: () => body.$('[data-hook="import-id-collision-skip"]').click(),
+    /** Whether the "Edit field" link under a column's new-field mapping exists */
+    editFieldLinkExists: header => modalLayoutBase().$(`[data-hook="import-edit-field-${header}"]`).exists(),
+    /** Click the "Edit field" link to open the field editor for a column */
+    clickEditField: header => modalLayoutBase().$(`[data-hook="import-edit-field-${header}"]`).click(),
+    /** Whether the CMS field-editor modal is open */
+    fieldEditorIsOpen: () => body.$('[data-hook="field-editor-modal"]').exists(),
+    /** Field-editor modal layout driver (Save/Cancel, title, ...) */
+    getFieldEditorModal: () => (0, _unidriver3.CustomModalLayoutUniDriver)(body.$('[data-hook="field-editor-modal"]'), body),
+    /** Field-editor "Field name" input driver */
+    getFieldEditorNameInput: () => (0, _unidriver3.InputUniDriver)(body.$('[data-hook="cms-field-name-input"]'), body),
+    /** Confirm (Save) the field editor */
+    confirmFieldEditor: async () => (await (0, _unidriver3.CustomModalLayoutUniDriver)(body.$('[data-hook="field-editor-modal"]'), body).getPrimaryButtonDriver()).click(),
     /** Get the discard changes confirmation modal driver */
     getDiscardChangesModal: () => (0, _unidriver3.MessageModalLayoutUniDriver)(body.$('[data-hook="import-discard-changes-modal"]'), body)
   };

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","ImportModalUniDriver","base","body","modalBase","$","modalLayoutBase","footerBase","getModal","ModalUniDriver","getModalLayout","CustomModalLayoutUniDriver","getFooterText","TextUniDriver","getText","footerExists","exists","fileInputBase","configurationStepBase","summaryStepBase","progressLabelBase","wait","timeout","baseUniDriverFactory","waitModalClosed","waitFor","clickPrimaryAction","getPrimaryButtonDriver","click","getPrimaryActionText","getButtonTextContent","isPrimaryButtonDisabled","isButtonDisabled","getSecondaryButtonText","getSecondaryButtonDriver","clickSecondaryAction","clickCloseButton","getModalTitle","getTitleText","getSubtitleText","isUploadStepVisible","isConfigurationStepVisible","isSummaryStepVisible","uploadFile","file","nativeInput","getNative","Object","defineProperty","value","dispatchEvent","Event","bubbles","noRowsWarningExists","getProgressLabel","text","progressLabelExists","getErrorMessageText","errorMessageExists","getColumnsFoundCounter","CounterBadgeUniDriver","getNewFieldHelperText","header","newFieldHelperExists","getMappingDropdown","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    noRowsWarningExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-no-rows-warning\"]').exists(),\n\n    getProgressLabel: () => progressLabelBase().text(),\n    progressLabelExists: () => progressLabelBase().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    /** Text of the \"new field\" helper line under a column's mapping dropdown */\n    getNewFieldHelperText: (header: string) =>\n      modalLayoutBase()\n        .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n        .text(),\n    newFieldHelperExists: (header: string) =>\n      modalLayoutBase()\n        .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n        .exists(),\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":[]}
+{"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","noRowsWarningExists","getProgressLabel","text","progressLabelExists","getErrorMessageText","errorMessageExists","getColumnsFoundCounter","CounterBadgeUniDriver","getNewFieldHelperText","header","newFieldHelperExists","getMappingDropdown","DropdownUniDriver","getMappingHeadersInOrder","$$","idCollisionControlExists","getIdCollisionActionText","openIdCollisionMenu","clickIdCollisionUpdate","clickIdCollisionSkip","editFieldLinkExists","clickEditField","fieldEditorIsOpen","getFieldEditorModal","getFieldEditorNameInput","InputUniDriver","confirmFieldEditor","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  InputUniDriver,\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    noRowsWarningExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-no-rows-warning\"]').exists(),\n\n    getProgressLabel: () => progressLabelBase().text(),\n    progressLabelExists: () => progressLabelBase().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    /** Text of the \"new field\" helper line under a column's mapping dropdown */\n    getNewFieldHelperText: (header: string) =>\n      modalLayoutBase()\n        .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n        .text(),\n    newFieldHelperExists: (header: string) =>\n      modalLayoutBase()\n        .$(`[data-hook=\"import-new-field-helper-${header}\"]`)\n        .exists(),\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     * CSV headers in the order their mapping rows are rendered (ID row first).\n     * Reads the per-row column-title cells in DOM order — `.text()` on the\n     * multi-element query returns their text as an ordered array.\n     */\n    getMappingHeadersInOrder: () =>\n      modalLayoutBase().$$('[data-hook=\"import-column-title\"]').text(),\n\n    /** Whether the \"When items share the same ID\" sentence + action are shown */\n    idCollisionControlExists: () =>\n      modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').exists(),\n\n    /** Current label of the id-collision inline action (reflects the choice) */\n    getIdCollisionActionText: () =>\n      modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').text(),\n\n    /** Open the id-collision popover menu */\n    openIdCollisionMenu: () =>\n      modalLayoutBase().$('[data-hook=\"import-id-collision-action\"]').click(),\n\n    // The popover menu renders at `window` (appendTo), so its items live on\n    // `body`, not under the modal layout.\n    clickIdCollisionUpdate: () =>\n      body.$('[data-hook=\"import-id-collision-update\"]').click(),\n    clickIdCollisionSkip: () =>\n      body.$('[data-hook=\"import-id-collision-skip\"]').click(),\n\n    /** Whether the \"Edit field\" link under a column's new-field mapping exists */\n    editFieldLinkExists: (header: string) =>\n      modalLayoutBase().$(`[data-hook=\"import-edit-field-${header}\"]`).exists(),\n\n    /** Click the \"Edit field\" link to open the field editor for a column */\n    clickEditField: (header: string) =>\n      modalLayoutBase().$(`[data-hook=\"import-edit-field-${header}\"]`).click(),\n\n    /** Whether the CMS field-editor modal is open */\n    fieldEditorIsOpen: () =>\n      body.$('[data-hook=\"field-editor-modal\"]').exists(),\n\n    /** Field-editor modal layout driver (Save/Cancel, title, ...) */\n    getFieldEditorModal: () =>\n      CustomModalLayoutUniDriver(\n        body.$('[data-hook=\"field-editor-modal\"]'),\n        body,\n      ),\n\n    /** Field-editor \"Field name\" input driver */\n    getFieldEditorNameInput: () =>\n      InputUniDriver(body.$('[data-hook=\"cms-field-name-input\"]'), body),\n\n    /** Confirm (Save) the field editor */\n    confirmFieldEditor: async () =>\n      (\n        await CustomModalLayoutUniDriver(\n          body.$('[data-hook=\"field-editor-modal\"]'),\n          body,\n        ).getPrimaryButtonDriver()\n      ).click(),\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/ImportProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/ImportButton/ImportProps.tsx"],"sourcesContent":["import {\n  BackupFn,\n  BulkUploadItemsFn,\n  UpdateSchemaFn,\n  ModalState,\n} from '@wix/bex-core';\nimport { CreateExportAsyncJobRequest } from '@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types';\n\ntype ImportButtonToolbarType = 'default' | 'bulkActionToolbar';\n\nexport interface ImportButtonParams\n  extends Pick<CreateExportAsyncJobRequest, 'fields'> {\n  bulkUploadItems: BulkUploadItemsFn;\n  backup?: BackupFn;\n  /**\n   * Adds new collection fields during import, in a single call, before the rows\n   * upload. When provided, unmapped CSV columns default to creating a new (text)\n   * field instead of \"don't import\". When omitted, behavior is unchanged\n   * (unmapped columns default to skip).\n   */\n  updateSchema?: UpdateSchemaFn;\n  batchSize?: number;\n}\n\nexport type ImportButtonProps = ImportButtonParams & {\n  toolbarType?: ImportButtonToolbarType;\n};\n\nexport type ImportModalProps = ImportButtonParams;\n\nexport type ImportButtonModalLayoutProps = ImportModalProps & {\n  importModalState: ModalState;\n};\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/ImportButton/ImportProps.tsx"],"sourcesContent":["import {\n  BackupFn,\n  UpdateSchemaFn,\n  ModalState,\n  OnImportJobError,\n} from '@wix/bex-core';\nimport { CreateExportAsyncJobRequest } from '@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types';\n\ntype ImportButtonToolbarType = 'default' | 'bulkActionToolbar';\n\nexport interface ImportButtonParams\n  extends Pick<CreateExportAsyncJobRequest, 'fields'> {\n  /** Destination data collection the import writes into. */\n  collectionId: string;\n  backup?: BackupFn;\n  /**\n   * Adds new collection fields during import, in a single call, before the rows\n   * upload. When provided, unmapped CSV columns default to creating a new field\n   * (its type inferred from the column data) instead of \"don't import\"; the user\n   * can refine the field's name, type, and configuration via \"Edit field\", which\n   * is carried on each `NewFieldDefinition`. When omitted, behavior is unchanged\n   * (unmapped columns default to skip).\n   */\n  updateSchema?: UpdateSchemaFn;\n  /**\n   * Resolves a user-facing message for a failed import job. The job's error is\n   * the consumer's own application error, so wrap the given operation with your\n   * `withErrorHandler` + error-code map (keyed by application-error code), e.g.\n   * `(run) => withErrorHandler(run, { [jobErrorCode]: (e) => ({ message }) })`.\n   * See {@link OnImportJobError}. When omitted, the generic error message is\n   * shown.\n   */\n  onJobError?: OnImportJobError;\n}\n\nexport type ImportButtonProps = ImportButtonParams & {\n  toolbarType?: ImportButtonToolbarType;\n};\n\nexport type ImportModalProps = ImportButtonParams;\n\nexport type ImportButtonModalLayoutProps = ImportModalProps & {\n  importModalState: ModalState;\n};\n"],"mappings":"","ignoreList":[]}

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

@@ -8,6 +8,7 @@ var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _patternsFields = require("@wix/patterns-fields");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
+var _ImportIdCollisionControl = require("./ImportIdCollisionControl");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportStepConfiguration.tsx";
 const COLUMN_WIDTHS = {
   title: 'minmax(0, 150px)',
@@ -40,7 +41,8 @@ const NEW_FIELD_TYPE_TITLE_KEY = {
 };
 /**
  * Helper line under a "create new field" mapping (e.g. "This will be a new text
- * field."). The type name comes from the shared patterns-fields translations via
+ * field.") followed by an "Edit field" link that opens the field editor. The
+ * type name comes from the shared patterns-fields translations via
  * `useTranslations`, so this is only rendered when the import modal is wrapped in
  * `PatternsFieldsProvider` — which `ImportButtonModalLayout` does whenever field
  * creation is enabled (the only case a `new` mapping exists).
@@ -48,30 +50,52 @@ const NEW_FIELD_TYPE_TITLE_KEY = {
 const NewFieldHelperText = (0, _mobxReactLite.observer)(function _NewFieldHelperText({
   state,
   header,
-  fieldType
+  fieldType,
+  onEditField
 }) {
   const {
     t: ft
   } = (0, _patternsFields.useTranslations)();
   const typeName = ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType]).toLocaleLowerCase();
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "horizontal",
+    gap: "SP1",
+    verticalAlign: "middle",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 88,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     size: "tiny",
     secondary: true,
     dataHook: `import-new-field-helper-${header}`,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
-      columnNumber: 5
+      lineNumber: 89,
+      columnNumber: 7
     }
   }, state.translate('cairo.import.newFieldHelper', {
     typeName
-  }));
+  })), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    size: "tiny",
+    dataHook: `import-edit-field-${header}`,
+    onClick: onEditField,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 96,
+      columnNumber: 7
+    }
+  }, state.translate('cairo.import.editField')));
 });
 const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell({
   state,
   header,
-  fieldOptions
+  fieldOptions,
+  onEditField
 }) {
   const {
     translate: t,
@@ -102,7 +126,7 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 158,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
@@ -133,29 +157,43 @@ const FieldMappingCell = (0, _mobxReactLite.observer)(function _FieldMappingCell
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 159,
       columnNumber: 7
     }
   }), (mapping == null ? void 0 : mapping.kind) === 'new' && /*#__PURE__*/_react.default.createElement(NewFieldHelperText, {
     state: state,
     header: header,
     fieldType: mapping.fieldType,
+    onEditField: () => onEditField(header),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 160,
+      lineNumber: 184,
       columnNumber: 9
     }
+  }), state.idMappedHeader === header && /*#__PURE__*/_react.default.createElement(_ImportIdCollisionControl.IdCollisionControl, {
+    state: state,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 191,
+      columnNumber: 43
+    }
   }));
 });
 function _ImportStepConfiguration({
-  state
+  state,
+  onEditField
 }) {
   const {
     csvHeaders,
     fields,
     translate: t
   } = state;
+
+  // The row whose column maps to `_id` floats to the top of the list (CAIRO-4418).
+  const idHeader = state.idMappedHeader;
+  const orderedHeaders = idHeader != null ? [idHeader, ...csvHeaders.filter(header => header !== idHeader)] : csvHeaders;
   const baseDropdownOptions = fields.filter(field => field.id != null).map(field => (0, _designSystem.listItemSelectBuilder)({
     id: field.id,
     label: field.header,
@@ -169,7 +207,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 186,
+      lineNumber: 222,
       columnNumber: 5
     }
   }, hasNoRows && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -177,7 +215,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 188,
+      lineNumber: 224,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SectionHelper, {
@@ -187,7 +225,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 189,
+      lineNumber: 225,
       columnNumber: 11
     }
   }, t('cairo.import.noRowsWarningDescription'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -197,7 +235,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 199,
+      lineNumber: 235,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -213,7 +251,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 200,
+      lineNumber: 236,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -222,7 +260,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 211,
+      lineNumber: 247,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -232,7 +270,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 212,
+      lineNumber: 248,
       columnNumber: 13
     }
   }, t('cairo.import.columnTitle'))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -241,7 +279,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 217,
+      lineNumber: 253,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -250,7 +288,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 219,
+      lineNumber: 255,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -260,7 +298,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 220,
+      lineNumber: 256,
       columnNumber: 13
     }
   }, t('cairo.import.collectionField')))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -271,20 +309,21 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 226,
+      lineNumber: 262,
       columnNumber: 9
     }
-  }, csvHeaders.map((header, index) => /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
+  }, orderedHeaders.map((header, index) => /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
     key: header,
-    showDivider: index < csvHeaders.length - 1,
+    showDivider: index < orderedHeaders.length - 1,
     options: [{
       value: /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
         ellipsis: true,
         size: "small",
+        dataHook: "import-column-title",
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 239,
+          lineNumber: 275,
           columnNumber: 21
         }
       }, header),
@@ -295,14 +334,14 @@ function _ImportStepConfiguration({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 247,
+          lineNumber: 283,
           columnNumber: 21
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ArrowRight, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 248,
+          lineNumber: 284,
           columnNumber: 23
         }
       })),
@@ -312,10 +351,11 @@ function _ImportStepConfiguration({
         state: state,
         header: header,
         fieldOptions: baseDropdownOptions,
+        onEditField: onEditField,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 255,
+          lineNumber: 291,
           columnNumber: 21
         }
       }),
@@ -324,7 +364,7 @@ function _ImportStepConfiguration({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 233,
+      lineNumber: 269,
       columnNumber: 13
     }
   })))));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_patternsFields","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","COLUMN_WIDTHS","title","arrow","field","SCROLLBAR_GUTTER","scrollbarGutter","CREATE_NEW_FIELD_OPTION_ID","NEW_FIELD_TYPE_TITLE_KEY","text","number","date","boolean","url","image","video","document","audio","NewFieldHelperText","observer","_NewFieldHelperText","state","header","fieldType","t","ft","useTranslations","typeName","toLocaleLowerCase","default","createElement","Text","size","secondary","dataHook","__self","__source","fileName","lineNumber","columnNumber","translate","FieldMappingCell","_FieldMappingCell","fieldOptions","selectedFieldIds","canCreateNewField","mapping","mappingByHeader","selectedId","kind","fieldId","undefined","options","map","option","disabled","has","String","id","label","listItemSelectBuilder","Box","direction","gap","Dropdown","clearButton","onClear","setMapping","placeholder","onSelect","setNewFieldMapping","popoverProps","appendTo","zIndex","flip","fixed","_ImportStepConfiguration","csvHeaders","fields","baseDropdownOptions","filter","hasNoRows","hasNoMappedData","padding","SectionHelper","skin","flex","minHeight","display","backgroundColor","boxShadow","gridTemplateColumns","flexShrink","style","minWidth","weight","ellipsis","overflowY","maxHeight","index","TableListItem","key","showDivider","length","value","width","align","ArrowRight","ImportStepConfiguration","exports"],"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, NewFieldType } from '@wix/bex-core';\nimport { useTranslations } from '@wix/patterns-fields';\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\n// Synthetic dropdown option id representing \"create a new field from this\n// column\". Distinct from any real field id (which never starts with `$`).\nconst CREATE_NEW_FIELD_OPTION_ID = '$createNewField';\n\n// Translation key for each new-field type's name, injected (lowercased) into the\n// helper text (\"This will be a new {typeName} field.\"). Reuses the shared\n// patterns-fields field-type names. Keyed by `NewFieldType` so adding a detected\n// type makes the missing entry a compile error here — the single place to extend.\ntype FieldTypeTitleKey =\n  | 'auto-patterns.fields.field_type_text_title'\n  | 'auto-patterns.fields.field_type_number_title'\n  | 'auto-patterns.fields.field_type_date_title'\n  | 'auto-patterns.fields.field_type_boolean_title'\n  | 'auto-patterns.fields.field_type_url_title'\n  | 'auto-patterns.fields.field_type_image_title'\n  | 'auto-patterns.fields.field_type_video_title'\n  | 'auto-patterns.fields.field_type_document_title'\n  | 'auto-patterns.fields.field_type_audio_title';\n\nconst NEW_FIELD_TYPE_TITLE_KEY: Record<NewFieldType, FieldTypeTitleKey> = {\n  text: 'auto-patterns.fields.field_type_text_title',\n  number: 'auto-patterns.fields.field_type_number_title',\n  date: 'auto-patterns.fields.field_type_date_title',\n  boolean: 'auto-patterns.fields.field_type_boolean_title',\n  url: 'auto-patterns.fields.field_type_url_title',\n  image: 'auto-patterns.fields.field_type_image_title',\n  video: 'auto-patterns.fields.field_type_video_title',\n  document: 'auto-patterns.fields.field_type_document_title',\n  audio: 'auto-patterns.fields.field_type_audio_title',\n};\n\ntype DropdownOption = ReturnType<typeof listItemSelectBuilder>;\n\ninterface NewFieldHelperTextProps {\n  state: ImportState;\n  header: string;\n  fieldType: NewFieldType;\n}\n\n/**\n * Helper line under a \"create new field\" mapping (e.g. \"This will be a new text\n * field.\"). The type name comes from the shared patterns-fields translations via\n * `useTranslations`, so this is only rendered when the import modal is wrapped in\n * `PatternsFieldsProvider` — which `ImportButtonModalLayout` does whenever field\n * creation is enabled (the only case a `new` mapping exists).\n */\nconst NewFieldHelperText = observer(function _NewFieldHelperText({\n  state,\n  header,\n  fieldType,\n}: NewFieldHelperTextProps) {\n  const { t: ft } = useTranslations();\n  const typeName = ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType]).toLocaleLowerCase();\n\n  return (\n    <Text size=\"tiny\" secondary dataHook={`import-new-field-helper-${header}`}>\n      {state.translate('cairo.import.newFieldHelper', { typeName })}\n    </Text>\n  );\n});\n\ninterface FieldMappingCellProps {\n  state: ImportState;\n  header: string;\n  fieldOptions: DropdownOption[];\n}\n\nconst FieldMappingCell = observer(function _FieldMappingCell({\n  state,\n  header,\n  fieldOptions,\n}: FieldMappingCellProps) {\n  const { translate: t, selectedFieldIds, canCreateNewField } = state;\n  const mapping = state.mappingByHeader[header];\n\n  const selectedId =\n    mapping?.kind === 'existing'\n      ? mapping.fieldId\n      : mapping?.kind === 'new'\n      ? CREATE_NEW_FIELD_OPTION_ID\n      : undefined;\n\n  const options: DropdownOption[] = [\n    ...fieldOptions.map((option) => ({\n      ...option,\n      disabled:\n        selectedFieldIds.has(String(option.id)) &&\n        !(mapping?.kind === 'existing' && mapping.fieldId === String(option.id)),\n    })),\n    ...(canCreateNewField\n      ? [\n          // The option is the CSV column header itself (the new field is named\n          // after it) followed by a translated \"(New)\" marker. The header is\n          // built in code rather than via an interpolated key so it always\n          // shows, regardless of which translation bundle the consumer loads.\n          (() => {\n            const label = `${header} ${t('cairo.import.newFieldSuffix')}`;\n            return listItemSelectBuilder({\n              id: CREATE_NEW_FIELD_OPTION_ID,\n              label,\n              title: label,\n            });\n          })(),\n        ]\n      : []),\n  ];\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP1\">\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={selectedId}\n        onSelect={({ id }) => {\n          if (id === CREATE_NEW_FIELD_OPTION_ID) {\n            state.setNewFieldMapping(header);\n          } else {\n            state.setMapping(header, id as string);\n          }\n        }}\n        popoverProps={{\n          appendTo: 'window',\n          zIndex: 5001,\n          flip: true,\n          fixed: false,\n        }}\n        options={options}\n        size=\"small\"\n      />\n      {mapping?.kind === 'new' && (\n        <NewFieldHelperText\n          state={state}\n          header={header}\n          fieldType={mapping.fieldType}\n        />\n      )}\n    </Box>\n  );\n});\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 hasNoRows = state.hasNoMappedData;\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                    <FieldMappingCell\n                      state={state}\n                      header={header}\n                      fieldOptions={baseDropdownOptions}\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":[]}
+{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_patternsFields","_react","_interopRequireDefault","_mobxReactLite","_ImportIdCollisionControl","_jsxFileName","COLUMN_WIDTHS","title","arrow","field","SCROLLBAR_GUTTER","scrollbarGutter","CREATE_NEW_FIELD_OPTION_ID","NEW_FIELD_TYPE_TITLE_KEY","text","number","date","boolean","url","image","video","document","audio","NewFieldHelperText","observer","_NewFieldHelperText","state","header","fieldType","onEditField","t","ft","useTranslations","typeName","toLocaleLowerCase","default","createElement","Box","direction","gap","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Text","size","secondary","dataHook","translate","TextButton","onClick","FieldMappingCell","_FieldMappingCell","fieldOptions","selectedFieldIds","canCreateNewField","mapping","mappingByHeader","selectedId","kind","fieldId","undefined","options","map","option","disabled","has","String","id","label","listItemSelectBuilder","Dropdown","clearButton","onClear","setMapping","placeholder","onSelect","setNewFieldMapping","popoverProps","appendTo","zIndex","flip","fixed","idMappedHeader","IdCollisionControl","_ImportStepConfiguration","csvHeaders","fields","idHeader","orderedHeaders","filter","baseDropdownOptions","hasNoRows","hasNoMappedData","padding","SectionHelper","skin","flex","minHeight","display","backgroundColor","boxShadow","gridTemplateColumns","flexShrink","style","minWidth","weight","ellipsis","overflowY","maxHeight","index","TableListItem","key","showDivider","length","value","width","align","ArrowRight","ImportStepConfiguration","exports"],"sources":["../../../../src/components/ImportButton/ImportStepConfiguration.tsx"],"sourcesContent":["import {\n  Box,\n  Dropdown,\n  Text,\n  TextButton,\n  TableListItem,\n  listItemSelectBuilder,\n  SectionHelper,\n} from '@wix/design-system';\nimport { ArrowRight } from '@wix/wix-ui-icons-common';\nimport { ImportState, NewFieldType } from '@wix/bex-core';\nimport { useTranslations } from '@wix/patterns-fields';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { IdCollisionControl } from './ImportIdCollisionControl';\n\nexport interface ImportStepConfigurationProps {\n  state: ImportState;\n  /** Opens the \"Edit field\" editor for a column's pending new field. */\n  onEditField: (header: string) => void;\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\n// Synthetic dropdown option id representing \"create a new field from this\n// column\". Distinct from any real field id (which never starts with `$`).\nconst CREATE_NEW_FIELD_OPTION_ID = '$createNewField';\n\n// Translation key for each new-field type's name, injected (lowercased) into the\n// helper text (\"This will be a new {typeName} field.\"). Reuses the shared\n// patterns-fields field-type names. Keyed by `NewFieldType` so adding a detected\n// type makes the missing entry a compile error here — the single place to extend.\ntype FieldTypeTitleKey =\n  | 'auto-patterns.fields.field_type_text_title'\n  | 'auto-patterns.fields.field_type_number_title'\n  | 'auto-patterns.fields.field_type_date_title'\n  | 'auto-patterns.fields.field_type_boolean_title'\n  | 'auto-patterns.fields.field_type_url_title'\n  | 'auto-patterns.fields.field_type_image_title'\n  | 'auto-patterns.fields.field_type_video_title'\n  | 'auto-patterns.fields.field_type_document_title'\n  | 'auto-patterns.fields.field_type_audio_title';\n\nconst NEW_FIELD_TYPE_TITLE_KEY: Record<NewFieldType, FieldTypeTitleKey> = {\n  text: 'auto-patterns.fields.field_type_text_title',\n  number: 'auto-patterns.fields.field_type_number_title',\n  date: 'auto-patterns.fields.field_type_date_title',\n  boolean: 'auto-patterns.fields.field_type_boolean_title',\n  url: 'auto-patterns.fields.field_type_url_title',\n  image: 'auto-patterns.fields.field_type_image_title',\n  video: 'auto-patterns.fields.field_type_video_title',\n  document: 'auto-patterns.fields.field_type_document_title',\n  audio: 'auto-patterns.fields.field_type_audio_title',\n};\n\ntype DropdownOption = ReturnType<typeof listItemSelectBuilder>;\n\ninterface NewFieldHelperTextProps {\n  state: ImportState;\n  header: string;\n  fieldType: NewFieldType;\n  onEditField: () => void;\n}\n\n/**\n * Helper line under a \"create new field\" mapping (e.g. \"This will be a new text\n * field.\") followed by an \"Edit field\" link that opens the field editor. The\n * type name comes from the shared patterns-fields translations via\n * `useTranslations`, so this is only rendered when the import modal is wrapped in\n * `PatternsFieldsProvider` — which `ImportButtonModalLayout` does whenever field\n * creation is enabled (the only case a `new` mapping exists).\n */\nconst NewFieldHelperText = observer(function _NewFieldHelperText({\n  state,\n  header,\n  fieldType,\n  onEditField,\n}: NewFieldHelperTextProps) {\n  const { t: ft } = useTranslations();\n  const typeName = ft(NEW_FIELD_TYPE_TITLE_KEY[fieldType]).toLocaleLowerCase();\n\n  return (\n    <Box direction=\"horizontal\" gap=\"SP1\" verticalAlign=\"middle\">\n      <Text\n        size=\"tiny\"\n        secondary\n        dataHook={`import-new-field-helper-${header}`}\n      >\n        {state.translate('cairo.import.newFieldHelper', { typeName })}\n      </Text>\n      <TextButton\n        size=\"tiny\"\n        dataHook={`import-edit-field-${header}`}\n        onClick={onEditField}\n      >\n        {state.translate('cairo.import.editField')}\n      </TextButton>\n    </Box>\n  );\n});\n\ninterface FieldMappingCellProps {\n  state: ImportState;\n  header: string;\n  fieldOptions: DropdownOption[];\n  onEditField: (header: string) => void;\n}\n\nconst FieldMappingCell = observer(function _FieldMappingCell({\n  state,\n  header,\n  fieldOptions,\n  onEditField,\n}: FieldMappingCellProps) {\n  const { translate: t, selectedFieldIds, canCreateNewField } = state;\n  const mapping = state.mappingByHeader[header];\n\n  const selectedId =\n    mapping?.kind === 'existing'\n      ? mapping.fieldId\n      : mapping?.kind === 'new'\n      ? CREATE_NEW_FIELD_OPTION_ID\n      : undefined;\n\n  const options: DropdownOption[] = [\n    ...fieldOptions.map((option) => ({\n      ...option,\n      disabled:\n        selectedFieldIds.has(String(option.id)) &&\n        !(\n          mapping?.kind === 'existing' && mapping.fieldId === String(option.id)\n        ),\n    })),\n    ...(canCreateNewField\n      ? [\n          // The option is the CSV column header itself (the new field is named\n          // after it) followed by a translated \"(New)\" marker. The header is\n          // built in code rather than via an interpolated key so it always\n          // shows, regardless of which translation bundle the consumer loads.\n          (() => {\n            const label = `${header} ${t('cairo.import.newFieldSuffix')}`;\n            return listItemSelectBuilder({\n              id: CREATE_NEW_FIELD_OPTION_ID,\n              label,\n              title: label,\n            });\n          })(),\n        ]\n      : []),\n  ];\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP1\">\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={selectedId}\n        onSelect={({ id }) => {\n          if (id === CREATE_NEW_FIELD_OPTION_ID) {\n            state.setNewFieldMapping(header);\n          } else {\n            state.setMapping(header, id as string);\n          }\n        }}\n        popoverProps={{\n          appendTo: 'window',\n          zIndex: 5001,\n          flip: true,\n          fixed: false,\n        }}\n        options={options}\n        size=\"small\"\n      />\n      {mapping?.kind === 'new' && (\n        <NewFieldHelperText\n          state={state}\n          header={header}\n          fieldType={mapping.fieldType}\n          onEditField={() => onEditField(header)}\n        />\n      )}\n      {state.idMappedHeader === header && <IdCollisionControl state={state} />}\n    </Box>\n  );\n});\n\nfunction _ImportStepConfiguration({\n  state,\n  onEditField,\n}: ImportStepConfigurationProps) {\n  const { csvHeaders, fields, translate: t } = state;\n\n  // The row whose column maps to `_id` floats to the top of the list (CAIRO-4418).\n  const idHeader = state.idMappedHeader;\n  const orderedHeaders =\n    idHeader != null\n      ? [idHeader, ...csvHeaders.filter((header) => header !== idHeader)]\n      : csvHeaders;\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 hasNoRows = state.hasNoMappedData;\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          {orderedHeaders.map((header, index) => (\n            <TableListItem\n              key={header}\n              showDivider={index < orderedHeaders.length - 1}\n              options={[\n                {\n                  value: (\n                    <Text ellipsis size=\"small\" dataHook=\"import-column-title\">\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                    <FieldMappingCell\n                      state={state}\n                      header={header}\n                      fieldOptions={baseDropdownOptions}\n                      onEditField={onEditField}\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

@@ -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_ = "ImportStepUpload3633925322";
+var _namespace_ = "ImportStepUpload743537825";
 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": "ImportStepUpload3633925322__root",
-  "fileUpload": "ImportStepUpload3633925322__fileUpload"
+  "root": "ImportStepUpload743537825__root",
+  "fileUpload": "ImportStepUpload743537825__fileUpload"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};