@wix/patterns 1.437.0 → 1.438.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter2288498038";
+var _namespace_ = "SearchOrCustomFilter313588045";
 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":"SearchOrCustomFilter2288498038__root","search":"SearchOrCustomFilter2288498038__search","searchMobile":"SearchOrCustomFilter2288498038__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter313588045__root","search":"SearchOrCustomFilter313588045__search","searchMobile":"SearchOrCustomFilter313588045__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly1062036205";
+var _namespace_ = "AutoCompleteReadonly3039989885";
 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":"AutoCompleteReadonly1062036205__root"};
+export var classes = {"root":"AutoCompleteReadonly3039989885__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_ = "ViewsDropdown1304636165";
+var _namespace_ = "ViewsDropdown3737417169";
 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":"ViewsDropdown1304636165__root"};
+export var classes = {"root":"ViewsDropdown3737417169__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_ = "DragHandle2031397306";
+var _namespace_ = "DragHandle4070074763";
 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":"DragHandle2031397306__root"};
+export var classes = {"root":"DragHandle4070074763__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_ = "EditableCell2438834753";
+var _namespace_ = "EditableCell1327135477";
 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":"EditableCell2438834753__root","validationIndicator":"EditableCell2438834753__validationIndicator"};
+export var classes = {"root":"EditableCell1327135477__root","validationIndicator":"EditableCell1327135477__validationIndicator"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/EditableTableContextMenu.tsx

@@ -13,6 +13,7 @@ import {
   DuplicateSmall,
 } from '@wix/wix-ui-icons-common';
 import type { EditableTableState, Cell } from '../../state/EditableTable';
+import { startEditingNewRow } from './useAddRow';
 
 type ListItemActionBuilderParams = Parameters<typeof listItemActionBuilder>[0];
 
@@ -326,12 +327,12 @@ function _EditableTableContextMenu<T, F extends FiltersMap>({
         );
         const prevKey =
           rowIdx > 0 ? state.keyedItems[rowIdx - 1].key : undefined;
-        state.addItem(prevKey);
+        startEditingNewRow(state, state.addItem(prevKey));
         onClose();
         break;
       }
       case 'add-below':
-        state.addItem(targetRowKey);
+        startEditingNewRow(state, state.addItem(targetRowKey));
         onClose();
         break;
       case 'duplicate':

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "HeaderActionsPopover1257689939";
+var _namespace_ = "HeaderActionsPopover4222929682";
 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":"HeaderActionsPopover1257689939__root"};
+export var classes = {"root":"HeaderActionsPopover4222929682__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_ = "CellViewLayout3574204162";
+var _namespace_ = "CellViewLayout1504297684";
 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":"CellViewLayout3574204162__root"};
+export var classes = {"root":"CellViewLayout1504297684__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_ = "Edit1532512703";
+var _namespace_ = "Edit4033203347";
 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":"Edit1532512703__root","addressInput":"Edit1532512703__addressInput"};
+export var classes = {"root":"Edit4033203347__root","addressInput":"Edit4033203347__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_ = "Edit2642251512";
+var _namespace_ = "Edit2632208104";
 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":"Edit2642251512__root","jsonInput":"Edit2642251512__jsonInput"};
+export var classes = {"root":"Edit2632208104__root","jsonInput":"Edit2632208104__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_ = "Edit3246566280";
+var _namespace_ = "Edit1712396097";
 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":"Edit3246566280__root","booleanEdit":"Edit3246566280__booleanEdit"};
+export var classes = {"root":"Edit1712396097__root","booleanEdit":"Edit1712396097__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_ = "View3824637596";
+var _namespace_ = "View3455639257";
 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":"View3824637596__root","booleanView":"View3824637596__booleanView"};
+export var classes = {"root":"View3455639257__root","booleanView":"View3455639257__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_ = "Edit3482245964";
+var _namespace_ = "Edit940945430";
 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":"Edit3482245964__root"};
+export var classes = {"root":"Edit940945430__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_ = "Edit3715610776";
+var _namespace_ = "Edit2416414059";
 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":"Edit3715610776__root","dateInput":"Edit3715610776__dateInput"};
+export var classes = {"root":"Edit2416414059__root","dateInput":"Edit2416414059__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_ = "View2782591583";
+var _namespace_ = "View2734831996";
 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":"View2782591583__root"};
+export var classes = {"root":"View2734831996__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_ = "Edit1047295334";
+var _namespace_ = "Edit944008074";
 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":"Edit1047295334__root","half":"Edit1047295334__half","dateHalf":"Edit1047295334__dateHalf Edit1047295334__half","timeHalf":"Edit1047295334__timeHalf Edit1047295334__half","divider":"Edit1047295334__divider","passiveText":"Edit1047295334__passiveText","placeholderText":"Edit1047295334__placeholderText Edit1047295334__passiveText"};
+export var classes = {"root":"Edit944008074__root","half":"Edit944008074__half","dateHalf":"Edit944008074__dateHalf Edit944008074__half","timeHalf":"Edit944008074__timeHalf Edit944008074__half","divider":"Edit944008074__divider","passiveText":"Edit944008074__passiveText","placeholderText":"Edit944008074__placeholderText Edit944008074__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_ = "View208584216";
+var _namespace_ = "View2762908498";
 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":"View208584216__root","leaf":"View208584216__leaf","datePart":"View208584216__datePart View208584216__leaf","timePart":"View208584216__timePart View208584216__leaf","placeholder":"View208584216__placeholder View208584216__leaf","divider":"View208584216__divider"};
+export var classes = {"root":"View2762908498__root","leaf":"View2762908498__leaf","datePart":"View2762908498__datePart View2762908498__leaf","timePart":"View2762908498__timePart View2762908498__leaf","placeholder":"View2762908498__placeholder View2762908498__leaf","divider":"View2762908498__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_ = "Edit2665271290";
+var _namespace_ = "Edit145852282";
 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":"Edit2665271290__root","emailInput":"Edit2665271290__emailInput"};
+export var classes = {"root":"Edit145852282__root","emailInput":"Edit145852282__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_ = "View4103335674";
+var _namespace_ = "View1141849023";
 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":"View4103335674__root"};
+export var classes = {"root":"View1141849023__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_ = "Edit2050596816";
+var _namespace_ = "Edit3218579053";
 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":"Edit2050596816__root","numberInput":"Edit2050596816__numberInput"};
+export var classes = {"root":"Edit3218579053__root","numberInput":"Edit3218579053__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_ = "View554267576";
+var _namespace_ = "View2006101578";
 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":"View554267576__root","textView":"View554267576__textView"};
+export var classes = {"root":"View2006101578__root","textView":"View2006101578__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_ = "Edit3891975981";
+var _namespace_ = "Edit1381266188";
 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":"Edit3891975981__root","jsonInput":"Edit3891975981__jsonInput"};
+export var classes = {"root":"Edit1381266188__root","jsonInput":"Edit1381266188__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_ = "View2746037210";
+var _namespace_ = "View3012042679";
 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":"View2746037210__root"};
+export var classes = {"root":"View3012042679__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_ = "Edit652977528";
+var _namespace_ = "Edit1908424692";
 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":"Edit652977528__root","selectInput":"Edit652977528__selectInput"};
+export var classes = {"root":"Edit1908424692__root","selectInput":"Edit1908424692__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_ = "Edit414772115";
+var _namespace_ = "Edit2412777369";
 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":"Edit414772115__root","editWrapper":"Edit414772115__editWrapper","inputArea":"Edit414772115__inputArea"};
+export var classes = {"root":"Edit2412777369__root","editWrapper":"Edit2412777369__editWrapper","inputArea":"Edit2412777369__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_ = "View3123177637";
+var _namespace_ = "View3775191424";
 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":"View3123177637__root"};
+export var classes = {"root":"View3775191424__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_ = "Edit2219606537";
+var _namespace_ = "Edit3264909659";
 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":"Edit2219606537__root","wrapper":"Edit2219606537__wrapper","overlay":"Edit2219606537__overlay"};
+export var classes = {"root":"Edit3264909659__root","wrapper":"Edit3264909659__wrapper","overlay":"Edit3264909659__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_ = "Edit1322669621";
+var _namespace_ = "Edit522616875";
 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":"Edit1322669621__root","urlInput":"Edit1322669621__urlInput"};
+export var classes = {"root":"Edit522616875__root","urlInput":"Edit522616875__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_ = "View3734265908";
+var _namespace_ = "View2843952051";
 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":"View3734265908__root","textView":"View3734265908__textView","urlText":"View3734265908__urlText","suffix":"View3734265908__suffix"};
+export var classes = {"root":"View2843952051__root","textView":"View2843952051__textView","urlText":"View2843952051__urlText","suffix":"View2843952051__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/useAddRow.ts

@@ -1,39 +1,33 @@
-import { useCallback, useRef } from 'react';
+import { useCallback } from 'react';
 import type { FiltersMap } from '@wix/bex-core';
 import type { EditableTableState } from '../../state/EditableTable';
 
-export function useAddRow<T, F extends FiltersMap>(
+export function startEditingNewRow<T, F extends FiltersMap>(
   state: EditableTableState<T, F>,
+  newKey: string | undefined,
 ) {
   const firstEditableColId = state.editableColumns.find(
     (col) => col.editable !== false && !!col.setValue,
   )?.id;
+  if (!newKey || !firstEditableColId) {
+    return;
+  }
+  // RAF gives React one frame to render the new row before we try to focus it.
+  requestAnimationFrame(() => {
+    state.cellInteraction.startEdit(newKey, firstEditableColId, 'enter');
+    state.cellInteraction.scrollFocusedCellIntoView();
+  });
+}
 
-  // Cached anchor so chained afterItemKey deps are avoided —
-  // prepareItemsToMergeIntoPage reverses createdPatches, so chained anchors
-  // would strand later items at the top of the table.
-  const addItemAnchorRef = useRef<string | undefined>(undefined);
-
+export function useAddRow<T, F extends FiltersMap>(
+  state: EditableTableState<T, F>,
+) {
   const handleAddItem = useCallback(() => {
     state.onAddItemClick('Card CTA');
 
-    // Refresh the anchor if it's missing or no longer in the current page
-    // (e.g. after query/filter/pagination changes moved it off-page).
-    const isAnchorStale =
-      !addItemAnchorRef.current ||
-      !state.keyedItems.some((ki) => ki.key === addItemAnchorRef.current);
-    if (isAnchorStale) {
-      addItemAnchorRef.current =
-        state.keyedItems[state.keyedItems.length - 1]?.key;
-    }
-    const newKey = state.addItem(addItemAnchorRef.current);
-    if (!newKey || !firstEditableColId) return;
-    // RAF gives React one frame to render the new row before we try to focus it.
-    requestAnimationFrame(() => {
-      state.cellInteraction.startEdit(newKey, firstEditableColId, 'enter');
-      state.cellInteraction.scrollFocusedCellIntoView();
-    });
-  }, [state, firstEditableColId]);
+    const lastRowKey = state.keyedItems[state.keyedItems.length - 1]?.key;
+    startEditingNewRow(state, state.addItem(lastRowKey));
+  }, [state]);
 
   const showAddItemRow =
     !state.addItemDisabled && state.collection.initTask.status.isSuccess;

package/src/components/EmptyState/CollectionNoResultsState.tsx

@@ -11,6 +11,7 @@ import {
 import { FiltersMap, MultiCollectionSupport, Translate } from '@wix/bex-core';
 import { EmptyStateBase, EmptyStateBaseProps } from './EmptyStateBase';
 import { MagnifyingGlassArt } from '../MagnifyingGlassArt';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 export interface CollectionNoResultsStateProps
   extends Omit<Partial<EmptyStateBaseProps>, 'cta' | 'image' | 'customCta'> {
@@ -23,15 +24,20 @@ function _CollectionNoResultsState(
   const state = useMultiCollectionSupportContext();
   const { translate: t } = useWixPatternsContainer();
   const { title, subtitle, cta } = getNoResultsStateTexts(state, t);
+  const isBmHarmonyTheme = useBmHarmonyTheme();
 
   return (
     <EmptyStateBase
       dataHook="collection-empty-state"
       title={title}
       subtitle={subtitle}
-      {...props}
       cta={cta}
-      image={<MagnifyingGlassArt data-hook="empty-state-glass-illustration" />}
+      image={
+        !isBmHarmonyTheme && (
+          <MagnifyingGlassArt data-hook="empty-state-glass-illustration" />
+        )
+      }
+      {...props}
     />
   );
 }