@wix/patterns 1.272.0 → 1.274.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain1229805487";
+var _namespace_ = "EntityPagePlain1566733029";
 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":"EntityPagePlain1229805487__root"};
+export var classes = {"root":"EntityPagePlain1566733029__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_ = "Fade2203518147";
+var _namespace_ = "Fade1020994248";
 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":"Fade2203518147__root"};
+export var classes = {"root":"Fade1020994248__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Grid/Grid.uni.driver.ts

@@ -195,7 +195,7 @@ export function GridUniDriver(base: UniDriver, body: UniDriver) {
   const scrollDownToItem = (
     index: number,
     {
-      timeout = 5000,
+      timeout = 15000,
       delay = 1000,
       scrollableElementDataHook = 'page-scrollable-content',
       scrollIntoView,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading2905558166";
+var _namespace_ = "Heading2545566122";
 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":"Heading2905558166__root"};
+export var classes = {"root":"Heading2545566122__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_ = "InputOverflow3071504287";
+var _namespace_ = "InputOverflow3716241187";
 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":"InputOverflow3071504287__root"};
+export var classes = {"root":"InputOverflow3716241187__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Kanban/Kanban.tsx

@@ -8,10 +8,11 @@ import { Box, Divider } from '@wix/design-system';
 import { CollectionCard } from '../CollectionCard';
 import { KanbanCardDragAndDrop } from '../KanbanDragAndDropDndKit/KanbanCardDragAndDrop';
 import { StagesSkeleton } from './StagesSkeleton';
+import { useKanbanCollectionSyncProps } from './useKanbanCollectionSyncProps';
 
 export interface KanbanProps<C, S, F extends FiltersMap>
   extends ToolbarBaseProps,
-  KanbanBaseProps<C, S, F> { }
+    KanbanBaseProps<C, S, F> {}
 
 function _Kanban<C, S, F extends FiltersMap>(props: KanbanProps<C, S, F>) {
   const { state, dataHook } = props;
@@ -31,6 +32,8 @@ function _Kanban<C, S, F extends FiltersMap>(props: KanbanProps<C, S, F>) {
     }
   };
 
+  useKanbanCollectionSyncProps(props);
+
   useEffect(() => {
     events.on('scrollToStage', scrollToStage);
 
@@ -109,6 +112,8 @@ function _Kanban<C, S, F extends FiltersMap>(props: KanbanProps<C, S, F>) {
           <Box dataHook="kanban-stages" direction="vertical">
             {props.state.isLoadingStages ? <StagesSkeleton /> : stagesContent}
           </Box>
+          {/* hack for showing manage tags action in more actions menu */}
+          <Box display="hidden">{props.tags && props.tags}</Box>
         </Box>
       </ToolbarCollection>
     </CollectionCard>

package/src/components/Kanban/Kanban.uni.driver.ts

@@ -14,6 +14,8 @@ import {
   TooltipUniDriver,
 } from '@wix/design-system/dist/testkit/unidriver';
 import { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';
+import { ManageTagsModalUniDriver } from '../Tags/ManageTags/ManageTagsModal/ManageTagsModal.uni.driver';
+import { CustomFieldPanelUniDriver } from '../CustomFieldsPanel/CustomFieldPanel.uni.driver';
 
 export function KanbanUniDriver(base: UniDriver, body: UniDriver) {
   const toolbarBase = () => base.$('[data-hook="collection-toolbar"]');
@@ -69,6 +71,8 @@ export function KanbanUniDriver(base: UniDriver, body: UniDriver) {
     clearSearchText: () => toolbar().clearSearchText(),
     isKanbanLoading: () =>
       base.$('[data-hook="kanban-stages-skeleton"]').exists(),
+    getCustomFieldPanel: () => CustomFieldPanelUniDriver(body, body),
+    getManageTagsModal: () => ManageTagsModalUniDriver(base, body),
     stages: {
       count: () => base.$$('[data-hook^="kanban-stage-container"]').count(),
       doneDividerExists: async () => {

package/src/components/Kanban/useKanbanCollectionSyncProps.ts

@@ -0,0 +1,44 @@
+import { FiltersMap } from '@wix/bex-core';
+import { useEffect, useState } from 'react';
+import { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';
+import { DataExtensionProps, DataExtensionType } from '../DataExtension';
+import { isValidElement } from '../isValidElement';
+import { KanbanBaseProps } from './KanbanProps';
+
+export function useKanbanCollectionSyncProps<T, S, F extends FiltersMap>(
+  props: KanbanBaseProps<T, S, F>,
+) {
+  const { state: kanban, dataExtension } = props;
+
+  const state = kanban.toolbar;
+
+  useToolbarCollectionSyncProps({
+    ...props,
+    state,
+    isUsingDragAndDrop: false,
+    isUsingBulkActionsToolbar: false,
+    isUsingHorizontalScroll: false,
+    isUsingFolders: false,
+    isUsingTableVirtualization: false,
+  });
+
+  useState(() => {
+    if (isValidElement<DataExtensionProps, DataExtensionType>(dataExtension)) {
+      dataExtension.type.setDataExtensionOnTable(state, dataExtension.props);
+    } else {
+      dataExtension?.setDataExtensionOnTable(state);
+    }
+  });
+
+  useEffect(() => {
+    if (!dataExtension) {
+      return;
+    }
+    (isValidElement<DataExtensionProps, DataExtensionType>(dataExtension)
+      ? dataExtension.type
+      : dataExtension
+    ).syncTableCollectionProps(state);
+  }, []);
+
+  return state;
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow1999838567";
+var _namespace_ = "LoadingRow2450376661";
 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":"LoadingRow1999838567__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1999838567__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow2450376661__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow2450376661__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_ = "MaxHeightText670549111";
+var _namespace_ = "MaxHeightText3956546421";
 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":"MaxHeightText670549111__root"};
+export var classes = {"root":"MaxHeightText3956546421__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_ = "MaxLines1086232875";
+var _namespace_ = "MaxLines1047017223";
 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":"MaxLines1086232875__root"};
+export var classes = {"root":"MaxLines1047017223__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_ = "MultiBulkActionToolbar3400685682";
+var _namespace_ = "MultiBulkActionToolbar2557674296";
 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":"MultiBulkActionToolbar3400685682__root"};
+export var classes = {"root":"MultiBulkActionToolbar2557674296__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_ = "NestedTablePlaceholderStatesRow1348874376";
+var _namespace_ = "NestedTablePlaceholderStatesRow597012470";
 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":"NestedTablePlaceholderStatesRow1348874376__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow597012470__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_ = "NestedTableRow154092234";
+var _namespace_ = "NestedTableRow3472296179";
 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":"NestedTableRow154092234__root","firstLevel":"NestedTableRow154092234__firstLevel","placeholder":"NestedTableRow154092234__placeholder","parentHovered":"NestedTableRow154092234__parentHovered"};
+export var classes = {"root":"NestedTableRow3472296179__root","firstLevel":"NestedTableRow3472296179__firstLevel","placeholder":"NestedTableRow3472296179__placeholder","parentHovered":"NestedTableRow3472296179__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_ = "MultipleDragOverlayEffect2114458222";
+var _namespace_ = "MultipleDragOverlayEffect3302833200";
 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":"MultipleDragOverlayEffect2114458222__root"};
+export var classes = {"root":"MultipleDragOverlayEffect3302833200__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_ = "NestedTableDragAndDropRow2929740874";
+var _namespace_ = "NestedTableDragAndDropRow3289467326";
 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":"NestedTableDragAndDropRow2929740874__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3289467326__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_ = "PickerContent3605261935";
+var _namespace_ = "PickerContent812165140";
 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":"PickerContent3605261935__root"};
+export var classes = {"root":"PickerContent812165140__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_ = "PickerContentAdditionalStep1208783649";
+var _namespace_ = "PickerContentAdditionalStep1561634345";
 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":"PickerContentAdditionalStep1208783649__root","titles":"PickerContentAdditionalStep1208783649__titles","suffix":"PickerContentAdditionalStep1208783649__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1561634345__root","titles":"PickerContentAdditionalStep1561634345__titles","suffix":"PickerContentAdditionalStep1561634345__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_ = "PickerTableListItem831596144";
+var _namespace_ = "PickerTableListItem3724423920";
 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":"PickerTableListItem831596144__root"};
+export var classes = {"root":"PickerTableListItem3724423920__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_ = "ScrollableContent3503851455";
+var _namespace_ = "ScrollableContent1293787194";
 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":"ScrollableContent3503851455__root"};
+export var classes = {"root":"ScrollableContent1293787194__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_ = "SkeletonCard4150829493";
+var _namespace_ = "SkeletonCard2539536099";
 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":"SkeletonCard4150829493__root","headerLoading":"SkeletonCard4150829493__headerLoading"};
+export var classes = {"root":"SkeletonCard2539536099__root","headerLoading":"SkeletonCard2539536099__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_ = "SlidingModal1038325046";
+var _namespace_ = "SlidingModal606708322";
 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":"SlidingModal1038325046__root"};
+export var classes = {"root":"SlidingModal606708322__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_ = "TabsFilter752806981";
+var _namespace_ = "TabsFilter914305513";
 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":"TabsFilter752806981__root","title":"TabsFilter752806981__title"};
+export var classes = {"root":"TabsFilter914305513__root","title":"TabsFilter914305513__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_ = "ManageTagsModal971224037";
+var _namespace_ = "ManageTagsModal1669701645";
 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":"ManageTagsModal971224037__root"};
+export var classes = {"root":"ManageTagsModal1669701645__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_ = "ToolbarItem1050695310";
+var _namespace_ = "ToolbarItem397874102";
 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":"ToolbarItem1050695310__root"};
+export var classes = {"root":"ToolbarItem397874102__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_ = "ToolbarItemBox3670430949";
+var _namespace_ = "ToolbarItemBox774687617";
 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":"ToolbarItemBox3670430949__root"};
+export var classes = {"root":"ToolbarItemBox774687617__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_ = "common3142939081";
+var _namespace_ = "common2229752189";
 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":"common3142939081__root","column":"common3142939081__column","fullHeight":"common3142939081__fullHeight"};
+export var classes = {"root":"common2229752189__root","column":"common2229752189__column","fullHeight":"common2229752189__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/index.ts

@@ -234,6 +234,8 @@ export {
   numberRangeFilter,
   RangeItem,
   RangeFilterStateParams,
+  Dataset,
+  useCollectionDatasetSync,
 } from '@wix/bex-core';
 
 export { ExportQueryV2 as QueryV2 } from '@wix/bex-utils/@wix/ambassador-fedinfra-exportservice-v1-export-async-job/types';

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader3877780000";
+var _namespace_ = "CollectionPageHeader3738423610";
 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":"CollectionPageHeader3877780000__root"};
+export var classes = {"root":"CollectionPageHeader3738423610__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_ = "FormPageHeader4165724595";
+var _namespace_ = "FormPageHeader971515710";
 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":"FormPageHeader4165724595__root"};
+export var classes = {"root":"FormPageHeader971515710__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/KanbanState/KanbanState.ts

@@ -10,6 +10,7 @@ import {
   QueryState,
   syncWithSharedQuery,
   ComputedQuery,
+  parseFqdn,
 } from '@wix/bex-core';
 import { ICollectionComponentState } from '../ICollectionComponentState';
 import { ToolbarCollectionState } from '../ToolbarCollectionState';
@@ -38,6 +39,7 @@ export interface KanbanStateBaseParams<
   S,
   F extends FiltersMap = OptionalFiltersMap,
 > {
+  fqdn?: string;
   kanbanId: string;
   stages: {
     fetchData: CollectionStateParams<S, F>['fetchData'];
@@ -119,7 +121,8 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
     this.container = params.container;
     this.kanbanId = params.kanbanId;
     this.items = params.items;
-    this.toolbarQueryCollectionState = this.createToolbarQueryCollectionState();
+    this.toolbarQueryCollectionState =
+      this.createToolbarQueryCollectionState(params);
     this.query = new QueryState({
       filters: {} as F,
       search: stringFilter({ initialValue: '' }),
@@ -322,7 +325,9 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
     resolvedError && this.container.errorHandler?.showError?.(resolvedError);
   }
 
-  private createToolbarQueryCollectionState() {
+  private createToolbarQueryCollectionState(
+    params: KanbanStateParams<T, S, F>,
+  ) {
     return new CollectionState<T, F>({
       errorMonitor: this.container.errorMonitor,
       history: this.container.history,
@@ -330,6 +335,7 @@ export class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>
       onlineState: this.container.onlineState,
       queryCache: this.container.queryCache,
       translate: this.container.translate,
+      fqdn: params.fqdn ? parseFqdn(params.fqdn) : undefined,
       queryName: `kanban-toolbar-query-items-${this.kanbanId}`,
       fetchData: () =>
         Promise.resolve({

package/src/state/setViewsState.ts

@@ -21,9 +21,15 @@ export function setViewsState<T, F extends FiltersMap>(
     viewNamePlaceholder,
   } = viewsProps;
 
+  const { container } = toolbar;
+
+  if (container.isPanelLayout) {
+    return null;
+  }
+
   return (toolbar.viewsState ??= new CollectionViewsState({
     table: toolbar,
-    container: toolbar.container,
+    container,
     presets: presetsToCategories(presets),
     allItemsViewProps,
     onDeleteView,