@wix/patterns 1.471.0 → 1.472.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow2802571862";
+var _namespace_ = "NestedTableRow3313039781";
 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":"NestedTableRow2802571862__root","firstLevel":"NestedTableRow2802571862__firstLevel","placeholder":"NestedTableRow2802571862__placeholder","parentHovered":"NestedTableRow2802571862__parentHovered"};
+export var classes = {"root":"NestedTableRow3313039781__root","firstLevel":"NestedTableRow3313039781__firstLevel","placeholder":"NestedTableRow3313039781__placeholder","parentHovered":"NestedTableRow3313039781__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_ = "MultipleDragOverlayEffect3040003692";
+var _namespace_ = "MultipleDragOverlayEffect274975867";
 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":"MultipleDragOverlayEffect3040003692__root"};
+export var classes = {"root":"MultipleDragOverlayEffect274975867__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_ = "NestedTableDragAndDropRow2385517821";
+var _namespace_ = "NestedTableDragAndDropRow3373132806";
 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":"NestedTableDragAndDropRow2385517821__root"};
+export var classes = {"root":"NestedTableDragAndDropRow3373132806__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_ = "PickerContent1900656109";
+var _namespace_ = "PickerContent3820763588";
 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":"PickerContent1900656109__root"};
+export var classes = {"root":"PickerContent3820763588__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_ = "PickerContentAdditionalStep3820781181";
+var _namespace_ = "PickerContentAdditionalStep1357178342";
 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":"PickerContentAdditionalStep3820781181__root","titles":"PickerContentAdditionalStep3820781181__titles","suffix":"PickerContentAdditionalStep3820781181__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep1357178342__root","titles":"PickerContentAdditionalStep1357178342__titles","suffix":"PickerContentAdditionalStep1357178342__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_ = "PickerTableListItem1944108378";
+var _namespace_ = "PickerTableListItem3804923875";
 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":"PickerTableListItem1944108378__root"};
+export var classes = {"root":"PickerTableListItem3804923875__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_ = "ScrollableContent2527951948";
+var _namespace_ = "ScrollableContent2373455459";
 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":"ScrollableContent2527951948__root"};
+export var classes = {"root":"ScrollableContent2373455459__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SetupWidget3438247883";
+var _namespace_ = "SetupWidget1334815869";
 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":"SetupWidget3438247883__root","row":"SetupWidget3438247883__row","completedCta":"SetupWidget3438247883__completedCta","secondaryCta":"SetupWidget3438247883__secondaryCta","card":"SetupWidget3438247883__card","stepIcon":"SetupWidget3438247883__stepIcon","chevron":"SetupWidget3438247883__chevron","chevronDisabled":"SetupWidget3438247883__chevronDisabled","inProgressLabel":"SetupWidget3438247883__inProgressLabel"};
+export var classes = {"root":"SetupWidget1334815869__root","row":"SetupWidget1334815869__row","completedCta":"SetupWidget1334815869__completedCta","secondaryCta":"SetupWidget1334815869__secondaryCta","card":"SetupWidget1334815869__card","stepIcon":"SetupWidget1334815869__stepIcon","chevron":"SetupWidget1334815869__chevron","chevronDisabled":"SetupWidget1334815869__chevronDisabled","inProgressLabel":"SetupWidget1334815869__inProgressLabel"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/SetupWidget/SetupWidget.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
-import { Box } from '@wix/design-system';
+import { Box, Divider } from '@wix/design-system';
 import { SetupWidgetState, SetupWidgetStep } from '@wix/bex-core';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { CardContainer } from '../CardContainer';
@@ -49,6 +49,12 @@ export interface SetupWidgetProps {
   onStepView?: (step: SetupWidgetStep) => void;
   /** Fired when the "all complete" celebratory CTA is clicked. */
   onAllCompleteClick?: () => void;
+  /**
+   * Content rendered below the step list, separated from it by a divider
+   * (e.g. a "was this helpful?" feedback row). Shown only with the list —
+   * not while loading, on error, or on the all-complete surface.
+   */
+  footer?: React.ReactNode;
   /**
    * Replaces the default error UI when the initial load fails. Receives a
    * `retry` callback (re-runs the load) and the thrown `error`. When omitted, a
@@ -93,6 +99,7 @@ const _SetupWidget = ({
   onStepSecondaryClick,
   onStepView,
   onAllCompleteClick,
+  footer,
   renderError,
   dataHook,
 }: SetupWidgetProps) => {
@@ -236,10 +243,32 @@ const _SetupWidget = ({
     </Box>
   );
 
+  // Per the Figma spec: 30px from the last step to the divider, 14px from the
+  // divider to the content (no WDS SP tokens match either). The mobile body
+  // already spaces its children by SP3 (12px), so only the rest is padded.
+  // Gated on success because CardContainer's error card still renders its
+  // children above the error message. `false` (from `footer={cond && ...}`)
+  // counts as absent so no bare divider is left behind.
+  const hasFooter = footer != null && typeof footer !== 'boolean';
+  const footerNode =
+    hasFooter && status === 'success' ? (
+      <Box
+        dataHook="setup-widget-footer"
+        direction="vertical"
+        gap="14px"
+        paddingTop={isMobile ? '18px' : '30px'}
+        width="100%"
+      >
+        <Divider />
+        <div>{footer}</div>
+      </Box>
+    ) : null;
+
   const body = (
     <>
       {header}
       {list}
+      {footerNode}
     </>
   );
 

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

@@ -81,6 +81,8 @@ export default (base: UniDriver, body: UniDriver) => {
     /** Click an arbitrary element by data-hook within the widget. */
     clickByDataHook: (dataHook: string) =>
       base.$(`[data-hook="${dataHook}"]`).click(),
+    /** Whether the consumer-supplied footer slot is rendered. */
+    footerExists: () => base.$(`[data-hook="setup-widget-footer"]`).exists(),
     /** Whether the all-complete success surface is shown. */
     isAllComplete: () => base.$(`[data-hook="setup-all-complete"]`).exists(),
     /** Whether the loading skeleton is shown. */

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard1951551948";
+var _namespace_ = "SkeletonCard3901364928";
 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":"SkeletonCard1951551948__root","headerLoading":"SkeletonCard1951551948__headerLoading"};
+export var classes = {"root":"SkeletonCard3901364928__root","headerLoading":"SkeletonCard3901364928__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_ = "SlidingModal547265214";
+var _namespace_ = "SlidingModal1380677350";
 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":"SlidingModal547265214__root"};
+export var classes = {"root":"SlidingModal1380677350__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Table/AddFieldColumnHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AddFieldColumnHeader1884038899";
+var _namespace_ = "AddFieldColumnHeader2839767807";
 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":"AddFieldColumnHeader1884038899__root","anchorLayer":"AddFieldColumnHeader1884038899__anchorLayer","popover":"AddFieldColumnHeader1884038899__popover","title":"AddFieldColumnHeader1884038899__title","hoverBridge":"AddFieldColumnHeader1884038899__hoverBridge"};
+export var classes = {"root":"AddFieldColumnHeader2839767807__root","anchorLayer":"AddFieldColumnHeader2839767807__anchorLayer","popover":"AddFieldColumnHeader2839767807__popover","title":"AddFieldColumnHeader2839767807__title","hoverBridge":"AddFieldColumnHeader2839767807__hoverBridge"};
 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_ = "TabsFilter183617397";
+var _namespace_ = "TabsFilter1077166318";
 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":"TabsFilter183617397__root","titleBox":"TabsFilter183617397__titleBox"};
+export var classes = {"root":"TabsFilter1077166318__root","titleBox":"TabsFilter1077166318__titleBox"};
 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_ = "ManageTagsModal3206003437";
+var _namespace_ = "ManageTagsModal2292599363";
 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":"ManageTagsModal3206003437__root"};
+export var classes = {"root":"ManageTagsModal2292599363__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem4007998034";
+var _namespace_ = "ToolbarItem3172554282";
 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":"ToolbarItem4007998034__root"};
+export var classes = {"root":"ToolbarItem3172554282__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_ = "ToolbarItemBox960761029";
+var _namespace_ = "ToolbarItemBox2777674929";
 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":"ToolbarItemBox960761029__root"};
+export var classes = {"root":"ToolbarItemBox2777674929__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_ = "common3047314224";
+var _namespace_ = "common1121650368";
 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":"common3047314224__root","column":"common3047314224__column","fullHeight":"common3047314224__fullHeight"};
+export var classes = {"root":"common1121650368__root","column":"common1121650368__column","fullHeight":"common1121650368__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/index.ts

@@ -22,6 +22,9 @@ export * from './components/MultiInlineCheckboxFilter';
 export * from './components/DateRangeFilter';
 export * from './components/NumberRangeFilter';
 export * from './components/OperatorFilterPicker';
+export * from './components/CustomFieldFilters/HasValueCustomFieldFilter';
+export * from './components/CustomFieldFilters/CheckboxCustomFieldFilter';
+export * from './components/CustomFieldFilters/checkboxFilterOptions';
 export * from './components/CollectionContext';
 export * from './components/CollectionToolbarFilters';
 export * from './components/BulkActionToolbar';

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

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

package/src/state/CollectionPage/TitleBadges.st.css

@@ -0,0 +1,5 @@
+/* Override the WDS popover display even when its stylesheet loads last. */
+.tooltip.tooltip,
+.tooltipTrigger {
+  display: flex;
+}

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

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "TitleBadges974990926";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"TitleBadges974990926__root","tooltip":"TitleBadges974990926__tooltip","tooltipTrigger":"TitleBadges974990926__tooltipTrigger"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {}; 
+
+
+
+

package/src/state/CollectionPage/TitleBadges.tsx

@@ -1,5 +1,7 @@
-import React, { lazy, Suspense } from 'react';
-import { Box } from '@wix/design-system';
+import React, { lazy, Suspense, useState } from 'react';
+import { Box, Tooltip } from '@wix/design-system';
+import uniqueId from 'lodash/uniqueId';
+import { classes } from './TitleBadges.st.css.js';
 import { CollectionPageHeaderBadge } from '../../components/CollectionPageHeaderNew';
 
 const LazyBadge = lazy(() =>
@@ -11,6 +13,10 @@ export interface TitleBadgesProps {
 }
 
 export function TitleBadges({ badges }: TitleBadgesProps) {
+  const [tooltipId] = useState(() =>
+    uniqueId('collection-page-badge-tooltip-'),
+  );
+
   if (!badges?.length) {
     return null;
   }
@@ -24,18 +30,37 @@ export function TitleBadges({ badges }: TitleBadgesProps) {
         paddingLeft="SP2"
         flexShrink={0}
       >
-        {badges.map((badge, index) => (
-          <LazyBadge
-            key={index}
-            size="small"
-            skin={badge.skin}
-            prefixIcon={badge.prefixIcon}
-            suffixIcon={badge.suffixIcon}
-            dataHook={`collection-page-header-badge-${index}`}
-          >
-            {badge.text}
-          </LazyBadge>
-        ))}
+        {badges.map((badge, index) => {
+          const content = (
+            <LazyBadge
+              key={index}
+              size="small"
+              skin={badge.skin}
+              prefixIcon={badge.prefixIcon}
+              suffixIcon={badge.suffixIcon}
+              dataHook={`collection-page-header-badge-${index}`}
+            >
+              {badge.text}
+            </LazyBadge>
+          );
+
+          return badge.tooltip ? (
+            <Tooltip
+              key={index}
+              className={classes.tooltip}
+              content={badge.tooltip}
+              inline
+              aria-describedby={`${tooltipId}-${index}`}
+              dataHook={`collection-page-header-badge-tooltip-${index}`}
+            >
+              <span className={classes.tooltipTrigger} tabIndex={0}>
+                {content}
+              </span>
+            </Tooltip>
+          ) : (
+            content
+          );
+        })}
       </Box>
     </Suspense>
   );

package/src/state/FormPage/FormPageHeader.st.css.ts

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

package/src/state/ToolbarCollectionState.ts

@@ -639,6 +639,15 @@ export class ToolbarCollectionState<T, F extends FiltersMap = FiltersMap> {
           if (!next || !prev || next === prev) {
             return;
           }
+          // Grid does not support column customization, so its panel must not stay open.
+          if (
+            next === 'grid' &&
+            this.panels.sidePanel.isOpen &&
+            this.panels.sidePanel.currentPanelId ===
+              this.panels._getPanelUniqueId('customColumns')
+          ) {
+            this.panels.closeSidePanel();
+          }
           if (this._skipNextLayoutCoordinator) {
             this._skipNextLayoutCoordinator = false;
             this._cacheRestoredLayout = next;