@wix/patterns 1.458.0 → 1.459.0

package/src/components/EmptyState/EmptyStateBase.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EmptyStateBase1627809635";
+var _namespace_ = "EmptyStateBase3898738961";
 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":"EmptyStateBase1627809635__root"};
+export var classes = {"root":"EmptyStateBase3898738961__root"};
 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_ = "EntityPagePlain2438928506";
+var _namespace_ = "EntityPagePlain2378052089";
 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":"EntityPagePlain2438928506__root"};
+export var classes = {"root":"EntityPagePlain2378052089__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPageFields/EntityPageFields.tsx

@@ -16,6 +16,8 @@ export interface EntityPageFieldsProps {
   dataHook?: string;
   /** Field ids to render, in order. Omitted ⇒ all schema fields in schema order. */
   fieldIds?: string[];
+  /** Whether to show a loading skeleton instead of the fields. */
+  loading?: boolean;
 }
 
 /** The form inputs for the page's schema fields. Render inside the `EntityPage`
@@ -24,6 +26,7 @@ export interface EntityPageFieldsProps {
 function _EntityPageFields({
   dataHook = 'entity-page-fields',
   fieldIds,
+  loading = false,
 }: EntityPageFieldsProps) {
   const state = useEntityPageContext();
   const fieldsContainer = usePatternsCmsFieldsContainer();
@@ -41,7 +44,7 @@ function _EntityPageFields({
   // The schema loads with the entity in EntityPageState.init(). Show a
   // placeholder until it resolves so the card has content instead of collapsing
   // to nothing while the page fetches.
-  if (!schema || state.initTask.status.isLoading) {
+  if (loading || !schema || state.initTask.status.isLoading) {
     return <FieldsSkeleton count={fieldIds?.length} />;
   }
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade2049612816";
+var _namespace_ = "Fade3875572609";
 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":"Fade2049612816__root"};
+export var classes = {"root":"Fade3875572609__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_ = "Heading2261679197";
+var _namespace_ = "Heading1512816923";
 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":"Heading2261679197__root"};
+export var classes = {"root":"Heading1512816923__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload3842012731";
+var _namespace_ = "ImportStepUpload714244720";
 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":"ImportStepUpload3842012731__root","fileUpload":"ImportStepUpload3842012731__fileUpload"};
+export var classes = {"root":"ImportStepUpload714244720__root","fileUpload":"ImportStepUpload714244720__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_ = "InputOverflow781553719";
+var _namespace_ = "InputOverflow590580328";
 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":"InputOverflow781553719__root"};
+export var classes = {"root":"InputOverflow590580328__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_ = "LoadingRow11625135";
+var _namespace_ = "LoadingRow980236239";
 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":"LoadingRow11625135__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow11625135__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow980236239__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow980236239__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_ = "MaxHeightText362573853";
+var _namespace_ = "MaxHeightText3868468715";
 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":"MaxHeightText362573853__root"};
+export var classes = {"root":"MaxHeightText3868468715__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_ = "MaxLines620534968";
+var _namespace_ = "MaxLines958450855";
 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":"MaxLines620534968__root"};
+export var classes = {"root":"MaxLines958450855__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_ = "MultiBulkActionToolbar3919893708";
+var _namespace_ = "MultiBulkActionToolbar4143321214";
 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":"MultiBulkActionToolbar3919893708__root","leftGroupWrapper":"MultiBulkActionToolbar3919893708__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3919893708__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3919893708__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar4143321214__root","leftGroupWrapper":"MultiBulkActionToolbar4143321214__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar4143321214__selectedCountItem","selectedCountText":"MultiBulkActionToolbar4143321214__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_ = "NestedTablePlaceholderStatesRow1414948762";
+var _namespace_ = "NestedTablePlaceholderStatesRow3039233739";
 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":"NestedTablePlaceholderStatesRow1414948762__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3039233739__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_ = "NestedTableRow3688845642";
+var _namespace_ = "NestedTableRow804065443";
 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":"NestedTableRow3688845642__root","firstLevel":"NestedTableRow3688845642__firstLevel","placeholder":"NestedTableRow3688845642__placeholder","parentHovered":"NestedTableRow3688845642__parentHovered"};
+export var classes = {"root":"NestedTableRow804065443__root","firstLevel":"NestedTableRow804065443__firstLevel","placeholder":"NestedTableRow804065443__placeholder","parentHovered":"NestedTableRow804065443__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_ = "MultipleDragOverlayEffect518776599";
+var _namespace_ = "MultipleDragOverlayEffect3546744885";
 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":"MultipleDragOverlayEffect518776599__root"};
+export var classes = {"root":"MultipleDragOverlayEffect3546744885__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_ = "NestedTableDragAndDropRow4163285825";
+var _namespace_ = "NestedTableDragAndDropRow3821753114";
 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":"NestedTableDragAndDropRow4163285825__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3821753114__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_ = "PickerContent3573124578";
+var _namespace_ = "PickerContent977841126";
 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":"PickerContent3573124578__root"};
+export var classes = {"root":"PickerContent977841126__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_ = "PickerContentAdditionalStep4193606340";
+var _namespace_ = "PickerContentAdditionalStep1119308602";
 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":"PickerContentAdditionalStep4193606340__root","titles":"PickerContentAdditionalStep4193606340__titles","suffix":"PickerContentAdditionalStep4193606340__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1119308602__root","titles":"PickerContentAdditionalStep1119308602__titles","suffix":"PickerContentAdditionalStep1119308602__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_ = "PickerTableListItem1273089754";
+var _namespace_ = "PickerTableListItem21669858";
 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":"PickerTableListItem1273089754__root"};
+export var classes = {"root":"PickerTableListItem21669858__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SetupWidget3764151626";
+var _namespace_ = "SetupWidget791057401";
 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":"SetupWidget3764151626__root","row":"SetupWidget3764151626__row","completedCta":"SetupWidget3764151626__completedCta","secondaryCta":"SetupWidget3764151626__secondaryCta","card":"SetupWidget3764151626__card","stepIcon":"SetupWidget3764151626__stepIcon","chevron":"SetupWidget3764151626__chevron","chevronDisabled":"SetupWidget3764151626__chevronDisabled","inProgressLabel":"SetupWidget3764151626__inProgressLabel"};
+export var classes = {"root":"SetupWidget791057401__root","row":"SetupWidget791057401__row","completedCta":"SetupWidget791057401__completedCta","secondaryCta":"SetupWidget791057401__secondaryCta","card":"SetupWidget791057401__card","stepIcon":"SetupWidget791057401__stepIcon","chevron":"SetupWidget791057401__chevron","chevronDisabled":"SetupWidget791057401__chevronDisabled","inProgressLabel":"SetupWidget791057401__inProgressLabel"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard686540105";
+var _namespace_ = "SkeletonCard471893276";
 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":"SkeletonCard686540105__root","headerLoading":"SkeletonCard686540105__headerLoading"};
+export var classes = {"root":"SkeletonCard471893276__root","headerLoading":"SkeletonCard471893276__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/Table/AddFieldColumnHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AddFieldColumnHeader720734598";
+var _namespace_ = "AddFieldColumnHeader876236648";
 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":"AddFieldColumnHeader720734598__root","title":"AddFieldColumnHeader720734598__title","hoverBridge":"AddFieldColumnHeader720734598__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader876236648__root","title":"AddFieldColumnHeader876236648__title","hoverBridge":"AddFieldColumnHeader876236648__hoverBridge"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter3081905480";
+var _namespace_ = "TabsFilter3454262505";
 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":"TabsFilter3081905480__root","titleBox":"TabsFilter3081905480__titleBox"};
+export var classes = {"root":"TabsFilter3454262505__root","titleBox":"TabsFilter3454262505__titleBox"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal3878019941";
+var _namespace_ = "ManageTagsModal1689829860";
 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":"ManageTagsModal3878019941__root"};
+export var classes = {"root":"ManageTagsModal1689829860__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common1118032026";
+var _namespace_ = "common4250463703";
 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":"common1118032026__root","column":"common1118032026__column","fullHeight":"common1118032026__fullHeight"};
+export var classes = {"root":"common4250463703__root","column":"common4250463703__column","fullHeight":"common4250463703__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/dashboard/WixPatternsDashboardBaseProvider.tsx

@@ -67,7 +67,7 @@ export function WixPatternsDashboardBaseProvider({
     try {
       biLogger = bi.getLogger();
     } catch (error) {
-      console.error(error);
+      console.warn(error);
     }
 
     return {

package/src/schema/EntityPageFieldsCard.tsx

@@ -118,7 +118,10 @@ export function _EntityPageFieldsCard({
       />
       <Card.Divider />
       <Card.Content>
-        <EntityPageFields fieldIds={state.visibleFieldIds} />
+        <EntityPageFields
+          fieldIds={state.visibleFieldIds}
+          loading={!state.isLayoutReady}
+        />
       </Card.Content>
       {/* The host lives on the page, so a panel opened here closes any other.
           Rendered by the card rather than the page, so a page without a fields

package/src/state/CollectionPage/CollectionPageHeader.st.css.ts

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

package/src/state/EntityPage/EntityPageState.ts

@@ -180,6 +180,10 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
    *  as a table's panel reads `toolbar.customColumnsState`. */
   customColumnsState: CustomColumnsEntityPageState | null = null;
 
+  // Shallow: a deep set would wrap the token objects, and release could not
+  // find them again.
+  private readonly _saveHolds = observable.set<object>([], { deep: false });
+
   readonly schemaSource?: SchemaSource<T>;
 
   /**
@@ -264,6 +268,8 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
       _loadedSchema: observable.ref,
       setLoadedSchema: action,
       customColumnsState: observable.ref,
+      holdSave: action,
+      isSaveHeld: computed,
       isFormDirty: computed,
       _withinRouter: computed,
     });
@@ -475,8 +481,26 @@ export class EntityPageState<T, V extends FieldValues = FieldValues>
     this.navigateToParentWithState({ _deletedEntity: deletedCollectionItem });
   }
 
+  /**
+   * Blocks `handleSubmit` until the returned release is called (idempotent).
+   * For features whose form fields are not mounted yet — react-hook-form only
+   * validates mounted controls, so a save in that window would skip their
+   * required-field validation.
+   */
+  holdSave(): () => void {
+    const hold = {};
+    this._saveHolds.add(hold);
+    return action(() => {
+      this._saveHolds.delete(hold);
+    });
+  }
+
+  get isSaveHeld(): boolean {
+    return this._saveHolds.size > 0;
+  }
+
   async handleSubmit(e?: React.BaseSyntheticEvent) {
-    if (this.formPage.submitTask.status.isLoading) {
+    if (this.formPage.submitTask.status.isLoading || this.isSaveHeld) {
       return;
     }