@wix/patterns 1.395.0 → 1.397.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1654419121";
+var _namespace_ = "Edit2369600675";
 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":"Edit1654419121__root","urlInput":"Edit1654419121__urlInput"};
+export var classes = {"root":"Edit2369600675__root","urlInput":"Edit2369600675__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_ = "View3029553590";
+var _namespace_ = "View1081089671";
 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":"View3029553590__root","textView":"View3029553590__textView","urlText":"View3029553590__urlText","suffix":"View3029553590__suffix"};
+export var classes = {"root":"View1081089671__root","textView":"View1081089671__textView","urlText":"View1081089671__urlText","suffix":"View1081089671__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/useHeaderActions.tsx

@@ -25,10 +25,8 @@ export function useHeaderActions<T, F extends FiltersMap>(
   const { customColumnsState, panels, toolbarFiltersState } = toolbar;
   const { handlers: fieldActionHandlers, permissions: fieldActionPermissions } =
     state.fieldActions;
-  const isDuplicating =
-    state.fieldActions.duplicateTask.status.isLoading ||
-    state.fieldActions.duplicateWithContentTask.status.isLoading;
-  const isMakingPrimary = state.fieldActions.makePrimaryTask.status.isLoading;
+  const { isMakingPrimary, isDuplicating, isDuplicatingWithContent } =
+    state.fieldActions;
 
   return useMemo(() => {
     if (disabled) {
@@ -40,7 +38,7 @@ export function useHeaderActions<T, F extends FiltersMap>(
     const loading: Partial<Record<FieldActionKey, boolean>> = {
       makePrimary: isMakingPrimary,
       duplicateField: isDuplicating,
-      duplicateFieldWithContent: isDuplicating,
+      duplicateFieldWithContent: isDuplicatingWithContent,
     };
 
     for (const col of columns) {
@@ -115,6 +113,7 @@ export function useHeaderActions<T, F extends FiltersMap>(
     fieldActionHandlers,
     fieldActionPermissions,
     isDuplicating,
+    isDuplicatingWithContent,
     isMakingPrimary,
   ]);
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain3210283101";
+var _namespace_ = "EntityPagePlain4029120273";
 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":"EntityPagePlain3210283101__root"};
+export var classes = {"root":"EntityPagePlain4029120273__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_ = "Fade212066349";
+var _namespace_ = "Fade946818323";
 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":"Fade212066349__root"};
+export var classes = {"root":"Fade946818323__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_ = "Heading2045022405";
+var _namespace_ = "Heading2477534996";
 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":"Heading2045022405__root"};
+export var classes = {"root":"Heading2477534996__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_ = "ImportStepUpload1822850314";
+var _namespace_ = "ImportStepUpload2481984157";
 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":"ImportStepUpload1822850314__root","fileUpload":"ImportStepUpload1822850314__fileUpload"};
+export var classes = {"root":"ImportStepUpload2481984157__root","fileUpload":"ImportStepUpload2481984157__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_ = "InputOverflow874170541";
+var _namespace_ = "InputOverflow1092642502";
 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":"InputOverflow874170541__root"};
+export var classes = {"root":"InputOverflow1092642502__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_ = "LoadingRow2681381090";
+var _namespace_ = "LoadingRow4053623288";
 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":"LoadingRow2681381090__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow2681381090__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow4053623288__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow4053623288__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_ = "MaxHeightText1515085993";
+var _namespace_ = "MaxHeightText950016588";
 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":"MaxHeightText1515085993__root"};
+export var classes = {"root":"MaxHeightText950016588__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_ = "MaxLines1829966507";
+var _namespace_ = "MaxLines2744051348";
 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":"MaxLines1829966507__root"};
+export var classes = {"root":"MaxLines2744051348__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_ = "MultiBulkActionToolbar3706513071";
+var _namespace_ = "MultiBulkActionToolbar956766975";
 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":"MultiBulkActionToolbar3706513071__root","leftGroupWrapper":"MultiBulkActionToolbar3706513071__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3706513071__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3706513071__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar956766975__root","leftGroupWrapper":"MultiBulkActionToolbar956766975__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar956766975__selectedCountItem","selectedCountText":"MultiBulkActionToolbar956766975__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_ = "NestedTablePlaceholderStatesRow1141856484";
+var _namespace_ = "NestedTablePlaceholderStatesRow966698253";
 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":"NestedTablePlaceholderStatesRow1141856484__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow966698253__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_ = "NestedTableRow3848748466";
+var _namespace_ = "NestedTableRow996044690";
 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":"NestedTableRow3848748466__root","firstLevel":"NestedTableRow3848748466__firstLevel","placeholder":"NestedTableRow3848748466__placeholder","parentHovered":"NestedTableRow3848748466__parentHovered"};
+export var classes = {"root":"NestedTableRow996044690__root","firstLevel":"NestedTableRow996044690__firstLevel","placeholder":"NestedTableRow996044690__placeholder","parentHovered":"NestedTableRow996044690__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_ = "MultipleDragOverlayEffect2337961302";
+var _namespace_ = "MultipleDragOverlayEffect2790228652";
 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":"MultipleDragOverlayEffect2337961302__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2790228652__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_ = "NestedTableDragAndDropRow3395056860";
+var _namespace_ = "NestedTableDragAndDropRow1274474789";
 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":"NestedTableDragAndDropRow3395056860__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1274474789__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_ = "PickerContent1917844553";
+var _namespace_ = "PickerContent4268976884";
 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":"PickerContent1917844553__root"};
+export var classes = {"root":"PickerContent4268976884__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_ = "PickerContentAdditionalStep3651578072";
+var _namespace_ = "PickerContentAdditionalStep2534276490";
 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":"PickerContentAdditionalStep3651578072__root","titles":"PickerContentAdditionalStep3651578072__titles","suffix":"PickerContentAdditionalStep3651578072__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep2534276490__root","titles":"PickerContentAdditionalStep2534276490__titles","suffix":"PickerContentAdditionalStep2534276490__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_ = "PickerTableListItem2943358023";
+var _namespace_ = "PickerTableListItem2226145618";
 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":"PickerTableListItem2943358023__root"};
+export var classes = {"root":"PickerTableListItem2226145618__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_ = "ScrollableContent1957158283";
+var _namespace_ = "ScrollableContent2870402056";
 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":"ScrollableContent1957158283__root"};
+export var classes = {"root":"ScrollableContent2870402056__root"};
 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_ = "SkeletonCard574006014";
+var _namespace_ = "SkeletonCard3500914143";
 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":"SkeletonCard574006014__root","headerLoading":"SkeletonCard574006014__headerLoading"};
+export var classes = {"root":"SkeletonCard3500914143__root","headerLoading":"SkeletonCard3500914143__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_ = "SlidingModal703651336";
+var _namespace_ = "SlidingModal1759969884";
 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":"SlidingModal703651336__root"};
+export var classes = {"root":"SlidingModal1759969884__root"};
 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_ = "TabsFilter3336063847";
+var _namespace_ = "TabsFilter3782181898";
 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":"TabsFilter3336063847__root","title":"TabsFilter3336063847__title"};
+export var classes = {"root":"TabsFilter3782181898__root","title":"TabsFilter3782181898__title"};
 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_ = "ManageTagsModal1391808743";
+var _namespace_ = "ManageTagsModal2401035653";
 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":"ManageTagsModal1391808743__root"};
+export var classes = {"root":"ManageTagsModal2401035653__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TagsFilter/TagsFilter.tsx

@@ -40,8 +40,9 @@ export const _TagsFilter = ({ filter }: TagsFilterProps) => {
               exposure: TagExposure.PRIVATE,
               query: {
                 cursorPaging: { limit, cursor: cursor ?? undefined },
-                // TODO: remove 'as any' cast when ambassador package exposes the search field 
-                ...(search ? { search: { expression: search } as any } : {}),
+                ...(search
+                  ? { filter: { name: { $startsWith: search } } }
+                  : {}),
               },
             },
             {},
@@ -53,7 +54,11 @@ export const _TagsFilter = ({ filter }: TagsFilterProps) => {
               }),
             },
           );
-          return { items: result.items, cursor: result.cursor, hasNext: result.hasNext };
+          return {
+            items: result.items,
+            cursor: result.cursor,
+            hasNext: result.hasNext,
+          };
         },
       }
     : {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem3301560829";
+var _namespace_ = "ToolbarItem1322820676";
 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":"ToolbarItem3301560829__root"};
+export var classes = {"root":"ToolbarItem1322820676__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_ = "ToolbarItemBox2098975742";
+var _namespace_ = "ToolbarItemBox2303251495";
 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":"ToolbarItemBox2098975742__root"};
+export var classes = {"root":"ToolbarItemBox2303251495__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_ = "common1020432396";
+var _namespace_ = "common3285940329";
 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":"common1020432396__root","column":"common1020432396__column","fullHeight":"common1020432396__fullHeight"};
+export var classes = {"root":"common3285940329__root","column":"common3285940329__column","fullHeight":"common3285940329__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/dashboard/WixPatternsDashboardBaseProvider.tsx

@@ -27,6 +27,7 @@ interface WixPatternsProviderPrivateProps extends WixPatternsProviderProps {
     | 'onBeforeUnload'
     | 'getDashboardMenuPlugins'
     | 'getDashboardPlugins'
+    | 'openMediaManager'
   >;
   environment: EnvironmentState;
   essentials: Essentials;
@@ -84,6 +85,7 @@ export function WixPatternsDashboardBaseProvider({
         dashboard.navigate({ pageId, relativeUrl }),
       onSidePanelOpen: undefined, // missing in dashboard-sdk
       onBeforeUnload: dashboard.onBeforeUnload,
+      openMediaManager: dashboard.openMediaManager,
       closeSidePanel: undefined, // missing in dashboard-sdk
       getHostContainer: getHostContainerCompat(
         dashboard.getDashboardMenuPlugins,

package/src/hooks/useEditableTableCollection.ts

@@ -25,6 +25,7 @@ export type EditableTableCollectionConfig<
   permissions?: EditableTablePermissions;
   mutations: EditableTableMutationHandlers<T>;
   fieldActions?: FieldActions;
+  refresh?: () => Promise<void>;
   optimisticActionParams?: Partial<CollectionOptimisticActionsBaseParams<T, F>>;
   /**
    * Additional cell types to register alongside the built-in ones.
@@ -54,6 +55,7 @@ export const useEditableTableCollection: EditableTableCollection = <
       permissions: config.permissions,
       mutations: config.mutations,
       fieldActions: config.fieldActions,
+      refresh: config.refresh,
       extraCellTypes: config.extraCellTypes,
       createOptimisticActions: (collection) =>
         createOptimisticActions(collection, config.optimisticActionParams),

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

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

package/src/state/EditableTable/EditableTableState.ts

@@ -16,7 +16,7 @@ import { CellInteractionState } from './CellInteractionState';
 import { CellValueState } from './CellValueState';
 import { ClipboardState } from './ClipboardState';
 import { MutationState } from './MutationState';
-import { FieldActionsState } from './FieldActionsState';
+import { FieldActionsState } from '../FieldActionsState';
 import type { EditableTableMutationHandlers } from './MutationState';
 import type { Cell, CellType, EditableColumn, ValidationResult } from './types';
 import type { FieldActions } from '../../types/SchemaConfig';
@@ -38,6 +38,7 @@ export interface EditableTableStateParams<T, F extends FiltersMap> {
   readonly permissions?: EditableTablePermissions;
   readonly mutations: EditableTableMutationHandlers<T>;
   readonly fieldActions?: FieldActions;
+  readonly refresh?: () => Promise<void>;
   readonly createOptimisticActions: (
     collection: CollectionState<T, F>,
   ) => CollectionOptimisticActions<T, F>;
@@ -120,6 +121,7 @@ export class EditableTableState<T, F extends FiltersMap>
       params.fieldActions,
       params.permissions?.fieldActions,
       params.collection.showToast,
+      params.refresh,
     );
 
     makeObservable(this, {

package/src/state/EditableTable/types.ts

@@ -1,6 +1,7 @@
 import type { ComponentType } from 'react';
 import type { RichTextStyleVariables } from '@wix/patterns-fields';
 import type { TableColumn } from '../../model/tableColumn';
+import type { ReferenceTypeConfig } from '../../components/EditableTable/cellTypes/reference/types';
 import type {
   CellViewProps,
   CellEditProps,
@@ -100,6 +101,7 @@ export interface CellTypeConfigMap {
   video: never;
   richText: RichTextCellTypeConfig;
   mediaGallery: never;
+  reference: ReferenceTypeConfig;
   custom: Omit<CellType, 'type'>;
 }