@wix/patterns 1.426.0 → 1.427.0

package/src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit52948805";
+var _namespace_ = "Edit627207133";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit52948805__root","booleanEdit":"Edit52948805__booleanEdit"};
+export var classes = {"root":"Edit627207133__root","booleanEdit":"Edit627207133__booleanEdit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/boolean/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1963129251";
+var _namespace_ = "View2315383970";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View1963129251__root","booleanView":"View1963129251__booleanView"};
+export var classes = {"root":"View2315383970__root","booleanView":"View2315383970__booleanView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/color/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2414762136";
+var _namespace_ = "Edit1178277499";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit2414762136__root"};
+export var classes = {"root":"Edit1178277499__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/date/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3456829687";
+var _namespace_ = "Edit3431241709";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit3456829687__root","dateInput":"Edit3456829687__dateInput"};
+export var classes = {"root":"Edit3431241709__root","dateInput":"Edit3431241709__dateInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/date/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View4237604594";
+var _namespace_ = "View125017540";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View4237604594__root"};
+export var classes = {"root":"View125017540__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/datetime/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3776791925";
+var _namespace_ = "Edit3548021894";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit3776791925__root","half":"Edit3776791925__half","dateHalf":"Edit3776791925__dateHalf Edit3776791925__half","timeHalf":"Edit3776791925__timeHalf Edit3776791925__half","divider":"Edit3776791925__divider","passiveText":"Edit3776791925__passiveText","placeholderText":"Edit3776791925__placeholderText Edit3776791925__passiveText"};
+export var classes = {"root":"Edit3548021894__root","half":"Edit3548021894__half","dateHalf":"Edit3548021894__dateHalf Edit3548021894__half","timeHalf":"Edit3548021894__timeHalf Edit3548021894__half","divider":"Edit3548021894__divider","passiveText":"Edit3548021894__passiveText","placeholderText":"Edit3548021894__placeholderText Edit3548021894__passiveText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/datetime/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1311297208";
+var _namespace_ = "View3768140103";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View1311297208__root","leaf":"View1311297208__leaf","datePart":"View1311297208__datePart View1311297208__leaf","timePart":"View1311297208__timePart View1311297208__leaf","placeholder":"View1311297208__placeholder View1311297208__leaf","divider":"View1311297208__divider"};
+export var classes = {"root":"View3768140103__root","leaf":"View3768140103__leaf","datePart":"View3768140103__datePart View3768140103__leaf","timePart":"View3768140103__timePart View3768140103__leaf","placeholder":"View3768140103__placeholder View3768140103__leaf","divider":"View3768140103__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3351727800";
+var _namespace_ = "Edit1468089494";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit3351727800__root","emailInput":"Edit3351727800__emailInput"};
+export var classes = {"root":"Edit1468089494__root","emailInput":"Edit1468089494__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/email/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View779811894";
+var _namespace_ = "View183643799";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View779811894__root"};
+export var classes = {"root":"View183643799__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3523266331";
+var _namespace_ = "Edit3562447553";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit3523266331__root","numberInput":"Edit3523266331__numberInput"};
+export var classes = {"root":"Edit3562447553__root","numberInput":"Edit3562447553__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/number/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1528347748";
+var _namespace_ = "View2971389096";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View1528347748__root","textView":"View1528347748__textView"};
+export var classes = {"root":"View2971389096__root","textView":"View2971389096__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/object/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit4247137127";
+var _namespace_ = "Edit1195161761";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit4247137127__root","jsonInput":"Edit4247137127__jsonInput"};
+export var classes = {"root":"Edit1195161761__root","jsonInput":"Edit1195161761__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/object/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3619267573";
+var _namespace_ = "View546190198";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View3619267573__root"};
+export var classes = {"root":"View546190198__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1999116661";
+var _namespace_ = "Edit2830007467";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit1999116661__root","selectInput":"Edit1999116661__selectInput"};
+export var classes = {"root":"Edit2830007467__root","selectInput":"Edit2830007467__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit721104620";
+var _namespace_ = "Edit908820166";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit721104620__root","editWrapper":"Edit721104620__editWrapper","inputArea":"Edit721104620__inputArea"};
+export var classes = {"root":"Edit908820166__root","editWrapper":"Edit908820166__editWrapper","inputArea":"Edit908820166__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View2616712833";
+var _namespace_ = "View458449955";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View2616712833__root"};
+export var classes = {"root":"View458449955__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2938778900";
+var _namespace_ = "Edit1673498444";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit2938778900__root","wrapper":"Edit2938778900__wrapper","overlay":"Edit2938778900__overlay"};
+export var classes = {"root":"Edit1673498444__root","wrapper":"Edit1673498444__wrapper","overlay":"Edit1673498444__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1175127184";
+var _namespace_ = "Edit927054641";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit1175127184__root","urlInput":"Edit1175127184__urlInput"};
+export var classes = {"root":"Edit927054641__root","urlInput":"Edit927054641__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View892294405";
+var _namespace_ = "View2690356286";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View892294405__root","textView":"View892294405__textView","urlText":"View892294405__urlText","suffix":"View892294405__suffix"};
+export var classes = {"root":"View2690356286__root","textView":"View2690356286__textView","urlText":"View2690356286__urlText","suffix":"View2690356286__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPage/EntityPagePlain.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain3321852994";
+var _namespace_ = "EntityPagePlain267896214";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"EntityPagePlain3321852994__root"};
+export var classes = {"root":"EntityPagePlain267896214__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Fade/Fade.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade3886590051";
+var _namespace_ = "Fade1188555684";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Fade3886590051__root"};
+export var classes = {"root":"Fade1188555684__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Heading/Heading.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading182854576";
+var _namespace_ = "Heading3050382977";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Heading182854576__root"};
+export var classes = {"root":"Heading3050382977__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/CAIRO-4118-tasks.md

@@ -9,7 +9,7 @@ This tracker turns the ticket's task spec into individually-trackable items. All
 
 | # | Task | Desired behavior | Status | Resolution / Notes |
 |---|---|---|---|---|
-| G1 | Success toast | On successful import, show a success toast | open | — |
+| G1 | Success toast | On successful import, show a success toast | dismiss | Superseded by [CAIRO-4442](https://wix.atlassian.net/browse/CAIRO-4442): completion is now reported by a summary modal (created/updated/failed counts) shown on **every** finished import, not a toast. |
 
 ## Step 1 — Upload: File-Level Failures
 
@@ -34,13 +34,13 @@ This tracker turns the ticket's task spec into individually-trackable items. All
 |---|---|---|---|---|
 | 3.1 | Backup fails (pre-upload backup throws) | Put modal into **error state**; replace progress label with error message; footer CTA → **"Try again"** (re-runs import). [Design](https://www.figma.com/design/RpB9iQ6a43xcvKiovmJaA1/Import?node-id=145-12691) | done | When `_runBackup` rejects, `ImportState.importStatus` goes to `queryStatus.error` (existing). The progress step now renders the error state: `ImportStepProgress.tsx` replaces the `import-progress-label` with an `import-error-message` Text and sets `error` on the `LinearProgressBar` whenever `importStatus.isError` (message = `errorHandler.getResolvedError(...)?.message ?? cairo.import.genericError`). The progress-step footer in `getImportModalStepProps.tsx` swaps the disabled **Importing** primary button for an enabled **Try again** (`cairo.import.tryAgain`, re-runs `state.startImport`) and changes the title to `cairo.import.failedTitle` when `importStatus.isError`. `startImport` now resets `importStatus` → `idle` and `result` → zero at the start of each attempt so a retry begins from a clean slate. Tests in `Table.importButton.spec.tsx`: *"puts the modal into error state and replaces the progress label with an error message when backup fails"*, *"re-runs the import when the 'Try again' CTA is clicked after a backup failure"*. All keys (`tryAgain`, `genericError`, `failedTitle`) already registered in the Translation Center. |
 | 3.2 | Full batch failure (network/server error on first batch) | Modal in **error state** with message and **try again** action | done | `ImportState._uploadBatches` now distinguishes a *thrown* batch error before anything was imported (`result.succeeded === 0`) from a partial failure: in that case it re-throws so `startImport`'s catch sets `importStatus` → `queryStatus.error`. This reuses the same error-state UI shipped for 3.1 (error message replacing the progress label, error `LinearProgressBar`, `cairo.import.failedTitle`, enabled **Try again** primary button re-running `startImport`). A thrown error *after* some batches succeeded keeps the existing partial-success inline message (that path becomes the 3.3 toast later). Tests in `Table.importButton.spec.tsx`: *"puts the modal into error state with a 'Try again' CTA when the first batch fails"* and *"re-runs the import when 'Try again' is clicked after a full batch failure"*. |
-| 3.3 | Partial success — some rows don't make it in, whether a batch *returns* row `errors` or *throws* after some succeeded | Close modal; show toast with how many failed / succeeded + action to **download the CSV** | done | `ImportState._uploadBatches` accumulates a single `_failedRowIndices` (global indices into `csvRows`) across the whole run: (a) rows the server rejects inside an OK response are read from each batch's returned `errors[].rowIndex`, offset by the batch's start index; (b) when a batch *throws* after at least one OK response, every row from the throwing batch onward (the throwing batch + all un-attempted batches) is added on top of any already-rejected rows. If *no* OK response arrived before a throw, it re-throws → full batch failure (3.2). `startImport`'s success branch closes the modal, refreshes the collection, and — whenever `_failedRowIndices` is non-empty — fires a `WARNING` toast: message `cairo.import.partialSuccessToast` ("{failed} rows failed, {imported} rows imported", `failed = _failedRowIndices.length`, `imported = totalCount - failed`) with a `cairo.import.downloadFailedRows` ("Download failed rows") action. The action serializes `csvHeaders` + the failed rows via the `unparseCsv` helper (`parseCsv.ts`, `Papa.unparse`) and downloads through the `downloadCsv` prop, wired in `useImport.ts` from `container.window.download` as a `data:text/csv` URI (filename `failed-<original>`). `BulkUploadResults` was **not** changed — failed-row tracking lives entirely in `ImportState` (it owns `csvRows` + batching). The previous behavior, where a returned-`errors` batch left the modal open on an inline partial-success message, was the bug fixed here. Tests in `Table.importButton.spec.tsx`: throw path — *"closes the modal and shows a toast when a batch fails after some succeed"*, *"downloads only the failed rows when the toast download action is clicked"*; returned-errors path — *"closes the modal and shows a toast when a batch returns row errors"*, *"downloads the rejected rows when a batch returns row errors"*. New keys `partialSuccessToast` / `downloadFailedRows` must be registered in the Translation Center (core `messages_en.json` + generated `translations.ts` are gitignored). |
+| 3.3 | Partial success — some rows don't make it in, whether a batch *returns* row `errors` or *throws* after some succeeded | Close modal; show toast with how many failed / succeeded + action to **download the CSV** | dismiss | Toast behavior superseded by [CAIRO-4442](https://wix.atlassian.net/browse/CAIRO-4442): the modal stays open and shows a summary step (created/updated/failed) with a **Download CSV** button for the failed rows; the CSV gains a leading ".Why it failed to import" reason column. The failed-row tracking described below still applies — only the toast + auto-close is replaced. Original implementation notes retained for reference: `ImportState._uploadBatches` accumulates a single `_failedRowIndices` (global indices into `csvRows`) across the whole run: (a) rows the server rejects inside an OK response are read from each batch's returned `errors[].rowIndex`, offset by the batch's start index; (b) when a batch *throws* after at least one OK response, every row from the throwing batch onward (the throwing batch + all un-attempted batches) is added on top of any already-rejected rows. If *no* OK response arrived before a throw, it re-throws → full batch failure (3.2). `startImport`'s success branch closes the modal, refreshes the collection, and — whenever `_failedRowIndices` is non-empty — fires a `WARNING` toast: message `cairo.import.partialSuccessToast` ("{failed} rows failed, {imported} rows imported", `failed = _failedRowIndices.length`, `imported = totalCount - failed`) with a `cairo.import.downloadFailedRows` ("Download failed rows") action. The action serializes `csvHeaders` + the failed rows via the `unparseCsv` helper (`parseCsv.ts`, `Papa.unparse`) and downloads through the `downloadCsv` prop, wired in `useImport.ts` from `container.window.download` as a `data:text/csv` URI (filename `failed-<original>`). `BulkUploadResults` was **not** changed — failed-row tracking lives entirely in `ImportState` (it owns `csvRows` + batching). The previous behavior, where a returned-`errors` batch left the modal open on an inline partial-success message, was the bug fixed here. Tests in `Table.importButton.spec.tsx`: throw path — *"closes the modal and shows a toast when a batch fails after some succeed"*, *"downloads only the failed rows when the toast download action is clicked"*; returned-errors path — *"closes the modal and shows a toast when a batch returns row errors"*, *"downloads the rejected rows when a batch returns row errors"*. New keys `partialSuccessToast` / `downloadFailedRows` must be registered in the Translation Center (core `messages_en.json` + generated `translations.ts` are gitignored). |
 
 ## Status summary
 
 | # | Topic | Status |
 |---|---|---|
-| G1 | Success toast | open |
+| G1 | Success toast | dismiss (superseded by CAIRO-4442) |
 | 1.1 | File can't be read | done |
 | 1.2 | Malformed CSV | done |
 | 1.3 | Non-UTF-8 encoding | done |
@@ -50,4 +50,4 @@ This tracker turns the ticket's task spec into individually-trackable items. All
 | 2.3 | Field/data mismatch | open |
 | 3.1 | Backup fails | done |
 | 3.2 | Full batch failure | done |
-| 3.3 | Partial success | done |
+| 3.3 | Partial success | dismiss (toast superseded by CAIRO-4442) |

package/src/components/ImportButton/CmsImportFieldEditor.tsx

@@ -0,0 +1,62 @@
+import React, { useEffect, useState } from 'react';
+import { observer } from 'mobx-react-lite';
+import { reaction } from 'mobx';
+import type { ImportState } from '@wix/bex-core';
+import { FieldEditorModal } from '../CmsFieldManagement/FieldEditorModal';
+import { FieldEditorModalState } from '../CmsFieldManagement/FieldEditorModalState';
+import { buildFieldDraft } from './importFieldEditor';
+
+/**
+ * The CMS create/edit-field modal for the import flow, returned by
+ * `useSchemaImport` as `renderFieldEditor`. Self-contained: it opens and
+ * pre-fills from `state.editingMapping` when a column starts editing, writes the
+ * result back via `state.applyFieldEdit`, and clears `state.editingHeader` on
+ * close so re-editing the same column re-opens it.
+ */
+const _CmsImportFieldEditor = ({ state }: { state: ImportState }) => {
+  const t = state.translate;
+  const [editorState] = useState(
+    () => new FieldEditorModalState({ onSubmit: state.applyFieldEdit }),
+  );
+
+  useEffect(() => {
+    const disposeOpen = reaction(
+      () => state.editingMapping,
+      (mapping) => {
+        const header = state.editingHeader;
+        if (mapping && header && !editorState.modal.isOpen) {
+          editorState.open(buildFieldDraft(header, mapping));
+        }
+      },
+      { fireImmediately: true },
+    );
+    const disposeClose = reaction(
+      () => editorState.modal.isOpen,
+      (isOpen) => {
+        if (!isOpen && state.editingHeader != null) {
+          state.endFieldEdit();
+        }
+      },
+    );
+    return () => {
+      disposeOpen();
+      disposeClose();
+    };
+  }, []);
+
+  return (
+    <FieldEditorModal
+      state={editorState}
+      title={t('cairo.import.editField')}
+      primaryButtonText={t('cairo.import.save')}
+      secondaryButtonText={t('cairo.import.cancel')}
+      // The mapping dropdown's popover renders at z-index 5001. Opening the editor
+      // from the "+ Create New Field" footer doesn't synchronously close that
+      // popover, so the editor must stack above it — below the field-type dropdown
+      // inside the editor (10000) and toasts (5500).
+      zIndex={5100}
+    />
+  );
+};
+
+export const CmsImportFieldEditor = observer(_CmsImportFieldEditor);

package/src/components/ImportButton/ImportButton.tsx

@@ -11,7 +11,7 @@ import { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';
 import { useIsMobile } from '../../hooks/useIsMobile';
 
 function _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {
-  const { toolbarType = 'default', config } = props;
+  const { toolbarType = 'default', config, renderFieldEditor } = props;
 
   const table = useToolbarCollectionContext<T, F>();
   const {
@@ -30,6 +30,7 @@ function _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {
             <ImportButtonModalLayout
               importModalState={state}
               config={config}
+              renderFieldEditor={renderFieldEditor}
             />
           );
 

package/src/components/ImportButton/ImportButtonModalLayout.tsx

@@ -19,12 +19,9 @@ import { ImportStepper } from './ImportStepper';
 import { MessageActionModal } from '../ActionModal';
 import { ModalWrapper } from '../CollectionModal';
 import { PatternsFieldsProvider } from '../../providers';
-import { FieldEditorModal } from '../CmsFieldManagement/FieldEditorModal';
-import { FieldEditorModalState } from '../CmsFieldManagement/FieldEditorModalState';
-import { buildFieldDraft } from './importFieldEditor';
 
 function _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {
-  const { config, importModalState, ...rest } = props;
+  const { config, importModalState, renderFieldEditor, ...rest } = props;
 
   const isMobile = useIsMobile();
 
@@ -40,19 +37,6 @@ function _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {
 
   const [state] = useState(() => createImport());
 
-  const [fieldEditorState] = useState(
-    () => new FieldEditorModalState({ onSubmit: state.applyFieldEdit }),
-  );
-
-  const openFieldEditor = (header: string) => {
-    const mapping = state.mappingByHeader[header];
-    if (mapping?.kind !== 'new') {
-      return;
-    }
-    state.beginFieldEdit(header);
-    fieldEditorState.open(buildFieldDraft(header, mapping));
-  };
-
   const {
     onRequestClose,
     children,
@@ -61,11 +45,10 @@ function _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {
   } = getImportModalStepProps({
     state,
     isMobile,
-    onEditField: openFieldEditor,
   });
 
   const wrappedChildren =
-    state.currentStep !== 'progress' ? (
+    state.currentStep !== 'progress' && state.currentStep !== 'summary' ? (
       <Box direction="vertical" gap="SP3" width="100%" height="100%">
         <ImportStepper
           state={state}
@@ -187,12 +170,7 @@ function _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {
   return (
     <>
       {child}
-      <FieldEditorModal
-        state={fieldEditorState}
-        title={t('cairo.import.editField')}
-        primaryButtonText={t('cairo.import.save')}
-        secondaryButtonText={t('cairo.import.cancel')}
-      />
+      {state.canCreateNewField ? renderFieldEditor?.({ state }) : null}
     </>
   );
 }

package/src/components/ImportButton/ImportIdCollisionControl.tsx

@@ -29,7 +29,7 @@ export const IdCollisionControl = observer(function _IdCollisionControl({
     : t('cairo.import.updateExistingItems');
 
   return (
-    <Box direction="vertical" gap="SP1">
+    <Box direction="vertical" gap="0">
       <Text size="tiny" secondary dataHook="import-id-collision-label">
         {t('cairo.import.idCollisionLabel')}
       </Text>