@wix/patterns 1.396.0 → 1.398.0

package/src/components/EditableTable/cellTypes/reference/Edit.tsx

@@ -1,4 +1,10 @@
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 import { Box } from '@wix/design-system';
 import {
   CellReferenceInput,
@@ -43,7 +49,9 @@ function _ReferenceEditContent({
   });
 
   const initialSearchTextRef = useRef(
-    editTrigger && typeof editTrigger === 'object' && editTrigger.kind === 'type'
+    editTrigger &&
+      typeof editTrigger === 'object' &&
+      editTrigger.kind === 'type'
       ? editTrigger.key
       : undefined,
   );
@@ -59,7 +67,9 @@ function _ReferenceEditContent({
   useEffect(() => {
     const dispose = collection.init();
     if (initialSearchTextRef.current !== undefined) {
-      collection.search(initialSearchTextRef.current);
+      collection.search(initialSearchTextRef.current, {
+        clearResult: true,
+      });
     }
     return dispose;
   }, [collection]);
@@ -125,7 +135,7 @@ function _ReferenceEditContent({
     (e: React.ChangeEvent<HTMLInputElement>) => {
       setIsSearchActive(true);
       if (e.target.value) {
-        collection.search(e.target.value);
+        collection.search(e.target.value, { clearResult: true });
       } else {
         collection.clearSearch();
       }
@@ -156,7 +166,15 @@ function _ReferenceEditContent({
         onCommit();
       }
     },
-    [onCancel, onChange, onCommit, value, displayValue, collection, isSearchActive],
+    [
+      onCancel,
+      onChange,
+      onCommit,
+      value,
+      displayValue,
+      collection,
+      isSearchActive,
+    ],
   );
 
   const closeDropdown = useCallback(() => acHandle.current?.hideOptions(), []);

package/src/components/EditableTable/cellTypes/reference/Edit.uni.driver.ts

@@ -4,7 +4,8 @@ import { baseUniDriverFactory } from '../../../../unidriver';
 
 export function ReferenceEditUniDriver(base: UniDriver, body: UniDriver) {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const getNativeInput = () => (base.$('input') as any).getNative() as Promise<HTMLInputElement>;
+  const getNativeInput = () =>
+    (base.$('input') as any).getNative() as Promise<HTMLInputElement>;
 
   return {
     ...baseUniDriverFactory(base),
@@ -17,18 +18,20 @@ export function ReferenceEditUniDriver(base: UniDriver, body: UniDriver) {
       fireEvent.keyDown(await getNativeInput(), { key });
     },
     hasDropdown: () => base.$('[data-hook="dropdown-layout-wrapper"]').exists(),
-    hasClearButton: () =>
-      base.$('[data-hook="input-clear-button"]').exists(),
+    hasClearButton: () => base.$('[data-hook="input-clear-button"]').exists(),
     clickClearButton: async () => {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      const el = (base.$('[data-hook="input-clear-button"]') as any).getNative() as Promise<HTMLElement>;
+      const el = (
+        base.$('[data-hook="input-clear-button"]') as any
+      ).getNative() as Promise<HTMLElement>;
       fireEvent.click(await el);
     },
     hasAvatarPrefix: () =>
       base.$('[data-hook="reference-input-avatar-prefix"]').exists(),
     hasInitialLoader: () => body.$('[data-hook="initial-loader"]').exists(),
     // Dropdown is portal-mounted to document.body, so search in body, not base.
-    getOptionCount: async () => body.$$('[data-hook="list-item-select"]').count(),
+    getOptionCount: async () =>
+      body.$$('[data-hook="list-item-select"]').count(),
     getOptionTitleByIndex: async (index: number) => {
       const option = await body.$$('[data-hook="list-item-select"]').get(index);
       return option.$('[data-hook="list-item-select-title"]').text();

package/src/components/EditableTable/cellTypes/reference/View.uni.driver.ts

@@ -4,8 +4,10 @@ import { baseUniDriverFactory } from '../../../../unidriver';
 export function ReferenceViewUniDriver(base: UniDriver, _body: UniDriver) {
   return {
     ...baseUniDriverFactory(base),
-    isEmpty: async () => !(await base.$('[data-hook="reference-view"]').exists()),
+    isEmpty: async () =>
+      !(await base.$('[data-hook="reference-view"]').exists()),
     getName: () => base.$('[data-hook="reference-view"]').text(),
-    hasAvatar: () => base.$('[data-hook="reference-view"] [data-hook="avatar"]').exists(),
+    hasAvatar: () =>
+      base.$('[data-hook="reference-view"] [data-hook="avatar"]').exists(),
   };
 }

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1642995125";
+var _namespace_ = "Edit4254165993";
 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":"Edit1642995125__root","selectInput":"Edit1642995125__selectInput"};
+export var classes = {"root":"Edit4254165993__root","selectInput":"Edit4254165993__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3900930784";
+var _namespace_ = "Edit3758881888";
 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":"Edit3900930784__root","editWrapper":"Edit3900930784__editWrapper","inputArea":"Edit3900930784__inputArea"};
+export var classes = {"root":"Edit3758881888__root","editWrapper":"Edit3758881888__editWrapper","inputArea":"Edit3758881888__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View350961446";
+var _namespace_ = "View2436563440";
 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":"View350961446__root"};
+export var classes = {"root":"View2436563440__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2616508223";
+var _namespace_ = "Edit361578883";
 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":"Edit2616508223__root","urlInput":"Edit2616508223__urlInput"};
+export var classes = {"root":"Edit361578883__root","urlInput":"Edit361578883__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_ = "View1876394791";
+var _namespace_ = "View754937869";
 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":"View1876394791__root","textView":"View1876394791__textView","urlText":"View1876394791__urlText","suffix":"View1876394791__suffix"};
+export var classes = {"root":"View754937869__root","textView":"View754937869__textView","urlText":"View754937869__urlText","suffix":"View754937869__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_ = "EntityPagePlain2511895562";
+var _namespace_ = "EntityPagePlain3536782552";
 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":"EntityPagePlain2511895562__root"};
+export var classes = {"root":"EntityPagePlain3536782552__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_ = "Fade466847378";
+var _namespace_ = "Fade2342122444";
 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":"Fade466847378__root"};
+export var classes = {"root":"Fade2342122444__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_ = "Heading960239612";
+var _namespace_ = "Heading2784564374";
 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":"Heading960239612__root"};
+export var classes = {"root":"Heading2784564374__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_ = "ImportStepUpload112089049";
+var _namespace_ = "ImportStepUpload3169120808";
 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":"ImportStepUpload112089049__root","fileUpload":"ImportStepUpload112089049__fileUpload"};
+export var classes = {"root":"ImportStepUpload3169120808__root","fileUpload":"ImportStepUpload3169120808__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_ = "InputOverflow1496299731";
+var _namespace_ = "InputOverflow3964013168";
 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":"InputOverflow1496299731__root"};
+export var classes = {"root":"InputOverflow3964013168__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_ = "LoadingRow3229587494";
+var _namespace_ = "LoadingRow3352924696";
 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":"LoadingRow3229587494__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3229587494__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow3352924696__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow3352924696__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_ = "MaxHeightText3447576967";
+var _namespace_ = "MaxHeightText1383193270";
 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":"MaxHeightText3447576967__root"};
+export var classes = {"root":"MaxHeightText1383193270__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_ = "MaxLines220381832";
+var _namespace_ = "MaxLines2260226371";
 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":"MaxLines220381832__root"};
+export var classes = {"root":"MaxLines2260226371__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_ = "MultiBulkActionToolbar672486749";
+var _namespace_ = "MultiBulkActionToolbar2995266827";
 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":"MultiBulkActionToolbar672486749__root","leftGroupWrapper":"MultiBulkActionToolbar672486749__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar672486749__selectedCountItem","selectedCountText":"MultiBulkActionToolbar672486749__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar2995266827__root","leftGroupWrapper":"MultiBulkActionToolbar2995266827__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar2995266827__selectedCountItem","selectedCountText":"MultiBulkActionToolbar2995266827__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/MultiSelectCollectionFilter/MultiSelectCollectionFilter.tsx

@@ -95,7 +95,7 @@ function _MultiSelectCollectionFilter<V, F extends FiltersMap>(
       infiniteScroll
       value={search.value}
       onChange={(e) => {
-        collection.search(e.target.value);
+        collection.search(e.target.value, { clearResult: true });
       }}
       onFocus={onFocus}
       filter={filter}

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow2905697762";
+var _namespace_ = "NestedTablePlaceholderStatesRow1561851671";
 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":"NestedTablePlaceholderStatesRow2905697762__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1561851671__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_ = "NestedTableRow2698853610";
+var _namespace_ = "NestedTableRow241993205";
 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":"NestedTableRow2698853610__root","firstLevel":"NestedTableRow2698853610__firstLevel","placeholder":"NestedTableRow2698853610__placeholder","parentHovered":"NestedTableRow2698853610__parentHovered"};
+export var classes = {"root":"NestedTableRow241993205__root","firstLevel":"NestedTableRow241993205__firstLevel","placeholder":"NestedTableRow241993205__placeholder","parentHovered":"NestedTableRow241993205__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_ = "MultipleDragOverlayEffect1837173882";
+var _namespace_ = "MultipleDragOverlayEffect405172101";
 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":"MultipleDragOverlayEffect1837173882__root"};
+export var classes = {"root":"MultipleDragOverlayEffect405172101__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_ = "NestedTableDragAndDropRow3157484301";
+var _namespace_ = "NestedTableDragAndDropRow2285967488";
 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":"NestedTableDragAndDropRow3157484301__root"};
+export var classes = {"root":"NestedTableDragAndDropRow2285967488__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_ = "PickerContent2366937732";
+var _namespace_ = "PickerContent1043288773";
 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":"PickerContent2366937732__root"};
+export var classes = {"root":"PickerContent1043288773__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_ = "PickerContentAdditionalStep1233328752";
+var _namespace_ = "PickerContentAdditionalStep4078831938";
 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":"PickerContentAdditionalStep1233328752__root","titles":"PickerContentAdditionalStep1233328752__titles","suffix":"PickerContentAdditionalStep1233328752__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep4078831938__root","titles":"PickerContentAdditionalStep4078831938__titles","suffix":"PickerContentAdditionalStep4078831938__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_ = "PickerTableListItem1297653655";
+var _namespace_ = "PickerTableListItem4034245690";
 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":"PickerTableListItem1297653655__root"};
+export var classes = {"root":"PickerTableListItem4034245690__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_ = "ScrollableContent747803473";
+var _namespace_ = "ScrollableContent740081677";
 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":"ScrollableContent747803473__root"};
+export var classes = {"root":"ScrollableContent740081677__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SingleSelectFilter/SingleSelectFilter.tsx

@@ -112,7 +112,7 @@ function _SingleSelectFilter<V, F extends FiltersMap>(
       infiniteScroll
       value={search.value}
       onChange={(e) => {
-        collection.search(e.target.value);
+        collection.search(e.target.value, { clearResult: true });
       }}
       onFocus={onFocus}
       filter={filter}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard3482661655";
+var _namespace_ = "SkeletonCard1593387239";
 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":"SkeletonCard3482661655__root","headerLoading":"SkeletonCard3482661655__headerLoading"};
+export var classes = {"root":"SkeletonCard1593387239__root","headerLoading":"SkeletonCard1593387239__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_ = "SlidingModal3460885352";
+var _namespace_ = "SlidingModal1531261617";
 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":"SlidingModal3460885352__root"};
+export var classes = {"root":"SlidingModal1531261617__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};