@wix/patterns 1.421.0 → 1.423.0

package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "View3405430789";
+var _namespace_ = "View1207806995";
 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": "View3405430789__root",
-  "textView": "View3405430789__textView",
-  "urlText": "View3405430789__urlText",
-  "suffix": "View3405430789__suffix"
+  "root": "View1207806995__root",
+  "textView": "View1207806995__textView",
+  "urlText": "View1207806995__urlText",
+  "suffix": "View1207806995__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/url/View.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View3405430789\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View3405430789__root\",\"textView\":\"View3405430789__textView\",\"urlText\":\"View3405430789__urlText\",\"suffix\":\"View3405430789__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,UAAU,EAAC,0BAA0B;EAAC,SAAS,EAAC,yBAAyB;EAAC,QAAQ,EAAC;AAAwB,CAAC;AACzJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1207806995\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View1207806995__root\",\"textView\":\"View1207806995__textView\",\"urlText\":\"View1207806995__urlText\",\"suffix\":\"View1207806995__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,UAAU,EAAC,0BAA0B;EAAC,SAAS,EAAC,yBAAyB;EAAC,QAAQ,EAAC;AAAwB,CAAC;AACzJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/types.js.map

@@ -1 +1 @@
-{"version":3,"names":["defineCellType","cellType"],"sources":["../../../../src/components/EditableTable/types.ts"],"sourcesContent":["import type { CellType, ValidationRule } from '../../state/EditableTable/types';\n\nexport interface CellViewProps<V> {\n  value: V;\n  typeConfig?: unknown;\n  validation?: ValidationRule[];\n  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */\n  columnId: string;\n  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */\n  rowKey: string;\n}\n\nexport interface Focusable {\n  focus: () => void;\n}\n\nexport type EditTrigger =\n  | { kind: 'type'; key: string }\n  | 'enter'\n  | 'click'\n  | 'doubleClick';\n\nexport interface CellEditProps<V> {\n  value: V;\n  onChange: (value: V) => void;\n  onCommit: () => void;\n  onCancel: () => void;\n  /**\n   * Signals that the cell is starting an editing operation that will move focus\n   * outside the table (e.g., opening a media manager or a modal). Calling this\n   * sets isEditing=true so useClearFocusOnBlur does not clear cell focus while\n   * the external UI is open. Pair with onCommit (after the operation succeeds)\n   * or onCancel (if the user dismisses without a value change).\n   */\n  onStartEdit?: () => void;\n  /** Ref to the focusable input element. Used for type-to-edit (focusing the input when user starts typing on a focused cell). */\n  inputRef?: React.MutableRefObject<Focusable | undefined | null>;\n  typeConfig?: unknown;\n  /** How edit mode was triggered. Edit components can use this to customize behavior (e.g., date picker auto-opens on 'type'). */\n  editTrigger?: EditTrigger | null;\n  /** Column-level validation rules. Edit components can derive UI behavior (e.g., maxLength blocking/tooltip) from these. */\n  validation?: ValidationRule[];\n  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */\n  columnId: string;\n  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */\n  rowKey: string;\n}\n\n/**\n * Props passed to a cell type's optional `EditWrapper`. EditableCell mounts the\n * wrapper around the cell content and keeps it mounted across the edit↔view\n * transition, so the wrapper can own behavior that must outlive the inline\n * editor (e.g. a reference cell navigating to an overlay and refreshing on\n * return). The wrapper hands anything the editor needs down via its own context.\n */\nexport interface CellEditWrapperProps {\n  /** The column's typeConfig (same value handed to the cell's Edit/View). */\n  typeConfig?: unknown;\n  /** Stable id of the column. */\n  columnId: string;\n  /** Stable key of the row. */\n  rowKey: string;\n  /** The cell content (the Edit or View component) to render inside the wrapper. */\n  children: React.ReactNode;\n}\n\n/**\n * Type-safe definition for a cell type. Non-value-typed props are derived\n * directly from CellType via Pick so new additions propagate automatically.\n */\nexport type CellTypeDefinition<V> = Pick<\n  CellType,\n  | 'editable'\n  | 'clearable'\n  | 'showEditWhenFocused'\n  | 'nativeTypeToEdit'\n  | 'EditWrapper'\n  | 'growable'\n> & {\n  type: CellType['type'];\n  ViewComponent: React.ComponentType<CellViewProps<V>>;\n  EditComponent?: React.ComponentType<CellEditProps<V>>;\n  serialize?: (value: V) => string;\n  deserialize?: (raw: string) => V;\n  validate?: (value: V, rules?: ValidationRule[]) => string | null;\n  toggleValue?: (value: V) => V;\n  editOnClick?: (value: V) => boolean;\n  onTypeToEdit?: (params: {\n    key: string;\n    validation?: ValidationRule[];\n  }) => { value?: V } | undefined;\n  normalizeOnCommit?: (value: V) => V;\n};\n\n/** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */\nexport function defineCellType<V>(cellType: CellTypeDefinition<V>): CellType {\n  return cellType as CellType;\n}\n"],"mappings":";;;;AAgDA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;;AAyBA;AACO,SAASA,cAAcA,CAAIC,QAA+B,EAAY;EAC3E,OAAOA,QAAQ;AACjB","ignoreList":[]}
+{"version":3,"names":["defineCellType","cellType"],"sources":["../../../../src/components/EditableTable/types.ts"],"sourcesContent":["import type { Translate } from '@wix/bex-core';\nimport type { CellType, ValidationRule } from '../../state/EditableTable/types';\n\nexport interface CellViewProps<V> {\n  value: V;\n  typeConfig?: unknown;\n  validation?: ValidationRule[];\n  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */\n  columnId: string;\n  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */\n  rowKey: string;\n}\n\nexport interface Focusable {\n  focus: () => void;\n}\n\nexport type EditTrigger =\n  | { kind: 'type'; key: string }\n  | 'enter'\n  | 'click'\n  | 'doubleClick';\n\nexport interface CellEditProps<V> {\n  value: V;\n  onChange: (value: V) => void;\n  onCommit: () => void;\n  onCancel: () => void;\n  /**\n   * Signals that the cell is starting an editing operation that will move focus\n   * outside the table (e.g., opening a media manager or a modal). Calling this\n   * sets isEditing=true so useClearFocusOnBlur does not clear cell focus while\n   * the external UI is open. Pair with onCommit (after the operation succeeds)\n   * or onCancel (if the user dismisses without a value change).\n   */\n  onStartEdit?: () => void;\n  /** Ref to the focusable input element. Used for type-to-edit (focusing the input when user starts typing on a focused cell). */\n  inputRef?: React.MutableRefObject<Focusable | undefined | null>;\n  typeConfig?: unknown;\n  /** How edit mode was triggered. Edit components can use this to customize behavior (e.g., date picker auto-opens on 'type'). */\n  editTrigger?: EditTrigger | null;\n  /** Column-level validation rules. Edit components can derive UI behavior (e.g., maxLength blocking/tooltip) from these. */\n  validation?: ValidationRule[];\n  /** Stable id of the column. Cell components can use it to derive unique DOM ids. */\n  columnId: string;\n  /** Stable key of the row. Cell components can use it to derive unique DOM ids. */\n  rowKey: string;\n}\n\n/**\n * Props passed to a cell type's optional `EditWrapper`. EditableCell mounts the\n * wrapper around the cell content and keeps it mounted across the edit↔view\n * transition, so the wrapper can own behavior that must outlive the inline\n * editor (e.g. a reference cell navigating to an overlay and refreshing on\n * return). The wrapper hands anything the editor needs down via its own context.\n */\nexport interface CellEditWrapperProps {\n  /** The column's typeConfig (same value handed to the cell's Edit/View). */\n  typeConfig?: unknown;\n  /** Stable id of the column. */\n  columnId: string;\n  /** Stable key of the row. */\n  rowKey: string;\n  /** The cell content (the Edit or View component) to render inside the wrapper. */\n  children: React.ReactNode;\n}\n\n/**\n * Type-safe definition for a cell type. Non-value-typed props are derived\n * directly from CellType via Pick so new additions propagate automatically.\n */\nexport type CellTypeDefinition<V> = Pick<\n  CellType,\n  | 'editable'\n  | 'clearable'\n  | 'showEditWhenFocused'\n  | 'nativeTypeToEdit'\n  | 'EditWrapper'\n  | 'growable'\n> & {\n  type: CellType['type'];\n  ViewComponent: React.ComponentType<CellViewProps<V>>;\n  EditComponent?: React.ComponentType<CellEditProps<V>>;\n  serialize?: (value: V) => string;\n  deserialize?: (raw: string) => V;\n  validate?: (\n    value: V,\n    rules?: ValidationRule[],\n    translate?: Translate,\n  ) => string | null;\n  toggleValue?: (value: V) => V;\n  editOnClick?: (value: V) => boolean;\n  onTypeToEdit?: (params: {\n    key: string;\n    validation?: ValidationRule[];\n  }) => { value?: V } | undefined;\n  normalizeOnCommit?: (value: V) => V;\n};\n\n/** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */\nexport function defineCellType<V>(cellType: CellTypeDefinition<V>): CellType {\n  return cellType as CellType;\n}\n"],"mappings":";;;;AAiDA;AACA;AACA;AACA;AACA;AACA;AACA;;AAYA;AACA;AACA;AACA;;AA6BA;AACO,SAASA,cAAcA,CAAIC,QAA+B,EAAY;EAC3E,OAAOA,QAAQ;AACjB","ignoreList":[]}

