@wix/patterns 1.288.0 → 1.290.0

package/src/components/CollectionToolbar/useIsCollectionToolbarExists.tsx

@@ -0,0 +1,50 @@
+import { FiltersMap } from '@wix/bex-core';
+import { CollectionToolbarProps } from './CollectionToolbar';
+
+export const useIsCollectionToolbarExists = <T, F extends FiltersMap>(
+  props: CollectionToolbarProps<T, F>,
+): boolean => {
+  const {
+    title,
+    tabs,
+    views,
+    customColumns,
+    multiLevelSorting,
+    search,
+    filters,
+    tableGridSwitchButton,
+    exportButton,
+    primaryActionButton,
+    secondaryActions,
+    moreActions,
+    state,
+  } = props;
+
+  const hasExplicitFeatures = !!(
+    title ||
+    tabs ||
+    views ||
+    customColumns ||
+    multiLevelSorting ||
+    exportButton ||
+    primaryActionButton ||
+    secondaryActions ||
+    moreActions ||
+    tableGridSwitchButton ||
+    filters
+  );
+
+  if (hasExplicitFeatures) {
+    return true;
+  }
+
+  if (search !== false) {
+    return true;
+  }
+
+  const hasDynamicFilters =
+    (state.collectionDataExtension?.buildCustomFieldFilters() || []).length >
+      0 || !!state.tagsCollectionState?.buildTagsFilterWrapper();
+
+  return hasDynamicFilters;
+};

package/src/components/CollectionToolbars/CollectionToolbars.tsx

@@ -14,6 +14,7 @@ import {
   CollectionToolbarsVisualization,
   CollectionToolbarsVisualizationProps,
 } from './CollectionToolbarsVisualization';
+import { useIsCollectionToolbarExists } from '../CollectionToolbar/useIsCollectionToolbarExists';
 
 export interface CollectionToolbarsProps<T, F extends FiltersMap>
   extends Pick<
