@wix/patterns 1.319.0 → 1.320.0

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

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

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar2879403662";
+var _namespace_ = "CollectionToolbar1271196110";
 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":"CollectionToolbar2879403662__root","left":"CollectionToolbar2879403662__left","right":"CollectionToolbar2879403662__right","fullWidth":"CollectionToolbar2879403662__fullWidth"};
+export var classes = {"root":"CollectionToolbar1271196110__root","left":"CollectionToolbar1271196110__left","right":"CollectionToolbar1271196110__right","fullWidth":"CollectionToolbar1271196110__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter937376438";
+var _namespace_ = "SearchOrCustomFilter1908610500";
 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":"SearchOrCustomFilter937376438__root","search":"SearchOrCustomFilter937376438__search","searchMobile":"SearchOrCustomFilter937376438__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter1908610500__root","search":"SearchOrCustomFilter1908610500__search","searchMobile":"SearchOrCustomFilter1908610500__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_ = "AutoCompleteReadonly941113359";
+var _namespace_ = "AutoCompleteReadonly3810730043";
 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":"AutoCompleteReadonly941113359__root"};
+export var classes = {"root":"AutoCompleteReadonly3810730043__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_ = "ViewsDropdown3467460843";
+var _namespace_ = "ViewsDropdown2400695630";
 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":"ViewsDropdown3467460843__root"};
+export var classes = {"root":"ViewsDropdown2400695630__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.ts

@@ -11,7 +11,7 @@ export function CustomFieldPopoverUniDriver(base: UniDriver, body: UniDriver) {
 
   const customFieldOptionsTrigger = () =>
     DisabledTooltipButtonUniDriver(base, body, {
-      dataHook: 'custom-field-options-trigger',
+      dataHook: 'custom-field-options-icon-button',
     });
 
   const getCustomFieldOptionsAt = () => {

package/src/components/CustomFieldsPanel/ManageFieldsPopoverMenu.tsx

@@ -30,7 +30,7 @@ function _ManageFieldsPopoverMenu({
         disabled={!state.dataExtension.hasWritePermissions}
         content={t('cairo.customFields.writePermission.tooltip')}
       >
-        <IconButton size="tiny" dataHook="custom-field-options-trigger">
+        <IconButton size="tiny" dataHook="custom-field-options-icon-button">
           <MoreSmall />
         </IconButton>
       </CustomFieldsDisabledTooltip>
@@ -78,7 +78,7 @@ function _ManageFieldsPopoverMenu({
         <Tooltip content={t('cairo.custom-columns.more-actions.tooltip')}>
           <IconButton
             size="tiny"
-            dataHook="custom-field-options-trigger"
+            dataHook="custom-field-options-icon-button"
             skin="light"
           >
             <MoreSmall />

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle1627605998";
+var _namespace_ = "DragHandle758605629";
 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":"DragHandle1627605998__root"};
+export var classes = {"root":"DragHandle758605629__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_ = "EntityPagePlain2380551202";
+var _namespace_ = "EntityPagePlain2365893893";
 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":"EntityPagePlain2380551202__root"};
+export var classes = {"root":"EntityPagePlain2365893893__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_ = "Fade1944937321";
+var _namespace_ = "Fade3088508100";
 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":"Fade1944937321__root"};
+export var classes = {"root":"Fade3088508100__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -93,7 +93,7 @@ export function GridUniDriver(base: UniDriver, body: UniDriver) {
 
     const popoverMenu = PopoverMenuUniDriver(popoverBase, body);
 
-    const trigger = popoverBase.$$('[data-hook="popover-trigger"]').get(0);
+    const trigger = popoverBase.$$('[data-hook="popover-icon-button-trigger"]').get(0);
     const iconButton = IconButtonUniDriver(trigger, base);
 
     return {

package/src/components/Grid/useGridItemActions.tsx

@@ -99,7 +99,7 @@ export function useGridItemActions<T, F extends FiltersMap>(
         dataHook="popover"
         triggerElement={({ toggle, close }) => (
           <IconButton
-            dataHook="popover-trigger"
+            dataHook="popover-icon-button-trigger"
             onClick={(e) => {
               e.stopPropagation();
               toggle();

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading1026412560";
+var _namespace_ = "Heading797990220";
 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":"Heading1026412560__root"};
+export var classes = {"root":"Heading797990220__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_ = "InputOverflow1142665713";
+var _namespace_ = "InputOverflow2351907687";
 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":"InputOverflow1142665713__root"};
+export var classes = {"root":"InputOverflow2351907687__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_ = "LoadingRow3303753817";
+var _namespace_ = "LoadingRow3824988442";
 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":"LoadingRow3303753817__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3303753817__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3824988442__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3824988442__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_ = "MaxHeightText2883793613";
+var _namespace_ = "MaxHeightText4203465305";
 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":"MaxHeightText2883793613__root"};
+export var classes = {"root":"MaxHeightText4203465305__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_ = "MaxLines798299606";
+var _namespace_ = "MaxLines870610812";
 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":"MaxLines798299606__root"};
+export var classes = {"root":"MaxLines870610812__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_ = "MultiBulkActionToolbar1570597090";
+var _namespace_ = "MultiBulkActionToolbar3140806827";
 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":"MultiBulkActionToolbar1570597090__root","leftGroupWrapper":"MultiBulkActionToolbar1570597090__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1570597090__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1570597090__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3140806827__root","leftGroupWrapper":"MultiBulkActionToolbar3140806827__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3140806827__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3140806827__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_ = "NestedTablePlaceholderStatesRow2455751975";
+var _namespace_ = "NestedTablePlaceholderStatesRow3939058327";
 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":"NestedTablePlaceholderStatesRow2455751975__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3939058327__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_ = "NestedTableRow3389528325";
+var _namespace_ = "NestedTableRow3792736285";
 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":"NestedTableRow3389528325__root","firstLevel":"NestedTableRow3389528325__firstLevel","placeholder":"NestedTableRow3389528325__placeholder","parentHovered":"NestedTableRow3389528325__parentHovered"};
+export var classes = {"root":"NestedTableRow3792736285__root","firstLevel":"NestedTableRow3792736285__firstLevel","placeholder":"NestedTableRow3792736285__placeholder","parentHovered":"NestedTableRow3792736285__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_ = "MultipleDragOverlayEffect4213382554";
+var _namespace_ = "MultipleDragOverlayEffect1188327833";
 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":"MultipleDragOverlayEffect4213382554__root"};
+export var classes = {"root":"MultipleDragOverlayEffect1188327833__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_ = "NestedTableDragAndDropRow3013387861";
+var _namespace_ = "NestedTableDragAndDropRow4097888494";
 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":"NestedTableDragAndDropRow3013387861__root"};
+export var classes = {"root":"NestedTableDragAndDropRow4097888494__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_ = "PickerContent3697521998";
+var _namespace_ = "PickerContent1350231859";
 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":"PickerContent3697521998__root"};
+export var classes = {"root":"PickerContent1350231859__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContent.tsx

@@ -1,4 +1,4 @@
-import React, { ComponentType, ReactNode } from 'react';
+import React, { ComponentType } from 'react';
 import { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';
 import { UsePickerContentParams } from '../../hooks/usePickerContent';
 import { PickerContentState } from '../../state';
@@ -17,9 +17,6 @@ export interface PickerContentComponentBaseProps<T, F extends FiltersMap>
    * Additional props to pass to [SelectorList](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--selectorlist), i.e `imageSize`, `imageShape` etc.
    */
   selectorListProps?: Partial<SelectorListContentProps>;
-
-  /** Show a warning at the top of the list when not all available items are currently showed */
-  hiddenItemsWarningText?: ReactNode;
 }
 
 export interface PickerContentProps<T, F extends FiltersMap>
@@ -38,7 +35,6 @@ export type PickerContentComponentProps<
   | 'renderItem'
   | 'pickerContentState'
   | 'renderEmptyState'
-  | 'hiddenItemsWarningText'
   | 'renderPickerContent'
 >;
 
@@ -63,7 +59,6 @@ export function PickerContent<T, F extends FiltersMap>(
             state={state}
             multiple={fromMultipleSelectionToBoolean(props.multiple)}
             hasAdditionalStep={props.hasAdditionalStep}
-            hiddenItemsWarningText={props.hiddenItemsWarningText}
             renderItem={renderItem}
           />
         )}

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep1178376272";
+var _namespace_ = "PickerContentAdditionalStep2117746990";
 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":"PickerContentAdditionalStep1178376272__root","titles":"PickerContentAdditionalStep1178376272__titles","suffix":"PickerContentAdditionalStep1178376272__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep2117746990__root","titles":"PickerContentAdditionalStep2117746990__titles","suffix":"PickerContentAdditionalStep2117746990__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentItemsSelection.tsx

@@ -155,11 +155,7 @@ function _PickerContentItemsSelection<T, F extends FiltersMap = FiltersMap>(
 
   const { picker } = state;
 
-  const { strictFiltersOnly, collection } = picker;
-
-  const {
-    result: { isEmptyAndNotFetching: isEmptyAfterStrictFilters },
-  } = strictFiltersOnly;
+  const { collection } = picker;
 
   const { bulkSelect, translate: t, showInitialLoader } = collection;
 
@@ -278,7 +274,7 @@ function _PickerContentItemsSelection<T, F extends FiltersMap = FiltersMap>(
       {...rest}
     >
       <CollectionProvider value={picker.collection}>
-        {((!isEmptyAfterStrictFilters && resolvedSearchElement) ||
+        {(resolvedSearchElement ||
           filterComponent ||
           renderCustomNotification ||
           showMaxSelection) && (

package/src/components/PickerContent/PickerContentV2.tsx

@@ -21,7 +21,6 @@ export function PickerContentV2<T, F extends FiltersMap>(
           <PickerListContent
             {...props.selectorListProps}
             state={state.picker}
-            hiddenItemsWarningText={props.hiddenItemsWarningText}
             multiple={fromMultipleSelectionToBoolean(props.multiple)}
             renderItem={(keyedItem, index) => (
               <PickerTableListItem

package/src/components/PickerListContent/PickerListContent.tsx

@@ -1,14 +1,8 @@
-import React, {
-  HTMLAttributes,
-  ReactElement,
-  ReactNode,
-  useEffect,
-  useRef,
-} from 'react';
+import React, { HTMLAttributes, ReactElement, useEffect, useRef } from 'react';
 import { observer } from 'mobx-react-lite';
 import { FiltersMap, KeyedItem, PickerState } from '@wix/bex-core';
 import { useCollectionReachBottom } from '../useCollectionReachBottom';
-import { Box, FloatingNotification } from '@wix/design-system';
+import { Box } from '@wix/design-system';
 import { InfiniteScrollLoader } from '../InfiniteScrollLoader/InfiniteScrollLoader';
 import { PickerListItemProps } from '../PickerListItemProps';
 import { TransitionGroup } from 'react-transition-group';
@@ -22,7 +16,6 @@ export interface PickerListContentProps<T, F extends FiltersMap>
     keyedItem: KeyedItem<T>,
     index: number,
   ) => ReactElement<PickerListItemProps>;
-  hiddenItemsWarningText?: ReactNode;
   spacing?: 30 | 94;
   multiple?: boolean;
 }
@@ -30,16 +23,9 @@ export interface PickerListContentProps<T, F extends FiltersMap>
 function _PickerListContent<T, F extends FiltersMap = FiltersMap>(
   props: PickerListContentProps<T, F>,
 ) {
-  const {
-    state,
-    renderItem,
-    hiddenItemsWarningText,
-    spacing = 30,
-    multiple,
-    ...rest
-  } = props;
+  const { state, renderItem, spacing = 30, multiple, ...rest } = props;
 
-  const { collection, someHidden } = state;
+  const { collection } = state;
   const {
     result: { keyedItems },
   } = collection;
@@ -55,18 +41,6 @@ function _PickerListContent<T, F extends FiltersMap = FiltersMap>(
     state.updateIsScrollTop(isScrollTop);
   }, [isScrollTop]);
 
-  const notification = someHidden && hiddenItemsWarningText && (
-    <Box padding={`0 ${spacing}px 18px ${spacing}px`}>
-      <FloatingNotification
-        dataHook="floating-notification"
-        width="100%"
-        showCloseButton={false}
-        type="warning"
-        text={hiddenItemsWarningText}
-      />
-    </Box>
-  );
-
   const listItems: ReactElement[] = keyedItems.map((keyedItem, index) => {
     const { type: PickerListItem, props: pickerListItemProps } = renderItem(
       keyedItem,
@@ -95,8 +69,6 @@ function _PickerListContent<T, F extends FiltersMap = FiltersMap>(
         ...rest.style,
       }}
     >
-      {notification}
-
       <TransitionGroup>
         {listItems.flatMap((child, index, { length }) => {
           return (