package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "EntityPagePlain1144730516";
+var _namespace_ = "EntityPagePlain1681904169";
 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": "EntityPagePlain1144730516__root"
+  "root": "EntityPagePlain1681904169__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain1144730516\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EntityPagePlain1144730516__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain1681904169\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EntityPagePlain1681904169__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Fade2772199726";
+var _namespace_ = "Fade2749825220";
 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": "Fade2772199726__root"
+  "root": "Fade2749825220__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Heading4175353019";
+var _namespace_ = "Heading3594993495";
 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": "Heading4175353019__root"
+  "root": "Heading3594993495__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

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

@@ -18,10 +18,10 @@ function _ImportButton(props) {
   const {
     toolbarType = 'default',
     fields,
-    bulkUploadItems,
+    collectionId,
     backup,
     updateSchema,
-    batchSize
+    onJobError
   } = props;
   const table = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const {
@@ -46,10 +46,10 @@ function _ImportButton(props) {
       const child = /*#__PURE__*/_react.default.createElement(_ImportButtonModalLayout.ImportButtonModalLayout, {
         importModalState: state,
         fields: fields,
-        bulkUploadItems: bulkUploadItems,
+        collectionId: collectionId,
         backup: backup,
         updateSchema: updateSchema,
-        batchSize: batchSize,
+        onJobError: onJobError,
         __self: this,
         __source: {
           fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_mobxReactLite","_ImportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButton","props","toolbarType","fields","bulkUploadItems","backup","updateSchema","batchSize","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","importState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","importModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ImportButtonModalLayout","importModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","DownloadImport","Button","skin","priority","size","ellipsis","prefixIcon","ImportButton","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport { DownloadImport } from '@wix/wix-ui-icons-common';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ImportButtonModalLayout } from './ImportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ImportButtonProps } from './ImportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {\n  const {\n    toolbarType = 'default',\n    fields,\n    bulkUploadItems,\n    backup,\n    updateSchema,\n    batchSize,\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n  const [state] = useState(() => (table.importState ??= new ModalState()));\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.importModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ImportButtonModalLayout\n              importModalState={state}\n              fields={fields}\n              bulkUploadItems={bulkUploadItems}\n              backup={backup}\n              updateSchema={updateSchema}\n              batchSize={batchSize}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"import-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"import-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.importModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"import-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"import-button\"\n          onClick={state.open}\n          icon={<DownloadImport />}\n        >\n          {t('cairo.import.import')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<DownloadImport />}\n          dataHook=\"import-button\"\n          onClick={state.open}\n        >\n          {t('cairo.import.import')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ImportButton = observer(_ImportButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_mobxReactLite","_ImportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButton","props","toolbarType","fields","collectionId","backup","updateSchema","onJobError","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","importState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","importModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ImportButtonModalLayout","importModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","DownloadImport","Button","skin","priority","size","ellipsis","prefixIcon","ImportButton","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport { DownloadImport } from '@wix/wix-ui-icons-common';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ImportButtonModalLayout } from './ImportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ImportButtonProps } from './ImportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {\n  const {\n    toolbarType = 'default',\n    fields,\n    collectionId,\n    backup,\n    updateSchema,\n    onJobError,\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n  const [state] = useState(() => (table.importState ??= new ModalState()));\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.importModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ImportButtonModalLayout\n              importModalState={state}\n              fields={fields}\n              collectionId={collectionId}\n              backup={backup}\n              updateSchema={updateSchema}\n              onJobError={onJobError}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"import-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"import-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.importModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"import-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"import-button\"\n          onClick={state.open}\n          icon={<DownloadImport />}\n        >\n          {t('cairo.import.import')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<DownloadImport />}\n          dataHook=\"import-button\"\n          onClick={state.open}\n        >\n          {t('cairo.import.import')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ImportButton = observer(_ImportButton);\n"],"mappings":"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","ignoreList":[]}

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

@@ -9,7 +9,7 @@ var _getImportModalStepProps = require("./getImportModalStepProps");
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _bexCore = require("@wix/bex-core");
-var _detectFieldType = require("@wix/patterns-fields/detect-field-type");
+var _patternsFields = require("@wix/patterns-fields");
 var _util = require("@wix/bex-core/util");
 var _useIsMobile = require("../../hooks/useIsMobile");
 var _CustomDrawerLayout = require("../CustomDrawerLayout");
@@ -17,31 +17,45 @@ var _ImportStepper = require("./ImportStepper");
 var _ActionModal = require("../ActionModal");
 var _CollectionModal = require("../CollectionModal");
 var _providers = require("../../providers");
+var _FieldEditorModal = require("../CmsFieldManagement/FieldEditorModal");
+var _FieldEditorModalState = require("../CmsFieldManagement/FieldEditorModalState");
+var _importFieldEditor = require("./importFieldEditor");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ImportButton/ImportButtonModalLayout.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _ImportButtonModalLayout(props) {
   const {
     fields,
-    bulkUploadItems,
+    collectionId,
     backup,
     updateSchema,
-    batchSize,
+    onJobError,
     importModalState,
     ...rest
   } = props;
   const isMobile = (0, _useIsMobile.useIsMobile)();
   const createImport = (0, _bexCore.useCreateImport)({
     fields,
-    bulkUploadItems,
+    collectionId,
     backup,
     updateSchema,
+    onJobError,
     // Media-aware detection (image/video/document/audio) lives in
     // patterns-fields; core defaults to primitive detection without it.
-    detectColumnType: _detectFieldType.detectFieldType,
-    batchSize,
+    detectColumnType: _patternsFields.detectFieldType,
     importModalState
   });
   const [state] = (0, _react.useState)(() => createImport());
+  const [fieldEditorState] = (0, _react.useState)(() => new _FieldEditorModalState.FieldEditorModalState({
+    onSubmit: state.applyFieldEdit
+  }));
+  const openFieldEditor = header => {
+    const mapping = state.mappingByHeader[header];
+    if ((mapping == null ? void 0 : mapping.kind) !== 'new') {
+      return;
+    }
+    state.beginFieldEdit(header);
+    fieldEditorState.open((0, _importFieldEditor.buildFieldDraft)(header, mapping));
+  };
   const {
     onRequestClose,
     children,
@@ -49,7 +63,8 @@ function _ImportButtonModalLayout(props) {
     ...customModalLayoutProps
   } = (0, _getImportModalStepProps.getImportModalStepProps)({
     state,
-    isMobile
+    isMobile,
+    onEditField: openFieldEditor
   });
   const wrappedChildren = state.currentStep !== 'progress' ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
@@ -59,7 +74,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 79,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_ImportStepper.ImportStepper, {
@@ -68,7 +83,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 80,
       columnNumber: 9
     }
   }), children) : children;
@@ -81,7 +96,7 @@ function _ImportButtonModalLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 95,
       columnNumber: 5
     }
   }, wrappedChildren) : wrappedChildren;
@@ -96,8 +111,12 @@ function _ImportButtonModalLayout(props) {
   const {
     modal: discardModal
   } = state.discardChangesModal;
+
+  // The main layout + its discard-changes modal differ per device; everything
+  // common (the field editor) is stacked alongside `child` in the single return.
+  let child;
   if (isMobile) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CustomDrawerLayout.CustomDrawerLayout, (0, _extends2.default)({
+    child = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CustomDrawerLayout.CustomDrawerLayout, (0, _extends2.default)({
       dataHook: "import-modal-layout",
       removeContentPadding: removeContentPadding
     }, rest, customModalLayoutProps, {
@@ -105,7 +124,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 104,
+        lineNumber: 125,
         columnNumber: 9
       }
     })), /*#__PURE__*/_react.default.createElement(_CollectionModal.ModalWrapper, {
@@ -114,7 +133,7 @@ function _ImportButtonModalLayout(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 111,
+        lineNumber: 132,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.ModalMobileLayout, {
@@ -124,7 +143,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 118,
+          lineNumber: 139,
           columnNumber: 15
         }
       }, t('cairo.import.discardChanges.title')),
@@ -132,7 +151,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 123,
+          lineNumber: 144,
           columnNumber: 15
         }
       }, t('cairo.import.discardChanges.description')),
