@wix/patterns 1.424.0 → 1.426.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2809740217";
+var _namespace_ = "Edit4247137127";
 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":"Edit2809740217__root","jsonInput":"Edit2809740217__jsonInput"};
+export var classes = {"root":"Edit4247137127__root","jsonInput":"Edit4247137127__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_ = "View569784551";
+var _namespace_ = "View3619267573";
 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":"View569784551__root"};
+export var classes = {"root":"View3619267573__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_ = "Edit4152557657";
+var _namespace_ = "Edit1999116661";
 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":"Edit4152557657__root","selectInput":"Edit4152557657__selectInput"};
+export var classes = {"root":"Edit1999116661__root","selectInput":"Edit1999116661__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_ = "Edit2474595361";
+var _namespace_ = "Edit721104620";
 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":"Edit2474595361__root","editWrapper":"Edit2474595361__editWrapper","inputArea":"Edit2474595361__inputArea"};
+export var classes = {"root":"Edit721104620__root","editWrapper":"Edit721104620__editWrapper","inputArea":"Edit721104620__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_ = "View2730740612";
+var _namespace_ = "View2616712833";
 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":"View2730740612__root"};
+export var classes = {"root":"View2616712833__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_ = "Edit3071470623";
+var _namespace_ = "Edit2938778900";
 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":"Edit3071470623__root","wrapper":"Edit3071470623__wrapper","overlay":"Edit3071470623__overlay"};
+export var classes = {"root":"Edit2938778900__root","wrapper":"Edit2938778900__wrapper","overlay":"Edit2938778900__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_ = "Edit1008679439";
+var _namespace_ = "Edit1175127184";
 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":"Edit1008679439__root","urlInput":"Edit1008679439__urlInput"};
+export var classes = {"root":"Edit1175127184__root","urlInput":"Edit1175127184__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_ = "View1517719082";
+var _namespace_ = "View892294405";
 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":"View1517719082__root","textView":"View1517719082__textView","urlText":"View1517719082__urlText","suffix":"View1517719082__suffix"};
+export var classes = {"root":"View892294405__root","textView":"View892294405__textView","urlText":"View892294405__urlText","suffix":"View892294405__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_ = "EntityPagePlain2323464219";
+var _namespace_ = "EntityPagePlain3321852994";
 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":"EntityPagePlain2323464219__root"};
+export var classes = {"root":"EntityPagePlain3321852994__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_ = "Fade4216896310";
+var _namespace_ = "Fade3886590051";
 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":"Fade4216896310__root"};
+export var classes = {"root":"Fade3886590051__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/FieldCell/FieldCell.tsx

@@ -135,7 +135,7 @@ function _FieldCell(props: FieldCellProps) {
     case 'ARRAY':
       return (
         <Text size="small" ellipsis maxLines={1}>
-          {(props.value as unknown[] | undefined)?.join(', ')}
+          {(props.value as unknown[] | undefined)?.join?.(', ')}
         </Text>
       );
     case 'ADDRESS':

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading589754590";
+var _namespace_ = "Heading182854576";
 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":"Heading589754590__root"};
+export var classes = {"root":"Heading182854576__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/ImportButton.tsx

@@ -11,14 +11,7 @@ import { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';
 import { useIsMobile } from '../../hooks/useIsMobile';
 
 function _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {
-  const {
-    toolbarType = 'default',
-    fields,
-    collectionId,
-    backup,
-    updateSchema,
-    onJobError,
-  } = props;
+  const { toolbarType = 'default', config } = props;
 
   const table = useToolbarCollectionContext<T, F>();
   const {
@@ -36,11 +29,7 @@ function _ImportButton<T, F extends FiltersMap>(props: ImportButtonProps) {
           const child = (
             <ImportButtonModalLayout
               importModalState={state}
-              fields={fields}
-              collectionId={collectionId}
-              backup={backup}
-              updateSchema={updateSchema}
-              onJobError={onJobError}
+              config={config}
             />
           );
 

package/src/components/ImportButton/ImportButtonModalLayout.tsx

@@ -24,26 +24,16 @@ import { FieldEditorModalState } from '../CmsFieldManagement/FieldEditorModalSta
 import { buildFieldDraft } from './importFieldEditor';
 
 function _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {
-  const {
-    fields,
-    collectionId,
-    backup,
-    updateSchema,
-    onJobError,
-    importModalState,
-    ...rest
-  } = props;
+  const { config, importModalState, ...rest } = props;
 
   const isMobile = useIsMobile();
 
   const createImport = useCreateImport({
-    fields,
-    collectionId,
-    backup,
-    updateSchema,
-    onJobError,
+    config,
     // Media-aware detection (image/video/document/audio) lives in
-    // patterns-fields; core defaults to primitive detection without it.
+    // patterns-fields; core defaults to primitive detection without it. A
+    // schema-backed config carries its own `mergeFields` (via useSchemaImport),
+    // so created columns refresh with no wiring here (CAIRO-4400).
     detectColumnType: detectFieldType,
     importModalState,
   });

package/src/components/ImportButton/ImportProps.tsx

@@ -1,36 +1,15 @@
-import {
-  BackupFn,
-  UpdateSchemaFn,
-  ModalState,
-  OnImportJobError,
-} from '@wix/bex-core';
-import { CreateExportAsyncJobRequest } from '@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types';
+import { ImportButtonConfig, ModalState } from '@wix/bex-core';
 
 type ImportButtonToolbarType = 'default' | 'bulkActionToolbar';
 
-export interface ImportButtonParams
-  extends Pick<CreateExportAsyncJobRequest, 'fields'> {
-  /** Destination data collection the import writes into. */
-  collectionId: string;
-  backup?: BackupFn;
+export interface ImportButtonParams {
   /**
-   * Adds new collection fields during import, in a single call, before the rows
-   * upload. When provided, unmapped CSV columns default to creating a new field
-   * (its type inferred from the column data) instead of "don't import"; the user
-   * can refine the field's name, type, and configuration via "Edit field", which
-   * is carried on each `NewFieldDefinition`. When omitted, behavior is unchanged
-   * (unmapped columns default to skip).
+   * The import inputs: a manual object (existing fields + destination / backup /
+   * create-new-field / onJobError), or a live schema-backed config from
+   * {@link useSchemaImport} that supplies them from the collection's schema. See
+   * {@link ImportButtonConfig}.
    */
-  updateSchema?: UpdateSchemaFn;
-  /**
-   * Resolves a user-facing message for a failed import job. The job's error is
-   * the consumer's own application error, so wrap the given operation with your
-   * `withErrorHandler` + error-code map (keyed by application-error code), e.g.
-   * `(run) => withErrorHandler(run, { [jobErrorCode]: (e) => ({ message }) })`.
-   * See {@link OnImportJobError}. When omitted, the generic error message is
-   * shown.
-   */
-  onJobError?: OnImportJobError;
+  config: ImportButtonConfig;
 }
 
 export type ImportButtonProps = ImportButtonParams & {

package/src/components/ImportButton/ImportStepConfiguration.tsx

@@ -188,7 +188,9 @@ const FieldMappingCell = observer(function _FieldMappingCell({
           onEditField={() => onEditField(header)}
         />
       )}
-      {state.idMappedHeader === header && <IdCollisionControl state={state} />}
+      {state.canConfigureWritePolicy && state.idMappedHeader === header && (
+        <IdCollisionControl state={state} />
+      )}
     </Box>
   );
 });

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload3261603244";
+var _namespace_ = "ImportStepUpload589431647";
 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":"ImportStepUpload3261603244__root","fileUpload":"ImportStepUpload3261603244__fileUpload"};
+export var classes = {"root":"ImportStepUpload589431647__root","fileUpload":"ImportStepUpload589431647__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow3482023363";
+var _namespace_ = "InputOverflow4130537648";
 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":"InputOverflow3482023363__root"};
+export var classes = {"root":"InputOverflow4130537648__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow1058322109";
+var _namespace_ = "LoadingRow1562995583";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow1058322109__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1058322109__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1562995583__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1562995583__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxHeightText2653311633";
+var _namespace_ = "MaxHeightText2883923983";
 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":"MaxHeightText2653311633__root"};
+export var classes = {"root":"MaxHeightText2883923983__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines3965339801";
+var _namespace_ = "MaxLines788404285";
 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":"MaxLines3965339801__root"};
+export var classes = {"root":"MaxLines788404285__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar809824376";
+var _namespace_ = "MultiBulkActionToolbar1130007844";
 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":"MultiBulkActionToolbar809824376__root","leftGroupWrapper":"MultiBulkActionToolbar809824376__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar809824376__selectedCountItem","selectedCountText":"MultiBulkActionToolbar809824376__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1130007844__root","leftGroupWrapper":"MultiBulkActionToolbar1130007844__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1130007844__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1130007844__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow2852976720";
+var _namespace_ = "NestedTablePlaceholderStatesRow48677316";
 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":"NestedTablePlaceholderStatesRow2852976720__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow48677316__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow1405815016";
+var _namespace_ = "NestedTableRow2811038440";
 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":"NestedTableRow1405815016__root","firstLevel":"NestedTableRow1405815016__firstLevel","placeholder":"NestedTableRow1405815016__placeholder","parentHovered":"NestedTableRow1405815016__parentHovered"};
+export var classes = {"root":"NestedTableRow2811038440__root","firstLevel":"NestedTableRow2811038440__firstLevel","placeholder":"NestedTableRow2811038440__placeholder","parentHovered":"NestedTableRow2811038440__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect2212391973";
+var _namespace_ = "MultipleDragOverlayEffect630179294";
 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":"MultipleDragOverlayEffect2212391973__root"};
+export var classes = {"root":"MultipleDragOverlayEffect630179294__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow3354128442";
+var _namespace_ = "NestedTableDragAndDropRow2920376209";
 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":"NestedTableDragAndDropRow3354128442__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2920376209__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent3960672221";
+var _namespace_ = "PickerContent2131101169";
 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":"PickerContent3960672221__root"};
+export var classes = {"root":"PickerContent2131101169__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep2779327767";
+var _namespace_ = "PickerContentAdditionalStep1447441395";
 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":"PickerContentAdditionalStep2779327767__root","titles":"PickerContentAdditionalStep2779327767__titles","suffix":"PickerContentAdditionalStep2779327767__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1447441395__root","titles":"PickerContentAdditionalStep1447441395__titles","suffix":"PickerContentAdditionalStep1447441395__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem1110147120";
+var _namespace_ = "PickerTableListItem1799991993";
 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":"PickerTableListItem1110147120__root"};
+export var classes = {"root":"PickerTableListItem1799991993__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SchemaSource/schemaFieldsSource.ts

@@ -31,6 +31,11 @@ export const schemaFieldsSource = (s: SchemaState<any>): FieldsSource => {
     get fieldActions() {
       return s.fieldActions;
     },
+
+    // Merge a returned fields map into the loaded schema (e.g. after an import
+    // creates fields). `mergeFields` is a SchemaState action, so the columns
+    // rebuild reactively with no refetch.
+    mergeFields: (fields) => s.mergeFields(fields),
   };
 
   return source;