@wix/patterns 1.472.0 → 1.474.0

package/src/components/CollectionTable/CollectionTableWSRTable.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar2792970135";
+var _namespace_ = "CollectionToolbar2482115133";
 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":"CollectionToolbar2792970135__root","right":"CollectionToolbar2792970135__right","left":"CollectionToolbar2792970135__left","fullWidth":"CollectionToolbar2792970135__fullWidth"};
+export var classes = {"root":"CollectionToolbar2482115133__root","right":"CollectionToolbar2482115133__right","left":"CollectionToolbar2482115133__left","fullWidth":"CollectionToolbar2482115133__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter469727312";
+var _namespace_ = "SearchOrCustomFilter1019812639";
 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":"SearchOrCustomFilter469727312__root","search":"SearchOrCustomFilter469727312__search","searchMobile":"SearchOrCustomFilter469727312__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter1019812639__root","search":"SearchOrCustomFilter1019812639__search","searchMobile":"SearchOrCustomFilter1019812639__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbars/ToolbarState.ts

@@ -29,16 +29,18 @@ export class ToolbarState<T, F extends FiltersMap> {
       return;
     }
 
+    const { window, lodash } = table.container;
+
     const onResizedOrMoved = action(function onResizedOrMoved() {
       const scrollElementRect = scrollElement.getBoundingClientRect();
       table.scrollElementRect.height = scrollElementRect.height;
       table.scrollElementRect.top = scrollElementRect.top;
     });
 
-    const onResizedOrMovedThrottled = table.container.lodash.throttle(
-      () => window.requestAnimationFrame(onResizedOrMoved),
-      300,
-    );
+    let throttledFrameHandle: number | undefined;
+    const onResizedOrMovedThrottled = lodash.throttle(() => {
+      throttledFrameHandle = window.requestAnimationFrame(onResizedOrMoved);
+    }, 300);
 
     const onScroll = () => {
       onResizedOrMovedThrottled();
@@ -48,13 +50,17 @@ export class ToolbarState<T, F extends FiltersMap> {
 
     const dispose = addResizeObserver(scrollElement, onResizedOrMovedThrottled);
 
-    const onResizedOrMovedAnimationFrame = window.requestAnimationFrame(() => {
-      window.requestAnimationFrame(onResizedOrMoved);
+    let initialFrameHandle = window.requestAnimationFrame(() => {
+      initialFrameHandle = window.requestAnimationFrame(onResizedOrMoved);
     });
 
     return () => {
       dispose?.();
-      window.cancelAnimationFrame(onResizedOrMovedAnimationFrame);
+      onResizedOrMovedThrottled.cancel();
+      window.cancelAnimationFrame(initialFrameHandle);
+      if (throttledFrameHandle !== undefined) {
+        window.cancelAnimationFrame(throttledFrameHandle);
+      }
       scrollElement.removeEventListener('scroll', onScroll);
     };
   }

package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts

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

package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts

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

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

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

package/src/components/EditableTable/EditableCell.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EditableCell1965753014";
+var _namespace_ = "EditableCell3060976916";
 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":"EditableCell1965753014__root","errorMessage":"EditableCell1965753014__errorMessage"};
+export var classes = {"root":"EditableCell3060976916__root","errorMessage":"EditableCell3060976916__errorMessage"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/HeaderActionsPopover.st.css.ts

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

package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1358018662";
+var _namespace_ = "Edit2127457059";
 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":"Edit1358018662__root","addressInput":"Edit1358018662__addressInput"};
+export var classes = {"root":"Edit2127457059__root","addressInput":"Edit2127457059__addressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit358857369";
+var _namespace_ = "Edit193658254";
 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":"Edit358857369__root","jsonInput":"Edit358857369__jsonInput"};
+export var classes = {"root":"Edit193658254__root","jsonInput":"Edit193658254__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2219071822";
+var _namespace_ = "Edit591358640";
 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":"Edit2219071822__root","booleanEdit":"Edit2219071822__booleanEdit"};
+export var classes = {"root":"Edit591358640__root","booleanEdit":"Edit591358640__booleanEdit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View2144580093";
+var _namespace_ = "View3257914078";
 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":"View2144580093__root","booleanView":"View2144580093__booleanView"};
+export var classes = {"root":"View3257914078__root","booleanView":"View3257914078__booleanView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1063685575";
+var _namespace_ = "Edit2156025937";
 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":"Edit1063685575__root","dateInput":"Edit1063685575__dateInput"};
+export var classes = {"root":"Edit2156025937__root","dateInput":"Edit2156025937__dateInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit613962500";
+var _namespace_ = "Edit1998639657";
 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":"Edit613962500__root","half":"Edit613962500__half","dateHalf":"Edit613962500__dateHalf Edit613962500__half","timeHalf":"Edit613962500__timeHalf Edit613962500__half","divider":"Edit613962500__divider","passiveText":"Edit613962500__passiveText","placeholderText":"Edit613962500__placeholderText Edit613962500__passiveText"};
+export var classes = {"root":"Edit1998639657__root","half":"Edit1998639657__half","dateHalf":"Edit1998639657__dateHalf Edit1998639657__half","timeHalf":"Edit1998639657__timeHalf Edit1998639657__half","divider":"Edit1998639657__divider","passiveText":"Edit1998639657__passiveText","placeholderText":"Edit1998639657__placeholderText Edit1998639657__passiveText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3373617943";
+var _namespace_ = "View1277179604";
 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":"View3373617943__root","leaf":"View3373617943__leaf","datePart":"View3373617943__datePart View3373617943__leaf","timePart":"View3373617943__timePart View3373617943__leaf","placeholder":"View3373617943__placeholder View3373617943__leaf","divider":"View3373617943__divider"};
+export var classes = {"root":"View1277179604__root","leaf":"View1277179604__leaf","datePart":"View1277179604__datePart View1277179604__leaf","timePart":"View1277179604__timePart View1277179604__leaf","placeholder":"View1277179604__placeholder View1277179604__leaf","divider":"View1277179604__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3989222387";
+var _namespace_ = "Edit3216082845";
 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":"Edit3989222387__root","emailInput":"Edit3989222387__emailInput"};
+export var classes = {"root":"Edit3216082845__root","emailInput":"Edit3216082845__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1679697914";
+var _namespace_ = "Edit1112316574";
 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":"Edit1679697914__root","numberInput":"Edit1679697914__numberInput"};
+export var classes = {"root":"Edit1112316574__root","numberInput":"Edit1112316574__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View694280156";
+var _namespace_ = "View2905997385";
 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":"View694280156__root","textView":"View694280156__textView"};
+export var classes = {"root":"View2905997385__root","textView":"View2905997385__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1573037080";
+var _namespace_ = "Edit716728071";
 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":"Edit1573037080__root","jsonInput":"Edit1573037080__jsonInput"};
+export var classes = {"root":"Edit716728071__root","jsonInput":"Edit716728071__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_ = "View4141561779";
+var _namespace_ = "View648423197";
 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":"View4141561779__root"};
+export var classes = {"root":"View648423197__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_ = "Edit4191845178";
+var _namespace_ = "Edit240568344";
 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":"Edit4191845178__root","selectInput":"Edit4191845178__selectInput"};
+export var classes = {"root":"Edit240568344__root","selectInput":"Edit240568344__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_ = "Edit1818052711";
+var _namespace_ = "Edit2402853084";
 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":"Edit1818052711__root","editWrapper":"Edit1818052711__editWrapper","inputArea":"Edit1818052711__inputArea"};
+export var classes = {"root":"Edit2402853084__root","editWrapper":"Edit2402853084__editWrapper","inputArea":"Edit2402853084__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_ = "View1073797454";
+var _namespace_ = "View485811786";
 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":"View1073797454__root"};
+export var classes = {"root":"View485811786__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_ = "Edit771623167";
+var _namespace_ = "Edit2279231748";
 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":"Edit771623167__root","wrapper":"Edit771623167__wrapper","overlay":"Edit771623167__overlay"};
+export var classes = {"root":"Edit2279231748__root","wrapper":"Edit2279231748__wrapper","overlay":"Edit2279231748__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_ = "Edit513638349";
+var _namespace_ = "Edit3400280036";
 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":"Edit3400280036__root","urlInput":"Edit3400280036__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_ = "View1389616593";
 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":"View1389616593__root","textView":"View1389616593__textView","urlText":"View1389616593__urlText","suffix":"View1389616593__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_ = "EmptyStateBase1986536197";
 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":"EmptyStateBase1986536197__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(), []);