@wix/patterns 1.396.0 → 1.397.0

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

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

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,
   );
@@ -156,7 +164,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_ = "Edit1337084627";
 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":"Edit1337084627__root","selectInput":"Edit1337084627__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_ = "Edit170280416";
 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":"Edit170280416__root","editWrapper":"Edit170280416__editWrapper","inputArea":"Edit170280416__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_ = "View434843400";
 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":"View434843400__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_ = "Edit2369600675";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit2616508223__root","urlInput":"Edit2616508223__urlInput"};
+export var classes = {"root":"Edit2369600675__root","urlInput":"Edit2369600675__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1876394791";
+var _namespace_ = "View1081089671";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View1876394791__root","textView":"View1876394791__textView","urlText":"View1876394791__urlText","suffix":"View1876394791__suffix"};
+export var classes = {"root":"View1081089671__root","textView":"View1081089671__textView","urlText":"View1081089671__urlText","suffix":"View1081089671__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/useHeaderActions.tsx

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain2511895562";
+var _namespace_ = "EntityPagePlain4029120273";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"EntityPagePlain2511895562__root"};
+export var classes = {"root":"EntityPagePlain4029120273__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade466847378";
+var _namespace_ = "Fade946818323";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Fade466847378__root"};
+export var classes = {"root":"Fade946818323__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading960239612";
+var _namespace_ = "Heading2477534996";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Heading960239612__root"};
+export var classes = {"root":"Heading2477534996__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload112089049";
+var _namespace_ = "ImportStepUpload2481984157";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ImportStepUpload112089049__root","fileUpload":"ImportStepUpload112089049__fileUpload"};
+export var classes = {"root":"ImportStepUpload2481984157__root","fileUpload":"ImportStepUpload2481984157__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow1496299731";
+var _namespace_ = "InputOverflow1092642502";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"InputOverflow1496299731__root"};
+export var classes = {"root":"InputOverflow1092642502__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow3229587494";
+var _namespace_ = "LoadingRow4053623288";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow3229587494__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3229587494__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow4053623288__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow4053623288__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxHeightText3447576967";
+var _namespace_ = "MaxHeightText950016588";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxHeightText3447576967__root"};
+export var classes = {"root":"MaxHeightText950016588__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines220381832";
+var _namespace_ = "MaxLines2744051348";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MaxLines220381832__root"};
+export var classes = {"root":"MaxLines2744051348__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar672486749";
+var _namespace_ = "MultiBulkActionToolbar956766975";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultiBulkActionToolbar672486749__root","leftGroupWrapper":"MultiBulkActionToolbar672486749__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar672486749__selectedCountItem","selectedCountText":"MultiBulkActionToolbar672486749__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar956766975__root","leftGroupWrapper":"MultiBulkActionToolbar956766975__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar956766975__selectedCountItem","selectedCountText":"MultiBulkActionToolbar956766975__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow2905697762";
+var _namespace_ = "NestedTablePlaceholderStatesRow966698253";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTablePlaceholderStatesRow2905697762__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow966698253__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow2698853610";
+var _namespace_ = "NestedTableRow996044690";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableRow2698853610__root","firstLevel":"NestedTableRow2698853610__firstLevel","placeholder":"NestedTableRow2698853610__placeholder","parentHovered":"NestedTableRow2698853610__parentHovered"};
+export var classes = {"root":"NestedTableRow996044690__root","firstLevel":"NestedTableRow996044690__firstLevel","placeholder":"NestedTableRow996044690__placeholder","parentHovered":"NestedTableRow996044690__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect1837173882";
+var _namespace_ = "MultipleDragOverlayEffect2790228652";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"MultipleDragOverlayEffect1837173882__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2790228652__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow3157484301";
+var _namespace_ = "NestedTableDragAndDropRow1274474789";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"NestedTableDragAndDropRow3157484301__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1274474789__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent2366937732";
+var _namespace_ = "PickerContent4268976884";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContent2366937732__root"};
+export var classes = {"root":"PickerContent4268976884__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep1233328752";
+var _namespace_ = "PickerContentAdditionalStep2534276490";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerContentAdditionalStep1233328752__root","titles":"PickerContentAdditionalStep1233328752__titles","suffix":"PickerContentAdditionalStep1233328752__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep2534276490__root","titles":"PickerContentAdditionalStep2534276490__titles","suffix":"PickerContentAdditionalStep2534276490__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem1297653655";
+var _namespace_ = "PickerTableListItem2226145618";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"PickerTableListItem1297653655__root"};
+export var classes = {"root":"PickerTableListItem2226145618__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent747803473";
+var _namespace_ = "ScrollableContent2870402056";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ScrollableContent747803473__root"};
+export var classes = {"root":"ScrollableContent2870402056__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard3482661655";
+var _namespace_ = "SkeletonCard3500914143";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SkeletonCard3482661655__root","headerLoading":"SkeletonCard3482661655__headerLoading"};
+export var classes = {"root":"SkeletonCard3500914143__root","headerLoading":"SkeletonCard3500914143__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SlidingModal3460885352";
+var _namespace_ = "SlidingModal1759969884";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SlidingModal3460885352__root"};
+export var classes = {"root":"SlidingModal1759969884__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter3114357314";
+var _namespace_ = "TabsFilter3782181898";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"TabsFilter3114357314__root","title":"TabsFilter3114357314__title"};
+export var classes = {"root":"TabsFilter3782181898__root","title":"TabsFilter3782181898__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal3565466423";
+var _namespace_ = "ManageTagsModal2401035653";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ManageTagsModal3565466423__root"};
+export var classes = {"root":"ManageTagsModal2401035653__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TagsFilter/TagsFilter.tsx

@@ -54,7 +54,11 @@ export const _TagsFilter = ({ filter }: TagsFilterProps) => {
               }),
             },
           );
-          return { items: result.items, cursor: result.cursor, hasNext: result.hasNext };
+          return {
+            items: result.items,
+            cursor: result.cursor,
+            hasNext: result.hasNext,
+          };
         },
       }
     : {