@wix/patterns 1.472.0 → 1.473.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit513638349";
+var _namespace_ = "Edit3390491098";
 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":"Edit513638349__root","urlInput":"Edit513638349__urlInput"};
+export var classes = {"root":"Edit3390491098__root","urlInput":"Edit3390491098__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_ = "View1480974205";
+var _namespace_ = "View3508641019";
 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":"View1480974205__root","textView":"View1480974205__textView","urlText":"View1480974205__urlText","suffix":"View1480974205__suffix"};
+export var classes = {"root":"View3508641019__root","textView":"View3508641019__textView","urlText":"View3508641019__urlText","suffix":"View3508641019__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/EntityPage/EntityPage.tsx

@@ -40,7 +40,12 @@ function _EntityPage<T, V extends FieldValues = FieldValues>({
     });
   }
 
-  useState(() => (state.actionsBarConfig = actionsBarConfig));
+  useState(() => state.setActionsBarConfig(actionsBarConfig));
+
+  // The entity loads after mount, so a config derived from it arrives on a later render.
+  useEffect(() => {
+    state.setActionsBarConfig(actionsBarConfig);
+  }, [state, actionsBarConfig]);
 
   useEffect(() => state.init(), []);
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain4205162782";
+var _namespace_ = "EntityPagePlain3639374823";
 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":"EntityPagePlain4205162782__root"};
+export var classes = {"root":"EntityPagePlain3639374823__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_ = "Fade2606535352";
+var _namespace_ = "Fade2123149399";
 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":"Fade2606535352__root"};
+export var classes = {"root":"Fade2123149399__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_ = "Heading1197569881";
+var _namespace_ = "Heading4126514626";
 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":"Heading1197569881__root"};
+export var classes = {"root":"Heading4126514626__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_ = "ImportStepUpload1135660915";
+var _namespace_ = "ImportStepUpload4125540535";
 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":"ImportStepUpload1135660915__root","fileUpload":"ImportStepUpload1135660915__fileUpload"};
+export var classes = {"root":"ImportStepUpload4125540535__root","fileUpload":"ImportStepUpload4125540535__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_ = "InputOverflow611897362";
+var _namespace_ = "InputOverflow273825588";
 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":"InputOverflow611897362__root"};
+export var classes = {"root":"InputOverflow273825588__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_ = "LoadingRow962349192";
+var _namespace_ = "LoadingRow3050684037";
 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":"LoadingRow962349192__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow962349192__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3050684037__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3050684037__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_ = "MaxHeightText2324355364";
+var _namespace_ = "MaxHeightText1100949182";
 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":"MaxHeightText2324355364__root"};
+export var classes = {"root":"MaxHeightText1100949182__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_ = "MaxLines121124317";
+var _namespace_ = "MaxLines1193812473";
 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":"MaxLines121124317__root"};
+export var classes = {"root":"MaxLines1193812473__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_ = "MultiBulkActionToolbar156295308";
+var _namespace_ = "MultiBulkActionToolbar335297606";
 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":"MultiBulkActionToolbar156295308__root","leftGroupWrapper":"MultiBulkActionToolbar156295308__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar156295308__selectedCountItem","selectedCountText":"MultiBulkActionToolbar156295308__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar335297606__root","leftGroupWrapper":"MultiBulkActionToolbar335297606__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar335297606__selectedCountItem","selectedCountText":"MultiBulkActionToolbar335297606__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_ = "NestedTablePlaceholderStatesRow27964105";
+var _namespace_ = "NestedTablePlaceholderStatesRow599058902";
 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":"NestedTablePlaceholderStatesRow27964105__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow599058902__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_ = "NestedTableRow3313039781";
+var _namespace_ = "NestedTableRow3115550481";
 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":"NestedTableRow3313039781__root","firstLevel":"NestedTableRow3313039781__firstLevel","placeholder":"NestedTableRow3313039781__placeholder","parentHovered":"NestedTableRow3313039781__parentHovered"};
+export var classes = {"root":"NestedTableRow3115550481__root","firstLevel":"NestedTableRow3115550481__firstLevel","placeholder":"NestedTableRow3115550481__placeholder","parentHovered":"NestedTableRow3115550481__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_ = "MultipleDragOverlayEffect274975867";
+var _namespace_ = "MultipleDragOverlayEffect1156042304";
 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":"MultipleDragOverlayEffect274975867__root"};
+export var classes = {"root":"MultipleDragOverlayEffect1156042304__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_ = "NestedTableDragAndDropRow3373132806";
+var _namespace_ = "NestedTableDragAndDropRow394509041";
 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":"NestedTableDragAndDropRow3373132806__root"};
+export var classes = {"root":"NestedTableDragAndDropRow394509041__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_ = "PickerContent3820763588";
+var _namespace_ = "PickerContent949086574";
 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":"PickerContent3820763588__root"};
+export var classes = {"root":"PickerContent949086574__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_ = "PickerContentAdditionalStep1357178342";
+var _namespace_ = "PickerContentAdditionalStep1993151308";
 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":"PickerContentAdditionalStep1357178342__root","titles":"PickerContentAdditionalStep1357178342__titles","suffix":"PickerContentAdditionalStep1357178342__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1993151308__root","titles":"PickerContentAdditionalStep1993151308__titles","suffix":"PickerContentAdditionalStep1993151308__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_ = "PickerTableListItem3804923875";
+var _namespace_ = "PickerTableListItem1661121815";
 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":"PickerTableListItem3804923875__root"};
+export var classes = {"root":"PickerTableListItem1661121815__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SchemaSource/tableSchemaSource.ts

@@ -113,6 +113,9 @@ class TableSchemaSourceImpl<T> implements TableSchemaSource<T> {
   get canDeleteField() {
     return this.source.canDeleteField;
   }
+  get schemaParams() {
+    return this.source.schemaParams;
+  }
 
   get schemaState(): SchemaState<T> | undefined {
     return this.state;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent2373455459";
+var _namespace_ = "ScrollableContent4103304831";
 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":"ScrollableContent2373455459__root"};
+export var classes = {"root":"ScrollableContent4103304831__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_ = "SetupWidget1334815869";
+var _namespace_ = "SetupWidget294466282";
 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":"SetupWidget1334815869__root","row":"SetupWidget1334815869__row","completedCta":"SetupWidget1334815869__completedCta","secondaryCta":"SetupWidget1334815869__secondaryCta","card":"SetupWidget1334815869__card","stepIcon":"SetupWidget1334815869__stepIcon","chevron":"SetupWidget1334815869__chevron","chevronDisabled":"SetupWidget1334815869__chevronDisabled","inProgressLabel":"SetupWidget1334815869__inProgressLabel"};
+export var classes = {"root":"SetupWidget294466282__root","row":"SetupWidget294466282__row","completedCta":"SetupWidget294466282__completedCta","secondaryCta":"SetupWidget294466282__secondaryCta","card":"SetupWidget294466282__card","stepIcon":"SetupWidget294466282__stepIcon","chevron":"SetupWidget294466282__chevron","chevronDisabled":"SetupWidget294466282__chevronDisabled","inProgressLabel":"SetupWidget294466282__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_ = "SkeletonCard3901364928";
+var _namespace_ = "SkeletonCard1807067219";
 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":"SkeletonCard3901364928__root","headerLoading":"SkeletonCard3901364928__headerLoading"};
+export var classes = {"root":"SkeletonCard1807067219__root","headerLoading":"SkeletonCard1807067219__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_ = "SlidingModal1380677350";
+var _namespace_ = "SlidingModal3443898941";
 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":"SlidingModal1380677350__root"};
+export var classes = {"root":"SlidingModal3443898941__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_ = "AddFieldColumnHeader2839767807";
+var _namespace_ = "AddFieldColumnHeader3173787549";
 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":"AddFieldColumnHeader2839767807__root","anchorLayer":"AddFieldColumnHeader2839767807__anchorLayer","popover":"AddFieldColumnHeader2839767807__popover","title":"AddFieldColumnHeader2839767807__title","hoverBridge":"AddFieldColumnHeader2839767807__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader3173787549__root","anchorLayer":"AddFieldColumnHeader3173787549__anchorLayer","popover":"AddFieldColumnHeader3173787549__popover","title":"AddFieldColumnHeader3173787549__title","hoverBridge":"AddFieldColumnHeader3173787549__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_ = "TabsFilter1077166318";
+var _namespace_ = "TabsFilter3156587081";
 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":"TabsFilter1077166318__root","titleBox":"TabsFilter1077166318__titleBox"};
+export var classes = {"root":"TabsFilter3156587081__root","titleBox":"TabsFilter3156587081__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_ = "ManageTagsModal2292599363";
+var _namespace_ = "ManageTagsModal1148439653";
 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":"ManageTagsModal2292599363__root"};
+export var classes = {"root":"ManageTagsModal1148439653__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_ = "ToolbarItem3172554282";
+var _namespace_ = "ToolbarItem350863798";
 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":"ToolbarItem3172554282__root"};
+export var classes = {"root":"ToolbarItem350863798__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_ = "ToolbarItemBox2777674929";
+var _namespace_ = "ToolbarItemBox7236645";
 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":"ToolbarItemBox2777674929__root"};
+export var classes = {"root":"ToolbarItemBox7236645__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_ = "common1121650368";
+var _namespace_ = "common3352359484";
 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":"common1121650368__root","column":"common1121650368__column","fullHeight":"common1121650368__fullHeight"};
+export var classes = {"root":"common3352359484__root","column":"common3352359484__column","fullHeight":"common3352359484__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TitleBadges974990926";
+var _namespace_ = "TitleBadges1798355577";
 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":"TitleBadges974990926__root","tooltip":"TitleBadges974990926__tooltip","tooltipTrigger":"TitleBadges974990926__tooltipTrigger"};
+export var classes = {"root":"TitleBadges1798355577__root","tooltip":"TitleBadges1798355577__tooltip","tooltipTrigger":"TitleBadges1798355577__tooltipTrigger"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/EditableTable/EditableTableState.ts

@@ -18,6 +18,7 @@ import { CellValueState } from './CellValueState';
 import { ClipboardState } from './ClipboardState';
 import { MutationState } from './MutationState';
 import type { EditableTableMutationHandlers } from './MutationState';
+import { EditableTableStateBIReporter } from './EditableTableStateBIReporter';
 import type { Cell, CellType, EditableColumn, ValidationResult } from './types';
 import { buildEditableFieldColumns } from '../buildEditableFieldColumns';
 
@@ -113,6 +114,7 @@ export class EditableTableState<T, F extends FiltersMap>
   readonly cellValue: CellValueState<T, F>;
   readonly clipboard: ClipboardState<T, F>;
   readonly mutation: MutationState<T, F>;
+  readonly bi: EditableTableStateBIReporter<T, F>;
   readonly deleteConfirmModal = new ConditionalModalState<
     Partial<MessageModalLayoutProps>
   >();
@@ -145,6 +147,8 @@ export class EditableTableState<T, F extends FiltersMap>
       (keyedItems) => this.mutation._mergeDraftRows(keyedItems),
     );
 
+    this.bi = new EditableTableStateBIReporter<T, F>(this);
+
     this.cellValue = new CellValueState<T, F>(
       this,
       new Map(params.extraCellTypes?.map((ct) => [ct.type, ct])),