@wix/patterns 1.392.0 → 1.395.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent3585032666";
+var _namespace_ = "ScrollableContent1957158283";
 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":"ScrollableContent3585032666__root"};
+export var classes = {"root":"ScrollableContent1957158283__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_ = "SkeletonCard3039612631";
+var _namespace_ = "SkeletonCard574006014";
 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":"SkeletonCard3039612631__root","headerLoading":"SkeletonCard3039612631__headerLoading"};
+export var classes = {"root":"SkeletonCard574006014__root","headerLoading":"SkeletonCard574006014__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_ = "SlidingModal3293323414";
+var _namespace_ = "SlidingModal703651336";
 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":"SlidingModal3293323414__root"};
+export var classes = {"root":"SlidingModal703651336__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_ = "TabsFilter471017572";
+var _namespace_ = "TabsFilter3336063847";
 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":"TabsFilter471017572__root","title":"TabsFilter471017572__title"};
+export var classes = {"root":"TabsFilter3336063847__root","title":"TabsFilter3336063847__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_ = "ManageTagsModal1587934019";
+var _namespace_ = "ManageTagsModal1391808743";
 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":"ManageTagsModal1587934019__root"};
+export var classes = {"root":"ManageTagsModal1391808743__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_ = "ToolbarItem49220502";
+var _namespace_ = "ToolbarItem3301560829";
 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":"ToolbarItem49220502__root"};
+export var classes = {"root":"ToolbarItem3301560829__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_ = "ToolbarItemBox1884885503";
+var _namespace_ = "ToolbarItemBox2098975742";
 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":"ToolbarItemBox1884885503__root"};
+export var classes = {"root":"ToolbarItemBox2098975742__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_ = "common2245962014";
+var _namespace_ = "common1020432396";
 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":"common2245962014__root","column":"common2245962014__column","fullHeight":"common2245962014__fullHeight"};
+export var classes = {"root":"common1020432396__root","column":"common1020432396__column","fullHeight":"common1020432396__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_ = "CollectionPageHeader799219954";
+var _namespace_ = "CollectionPageHeader4030890287";
 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":"CollectionPageHeader799219954__root"};
+export var classes = {"root":"CollectionPageHeader4030890287__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_ = "FormPageHeader4263185988";
+var _namespace_ = "FormPageHeader1627187694";
 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":"FormPageHeader4263185988__root"};
+export var classes = {"root":"FormPageHeader1627187694__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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 @@
-.CardContainer3233907101__root.CardContainer3233907101--mobile{border-radius:0}.Collapse669814769__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse669814769__exit{height:0}.CollectionPage3481214050__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3481214050__root.CollectionPage3481214050--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3481214050__root.CollectionPage3481214050--panel{overflow:hidden;position:relative}.CollectionSectionHeader2700699183__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable378763536__root td{vertical-align:middle}.CollectionTable378763536__root.CollectionTable378763536--mobile td:first-child{padding-left:18px}.CollectionTable378763536__root.CollectionTable378763536--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable1251044338__root.CollectionTableWSRTable1251044338--resizable table{min-width:100%}.CollectionTableWSRTable1251044338__root.CollectionTableWSRTable1251044338--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar1579522097__left{min-width:0}.CollectionToolbar1579522097__left.CollectionToolbar1579522097--expandable{flex:auto}.CollectionToolbar1579522097__left.CollectionToolbar1579522097--title>*{width:100%}.CollectionToolbar1579522097__root.CollectionToolbar1579522097---responsiveMode-5-title .CollectionToolbar1579522097__left{flex:1 100;min-width:50px}.CollectionToolbar1579522097__root.CollectionToolbar1579522097---responsiveMode-4-tabs .CollectionToolbar1579522097__left,.CollectionToolbar1579522097__root.CollectionToolbar1579522097---responsiveMode-4-tabs .CollectionToolbar1579522097__left.CollectionToolbar1579522097--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar1579522097__root.CollectionToolbar1579522097---responsiveMode-4-tabs .CollectionToolbar1579522097__left>*{flex-shrink:1;min-width:0}.CollectionToolbar1579522097__root .CollectionToolbar1579522097__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1579522097__root.CollectionToolbar1579522097--views .CollectionToolbar1579522097__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1579522097__root.CollectionToolbar1579522097---responsiveMode-4-tabs .CollectionToolbar1579522097__right,.CollectionToolbar1579522097__root.CollectionToolbar1579522097---responsiveMode-5-title .CollectionToolbar1579522097__right{flex:0 1 auto;min-width:0}.CollectionToolbar1579522097__root .CollectionToolbar1579522097__right.CollectionToolbar1579522097__fullWidth{margin-inline-start:0!important}.CollectionToolbar1579522097__root.CollectionToolbar1579522097--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1760034253__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1760034253__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1760034253__searchMobile:not(.SearchOrCustomFilter1760034253--expandable){left:18px}.SearchOrCustomFilter1760034253__searchMobile.SearchOrCustomFilter1760034253--expandable.SearchOrCustomFilter1760034253--expanded{left:18px}.AutoCompleteReadonly2949463957__root.AutoCompleteReadonly2949463957--disableEditing{cursor:pointer}.AutoCompleteReadonly2949463957__root.AutoCompleteReadonly2949463957--disableEditing input{cursor:pointer}.ViewsDropdown1719958294__root{width:200px}.DragHandle3450198712__root{display:flex;align-items:center}.DragHandle3450198712__root:not(.DragHandle3450198712--disabled){cursor:grab;color:#a8caff}.DragHandle3450198712__root.DragHandle3450198712--disabled{color:#acafc4}.DragHandle3450198712__root:focus-visible:not(.DragHandle3450198712--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3450198712__root.DragHandle3450198712--disabled{pointer-events:none}.DragHandle3450198712__root.DragHandle3450198712--dragging:not(.DragHandle3450198712--disabled){cursor:grabbing}td:has(>.EditableCell4175904279__root){position:relative;overflow:visible;min-height:24px}.EditableCell4175904279__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)}.EditableCell4175904279__root.EditableCell4175904279--selected{background:rgba(56,153,236,.08)}.EditableCell4175904279__root.EditableCell4175904279--focused:not(.EditableCell4175904279--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell4175904279__root.EditableCell4175904279--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}.EditableCell4175904279__root.EditableCell4175904279--editing:not(.EditableCell4175904279--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell4175904279__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell4175904279__root.EditableCell4175904279--selectionTop:not(.EditableCell4175904279--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell4175904279__root.EditableCell4175904279--selectionBottom:not(.EditableCell4175904279--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell4175904279__root.EditableCell4175904279--selectionLeft:not(.EditableCell4175904279--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell4175904279__root.EditableCell4175904279--selectionRight:not(.EditableCell4175904279--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell4175904279__root.EditableCell4175904279--selectionTop.EditableCell4175904279--editing.EditableCell4175904279--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell4175904279__root.EditableCell4175904279--selectionBottom.EditableCell4175904279--editing.EditableCell4175904279--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell4175904279__root.EditableCell4175904279--selectionLeft.EditableCell4175904279--editing.EditableCell4175904279--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell4175904279__root.EditableCell4175904279--selectionRight.EditableCell4175904279--editing.EditableCell4175904279--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell4175904279__root.EditableCell4175904279--invalid:not(.EditableCell4175904279--editing){background:rgba(229,0,77,.06)}.EditableCell4175904279__root.EditableCell4175904279--copiedTop:not(.EditableCell4175904279--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell4175904279__root.EditableCell4175904279--copiedBottom:not(.EditableCell4175904279--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell4175904279__root.EditableCell4175904279--copiedLeft:not(.EditableCell4175904279--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell4175904279__root.EditableCell4175904279--copiedRight:not(.EditableCell4175904279--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell4175904279__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover2719997241__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover2719997241__root,.HeaderActionsPopover2719997241__root[data-menu-open=true],.HeaderActionsPopover2719997241__root:focus-within{opacity:1}.CellViewLayout883455603__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout883455603__root>*{flex:1;min-width:0}.Edit3002405690__booleanEdit{display:flex;align-items:center;margin-left:12px}.View1828308615__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit3719403119__dateInput{width:100%;margin-left:-1px}.Edit10751312__emailInput{width:100%;margin-left:-1px}.Edit499492978__numberInput{width:100%;margin-right:2px}.Edit499492978__numberInput input{text-align:right;direction:ltr}.View4009966674__textView{width:100%;text-align:right}.Edit1082171193__jsonInput{width:100%;margin-left:-1px}.Edit2711091306__selectInput{width:100%}.Edit3055400417__editWrapper{width:100%}.Edit3055400417__inputArea{background-color:transparent;width:100%}.Edit3055400417__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3055400417__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3055400417__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit3055400417__inputArea:not(.Edit3055400417--isFocused) textarea{resize:none;overflow:hidden}.Edit3055400417__inputArea:not(.Edit3055400417--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2612869073__urlInput{width:100%;margin-left:-1px}.View1481571736__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View1481571736__urlText{flex:1;min-width:0}.View1481571736__suffix{flex-shrink:0;margin-left:10px}.View1481571736__textView.View1481571736--suffixOnHover:not(:hover) .View1481571736__suffix{display:none}.EntityPagePlain2310193037__root.EntityPagePlain2310193037--mobile{--wds-page-header-padding-horizontal:0}.Fade3866032352__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3866032352__root.Fade3866032352--exit{opacity:0}.Heading2934975346__root{visibility:visible}.Heading2934975346__root.Heading2934975346--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload567295947__fileUpload{width:100%}.InputOverflow1514914471__root.InputOverflow1514914471--selected:not(.InputOverflow1514914471--focused) input::placeholder{color:#000624}@keyframes LoadingRow834822809__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%}}.LoadingRow834822809__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:LoadingRow834822809__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2852537868__root{opacity:1}.MaxHeightText2852537868__root.MaxHeightText2852537868--height24{line-height:24px}.MaxLines229431985__root{overflow:hidden}.MaxLines229431985__root.MaxLines229431985--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar481678976__root{min-width:0}.MultiBulkActionToolbar481678976__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar481678976__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar481678976__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1730521157__root td{padding:0!important;width:100%}.NestedTableRow369891579__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow369891579__root:hover{background-color:#e7f0ff!important}.NestedTableRow369891579__root.NestedTableRow369891579--expandable{cursor:pointer}.NestedTableRow369891579__placeholder td{padding:0!important;width:100%}.NestedTableRow369891579__root:hover td:first-of-type::before,.NestedTableRow369891579__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect114921092__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)}.NestedTableDragAndDropRow515867636__root.NestedTableDragAndDropRow515867636--draggingInto td{background-color:#e7f0ff!important}.PickerContent1126634030__root{display:flex}.PickerContentAdditionalStep1009319725__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1009319725__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem471451349__root{box-sizing:border-box}.ScrollableContent3585032666__root.ScrollableContent3585032666--overflowY{overflow-y:auto}.ScrollableContent3585032666__root.ScrollableContent3585032666--overflowX{overflow-x:auto}.ScrollableContent3585032666__root.ScrollableContent3585032666--smooth{scroll-behavior:smooth}.SkeletonCard3039612631__headerLoading{display:block!important}.SlidingModal3293323414__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3293323414__root.SlidingModal3293323414--overlay{transition:transform 0s ease 0s}.SlidingModal3293323414__root.SlidingModal3293323414---appendTo-6-parent{position:absolute}.SlidingModal3293323414__root:not(.SlidingModal3293323414--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter471017572__root .TabsFilter471017572__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter471017572__root.TabsFilter471017572--selected .TabsFilter471017572__title,.TabsFilter471017572__root:hover .TabsFilter471017572__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1587934019__root{display:flex}.ToolbarItem49220502__root{min-width:0}.ToolbarItemBox1884885503__root{min-width:0}.ToolbarItemBox1884885503__root.ToolbarItemBox1884885503--removeStartPadding{margin-left:-24px}.ToolbarItemBox1884885503__root.ToolbarItemBox1884885503--expandable{flex:1 0}.common2245962014__column{display:flex;flex-direction:column}.common2245962014__fullHeight{height:100%;min-height:0}.CollectionPageHeader799219954__root:not(.CollectionPageHeader799219954--mobile){gap:12px}.CollectionPageHeader799219954__root.CollectionPageHeader799219954--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader799219954__root.CollectionPageHeader799219954--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader4263185988__root.FormPageHeader4263185988--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader4263185988__root.FormPageHeader4263185988--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer4201602495__root.CardContainer4201602495--mobile{border-radius:0}.Collapse1200545679__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1200545679__exit{height:0}.CollectionPage2362612658__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2362612658__root.CollectionPage2362612658--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2362612658__root.CollectionPage2362612658--panel{overflow:hidden;position:relative}.CollectionSectionHeader2828850798__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable197929281__root td{vertical-align:middle}.CollectionTable197929281__root.CollectionTable197929281--mobile td:first-child{padding-left:18px}.CollectionTable197929281__root.CollectionTable197929281--mobile td:last-child{padding-right:18px}.CollectionTableWSRTable4002598347__root.CollectionTableWSRTable4002598347--resizable table{min-width:100%}.CollectionTableWSRTable4002598347__root.CollectionTableWSRTable4002598347--resizable [data-hook=table-resize-handle]{right:-4px!important;z-index:1}.CollectionToolbar2963808337__left{min-width:0}.CollectionToolbar2963808337__left.CollectionToolbar2963808337--expandable{flex:auto}.CollectionToolbar2963808337__left.CollectionToolbar2963808337--title>*{width:100%}.CollectionToolbar2963808337__root.CollectionToolbar2963808337---responsiveMode-5-title .CollectionToolbar2963808337__left{flex:1 100;min-width:50px}.CollectionToolbar2963808337__root.CollectionToolbar2963808337---responsiveMode-4-tabs .CollectionToolbar2963808337__left,.CollectionToolbar2963808337__root.CollectionToolbar2963808337---responsiveMode-4-tabs .CollectionToolbar2963808337__left.CollectionToolbar2963808337--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2963808337__root.CollectionToolbar2963808337---responsiveMode-4-tabs .CollectionToolbar2963808337__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2963808337__root .CollectionToolbar2963808337__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2963808337__root.CollectionToolbar2963808337--views .CollectionToolbar2963808337__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2963808337__root.CollectionToolbar2963808337---responsiveMode-4-tabs .CollectionToolbar2963808337__right,.CollectionToolbar2963808337__root.CollectionToolbar2963808337---responsiveMode-5-title .CollectionToolbar2963808337__right{flex:0 1 auto;min-width:0}.CollectionToolbar2963808337__root .CollectionToolbar2963808337__right.CollectionToolbar2963808337__fullWidth{margin-inline-start:0!important}.CollectionToolbar2963808337__root.CollectionToolbar2963808337--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter189555529__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter189555529__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter189555529__searchMobile:not(.SearchOrCustomFilter189555529--expandable){left:18px}.SearchOrCustomFilter189555529__searchMobile.SearchOrCustomFilter189555529--expandable.SearchOrCustomFilter189555529--expanded{left:18px}.AutoCompleteReadonly336280069__root.AutoCompleteReadonly336280069--disableEditing{cursor:pointer}.AutoCompleteReadonly336280069__root.AutoCompleteReadonly336280069--disableEditing input{cursor:pointer}.ViewsDropdown784153413__root{width:200px}.DragHandle1542332114__root{display:flex;align-items:center}.DragHandle1542332114__root:not(.DragHandle1542332114--disabled){cursor:grab;color:#a8caff}.DragHandle1542332114__root.DragHandle1542332114--disabled{color:#acafc4}.DragHandle1542332114__root:focus-visible:not(.DragHandle1542332114--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1542332114__root.DragHandle1542332114--disabled{pointer-events:none}.DragHandle1542332114__root.DragHandle1542332114--dragging:not(.DragHandle1542332114--disabled){cursor:grabbing}td:has(>.EditableCell924947191__root){position:relative;overflow:visible;min-height:24px}.EditableCell924947191__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)}.EditableCell924947191__root.EditableCell924947191--selected{background:rgba(56,153,236,.08)}.EditableCell924947191__root.EditableCell924947191--focused:not(.EditableCell924947191--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell924947191__root.EditableCell924947191--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}.EditableCell924947191__root.EditableCell924947191--editing:not(.EditableCell924947191--showEditWhenFocused){bottom:auto;min-height:100%}.EditableCell924947191__root:has([data-inner-focused]){overflow:visible;z-index:3;box-shadow:inset 0 0 0 2px var(--wsr-color-B10)}.EditableCell924947191__root.EditableCell924947191--selectionTop:not(.EditableCell924947191--editing){border-top:2px solid var(--wsr-color-B10)}.EditableCell924947191__root.EditableCell924947191--selectionBottom:not(.EditableCell924947191--editing){border-bottom:2px solid var(--wsr-color-B10)}.EditableCell924947191__root.EditableCell924947191--selectionLeft:not(.EditableCell924947191--editing){border-left:2px solid var(--wsr-color-B10)}.EditableCell924947191__root.EditableCell924947191--selectionRight:not(.EditableCell924947191--editing){border-right:2px solid var(--wsr-color-B10)}.EditableCell924947191__root.EditableCell924947191--selectionTop.EditableCell924947191--editing.EditableCell924947191--typeToEdit{border-top:2px solid var(--wsr-color-B10)}.EditableCell924947191__root.EditableCell924947191--selectionBottom.EditableCell924947191--editing.EditableCell924947191--typeToEdit{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell924947191__root.EditableCell924947191--selectionLeft.EditableCell924947191--editing.EditableCell924947191--typeToEdit{border-left:2px solid var(--wsr-color-B10)}.EditableCell924947191__root.EditableCell924947191--selectionRight.EditableCell924947191--editing.EditableCell924947191--typeToEdit{border-right:2px solid var(--wsr-color-B10)}.EditableCell924947191__root.EditableCell924947191--invalid:not(.EditableCell924947191--editing){background:rgba(229,0,77,.06)}.EditableCell924947191__root.EditableCell924947191--copiedTop:not(.EditableCell924947191--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell924947191__root.EditableCell924947191--copiedBottom:not(.EditableCell924947191--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell924947191__root.EditableCell924947191--copiedLeft:not(.EditableCell924947191--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell924947191__root.EditableCell924947191--copiedRight:not(.EditableCell924947191--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell924947191__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.HeaderActionsPopover3073960069__root{opacity:0;transition:opacity .15s}th:hover .HeaderActionsPopover3073960069__root,.HeaderActionsPopover3073960069__root[data-menu-open=true],.HeaderActionsPopover3073960069__root:focus-within{opacity:1}.CellViewLayout3229996868__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout3229996868__root>*{flex:1;min-width:0}.Edit2046697272__booleanEdit{display:flex;align-items:center;margin-left:12px}.View2186983758__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit982507643__dateInput{width:100%;margin-left:-1px}.Edit2129256348__emailInput{width:100%;margin-left:-1px}.Edit4294714850__numberInput{width:100%;margin-right:2px}.Edit4294714850__numberInput input{text-align:right;direction:ltr}.View3464057793__textView{width:100%;text-align:right}.Edit1068427984__jsonInput{width:100%;margin-left:-1px}.Edit2636752142__selectInput{width:100%}.Edit2440547839__editWrapper{width:100%}.Edit2440547839__inputArea{background-color:transparent;width:100%}.Edit2440547839__inputArea input{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2440547839__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2440547839__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important;box-sizing:border-box!important}.Edit2440547839__inputArea:not(.Edit2440547839--isFocused) textarea{resize:none;overflow:hidden}.Edit2440547839__inputArea:not(.Edit2440547839--isFocused) textarea::-webkit-scrollbar{display:none}.Edit1654419121__urlInput{width:100%;margin-left:-1px}.View3029553590__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3029553590__urlText{flex:1;min-width:0}.View3029553590__suffix{flex-shrink:0;margin-left:10px}.View3029553590__textView.View3029553590--suffixOnHover:not(:hover) .View3029553590__suffix{display:none}.EntityPagePlain3210283101__root.EntityPagePlain3210283101--mobile{--wds-page-header-padding-horizontal:0}.Fade212066349__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade212066349__root.Fade212066349--exit{opacity:0}.Heading2045022405__root{visibility:visible}.Heading2045022405__root.Heading2045022405--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload1822850314__fileUpload{width:100%}.InputOverflow874170541__root.InputOverflow874170541--selected:not(.InputOverflow874170541--focused) input::placeholder{color:#000624}@keyframes LoadingRow2681381090__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%}}.LoadingRow2681381090__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:LoadingRow2681381090__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1515085993__root{opacity:1}.MaxHeightText1515085993__root.MaxHeightText1515085993--height24{line-height:24px}.MaxLines1829966507__root{overflow:hidden}.MaxLines1829966507__root.MaxLines1829966507--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3706513071__root{min-width:0}.MultiBulkActionToolbar3706513071__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3706513071__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3706513071__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1141856484__root td{padding:0!important;width:100%}.NestedTableRow3848748466__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3848748466__root:hover{background-color:#e7f0ff!important}.NestedTableRow3848748466__root.NestedTableRow3848748466--expandable{cursor:pointer}.NestedTableRow3848748466__placeholder td{padding:0!important;width:100%}.NestedTableRow3848748466__root:hover td:first-of-type::before,.NestedTableRow3848748466__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2337961302__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)}.NestedTableDragAndDropRow3395056860__root.NestedTableDragAndDropRow3395056860--draggingInto td{background-color:#e7f0ff!important}.PickerContent1917844553__root{display:flex}.PickerContentAdditionalStep3651578072__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3651578072__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2943358023__root{box-sizing:border-box}.ScrollableContent1957158283__root.ScrollableContent1957158283--overflowY{overflow-y:auto}.ScrollableContent1957158283__root.ScrollableContent1957158283--overflowX{overflow-x:auto}.ScrollableContent1957158283__root.ScrollableContent1957158283--smooth{scroll-behavior:smooth}.SkeletonCard574006014__headerLoading{display:block!important}.SlidingModal703651336__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal703651336__root.SlidingModal703651336--overlay{transition:transform 0s ease 0s}.SlidingModal703651336__root.SlidingModal703651336---appendTo-6-parent{position:absolute}.SlidingModal703651336__root:not(.SlidingModal703651336--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3336063847__root .TabsFilter3336063847__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter3336063847__root.TabsFilter3336063847--selected .TabsFilter3336063847__title,.TabsFilter3336063847__root:hover .TabsFilter3336063847__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1391808743__root{display:flex}.ToolbarItem3301560829__root{min-width:0}.ToolbarItemBox2098975742__root{min-width:0}.ToolbarItemBox2098975742__root.ToolbarItemBox2098975742--removeStartPadding{margin-left:-24px}.ToolbarItemBox2098975742__root.ToolbarItemBox2098975742--expandable{flex:1 0}.common1020432396__column{display:flex;flex-direction:column}.common1020432396__fullHeight{height:100%;min-height:0}.CollectionPageHeader4030890287__root:not(.CollectionPageHeader4030890287--mobile){gap:12px}.CollectionPageHeader4030890287__root.CollectionPageHeader4030890287--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4030890287__root.CollectionPageHeader4030890287--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1627187694__root.FormPageHeader1627187694--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1627187694__root.FormPageHeader1627187694--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.392.0';
+export const version = 'patterns@1.395.0';

package/dist/cjs/components/CustomColumnsPanel/CustomColumnsEntityPageCTA.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_providers","_WixPatternsModalsContainer","_WixPatternsPanelModalsContainer","_CustomColumnsEntityPagePanelEntry","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsEntityPageCTA","state","panels","isPanelLayout","useRelativeSidePanel","useWixPatternsContainer","modalsContainerRef","stackingRootRef","usePageContext","useEffect","CustomColumnsEntityPagePanelEntry","registerSidePanel","init","createElement","WixPatternsPanelModalsContainer","__self","__source","fileName","lineNumber","columnNumber","WixPatternsModalsContainer","rootRef","anchorRef","displayName","CustomColumnsEntityPageCTA","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsEntityPageCTA.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { usePageContext } from '../../providers';\nimport { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';\nimport { WixPatternsModalsContainer } from '../WixPatternsModalsContainer';\nimport { WixPatternsPanelModalsContainer } from '../WixPatternsPanelModalsContainer';\nimport { CustomColumnsEntityPagePanelEntry } from './CustomColumnsEntityPagePanelEntry';\n\nexport interface CustomColumnsEntityPageCTAProps {\n  state: CustomColumnsEntityPageState;\n}\n\nfunction _CustomColumnsEntityPageCTA({\n  state,\n}: CustomColumnsEntityPageCTAProps) {\n  const { panels } = state;\n  const { isPanelLayout, useRelativeSidePanel } = useWixPatternsContainer();\n  const { modalsContainerRef, stackingRootRef } = usePageContext();\n\n  useEffect(() => {\n    CustomColumnsEntityPagePanelEntry.state = state;\n    panels.registerSidePanel(\n      'customColumns',\n      CustomColumnsEntityPagePanelEntry,\n    );\n    return panels.init();\n  }, []);\n\n  if (isPanelLayout) {\n    return <WixPatternsPanelModalsContainer state={panels} />;\n  }\n\n  return (\n    <WixPatternsModalsContainer\n      rootRef={stackingRootRef}\n      anchorRef={useRelativeSidePanel ? stackingRootRef : modalsContainerRef}\n      state={panels}\n    />\n  );\n}\n\n_CustomColumnsEntityPageCTA.displayName = 'CustomColumnsEntityPageCTA';\n\nexport const CustomColumnsEntityPageCTA = observer(_CustomColumnsEntityPageCTA);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,2BAAA,GAAAJ,OAAA;AACA,IAAAK,gCAAA,GAAAL,OAAA;AACA,IAAAM,kCAAA,GAAAN,OAAA;AAAwF,IAAAO,YAAA;AAAA,SAAAR,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAMxF,SAASkB,2BAA2BA,CAAC;EACnCC;AAC+B,CAAC,EAAE;EAClC,MAAM;IAAEC;EAAO,CAAC,GAAGD,KAAK;EACxB,MAAM;IAAEE,aAAa;IAAEC;EAAqB,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EACzE,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAG,IAAAC,yBAAc,EAAC,CAAC;EAEhE,IAAAC,gBAAS,EAAC,MAAM;IACdC,oEAAiC,CAACT,KAAK,GAAGA,KAAK;IAC/CC,MAAM,CAACS,iBAAiB,CACtB,eAAe,EACfD,oEACF,CAAC;IACD,OAAOR,MAAM,CAACU,IAAI,CAAC,CAAC;EACtB,CAAC,EAAE,EAAE,CAAC;EAEN,IAAIT,aAAa,EAAE;IACjB,oBAAOhC,MAAA,CAAAoB,OAAA,CAAAsB,aAAA,CAACnC,gCAAA,CAAAoC,+BAA+B;MAACb,KAAK,EAAEC,MAAO;MAAAa,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArC,YAAA;QAAAsC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EAC3D;EAEA,oBACEhD,MAAA,CAAAoB,OAAA,CAAAsB,aAAA,CAACpC,2BAAA,CAAA2C,0BAA0B;IACzBC,OAAO,EAAEd,eAAgB;IACzBe,SAAS,EAAElB,oBAAoB,GAAGG,eAAe,GAAGD,kBAAmB;IACvEL,KAAK,EAAEC,MAAO;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACf,CAAC;AAEN;AAEAnB,2BAA2B,CAACuB,WAAW,GAAG,4BAA4B;AAE/D,MAAMC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAAE,uBAAQ,EAAC1B,2BAA2B,CAAC","ignoreList":[]}

package/dist/esm/components/CustomColumnsPanel/CustomColumnsEntityPageCTA.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomColumnsEntityPageCTA.js","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsEntityPageCTA.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EAAE,+BAA+B,EAAE,MAAM,oCAAoC,CAAC;AACrF,OAAO,EAAE,iCAAiC,EAAE,MAAM,qCAAqC,CAAC;AAMxF,SAAS,2BAA2B,CAAC,EACnC,KAAK,GAC2B;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,MAAM,EAAE,aAAa,EAAE,oBAAoB,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAC1E,MAAM,EAAE,kBAAkB,EAAE,eAAe,EAAE,GAAG,cAAc,EAAE,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,iCAAiC,CAAC,KAAK,GAAG,KAAK,CAAC;QAChD,MAAM,CAAC,iBAAiB,CACtB,eAAe,EACf,iCAAiC,CAClC,CAAC;QACF,OAAO,MAAM,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,aAAa,EAAE;QACjB,OAAO,oBAAC,+BAA+B,IAAC,KAAK,EAAE,MAAM,GAAI,CAAC;KAC3D;IAED,OAAO,CACL,oBAAC,0BAA0B,IACzB,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,oBAAoB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,EACtE,KAAK,EAAE,MAAM,GACb,CACH,CAAC;AACJ,CAAC;AAED,2BAA2B,CAAC,WAAW,GAAG,4BAA4B,CAAC;AAEvE,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAAC,2BAA2B,CAAC,CAAC"}

package/dist/types/components/CustomColumnsPanel/CustomColumnsEntityPageCTA.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';
-export interface CustomColumnsEntityPageCTAProps {
-    state: CustomColumnsEntityPageState;
-}
-declare function _CustomColumnsEntityPageCTA({ state, }: CustomColumnsEntityPageCTAProps): React.JSX.Element;
-declare namespace _CustomColumnsEntityPageCTA {
-    var displayName: string;
-}
-export declare const CustomColumnsEntityPageCTA: typeof _CustomColumnsEntityPageCTA & {
-    displayName: string;
-};
-export {};
-//# sourceMappingURL=CustomColumnsEntityPageCTA.d.ts.map

package/dist/types/components/CustomColumnsPanel/CustomColumnsEntityPageCTA.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomColumnsEntityPageCTA.d.ts","sourceRoot":"","sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsEntityPageCTA.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AAKxF,MAAM,WAAW,+BAA+B;IAC9C,KAAK,EAAE,4BAA4B,CAAC;CACrC;AAED,iBAAS,2BAA2B,CAAC,EACnC,KAAK,GACN,EAAE,+BAA+B,qBAyBjC;kBA3BQ,2BAA2B;;;AA+BpC,eAAO,MAAM,0BAA0B;;CAAwC,CAAC"}