@wix/patterns 1.391.0 → 1.394.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow545377796";
+var _namespace_ = "NestedTableRow716888642";
 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":"NestedTableRow545377796__root","firstLevel":"NestedTableRow545377796__firstLevel","placeholder":"NestedTableRow545377796__placeholder","parentHovered":"NestedTableRow545377796__parentHovered"};
+export var classes = {"root":"NestedTableRow716888642__root","firstLevel":"NestedTableRow716888642__firstLevel","placeholder":"NestedTableRow716888642__placeholder","parentHovered":"NestedTableRow716888642__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_ = "MultipleDragOverlayEffect2593434552";
+var _namespace_ = "MultipleDragOverlayEffect1412748392";
 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":"MultipleDragOverlayEffect2593434552__root"};
+export var classes = {"root":"MultipleDragOverlayEffect1412748392__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_ = "NestedTableDragAndDropRow3198085030";
+var _namespace_ = "NestedTableDragAndDropRow3145097586";
 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":"NestedTableDragAndDropRow3198085030__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3145097586__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_ = "PickerContent217690916";
+var _namespace_ = "PickerContent3477564486";
 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":"PickerContent217690916__root"};
+export var classes = {"root":"PickerContent3477564486__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_ = "PickerContentAdditionalStep3420368440";
+var _namespace_ = "PickerContentAdditionalStep1651706420";
 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":"PickerContentAdditionalStep3420368440__root","titles":"PickerContentAdditionalStep3420368440__titles","suffix":"PickerContentAdditionalStep3420368440__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1651706420__root","titles":"PickerContentAdditionalStep1651706420__titles","suffix":"PickerContentAdditionalStep1651706420__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_ = "PickerTableListItem1315558987";
+var _namespace_ = "PickerTableListItem392487196";
 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":"PickerTableListItem1315558987__root"};
+export var classes = {"root":"PickerTableListItem392487196__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_ = "ScrollableContent2024988843";
+var _namespace_ = "ScrollableContent3119962876";
 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":"ScrollableContent2024988843__root"};
+export var classes = {"root":"ScrollableContent3119962876__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_ = "SkeletonCard3379015080";
+var _namespace_ = "SkeletonCard5232619";
 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":"SkeletonCard3379015080__root","headerLoading":"SkeletonCard3379015080__headerLoading"};
+export var classes = {"root":"SkeletonCard5232619__root","headerLoading":"SkeletonCard5232619__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_ = "SlidingModal2463944383";
+var _namespace_ = "SlidingModal3153648628";
 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":"SlidingModal2463944383__root"};
+export var classes = {"root":"SlidingModal3153648628__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_ = "TabsFilter1515553063";
+var _namespace_ = "TabsFilter1309002942";
 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":"TabsFilter1515553063__root","title":"TabsFilter1515553063__title"};
+export var classes = {"root":"TabsFilter1309002942__root","title":"TabsFilter1309002942__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_ = "ManageTagsModal211784427";
+var _namespace_ = "ManageTagsModal1524206862";
 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":"ManageTagsModal211784427__root"};
+export var classes = {"root":"ManageTagsModal1524206862__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.tsx

@@ -11,6 +11,8 @@ import {
   Search,
   ToastContainer,
 } from '@wix/design-system';
+import { useCollectionReachBottom } from '../../../useCollectionReachBottom';
+import { InfiniteScrollLoader } from '../../../InfiniteScrollLoader/InfiniteScrollLoader';
 import { Add } from '@wix/wix-ui-icons-common';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { TagsListItem } from './List/TagsListItem';
@@ -35,8 +37,6 @@ const ManageTagsModalComponent = ({ state }: ManageTagsModalProps) => {
     });
   }
   const { translate: t } = useWixPatternsContainer();
-  state.ref = useRef<HTMLDivElement>(null);
-
   const closeModal = useCallback(() => {
     state.closeManageTagsModal();
   }, [state]);
@@ -68,6 +68,15 @@ const ManageTagsModalComponent = ({ state }: ManageTagsModalProps) => {
     [state],
   );
 
+  const shouldAllowTagsPagination = state.tagsManagementState.shouldAllowTagsPagination;
+
+  const scrollRef = useRef<HTMLDivElement>(null);
+  state.ref = scrollRef;
+  const { targetRef } = useCollectionReachBottom({
+    collection: state.tagsManagementState.collection,
+    containerRef: shouldAllowTagsPagination ? scrollRef : undefined,
+  });
+
   return (
     <Modal
       isOpen={state.isOpen}
@@ -130,6 +139,7 @@ const ManageTagsModalComponent = ({ state }: ManageTagsModalProps) => {
               <Divider />
             </Box>
             <Box
+              ref={shouldAllowTagsPagination ? scrollRef : undefined}
               direction="vertical"
               maxHeight={446}
               minHeight={225}
@@ -137,7 +147,11 @@ const ManageTagsModalComponent = ({ state }: ManageTagsModalProps) => {
               overflowY="auto"
               paddingBottom="SP1"
             >
-              <ScrollableContent overflowY smooth ref={state.ref}>
+              <ScrollableContent
+                overflowY={!shouldAllowTagsPagination}
+                smooth={!shouldAllowTagsPagination}
+                ref={!shouldAllowTagsPagination ? state.ref : undefined}
+              >
                 {state.searchValue && state.shownItems.length === 0 && (
                   <div>
                     <AddItem
@@ -178,6 +192,13 @@ const ManageTagsModalComponent = ({ state }: ManageTagsModalProps) => {
                 {state.isShowingNewTagListItem && (
                   <NewTagItemEditable state={state} />
                 )}
+                {shouldAllowTagsPagination && (
+                  <InfiniteScrollLoader
+                    targetRef={targetRef}
+                    state={state.tagsManagementState.collection}
+                    size="small"
+                  />
+                )}
               </ScrollableContent>
             </Box>
           </Box>

package/src/components/TagsFilter/TagsFilter.tsx

@@ -1,7 +1,11 @@
-import React from 'react';
+import React, { useEffect } from 'react';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { FilterProps } from '../../model';
-import { useWixPatternsContainer, CursorQuery } from '@wix/bex-core/react';
+import {
+  useWixPatternsContainer,
+  CursorQuery,
+  OffsetQuery,
+} from '@wix/bex-core/react';
 import { MultiSelectCheckboxFilter } from '../MultiSelectCheckboxFilter';
 import {
   Tag,
@@ -17,45 +21,74 @@ export const _TagsFilter = ({ filter }: TagsFilterProps) => {
   const toolbarState = useToolbarCollectionContext();
   const { translate: t } = useWixPatternsContainer();
 
-  const tagsFilterCollection = useFilterCollection(filter, {
-    paginationMode: 'cursor',
+  const shouldAllowTagsPagination =
+    toolbarState.tagsCollectionState?.tagsManagementState
+      .shouldAllowTagsPagination ?? false;
+
+  const paginationConfig = shouldAllowTagsPagination
+    ? {
+        paginationMode: 'cursor' as const,
+        fetchData: async ({ search = '', cursor, limit }: CursorQuery) => {
+          const tagsManagementState =
+            toolbarState.tagsCollectionState?.tagsManagementState;
+          if (!tagsManagementState) {
+            return { items: [], cursor: null, hasNext: false };
+          }
+          const result = await tagsManagementState.tagsService.queryTags(
+            {
+              fqdn: tagsManagementState.fqdnString,
+              exposure: TagExposure.PRIVATE,
+              query: {
+                cursorPaging: { limit, cursor: cursor ?? undefined },
+                // TODO: remove 'as any' cast when ambassador package exposes the search field 
+                ...(search ? { search: { expression: search } as any } : {}),
+              },
+            },
+            {},
+            {
+              serverErrorOverride: () => ({
+                message: t(
+                  'cairo.tags.collectionPage.popover.loadTags.error.body',
+                ),
+              }),
+            },
+          );
+          return { items: result.items, cursor: result.cursor, hasNext: result.hasNext };
+        },
+      }
+    : {
+        fetchData: async ({ search = '' }: OffsetQuery) => {
+          const filteredItems = (
+            toolbarState.tagsCollectionState?.tagsManagementState.items || []
+          ).filter((tag: Tag) =>
+            tag.name?.toLowerCase().includes(search.toLowerCase()),
+          );
+          return { items: filteredItems, total: filteredItems.length };
+        },
+      };
+
+  const tagsFilterCollection = useFilterCollection<Tag>(filter, {
     queryName: [
       toolbarState.tagsCollectionState?.tagsManagementState.fqdnString,
       'tags',
       'filter',
     ].join('/'),
-    fetchData: async ({ search = '', cursor, limit }: CursorQuery) => {
-      const tagsManagementState =
-        toolbarState.tagsCollectionState?.tagsManagementState;
-      if (!tagsManagementState) {
-        return { items: [], cursor: null, hasNext: false };
-      }
-
-      const result = await tagsManagementState.tagsService.queryTags(
-        {
-          fqdn: tagsManagementState.fqdnString,
-          exposure: TagExposure.PRIVATE,
-          query: {
-            cursorPaging: { limit, cursor: cursor ?? null },
-            ...(search ? { filter: { name: { $contains: search } } } : {}),
-          },
-        },
-        {},
-        {
-          serverErrorOverride: () => ({
-            message: t('cairo.tags.collectionPage.popover.loadTags.error.body'),
-          }),
-        },
-      );
-
-      return {
-        items: result.items,
-        cursor: result.cursor,
-        hasNext: result.hasNext,
-      };
-    },
+    ...paginationConfig,
   });
 
+  useEffect(() => {
+    if (
+      !shouldAllowTagsPagination &&
+      toolbarState.tagsCollectionState?.tagsManagementState.items
+    ) {
+      tagsFilterCollection.refreshAllPages();
+    }
+  }, [
+    shouldAllowTagsPagination,
+    tagsFilterCollection,
+    toolbarState.tagsCollectionState?.tagsManagementState.items,
+  ]);
+
   if (!toolbarState.tagsCollectionState) {
     return null;
   }

package/src/components/TagsWidget/TagsWidgetContent.tsx

@@ -110,6 +110,8 @@ const _TagsWidgetContent = ({
     };
   }, []);
 
+  const { shouldAllowTagsPagination } = formState.tagsManagementState;
+
   const tagsOptions = useMemo(() => {
     const options = formState.displayedTagOptions;
 
@@ -183,6 +185,11 @@ const _TagsWidgetContent = ({
     <>
       <MultiSelect
         popoverProps={popoverProps}
+        {...(shouldAllowTagsPagination ? {
+          infiniteScroll: true,
+          hasMore: formState.tagsManagementState.hasMore,
+          loadMore: () => formState.tagsManagementState.loadMore(),
+        } : {})}
         value={formState.searchValue}
         onChange={handleSearchChange}
         options={tagsOptions}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem1090274977";
+var _namespace_ = "ToolbarItem308833598";
 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":"ToolbarItem1090274977__root"};
+export var classes = {"root":"ToolbarItem308833598__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_ = "ToolbarItemBox3219211756";
+var _namespace_ = "ToolbarItemBox3990379961";
 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":"ToolbarItemBox3219211756__root"};
+export var classes = {"root":"ToolbarItemBox3990379961__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_ = "common520337453";
+var _namespace_ = "common2988461236";
 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":"common520337453__root","column":"common520337453__column","fullHeight":"common520337453__fullHeight"};
+export var classes = {"root":"common2988461236__root","column":"common2988461236__column","fullHeight":"common2988461236__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader3506775016";
+var _namespace_ = "CollectionPageHeader2978404210";
 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":"CollectionPageHeader3506775016__root"};
+export var classes = {"root":"CollectionPageHeader2978404210__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_ = "FormPageHeader592729767";
+var _namespace_ = "FormPageHeader1651828861";
 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":"FormPageHeader592729767__root"};
+export var classes = {"root":"FormPageHeader1651828861__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/LayoutSwitchState.ts

@@ -109,10 +109,7 @@ export class LayoutSwitchState<T, F extends FiltersMap>
           collection: this.collection,
           container: params.container,
           toolbar: this.toolbar,
-          mutations: params.spreadsheet.mutations,
-          permissions: params.spreadsheet.permissions,
-          fieldActions: params.spreadsheet.fieldActions,
-          createOptimisticActions: params.spreadsheet.createOptimisticActions,
+          ...params.spreadsheet,
         })
       : undefined;
 

package/src/state/TagsModalState.ts

@@ -346,7 +346,7 @@ export class TagsModalState {
   }
 
   get shownItems() {
-    return this.tagsSearchState.items.sort(
+    return [...this.tagsSearchState.items].sort(
       (tag1, tag2) =>
         new Date(tag1.createdDate!).valueOf() -
         new Date(tag2.createdDate!).valueOf(),

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer147422064__root.CardContainer147422064--mobile{border-radius:0}.Collapse2798332745__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2798332745__exit{height:0}.CollectionPage3795793678__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3795793678__root.CollectionPage3795793678--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3795793678__root.CollectionPage3795793678--panel{overflow:hidden;position:relative}.CollectionSectionHeader479677695__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2751036718__root td{vertical-align:middle}.CollectionTable2751036718__root.CollectionTable2751036718--mobile td:first-child{padding-left:18px}.CollectionTable2751036718__root.CollectionTable2751036718--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable308767817__root.CollectionTableWSRTable308767817--resizable table{min-width:100%}.CollectionTableWSRTable308767817__root.CollectionTableWSRTable308767817--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar632879122__left{min-width:0}.CollectionToolbar632879122__left.CollectionToolbar632879122--expandable{flex:auto}.CollectionToolbar632879122__left.CollectionToolbar632879122--title>*{width:100%}.CollectionToolbar632879122__root.CollectionToolbar632879122---responsiveMode-5-title .CollectionToolbar632879122__left{flex:1 100;min-width:50px}.CollectionToolbar632879122__root.CollectionToolbar632879122---responsiveMode-4-tabs .CollectionToolbar632879122__left,.CollectionToolbar632879122__root.CollectionToolbar632879122---responsiveMode-4-tabs .CollectionToolbar632879122__left.CollectionToolbar632879122--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar632879122__root.CollectionToolbar632879122---responsiveMode-4-tabs .CollectionToolbar632879122__left>*{flex-shrink:1;min-width:0}.CollectionToolbar632879122__root .CollectionToolbar632879122__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar632879122__root.CollectionToolbar632879122--views .CollectionToolbar632879122__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar632879122__root.CollectionToolbar632879122---responsiveMode-4-tabs .CollectionToolbar632879122__right,.CollectionToolbar632879122__root.CollectionToolbar632879122---responsiveMode-5-title .CollectionToolbar632879122__right{flex:0 1 auto;min-width:0}.CollectionToolbar632879122__root .CollectionToolbar632879122__right.CollectionToolbar632879122__fullWidth{margin-inline-start:0!important}.CollectionToolbar632879122__root.CollectionToolbar632879122--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3726053327__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3726053327__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter3726053327__searchMobile:not(.SearchOrCustomFilter3726053327--expandable){left:18px}.SearchOrCustomFilter3726053327__searchMobile.SearchOrCustomFilter3726053327--expandable.SearchOrCustomFilter3726053327--expanded{left:18px}.AutoCompleteReadonly3089546939__root.AutoCompleteReadonly3089546939--disableEditing{cursor:pointer}.AutoCompleteReadonly3089546939__root.AutoCompleteReadonly3089546939--disableEditing input{cursor:pointer}.ViewsDropdown3819078810__root{width:200px}.DragHandle467541709__root{display:flex;align-items:center}.DragHandle467541709__root:not(.DragHandle467541709--disabled){cursor:grab;color:#a8caff}.DragHandle467541709__root.DragHandle467541709--disabled{color:#acafc4}.DragHandle467541709__root:focus-visible:not(.DragHandle467541709--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle467541709__root.DragHandle467541709--disabled{pointer-events:none}.DragHandle467541709__root.DragHandle467541709--dragging:not(.DragHandle467541709--disabled){cursor:grabbing}td:has(>.EditableCell84925255__root){position:relative;overflow:visible;min-height:24px}.EditableCell84925255__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell84925255__root.EditableCell84925255--selected{background:rgba(56,153,236,.08)}.EditableCell84925255__root.EditableCell84925255--focused:not(.EditableCell84925255--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell84925255__root.EditableCell84925255--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell84925255__root.EditableCell84925255--editing:not(.EditableCell84925255--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell84925255__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionTop:not(.EditableCell84925255--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionBottom:not(.EditableCell84925255--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionLeft:not(.EditableCell84925255--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionRight:not(.EditableCell84925255--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionTop.EditableCell84925255--editing.EditableCell84925255--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionBottom.EditableCell84925255--editing.EditableCell84925255--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionLeft.EditableCell84925255--editing.EditableCell84925255--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--selectionRight.EditableCell84925255--editing.EditableCell84925255--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--invalid:not(.EditableCell84925255--editing){background:rgba(229,0,77,.06)}.EditableCell84925255__root.EditableCell84925255--copiedTop:not(.EditableCell84925255--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--copiedBottom:not(.EditableCell84925255--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--copiedLeft:not(.EditableCell84925255--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell84925255__root.EditableCell84925255--copiedRight:not(.EditableCell84925255--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell84925255__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover3634079495__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3634079495__root,.HeaderActionsPopover3634079495__root[data-menu-open=true],.HeaderActionsPopover3634079495__root:focus-within{opacity:1}.CellViewLayout3539931182__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3539931182__root>*{flex:1;min-width:0}.Edit2784384312__booleanEdit{display:flex;align-items:center;margin-left:12px}.View544026253__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit637931377__dateInput{width:100%;margin-left:-1px}.Edit639860767__emailInput{width:100%;margin-left:-1px}.Edit1116044293__numberInput{width:100%;margin-right:2px}.Edit1116044293__numberInput input{text-align:right;direction:ltr}.View2646075417__textView{width:100%;text-align:right}.Edit2726986612__jsonInput{width:100%;margin-left:-1px}.Edit2843046701__selectInput{width:100%}.Edit1143677939__editWrapper{width:100%}.Edit1143677939__inputArea{background-color:transparent;width:100%}.Edit1143677939__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1143677939__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit1143677939__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit1143677939__inputArea:not(.Edit1143677939--isFocused) textarea{resize:none;overflow:hidden}.Edit1143677939__inputArea:not(.Edit1143677939--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2910932904__urlInput{width:100%;margin-left:-1px}.View591195663__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View591195663__urlText{flex:1;min-width:0}.View591195663__suffix{flex-shrink:0;margin-left:10px}.View591195663__textView.View591195663--suffixOnHover:not(:hover) .View591195663__suffix{display:none}.EntityPagePlain3281132889__root.EntityPagePlain3281132889--mobile{--wds-page-header-padding-horizontal:0}.Fade3261509__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3261509__root.Fade3261509--exit{opacity:0}.Heading2827406396__root{visibility:visible}.Heading2827406396__root.Heading2827406396--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1259950859__fileUpload{width:100%}.InputOverflow4135916598__root.InputOverflow4135916598--selected:not(.InputOverflow4135916598--focused) input::placeholder{color:#000624}@keyframes LoadingRow129255740__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow129255740__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow129255740__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3524798035__root{opacity:1}.MaxHeightText3524798035__root.MaxHeightText3524798035--height24{line-height:24px}.MaxLines68711219__root{overflow:hidden}.MaxLines68711219__root.MaxLines68711219--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar957756707__root{min-width:0}.MultiBulkActionToolbar957756707__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar957756707__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar957756707__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3700552062__root td{padding:0!important;width:100%}.NestedTableRow545377796__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow545377796__root:hover{background-color:#e7f0ff!important}.NestedTableRow545377796__root.NestedTableRow545377796--expandable{cursor:pointer}.NestedTableRow545377796__placeholder td{padding:0!important;width:100%}.NestedTableRow545377796__root:hover td:first-of-type::before,.NestedTableRow545377796__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2593434552__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow3198085030__root.NestedTableDragAndDropRow3198085030--draggingInto td{background-color:#e7f0ff!important}.PickerContent217690916__root{display:flex}.PickerContentAdditionalStep3420368440__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3420368440__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1315558987__root{box-sizing:border-box}.ScrollableContent2024988843__root.ScrollableContent2024988843--overflowY{overflow-y:auto}.ScrollableContent2024988843__root.ScrollableContent2024988843--overflowX{overflow-x:auto}.ScrollableContent2024988843__root.ScrollableContent2024988843--smooth{scroll-behavior:smooth}.SkeletonCard3379015080__headerLoading{display:block!important}.SlidingModal2463944383__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2463944383__root.SlidingModal2463944383--overlay{transition:transform 0s ease 0s}.SlidingModal2463944383__root.SlidingModal2463944383---appendTo-6-parent{position:absolute}.SlidingModal2463944383__root:not(.SlidingModal2463944383--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1515553063__root .TabsFilter1515553063__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter1515553063__root.TabsFilter1515553063--selected .TabsFilter1515553063__title,.TabsFilter1515553063__root:hover .TabsFilter1515553063__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal211784427__root{display:flex}.ToolbarItem1090274977__root{min-width:0}.ToolbarItemBox3219211756__root{min-width:0}.ToolbarItemBox3219211756__root.ToolbarItemBox3219211756--removeStartPadding{margin-left:-24px}.ToolbarItemBox3219211756__root.ToolbarItemBox3219211756--expandable{flex:1 0}.common520337453__column{display:flex;flex-direction:column}.common520337453__fullHeight{height:100%;min-height:0}.CollectionPageHeader3506775016__root:not(.CollectionPageHeader3506775016--mobile){gap:12px}.CollectionPageHeader3506775016__root.CollectionPageHeader3506775016--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3506775016__root.CollectionPageHeader3506775016--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader592729767__root.FormPageHeader592729767--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader592729767__root.FormPageHeader592729767--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer1813064405__root.CardContainer1813064405--mobile{border-radius:0}.Collapse2069862066__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2069862066__exit{height:0}.CollectionPage1425137292__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1425137292__root.CollectionPage1425137292--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1425137292__root.CollectionPage1425137292--panel{overflow:hidden;position:relative}.CollectionSectionHeader714473344__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable3781822692__root td{vertical-align:middle}.CollectionTable3781822692__root.CollectionTable3781822692--mobile td:first-child{padding-left:18px}.CollectionTable3781822692__root.CollectionTable3781822692--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable3403559952__root.CollectionTableWSRTable3403559952--resizable table{min-width:100%}.CollectionTableWSRTable3403559952__root.CollectionTableWSRTable3403559952--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar3368771503__left{min-width:0}.CollectionToolbar3368771503__left.CollectionToolbar3368771503--expandable{flex:auto}.CollectionToolbar3368771503__left.CollectionToolbar3368771503--title>*{width:100%}.CollectionToolbar3368771503__root.CollectionToolbar3368771503---responsiveMode-5-title .CollectionToolbar3368771503__left{flex:1 100;min-width:50px}.CollectionToolbar3368771503__root.CollectionToolbar3368771503---responsiveMode-4-tabs .CollectionToolbar3368771503__left,.CollectionToolbar3368771503__root.CollectionToolbar3368771503---responsiveMode-4-tabs .CollectionToolbar3368771503__left.CollectionToolbar3368771503--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3368771503__root.CollectionToolbar3368771503---responsiveMode-4-tabs .CollectionToolbar3368771503__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3368771503__root .CollectionToolbar3368771503__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3368771503__root.CollectionToolbar3368771503--views .CollectionToolbar3368771503__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3368771503__root.CollectionToolbar3368771503---responsiveMode-4-tabs .CollectionToolbar3368771503__right,.CollectionToolbar3368771503__root.CollectionToolbar3368771503---responsiveMode-5-title .CollectionToolbar3368771503__right{flex:0 1 auto;min-width:0}.CollectionToolbar3368771503__root .CollectionToolbar3368771503__right.CollectionToolbar3368771503__fullWidth{margin-inline-start:0!important}.CollectionToolbar3368771503__root.CollectionToolbar3368771503--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter4072399066__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter4072399066__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter4072399066__searchMobile:not(.SearchOrCustomFilter4072399066--expandable){left:18px}.SearchOrCustomFilter4072399066__searchMobile.SearchOrCustomFilter4072399066--expandable.SearchOrCustomFilter4072399066--expanded{left:18px}.AutoCompleteReadonly2793299402__root.AutoCompleteReadonly2793299402--disableEditing{cursor:pointer}.AutoCompleteReadonly2793299402__root.AutoCompleteReadonly2793299402--disableEditing input{cursor:pointer}.ViewsDropdown1529701189__root{width:200px}.DragHandle676311448__root{display:flex;align-items:center}.DragHandle676311448__root:not(.DragHandle676311448--disabled){cursor:grab;color:#a8caff}.DragHandle676311448__root.DragHandle676311448--disabled{color:#acafc4}.DragHandle676311448__root:focus-visible:not(.DragHandle676311448--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle676311448__root.DragHandle676311448--disabled{pointer-events:none}.DragHandle676311448__root.DragHandle676311448--dragging:not(.DragHandle676311448--disabled){cursor:grabbing}td:has(>.EditableCell1465799318__root){position:relative;overflow:visible;min-height:24px}.EditableCell1465799318__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell1465799318__root.EditableCell1465799318--selected{background:rgba(56,153,236,.08)}.EditableCell1465799318__root.EditableCell1465799318--focused:not(.EditableCell1465799318--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell1465799318__root.EditableCell1465799318--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell1465799318__root.EditableCell1465799318--editing:not(.EditableCell1465799318--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell1465799318__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell1465799318__root.EditableCell1465799318--selectionTop:not(.EditableCell1465799318--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell1465799318__root.EditableCell1465799318--selectionBottom:not(.EditableCell1465799318--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1465799318__root.EditableCell1465799318--selectionLeft:not(.EditableCell1465799318--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell1465799318__root.EditableCell1465799318--selectionRight:not(.EditableCell1465799318--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell1465799318__root.EditableCell1465799318--selectionTop.EditableCell1465799318--editing.EditableCell1465799318--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell1465799318__root.EditableCell1465799318--selectionBottom.EditableCell1465799318--editing.EditableCell1465799318--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell1465799318__root.EditableCell1465799318--selectionLeft.EditableCell1465799318--editing.EditableCell1465799318--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell1465799318__root.EditableCell1465799318--selectionRight.EditableCell1465799318--editing.EditableCell1465799318--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell1465799318__root.EditableCell1465799318--invalid:not(.EditableCell1465799318--editing){background:rgba(229,0,77,.06)}.EditableCell1465799318__root.EditableCell1465799318--copiedTop:not(.EditableCell1465799318--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell1465799318__root.EditableCell1465799318--copiedBottom:not(.EditableCell1465799318--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell1465799318__root.EditableCell1465799318--copiedLeft:not(.EditableCell1465799318--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell1465799318__root.EditableCell1465799318--copiedRight:not(.EditableCell1465799318--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell1465799318__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover1610332222__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover1610332222__root,.HeaderActionsPopover1610332222__root[data-menu-open=true],.HeaderActionsPopover1610332222__root:focus-within{opacity:1}.CellViewLayout3052893127__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3052893127__root>*{flex:1;min-width:0}.Edit534223365__booleanEdit{display:flex;align-items:center;margin-left:12px}.View316884450__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit556565131__dateInput{width:100%;margin-left:-1px}.Edit1472698785__emailInput{width:100%;margin-left:-1px}.Edit3445079294__numberInput{width:100%;margin-right:2px}.Edit3445079294__numberInput input{text-align:right;direction:ltr}.View2972152045__textView{width:100%;text-align:right}.Edit4109658587__jsonInput{width:100%;margin-left:-1px}.Edit726422225__selectInput{width:100%}.Edit3885633040__editWrapper{width:100%}.Edit3885633040__inputArea{background-color:transparent;width:100%}.Edit3885633040__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3885633040__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3885633040__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3885633040__inputArea:not(.Edit3885633040--isFocused) textarea{resize:none;overflow:hidden}.Edit3885633040__inputArea:not(.Edit3885633040--isFocused) textarea::-webkit-scrollbar{display:none}.Edit99930963__urlInput{width:100%;margin-left:-1px}.View3488769363__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3488769363__urlText{flex:1;min-width:0}.View3488769363__suffix{flex-shrink:0;margin-left:10px}.View3488769363__textView.View3488769363--suffixOnHover:not(:hover) .View3488769363__suffix{display:none}.EntityPagePlain2028930317__root.EntityPagePlain2028930317--mobile{--wds-page-header-padding-horizontal:0}.Fade3290219237__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3290219237__root.Fade3290219237--exit{opacity:0}.Heading3899538723__root{visibility:visible}.Heading3899538723__root.Heading3899538723--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload2796037763__fileUpload{width:100%}.InputOverflow686475165__root.InputOverflow686475165--selected:not(.InputOverflow686475165--focused) input::placeholder{color:#000624}@keyframes LoadingRow3793731906__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow3793731906__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow3793731906__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2086990512__root{opacity:1}.MaxHeightText2086990512__root.MaxHeightText2086990512--height24{line-height:24px}.MaxLines4074349496__root{overflow:hidden}.MaxLines4074349496__root.MaxLines4074349496--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1107654274__root{min-width:0}.MultiBulkActionToolbar1107654274__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1107654274__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1107654274__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1336250125__root td{padding:0!important;width:100%}.NestedTableRow716888642__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow716888642__root:hover{background-color:#e7f0ff!important}.NestedTableRow716888642__root.NestedTableRow716888642--expandable{cursor:pointer}.NestedTableRow716888642__placeholder td{padding:0!important;width:100%}.NestedTableRow716888642__root:hover td:first-of-type::before,.NestedTableRow716888642__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1412748392__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow3145097586__root.NestedTableDragAndDropRow3145097586--draggingInto td{background-color:#e7f0ff!important}.PickerContent3477564486__root{display:flex}.PickerContentAdditionalStep1651706420__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1651706420__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem392487196__root{box-sizing:border-box}.ScrollableContent3119962876__root.ScrollableContent3119962876--overflowY{overflow-y:auto}.ScrollableContent3119962876__root.ScrollableContent3119962876--overflowX{overflow-x:auto}.ScrollableContent3119962876__root.ScrollableContent3119962876--smooth{scroll-behavior:smooth}.SkeletonCard5232619__headerLoading{display:block!important}.SlidingModal3153648628__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3153648628__root.SlidingModal3153648628--overlay{transition:transform 0s ease 0s}.SlidingModal3153648628__root.SlidingModal3153648628---appendTo-6-parent{position:absolute}.SlidingModal3153648628__root:not(.SlidingModal3153648628--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1309002942__root .TabsFilter1309002942__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter1309002942__root.TabsFilter1309002942--selected .TabsFilter1309002942__title,.TabsFilter1309002942__root:hover .TabsFilter1309002942__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1524206862__root{display:flex}.ToolbarItem308833598__root{min-width:0}.ToolbarItemBox3990379961__root{min-width:0}.ToolbarItemBox3990379961__root.ToolbarItemBox3990379961--removeStartPadding{margin-left:-24px}.ToolbarItemBox3990379961__root.ToolbarItemBox3990379961--expandable{flex:1 0}.common2988461236__column{display:flex;flex-direction:column}.common2988461236__fullHeight{height:100%;min-height:0}.CollectionPageHeader2978404210__root:not(.CollectionPageHeader2978404210--mobile){gap:12px}.CollectionPageHeader2978404210__root.CollectionPageHeader2978404210--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2978404210__root.CollectionPageHeader2978404210--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1651828861__root.FormPageHeader1651828861--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1651828861__root.FormPageHeader1651828861--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/TagsMocks.ts

@@ -52,7 +52,7 @@ const buildQueryTagsReply =
   (tags?: TagType[]) =>
   async ({ query }: Partial<QueryTagsRequest>) => {
     const allTags = tags || TAGS;
-    const search = query?.filter?.name?.$contains as string | undefined;
+    const search = (query as any)?.search?.expression as string | undefined;
     const filteredTags = search
       ? allTags.filter((tag) =>
           tag.name?.toLowerCase().includes(search.toLowerCase()),
@@ -70,6 +70,7 @@ const buildQueryTagsReply =
         count: pageItems.length,
         cursors: { next: hasNext ? btoa(String(nextOffset)) : null },
         hasNext,
+        total: filteredTags.length,
       },
     };
   };
@@ -313,7 +314,7 @@ export const tagsAPIHttpClientMocks = (tags: TagType[]) => {
             ? aTagsArray(105)
             : (await tagsBackend.fetchData({ filters: { fqdn }, limit: 1000 }))
                 .items;
-        const search = query?.filter?.name?.$contains as string | undefined;
+        const search = (query as any)?.search?.expression as string | undefined;
         const filtered = search
           ? allItems.filter((tag) =>
               tag.name?.toLowerCase().includes(search.toLowerCase()),
@@ -331,6 +332,7 @@ export const tagsAPIHttpClientMocks = (tags: TagType[]) => {
             count: pageItems.length,
             cursors: { next: hasNext ? btoa(String(nextOffset)) : null },
             hasNext,
+            total: filtered.length,
           },
         };
       })

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.391.0';
+export const version = 'patterns@1.394.0';