@@ -144,7 +163,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 128,
+          lineNumber: 149,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -155,7 +174,7 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 129,
+          lineNumber: 150,
           columnNumber: 17
         }
       }, t('cairo.import.discardChanges.confirm')), /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
@@ -166,43 +185,56 @@ function _ImportButtonModalLayout(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 137,
+          lineNumber: 158,
           columnNumber: 17
         }
       }, t('cairo.import.discardChanges.cancel'))),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 115,
+        lineNumber: 136,
         columnNumber: 11
       }
     })));
+  } else {
+    child = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, (0, _extends2.default)({
+      width: "600px",
+      maxHeight: "80vh",
+      dataHook: "import-modal-layout",
+      removeContentPadding: removeContentPadding
+    }, rest, customModalLayoutProps, {
+      children: content,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 175,
+        columnNumber: 9
+      }
+    })), /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, {
+      dataHook: "import-discard-changes-modal",
+      state: state.discardChangesModal,
+      title: t('cairo.import.discardChanges.title'),
+      content: t('cairo.import.discardChanges.description'),
+      primaryButtonText: t('cairo.import.discardChanges.confirm'),
+      secondaryButtonText: t('cairo.import.discardChanges.cancel'),
+      theme: "destructive",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 184,
+        columnNumber: 9
+      }
+    }));
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, (0, _extends2.default)({
-    width: "600px",
-    maxHeight: "80vh",
-    dataHook: "import-modal-layout",
-    removeContentPadding: removeContentPadding
-  }, rest, customModalLayoutProps, {
-    children: content,
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 155,
-      columnNumber: 7
-    }
-  })), /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, {
-    dataHook: "import-discard-changes-modal",
-    state: state.discardChangesModal,
-    title: t('cairo.import.discardChanges.title'),
-    content: t('cairo.import.discardChanges.description'),
-    primaryButtonText: t('cairo.import.discardChanges.confirm'),
-    secondaryButtonText: t('cairo.import.discardChanges.cancel'),
-    theme: "destructive",
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, child, /*#__PURE__*/_react.default.createElement(_FieldEditorModal.FieldEditorModal, {
+    state: fieldEditorState,
+    title: t('cairo.import.editField'),
+    primaryButtonText: t('cairo.import.save'),
+    secondaryButtonText: t('cairo.import.cancel'),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 164,
+      lineNumber: 200,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_detectFieldType","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_ActionModal","_CollectionModal","_providers","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","fields","bulkUploadItems","backup","updateSchema","batchSize","importModalState","rest","isMobile","useIsMobile","createImport","useCreateImport","detectColumnType","detectFieldType","state","useState","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","wrappedChildren","currentStep","createElement","Box","direction","gap","width","height","__self","__source","fileName","lineNumber","columnNumber","ImportStepper","content","canCreateNewField","PatternsFieldsProvider","useEffect","addEventListener","events","undefined","init","translate","modal","discardModal","discardChangesModal","Fragment","CustomDrawerLayout","_extends2","dataHook","ModalWrapper","onAfterClose","afterClose","ModalMobileLayout","title","Heading","size","Text","onCloseButtonClick","close","stickyFooter","footer","Button","fullWidth","skin","onClick","confirm","priority","decline","CustomModalLayout","maxHeight","MessageActionModal","primaryButtonText","secondaryButtonText","theme","ImportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButtonModalLayout.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  CustomModalLayout,\n  Heading,\n  ModalMobileLayout,\n  Text,\n} from '@wix/design-system';\nimport { getImportModalStepProps } from './getImportModalStepProps';\nimport React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\nimport { detectFieldType } from '@wix/patterns-fields/detect-field-type';\nimport { ImportButtonModalLayoutProps } from './ImportProps';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CustomDrawerLayout } from '../CustomDrawerLayout';\nimport { ImportStepper } from './ImportStepper';\nimport { MessageActionModal } from '../ActionModal';\nimport { ModalWrapper } from '../CollectionModal';\nimport { PatternsFieldsProvider } from '../../providers';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const {\n    fields,\n    bulkUploadItems,\n    backup,\n    updateSchema,\n    batchSize,\n    importModalState,\n    ...rest\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const createImport = useCreateImport({\n    fields,\n    bulkUploadItems,\n    backup,\n    updateSchema,\n    // Media-aware detection (image/video/document/audio) lives in\n    // patterns-fields; core defaults to primitive detection without it.\n    detectColumnType: detectFieldType,\n    batchSize,\n    importModalState,\n  });\n\n  const [state] = useState(() => createImport());\n\n  const {\n    onRequestClose,\n    children,\n    removeContentPadding,\n    ...customModalLayoutProps\n  } = getImportModalStepProps({\n    state,\n    isMobile,\n  });\n\n  const wrappedChildren =\n    state.currentStep !== 'progress' ? (\n      <Box direction=\"vertical\" gap=\"SP3\" width=\"100%\" height=\"100%\">\n        <ImportStepper\n          state={state}\n          removeContentPadding={!removeContentPadding}\n        />\n        {children}\n      </Box>\n    ) : (\n      children\n    );\n\n  // The configuration step's \"new field\" helper reads field-type names from the\n  // patterns-fields translations, which require this provider. Only mounted when\n  // field creation is enabled (the only case a \"new\" mapping can exist), so the\n  // fields container isn't initialized for plain imports.\n  const content = state.canCreateNewField ? (\n    <PatternsFieldsProvider>{wrappedChildren}</PatternsFieldsProvider>\n  ) : (\n    wrappedChildren\n  );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        importModalState.events,\n        'requestClose',\n        onRequestClose,\n      );\n    }\n\n    return undefined;\n  }, [onRequestClose]);\n\n  useEffect(() => state.init(), []);\n\n  const t = state.translate;\n\n  const { modal: discardModal } = state.discardChangesModal;\n\n  if (isMobile) {\n    return (\n      <>\n        <CustomDrawerLayout\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\n        />\n        <ModalWrapper\n          state={discardModal}\n          onAfterClose={() => state.discardChangesModal.afterClose()}\n        >\n          <ModalMobileLayout\n            dataHook=\"import-discard-changes-modal\"\n            title={\n              <Heading size=\"small\">\n                {t('cairo.import.discardChanges.title')}\n              </Heading>\n            }\n            content={\n              <Text>{t('cairo.import.discardChanges.description')}</Text>\n            }\n            onCloseButtonClick={() => discardModal.close()}\n            stickyFooter\n            footer={\n              <Box direction=\"vertical\" gap=\"SP3\">\n                <Button\n                  dataHook=\"import-discard-confirm\"\n                  fullWidth\n                  skin=\"destructive\"\n                  onClick={() => discardModal.confirm()}\n                >\n                  {t('cairo.import.discardChanges.confirm')}\n                </Button>\n                <Button\n                  dataHook=\"import-discard-cancel\"\n                  fullWidth\n                  priority=\"secondary\"\n                  onClick={() => discardModal.decline()}\n                >\n                  {t('cairo.import.discardChanges.cancel')}\n                </Button>\n              </Box>\n            }\n          />\n        </ModalWrapper>\n      </>\n    );\n  }\n\n  return (\n    <>\n      <CustomModalLayout\n        width=\"600px\"\n        maxHeight=\"80vh\"\n        dataHook=\"import-modal-layout\"\n        removeContentPadding={removeContentPadding}\n        {...rest}\n        {...customModalLayoutProps}\n        children={content}\n      />\n      <MessageActionModal\n        dataHook=\"import-discard-changes-modal\"\n        state={state.discardChangesModal}\n        title={t('cairo.import.discardChanges.title')}\n        content={t('cairo.import.discardChanges.description')}\n        primaryButtonText={t('cairo.import.discardChanges.confirm')}\n        secondaryButtonText={t('cairo.import.discardChanges.cancel')}\n        theme=\"destructive\"\n      />\n    </>\n  );\n}\n\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_getImportModalStepProps","_react","_interopRequireWildcard","_mobxReactLite","_bexCore","_patternsFields","_util","_useIsMobile","_CustomDrawerLayout","_ImportStepper","_ActionModal","_CollectionModal","_providers","_FieldEditorModal","_FieldEditorModalState","_importFieldEditor","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ImportButtonModalLayout","props","fields","collectionId","backup","updateSchema","onJobError","importModalState","rest","isMobile","useIsMobile","createImport","useCreateImport","detectColumnType","detectFieldType","state","useState","fieldEditorState","FieldEditorModalState","onSubmit","applyFieldEdit","openFieldEditor","header","mapping","mappingByHeader","kind","beginFieldEdit","open","buildFieldDraft","onRequestClose","children","removeContentPadding","customModalLayoutProps","getImportModalStepProps","onEditField","wrappedChildren","currentStep","createElement","Box","direction","gap","width","height","__self","__source","fileName","lineNumber","columnNumber","ImportStepper","content","canCreateNewField","PatternsFieldsProvider","useEffect","addEventListener","events","undefined","init","translate","modal","discardModal","discardChangesModal","child","Fragment","CustomDrawerLayout","_extends2","dataHook","ModalWrapper","onAfterClose","afterClose","ModalMobileLayout","title","Heading","size","Text","onCloseButtonClick","close","stickyFooter","footer","Button","fullWidth","skin","onClick","confirm","priority","decline","CustomModalLayout","maxHeight","MessageActionModal","primaryButtonText","secondaryButtonText","theme","FieldEditorModal","ImportButtonModalLayout","exports","observer"],"sources":["../../../../src/components/ImportButton/ImportButtonModalLayout.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  CustomModalLayout,\n  Heading,\n  ModalMobileLayout,\n  Text,\n} from '@wix/design-system';\nimport { getImportModalStepProps } from './getImportModalStepProps';\nimport React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useCreateImport } from '@wix/bex-core';\nimport { detectFieldType } from '@wix/patterns-fields';\nimport { ImportButtonModalLayoutProps } from './ImportProps';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CustomDrawerLayout } from '../CustomDrawerLayout';\nimport { ImportStepper } from './ImportStepper';\nimport { MessageActionModal } from '../ActionModal';\nimport { ModalWrapper } from '../CollectionModal';\nimport { PatternsFieldsProvider } from '../../providers';\nimport { FieldEditorModal } from '../CmsFieldManagement/FieldEditorModal';\nimport { FieldEditorModalState } from '../CmsFieldManagement/FieldEditorModalState';\nimport { buildFieldDraft } from './importFieldEditor';\n\nfunction _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {\n  const {\n    fields,\n    collectionId,\n    backup,\n    updateSchema,\n    onJobError,\n    importModalState,\n    ...rest\n  } = props;\n\n  const isMobile = useIsMobile();\n\n  const createImport = useCreateImport({\n    fields,\n    collectionId,\n    backup,\n    updateSchema,\n    onJobError,\n    // Media-aware detection (image/video/document/audio) lives in\n    // patterns-fields; core defaults to primitive detection without it.\n    detectColumnType: detectFieldType,\n    importModalState,\n  });\n\n  const [state] = useState(() => createImport());\n\n  const [fieldEditorState] = useState(\n    () => new FieldEditorModalState({ onSubmit: state.applyFieldEdit }),\n  );\n\n  const openFieldEditor = (header: string) => {\n    const mapping = state.mappingByHeader[header];\n    if (mapping?.kind !== 'new') {\n      return;\n    }\n    state.beginFieldEdit(header);\n    fieldEditorState.open(buildFieldDraft(header, mapping));\n  };\n\n  const {\n    onRequestClose,\n    children,\n    removeContentPadding,\n    ...customModalLayoutProps\n  } = getImportModalStepProps({\n    state,\n    isMobile,\n    onEditField: openFieldEditor,\n  });\n\n  const wrappedChildren =\n    state.currentStep !== 'progress' ? (\n      <Box direction=\"vertical\" gap=\"SP3\" width=\"100%\" height=\"100%\">\n        <ImportStepper\n          state={state}\n          removeContentPadding={!removeContentPadding}\n        />\n        {children}\n      </Box>\n    ) : (\n      children\n    );\n\n  // The configuration step's \"new field\" helper reads field-type names from the\n  // patterns-fields translations, which require this provider. Only mounted when\n  // field creation is enabled (the only case a \"new\" mapping can exist), so the\n  // fields container isn't initialized for plain imports.\n  const content = state.canCreateNewField ? (\n    <PatternsFieldsProvider>{wrappedChildren}</PatternsFieldsProvider>\n  ) : (\n    wrappedChildren\n  );\n\n  useEffect(() => {\n    if (onRequestClose) {\n      return addEventListener(\n        importModalState.events,\n        'requestClose',\n        onRequestClose,\n      );\n    }\n\n    return undefined;\n  }, [onRequestClose]);\n\n  useEffect(() => state.init(), []);\n\n  const t = state.translate;\n\n  const { modal: discardModal } = state.discardChangesModal;\n\n  // The main layout + its discard-changes modal differ per device; everything\n  // common (the field editor) is stacked alongside `child` in the single return.\n  let child: React.ReactNode;\n\n  if (isMobile) {\n    child = (\n      <>\n        <CustomDrawerLayout\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\n        />\n        <ModalWrapper\n          state={discardModal}\n          onAfterClose={() => state.discardChangesModal.afterClose()}\n        >\n          <ModalMobileLayout\n            dataHook=\"import-discard-changes-modal\"\n            title={\n              <Heading size=\"small\">\n                {t('cairo.import.discardChanges.title')}\n              </Heading>\n            }\n            content={\n              <Text>{t('cairo.import.discardChanges.description')}</Text>\n            }\n            onCloseButtonClick={() => discardModal.close()}\n            stickyFooter\n            footer={\n              <Box direction=\"vertical\" gap=\"SP3\">\n                <Button\n                  dataHook=\"import-discard-confirm\"\n                  fullWidth\n                  skin=\"destructive\"\n                  onClick={() => discardModal.confirm()}\n                >\n                  {t('cairo.import.discardChanges.confirm')}\n                </Button>\n                <Button\n                  dataHook=\"import-discard-cancel\"\n                  fullWidth\n                  priority=\"secondary\"\n                  onClick={() => discardModal.decline()}\n                >\n                  {t('cairo.import.discardChanges.cancel')}\n                </Button>\n              </Box>\n            }\n          />\n        </ModalWrapper>\n      </>\n    );\n  } else {\n    child = (\n      <>\n        <CustomModalLayout\n          width=\"600px\"\n          maxHeight=\"80vh\"\n          dataHook=\"import-modal-layout\"\n          removeContentPadding={removeContentPadding}\n          {...rest}\n          {...customModalLayoutProps}\n          children={content}\n        />\n        <MessageActionModal\n          dataHook=\"import-discard-changes-modal\"\n          state={state.discardChangesModal}\n          title={t('cairo.import.discardChanges.title')}\n          content={t('cairo.import.discardChanges.description')}\n          primaryButtonText={t('cairo.import.discardChanges.confirm')}\n          secondaryButtonText={t('cairo.import.discardChanges.cancel')}\n          theme=\"destructive\"\n        />\n      </>\n    );\n  }\n\n  return (\n    <>\n      {child}\n      <FieldEditorModal\n        state={fieldEditorState}\n        title={t('cairo.import.editField')}\n        primaryButtonText={t('cairo.import.save')}\n        secondaryButtonText={t('cairo.import.cancel')}\n      />\n    </>\n  );\n}\n\nexport const ImportButtonModalLayout = observer(_ImportButtonModalLayout);\n"],"mappings":"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","ignoreList":[]}