@@ -77,24 +78,11 @@ function _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(
   const {
     sticky,
     state,
-    search,
     selectionToolbar,
-    dragAndDropReorderModeToolbar,
-    filters,
-    title,
-    tabs,
-    customColumns,
-    multiLevelSorting,
-    views,
     extraToolbar,
     summaryBar,
     topNotification: topNotificationProp,
     titleBar,
-    tableGridSwitchButton,
-    exportButton,
-    primaryActionButton,
-    secondaryActions,
-    moreActions,
     visualization: customSlot,
   } = props;
 
@@ -124,6 +112,8 @@ function _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(
   const shouldDisplaySubToolbar =
     shouldDisplayFiltersTags && hasSubToolbarComponents;
 
+  const shouldRenderCollectionToolbar = useIsCollectionToolbarExists(props);
+
   const toolbars = (
     <>
       {selectionToolbar && !showRefreshLoader && selectedIds.length > 0 ? (
@@ -131,23 +121,9 @@ function _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(
       ) : (
         <>
           {extraToolbar}
-          <CollectionToolbar
-            dataHook="collection-toolbar"
-            search={search}
-            customColumns={customColumns}
-            multiLevelSorting={multiLevelSorting}
-            views={views}
-            state={state}
-            filters={filters}
-            title={title}
-            tabs={tabs}
-            tableGridSwitchButton={tableGridSwitchButton}
-            exportButton={exportButton}
-            primaryActionButton={primaryActionButton}
-            dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}
-            secondaryActions={secondaryActions}
-            moreActions={moreActions}
-          />
+          {shouldRenderCollectionToolbar && (
+            <CollectionToolbar {...props} dataHook="collection-toolbar" />
+          )}
         </>
       )}
       {shouldDisplaySubToolbar && (

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly1192514724";
+var _namespace_ = "AutoCompleteReadonly2537984906";
 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":"AutoCompleteReadonly1192514724__root"};
+export var classes = {"root":"AutoCompleteReadonly2537984906__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_ = "ViewsDropdown3310900781";
+var _namespace_ = "ViewsDropdown3794914098";
 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":"ViewsDropdown3310900781__root"};
+export var classes = {"root":"ViewsDropdown3794914098__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_ = "DragHandle1272499608";
+var _namespace_ = "DragHandle2283954825";
 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":"DragHandle1272499608__root"};
+export var classes = {"root":"DragHandle2283954825__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain323484750";
+var _namespace_ = "EntityPagePlain3026171582";
 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":"EntityPagePlain323484750__root"};
+export var classes = {"root":"EntityPagePlain3026171582__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_ = "Fade2612232697";
+var _namespace_ = "Fade2382452030";
 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":"Fade2612232697__root"};
+export var classes = {"root":"Fade2382452030__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_ = "Heading497535767";
+var _namespace_ = "Heading2753239608";
 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":"Heading497535767__root"};
+export var classes = {"root":"Heading2753239608__root"};
 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_ = "InputOverflow3732808695";
+var _namespace_ = "InputOverflow3256840075";
 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":"InputOverflow3732808695__root"};
+export var classes = {"root":"InputOverflow3256840075__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_ = "LoadingRow3878807190";
+var _namespace_ = "LoadingRow3321021537";
 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":"LoadingRow3878807190__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3878807190__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3321021537__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3321021537__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_ = "MaxHeightText4219003629";
+var _namespace_ = "MaxHeightText1787928074";
 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":"MaxHeightText4219003629__root"};
+export var classes = {"root":"MaxHeightText1787928074__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_ = "MaxLines822829227";
+var _namespace_ = "MaxLines776730498";
 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":"MaxLines822829227__root"};
+export var classes = {"root":"MaxLines776730498__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_ = "MultiBulkActionToolbar1719691276";
+var _namespace_ = "MultiBulkActionToolbar4028265211";
 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":"MultiBulkActionToolbar1719691276__root"};
+export var classes = {"root":"MultiBulkActionToolbar4028265211__root"};
 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_ = "NestedTablePlaceholderStatesRow3064329467";
+var _namespace_ = "NestedTablePlaceholderStatesRow2133707585";
 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":"NestedTablePlaceholderStatesRow3064329467__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow2133707585__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_ = "NestedTableRow1933217376";
+var _namespace_ = "NestedTableRow2614238456";
 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":"NestedTableRow1933217376__root","firstLevel":"NestedTableRow1933217376__firstLevel","placeholder":"NestedTableRow1933217376__placeholder","parentHovered":"NestedTableRow1933217376__parentHovered"};
+export var classes = {"root":"NestedTableRow2614238456__root","firstLevel":"NestedTableRow2614238456__firstLevel","placeholder":"NestedTableRow2614238456__placeholder","parentHovered":"NestedTableRow2614238456__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_ = "MultipleDragOverlayEffect2193956423";
+var _namespace_ = "MultipleDragOverlayEffect2528477330";
 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":"MultipleDragOverlayEffect2193956423__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2528477330__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_ = "NestedTableDragAndDropRow3868442866";
+var _namespace_ = "NestedTableDragAndDropRow199152195";
 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":"NestedTableDragAndDropRow3868442866__root"};
+export var classes = {"root":"NestedTableDragAndDropRow199152195__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_ = "PickerContent2407244701";
+var _namespace_ = "PickerContent3215159886";
 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":"PickerContent2407244701__root"};
+export var classes = {"root":"PickerContent3215159886__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_ = "PickerContentAdditionalStep3346744802";
+var _namespace_ = "PickerContentAdditionalStep3691387978";
 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":"PickerContentAdditionalStep3346744802__root","titles":"PickerContentAdditionalStep3346744802__titles","suffix":"PickerContentAdditionalStep3346744802__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep3691387978__root","titles":"PickerContentAdditionalStep3691387978__titles","suffix":"PickerContentAdditionalStep3691387978__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_ = "PickerTableListItem3189159347";
+var _namespace_ = "PickerTableListItem3764435867";
 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":"PickerTableListItem3189159347__root"};
+export var classes = {"root":"PickerTableListItem3764435867__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_ = "ScrollableContent1494333050";
+var _namespace_ = "ScrollableContent1813174945";
 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":"ScrollableContent1494333050__root"};
+export var classes = {"root":"ScrollableContent1813174945__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_ = "SkeletonCard3618749226";
+var _namespace_ = "SkeletonCard1983517499";
 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":"SkeletonCard3618749226__root","headerLoading":"SkeletonCard3618749226__headerLoading"};
+export var classes = {"root":"SkeletonCard1983517499__root","headerLoading":"SkeletonCard1983517499__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_ = "SlidingModal2690316655";
+var _namespace_ = "SlidingModal1232254496";
 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":"SlidingModal2690316655__root"};
+export var classes = {"root":"SlidingModal1232254496__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_ = "TabsFilter534013746";
+var _namespace_ = "TabsFilter2304249211";
 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":"TabsFilter534013746__root","title":"TabsFilter534013746__title"};
+export var classes = {"root":"TabsFilter2304249211__root","title":"TabsFilter2304249211__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_ = "ManageTagsModal1258915542";
+var _namespace_ = "ManageTagsModal4281989358";
 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":"ManageTagsModal1258915542__root"};
+export var classes = {"root":"ManageTagsModal4281989358__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_ = "ToolbarItem1514317315";
+var _namespace_ = "ToolbarItem120250909";
 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":"ToolbarItem1514317315__root"};
+export var classes = {"root":"ToolbarItem120250909__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_ = "ToolbarItemBox2910130318";
+var _namespace_ = "ToolbarItemBox871371831";
 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":"ToolbarItemBox2910130318__root"};
+export var classes = {"root":"ToolbarItemBox871371831__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_ = "common264935930";
+var _namespace_ = "common209860364";
 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":"common264935930__root","column":"common264935930__column","fullHeight":"common264935930__fullHeight"};
+export var classes = {"root":"common209860364__root","column":"common209860364__column","fullHeight":"common209860364__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/exports/testkit/unidriver.ts

@@ -24,3 +24,4 @@ export { default as SubTitleUniDriver } from '../../components/PageSubTitle/Page
 export { CustomFieldModalUniDriver } from '../../components/CustomFieldModal/CustomFieldModal.uni.driver';
 export { default as RequestIdUniDriver } from '../../components/RequestId/RequestId.uni.driver';
 export { SearchableCollectionContentUniDriver } from '../../components/SearchableCollectionContent/SearchableCollectionContent.uni.driver';
+export { MoreActionsUniDriver } from '../../components/MoreActions/MoreActions.uni.driver';

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

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

package/src/state/FormPage/FormPageHeader.st.css.ts

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