@wix/patterns 1.308.0 → 1.317.0

package/src/components/Suggestions/types.ts

@@ -0,0 +1,41 @@
+import { CarouselWIPProps } from '@wix/design-system';
+import { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';
+
+// Re-export Offer for external consumers
+export type { Offer };
+
+/**
+ * Base props passed to card components
+ */
+export interface BaseCardComponentProps {
+  /** Index of the card in the list */
+  index: number;
+  /** Total number of offers received from the dealer service */
+  totalOffers: number;
+}
+
+/**
+ * Props passed to the renderCard function
+ */
+export interface SuggestionsCardProps extends BaseCardComponentProps {
+  /** The offer data from the dealer service */
+  offer: Offer;
+}
+
+/**
+ * Props for the Suggestions component
+ */
+export interface SuggestionsProps {
+  /** The placement ID to fetch offers for */
+  placementId: string;
+  /** Props to pass to the carousel component */
+  carouselProps?: CarouselWIPProps;
+  /** Render function for each offer card */
+  renderCard: (props: SuggestionsCardProps) => React.ReactNode | null;
+  /** Skeleton component to render when loading */
+  CardSkeleton?: React.ComponentType<BaseCardComponentProps>;
+  /** Number of skeletons to render when loading */
+  skeletonsNumber?: number;
+  /** Data hook to use for the suggestions component */
+  dataHook?: string;
+}

package/src/components/TabTotal/TabTotalCounterBadge.tsx

@@ -15,7 +15,7 @@ export interface TabCounterBadgeProps<V, T, F extends FiltersMap>
 function _TabCounterBadge<V, T = unknown, F extends FiltersMap = FiltersMap>(
   props: TabCounterBadgeProps<V, T, F>,
 ) {
-  const { value, ...rest } = props;
+  const { value, skin = 'neutralStandard', ...rest } = props;
   const state = useFilterValueTotalState(props);
 
   const {
@@ -23,7 +23,9 @@ function _TabCounterBadge<V, T = unknown, F extends FiltersMap = FiltersMap>(
   } = state;
 
   return totalStatus === 'success' && lifecycleState === 'result' ? (
-    <CounterBadge {...rest}>{total}</CounterBadge>
+    <CounterBadge skin={skin} {...rest}>
+      {total}
+    </CounterBadge>
   ) : null;
 }
 

package/src/components/TabsFilter/TabsDropdown.tsx

@@ -1,5 +1,10 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { Box, Input, listItemSelectBuilder } from '@wix/design-system';
+import {
+  Box,
+  DropdownProps,
+  Input,
+  listItemSelectBuilder,
+} from '@wix/design-system';
 import { Filter } from '@wix/bex-core';
 import { observer } from 'mobx-react-lite';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
@@ -14,10 +19,11 @@ export interface TabsFilterProps<V> {
   data: V[];
   filter: Filter<V[]>;
   selectedId: string;
+  popoverProps?: DropdownProps['popoverProps'];
 }
 
 function _TabsDropdown<V>(props: TabsFilterProps<V>) {
-  const { data: dataProp, items, filter, selectedId } = props;
+  const { data: dataProp, items, filter, selectedId, popoverProps } = props;
 
   const { itemKey } = filter;
 
@@ -98,6 +104,7 @@ function _TabsDropdown<V>(props: TabsFilterProps<V>) {
             </Input.Affix>
           )
         }
+        popoverProps={popoverProps}
       />
     </Box>
   );

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter2926816683";
+var _namespace_ = "TabsFilter496331046";
 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":"TabsFilter2926816683__root","title":"TabsFilter2926816683__title"};
+export var classes = {"root":"TabsFilter496331046__root","title":"TabsFilter496331046__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/TabsFilter/TabsFilter.tsx

@@ -1,11 +1,11 @@
 import React, {
-  ReactNode,
+  ReactElement,
   useEffect,
   useLayoutEffect,
   useMemo,
   useState,
 } from 'react';
-import { Box, TabsProps } from '@wix/design-system';
+import { Box, DropdownProps, TabsProps } from '@wix/design-system';
 import { Filter } from '@wix/bex-core';
 import { runInAction } from 'mobx';
 import { FilterContextProvider } from '../FilterContext';
@@ -18,6 +18,15 @@ import { TabsDropdown } from './TabsDropdown';
 import { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';
 import { TabsDefault } from './TabsDefault';
 import { useFilterValueTotalState } from '../TabTotal/useFilterValueTotalState';
+import type { TabCounterBadgeProps } from '../TabTotal/TabTotalCounterBadge';
+import type { TabTotalParensProps } from '../TabTotal/TabTotalParens';
+
+/** Type alias for TabTotalCounterBadge component element */
+type TabTotalCounterBadge<V> = ReactElement<
+  TabCounterBadgeProps<V, unknown, any>
+>;
+/** Type alias for TabTotalParens component element */
+type TabTotalParens<V> = ReactElement<TabTotalParensProps<V, unknown, any>>;
 
 export interface TabsFilterProps<V> {
   /**
@@ -43,10 +52,12 @@ export interface TabsFilterProps<V> {
   /**
    * Renders a counter badge next to the tabs' texts.
    * <br><br>
-   * See different examples of this implementation in the **Design** tab.
+   * See different examples of this implementation in the [Overview](./?path=/story/features-filter-components--tabsfilter) tab.
    * @external
    */
-  counterBadge?: (value: V | null | undefined) => ReactNode;
+  counterBadge?: (
+    value: V | null | undefined,
+  ) => TabTotalCounterBadge<V> | TabTotalParens<V> | null | undefined;
   onChange?: (value: V | null | undefined) => unknown;
 
   /**
@@ -61,6 +72,12 @@ export interface TabsFilterProps<V> {
   type?: Extract<TabsProps['type'], 'uniformFull'>;
 
   placeAllTabLast?: boolean;
+
+  /**
+   * Custom popover props for the mobile dropdown menu. On mobile devices, tabs are displayed as a dropdown menu.
+   * @external
+   */
+  mobilePopoverProps?: DropdownProps['popoverProps'];
 }
 
 function _TabsFilter<V>(props: TabsFilterProps<V>) {
@@ -72,6 +89,7 @@ function _TabsFilter<V>(props: TabsFilterProps<V>) {
     counterBadge,
     placeAllTabLast,
     onChange,
+    mobilePopoverProps,
   } = props;
   const { itemKey, itemName } = filter;
 
@@ -213,6 +231,7 @@ function _TabsFilter<V>(props: TabsFilterProps<V>) {
               data={dataProp}
               items={items}
               selectedId={selectedId}
+              popoverProps={mobilePopoverProps}
             />
           )}
         </div>

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

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

package/src/components/ToolbarCollection/ToolbarCollection.tsx

@@ -253,15 +253,15 @@ export interface ToolbarCollectionBaseProps<T, F extends FiltersMap>
 
   /**
    * Adds functionality for a primary action button in the toolbar.
-   * Accepts a [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton) component.
+   * Accepts a [PrimaryActionButton](./?path=/story/features-actions-primary-actions--primary-action-button) component.
    * @external
-   * @overrideType [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton)
+   * @overrideType [PrimaryActionButton](./?path=/story/features-actions-primary-actions--primary-action-button)
    */
   primaryActionButton?: PrimaryActionButtonElement;
 
   /**
    * Secondary buttons w/o PopoverMenu component to be rendered on the toolbar.
-   * @overrideType [ToolbarSecondaryActions](./?path=/story/wip-toolbarsecondaryactions--toolbarsecondaryactions)
+   * @overrideType [ToolbarSecondaryActions](./?path=/story/features-actions-secondary-actions--toolbar-secondary-actions)
    * @external
    */
   secondaryActions?: ToolbarSecondaryActionsElement;

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem3195151128";
+var _namespace_ = "ToolbarItem3939787072";
 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":"ToolbarItem3195151128__root"};
+export var classes = {"root":"ToolbarItem3939787072__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_ = "ToolbarItemBox2427129690";
+var _namespace_ = "ToolbarItemBox3028974134";
 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":"ToolbarItemBox2427129690__root"};
+export var classes = {"root":"ToolbarItemBox3028974134__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ToolbarTitle/ToolbarTitle.tsx

@@ -11,6 +11,8 @@ import {
 import React, { ReactNode } from 'react';
 import { FiltersMap, useWixPatternsContainer } from '../..';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { withoutDefaults } from '@wix/bex-core';
+import { cairoLearnMore } from '@wix/bex-utils/@wix/bi-logger-os-data/v2';
 
 export interface ToolbarTitleProps {
   /**
@@ -56,6 +58,7 @@ export const ToolbarTitle = observer(function ToolbarTitle<
     collection: {
       result: { total, status },
     },
+    reportBi,
   } = useToolbarCollectionContext<T, F>();
 
   return (
@@ -92,6 +95,13 @@ export const ToolbarTitle = observer(function ToolbarTitle<
             rel="noopener"
             target="_blank"
             href={subtitle.learnMore.url}
+            onClick={() => {
+              reportBi(
+                withoutDefaults(cairoLearnMore)({
+                  origin: 'Toolbar Subtitle',
+                }),
+              );
+            }}
           >
             {subtitle.learnMore.label || t('cairo.table.subtitle.learnMore')}
           </TextButton>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common4185539822";
+var _namespace_ = "common1399305235";
 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":"common4185539822__root","column":"common4185539822__column","fullHeight":"common4185539822__fullHeight"};
+export var classes = {"root":"common1399305235__root","column":"common1399305235__column","fullHeight":"common1399305235__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/exports/testkit/unidriver.ts

@@ -27,4 +27,8 @@ export { default as RequestIdUniDriver } from '../../components/RequestId/Reques
 export { SearchableCollectionContentUniDriver } from '../../components/SearchableCollectionContent/SearchableCollectionContent.uni.driver';
 export { MoreActionsUniDriver } from '../../components/MoreActions/MoreActions.uni.driver';
 export { CollectionDropdownFilterUniDriver } from '../../components/DropdownFilter/CollectionDropdownFilter.uni.driver';
-export { SuggestionsUniDriver } from '../../components/Suggestions/Suggestions.uni.driver';
+export {
+  SuggestionsUniDriver,
+  SuggestionsUniDriverOptions,
+} from '../../components/Suggestions/Suggestions.uni.driver';
+export { MarketingCardUniDriver } from '../../components/Suggestions/MarketingCard.uni.driver';

package/src/hooks/useBulkActionMobileGroups.ts

@@ -35,7 +35,8 @@ export function useBulkActionMobileGroups({
   if (primaryGroup.length > 0) {
     groups.push(primaryGroup);
   }
-  if (secondaryFlat.length > 0) {
+  // array is at least of size 1 because of the hardcoded moreActionsLabel
+  if (secondaryFlat.length > 1) {
     groups.push(secondaryFlat);
   }
   return groups;

package/src/hooks/useItemsSelectionFilter/useItemsSelectionFilter.ts

@@ -130,7 +130,7 @@ export interface UseItemsSelectionFilterParams {
    */
   providerKey: string;
   /**
-   * This is a reference to the filter that was defined in the main collection. For example: `collection.filters.<filterName>`
+   * This is a reference to the filter that was defined in the main collection. For example: `collection.filters.<filterName>`.
    */
   filter: Filter<ItemsSelectionValue[]>;
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader1971156769";
+var _namespace_ = "CollectionPageHeader2516473184";
 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":"CollectionPageHeader1971156769__root"};
+export var classes = {"root":"CollectionPageHeader2516473184__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_ = "FormPageHeader983864250";
+var _namespace_ = "FormPageHeader2355904436";
 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":"FormPageHeader983864250__root"};
+export var classes = {"root":"FormPageHeader2355904436__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/NestedTableState/NestedTableNodeStateOptimisticActions.ts

@@ -30,11 +30,35 @@ export interface NestedUpdateManyParams<T, R> extends UpdateManyParams<T, R> {
 
 export interface NestedTableNodeStateOptimisticActionsPublicAPI<T>
   extends OptimisticActions<T> {
+  /**
+   * Updates multiple items
+   * @param items - The items to update.
+   * @param params - Additional parameters for the update operation.
+   * @param params.propagate - Indicates whether to propagate the update children nodes
+   * @param params.patch - Partial data to patch the items with.
+   */
   updateMany<R>(items: T[], params: NestedUpdateManyParams<T, R>): void;
 
+  /**
+   * Updates one item
+   * @param item - The items to update.
+   * @param params - Additional parameters for the update operation.
+   * @param params.propagate - Indicates whether to propagate the update children nodes
+   * @param params.patch - Partial data to patch the items with.
+   */
   updateOne<R>(item: T, params: NestedUpdateManyParams<T, R>): void;
 
+  /**
+   * Deletes multiple items and their descendants
+   * @param items - An array of items to delete.
+   * @param params - Additional parameters for the delete operation.
+   */
   deleteMany<R>(items: T[], params: NestedDeleteManyParams<T, R>): void;
+  /**
+   * Deletes one item and its descendants
+   * @param item - An array of items to delete.
+   * @param params - Additional parameters for the delete operation.
+   */
   deleteOne<R>(item: T, params: NestedDeleteManyParams<T, R>): void;
 }
 

package/src/state/NestedTableState/NestedTableNodeStatePublicAPI.ts

@@ -23,6 +23,7 @@ export interface NestedTableNodeStatePublicAPI<
 
   /**
    * The optimistic actions of the node, affects items both in nested & flat mode
+   * @overrideType [NestedTableOptimisticActions](./?path=/story/base-components-collections-nestedtable--nestedtableoptimisticactions)
    */
   readonly optimisticActions?: NestedTableNodeStateOptimisticActionsPublicAPI<T>;
 

package/src/state/NestedTableState/index.ts

@@ -7,3 +7,4 @@ export {
   NestedTableNodeState,
 } from './NestedTableNodeState';
 export * from './createNestedTableLevel';
+export { NestedTableNodeStateOptimisticActionsPublicAPI as NestedTableOptimisticActions } from './NestedTableNodeStateOptimisticActions';

package/src/state/ToolbarCollectionState.ts

@@ -162,6 +162,8 @@ export class ToolbarCollectionState<T, F extends FiltersMap = FiltersMap> {
   AddApplyFiltersButton?: typeof AddApplyFiltersButton;
   tabs?: TabsFilterState<T, F>;
 
+  _searchExpanded = false;
+
   forceRenderIndexes: number[] | undefined = undefined;
 
   constructor(params: ToolbarCollectionStateParams<T, F>) {
@@ -278,6 +280,7 @@ export class ToolbarCollectionState<T, F extends FiltersMap = FiltersMap> {
       _adjustSortWithNewColumns: action,
       setToolbarFiltersStateInitialized: action,
       activeFiltersEntries: computed,
+      _searchExpanded: observable.ref,
     });
   }
 

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer1393832148__root.CardContainer1393832148--mobile{border-radius:0}.Collapse3981266577__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3981266577__exit{height:0}.CollectionPage359188730__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage359188730__root.CollectionPage359188730--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage359188730__root.CollectionPage359188730--panel{overflow:hidden;position:relative}.CollectionTable2907796976__root td{vertical-align:middle}.CollectionTable2907796976__root.CollectionTable2907796976--mobile td:first-child{padding-left:18px}.CollectionTable2907796976__root.CollectionTable2907796976--mobile td:last-child{padding-right:18px}.CollectionToolbar1834786979__left{min-width:0}.CollectionToolbar1834786979__root.CollectionToolbar1834786979--views .CollectionToolbar1834786979__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1834786979__left.CollectionToolbar1834786979--expandable{flex:auto}.CollectionToolbar1834786979__root .CollectionToolbar1834786979__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1834786979__root.CollectionToolbar1834786979--views .CollectionToolbar1834786979__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1834786979__root .CollectionToolbar1834786979__right.CollectionToolbar1834786979__fullWidth{margin-inline-start:0!important}.CollectionToolbar1834786979__root.CollectionToolbar1834786979--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1027938767__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1027938767__searchMobile{justify-content:flex-end;position:absolute;left:18px;right:18px}.SearchOrCustomFilter1027938767__searchMobile.SearchOrCustomFilter1027938767--expandable{left:unset}.SearchOrCustomFilter1027938767__searchMobile.SearchOrCustomFilter1027938767--expandable.SearchOrCustomFilter1027938767--expanded{left:18px}.AutoCompleteReadonly149958630__root.AutoCompleteReadonly149958630--disableEditing{cursor:pointer}.AutoCompleteReadonly149958630__root.AutoCompleteReadonly149958630--disableEditing input{cursor:pointer}.ViewsDropdown388446974__root{width:200px}.DragHandle4004062389__root{display:flex;align-items:center}.DragHandle4004062389__root:not(.DragHandle4004062389--disabled){cursor:grab;color:#a8caff}.DragHandle4004062389__root.DragHandle4004062389--disabled{color:#acafc4}.DragHandle4004062389__root:focus-visible:not(.DragHandle4004062389--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4004062389__root.DragHandle4004062389--disabled{pointer-events:none}.DragHandle4004062389__root.DragHandle4004062389--dragging:not(.DragHandle4004062389--disabled){cursor:grabbing}.EntityPagePlain487832312__root.EntityPagePlain487832312--mobile{--wds-page-header-padding-horizontal:0}.Fade3377844725__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3377844725__root.Fade3377844725--exit{opacity:0}.Heading1047250066__root{visibility:visible}.Heading1047250066__root.Heading1047250066--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow4035773023__root.InputOverflow4035773023--selected:not(.InputOverflow4035773023--focused) input::placeholder{color:#000624}@keyframes LoadingRow375204560__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%}}.LoadingRow375204560__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:LoadingRow375204560__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3590077997__root{opacity:1}.MaxHeightText3590077997__root.MaxHeightText3590077997--height24{line-height:24px}.MaxLines977625515__root{overflow:hidden}.MaxLines977625515__root.MaxLines977625515--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3384938799__root{min-width:0}.MultiBulkActionToolbar3384938799__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar3384938799__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar3384938799__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow4269702703__root td{padding:0!important;width:100%}.NestedTableRow2773824342__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2773824342__root:hover{background-color:#e7f0ff!important}.NestedTableRow2773824342__root.NestedTableRow2773824342--expandable{cursor:pointer}.NestedTableRow2773824342__placeholder td{padding:0!important;width:100%}.NestedTableRow2773824342__root:hover td:first-of-type::before,.NestedTableRow2773824342__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3250565435__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)}.NestedTableDragAndDropRow3732860894__root.NestedTableDragAndDropRow3732860894--draggingInto td{background-color:#e7f0ff!important}.PickerContent3376884860__root{display:flex}.PickerContentAdditionalStep2653849695__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2653849695__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4193578985__root{box-sizing:border-box}.ScrollableContent2579072526__root.ScrollableContent2579072526--overflowY{overflow-y:auto}.ScrollableContent2579072526__root.ScrollableContent2579072526--overflowX{overflow-x:auto}.ScrollableContent2579072526__root.ScrollableContent2579072526--smooth{scroll-behavior:smooth}.SkeletonCard342119583__headerLoading{display:block!important}.SlidingModal1985984796__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1985984796__root.SlidingModal1985984796--overlay{transition:transform 0s ease 0s}.SlidingModal1985984796__root.SlidingModal1985984796---appendTo-6-parent{position:absolute}.SlidingModal1985984796__root:not(.SlidingModal1985984796--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2926816683__root .TabsFilter2926816683__title{color:inherit!important}.ManageTagsModal413112325__root{display:flex}.ToolbarItem3195151128__root{min-width:0}.ToolbarItemBox2427129690__root{min-width:0}.ToolbarItemBox2427129690__root.ToolbarItemBox2427129690--removeStartPadding{margin-left:-24px}.ToolbarItemBox2427129690__root.ToolbarItemBox2427129690--expandable{flex:1 0}.common4185539822__column{display:flex;flex-direction:column}.common4185539822__fullHeight{height:100%;min-height:0}.CollectionPageHeader1971156769__root.CollectionPageHeader1971156769--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1971156769__root.CollectionPageHeader1971156769--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader983864250__root.FormPageHeader983864250--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader983864250__root.FormPageHeader983864250--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer3682847078__root.CardContainer3682847078--mobile{border-radius:0}.Collapse1742912586__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1742912586__exit{height:0}.CollectionPage2205670101__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage2205670101__root.CollectionPage2205670101--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage2205670101__root.CollectionPage2205670101--panel{overflow:hidden;position:relative}.CollectionTable469532719__root td{vertical-align:middle}.CollectionTable469532719__root.CollectionTable469532719--mobile td:first-child{padding-left:18px}.CollectionTable469532719__root.CollectionTable469532719--mobile td:last-child{padding-right:18px}.CollectionToolbar48805195__left{min-width:0}.CollectionToolbar48805195__root.CollectionToolbar48805195--views .CollectionToolbar48805195__left{flex-shrink:1;flex-grow:0}.CollectionToolbar48805195__left.CollectionToolbar48805195--expandable{flex:auto}.CollectionToolbar48805195__root .CollectionToolbar48805195__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar48805195__root.CollectionToolbar48805195--views .CollectionToolbar48805195__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar48805195__root .CollectionToolbar48805195__right.CollectionToolbar48805195__fullWidth{margin-inline-start:0!important}.CollectionToolbar48805195__root.CollectionToolbar48805195--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1385992637__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1385992637__searchMobile{justify-content:flex-end}.SearchOrCustomFilter1385992637__searchMobile:not(.SearchOrCustomFilter1385992637--expandable){width:100%}.SearchOrCustomFilter1385992637__searchMobile.SearchOrCustomFilter1385992637--expandable.SearchOrCustomFilter1385992637--expanded{position:absolute;right:18px;left:18px}.AutoCompleteReadonly4275111943__root.AutoCompleteReadonly4275111943--disableEditing{cursor:pointer}.AutoCompleteReadonly4275111943__root.AutoCompleteReadonly4275111943--disableEditing input{cursor:pointer}.ViewsDropdown71665548__root{width:200px}.DragHandle2097138654__root{display:flex;align-items:center}.DragHandle2097138654__root:not(.DragHandle2097138654--disabled){cursor:grab;color:#a8caff}.DragHandle2097138654__root.DragHandle2097138654--disabled{color:#acafc4}.DragHandle2097138654__root:focus-visible:not(.DragHandle2097138654--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2097138654__root.DragHandle2097138654--disabled{pointer-events:none}.DragHandle2097138654__root.DragHandle2097138654--dragging:not(.DragHandle2097138654--disabled){cursor:grabbing}.EntityPagePlain3381948879__root.EntityPagePlain3381948879--mobile{--wds-page-header-padding-horizontal:0}.Fade195922068__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade195922068__root.Fade195922068--exit{opacity:0}.Heading2772262609__root{visibility:visible}.Heading2772262609__root.Heading2772262609--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2848822892__root.InputOverflow2848822892--selected:not(.InputOverflow2848822892--focused) input::placeholder{color:#000624}@keyframes LoadingRow3912306227__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%}}.LoadingRow3912306227__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:LoadingRow3912306227__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3608932933__root{opacity:1}.MaxHeightText3608932933__root.MaxHeightText3608932933--height24{line-height:24px}.MaxLines2519136276__root{overflow:hidden}.MaxLines2519136276__root.MaxLines2519136276--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2871372921__root{min-width:0}.MultiBulkActionToolbar2871372921__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2871372921__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2871372921__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow1158360690__root td{padding:0!important;width:100%}.NestedTableRow1108205947__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1108205947__root:hover{background-color:#e7f0ff!important}.NestedTableRow1108205947__root.NestedTableRow1108205947--expandable{cursor:pointer}.NestedTableRow1108205947__placeholder td{padding:0!important;width:100%}.NestedTableRow1108205947__root:hover td:first-of-type::before,.NestedTableRow1108205947__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect435668955__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)}.NestedTableDragAndDropRow64711421__root.NestedTableDragAndDropRow64711421--draggingInto td{background-color:#e7f0ff!important}.PickerContent3261273723__root{display:flex}.PickerContentAdditionalStep2051639453__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2051639453__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2181412847__root{box-sizing:border-box}.ScrollableContent3215793638__root.ScrollableContent3215793638--overflowY{overflow-y:auto}.ScrollableContent3215793638__root.ScrollableContent3215793638--overflowX{overflow-x:auto}.ScrollableContent3215793638__root.ScrollableContent3215793638--smooth{scroll-behavior:smooth}.SkeletonCard837474356__headerLoading{display:block!important}.SlidingModal1449859352__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1449859352__root.SlidingModal1449859352--overlay{transition:transform 0s ease 0s}.SlidingModal1449859352__root.SlidingModal1449859352---appendTo-6-parent{position:absolute}.SlidingModal1449859352__root:not(.SlidingModal1449859352--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter496331046__root .TabsFilter496331046__title{color:inherit!important}.ManageTagsModal2626458466__root{display:flex}.ToolbarItem3939787072__root{min-width:0}.ToolbarItemBox3028974134__root{min-width:0}.ToolbarItemBox3028974134__root.ToolbarItemBox3028974134--removeStartPadding{margin-left:-24px}.ToolbarItemBox3028974134__root.ToolbarItemBox3028974134--expandable{flex:1 0}.common1399305235__column{display:flex;flex-direction:column}.common1399305235__fullHeight{height:100%;min-height:0}.CollectionPageHeader2516473184__root.CollectionPageHeader2516473184--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2516473184__root.CollectionPageHeader2516473184--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2355904436__root.FormPageHeader2355904436--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2355904436__root.FormPageHeader2355904436--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.308.0';
+export const version = 'patterns@1.317.0';

package/src/wix-design-system-version.ts

@@ -1 +1 @@
-export const required = '^1.121.0';
+export const required = '^1.225.0';

package/dist/cjs/components/Suggestions/Suggestions.driver.js

@@ -1,58 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-exports.__esModule = true;
-exports.SuggestionsDriver = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _react2 = require("@testing-library/react");
-var _Suggestions = require("./Suggestions");
-var _internal = require("@wix/bex-core/testkit/internal");
-var _jsdom = require("../../testkit/jsdom");
-var _testUtils = require("../../test-utils");
-var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/Suggestions/Suggestions.driver.tsx";
-class SuggestionsDriver {
-  constructor(overrides = {}) {
-    (0, _defineProperty2.default)(this, "_renderResult", void 0);
-    (0, _defineProperty2.default)(this, "containerDriver", void 0);
-    this.containerDriver = new _internal.WixPatternsContainerDriver(overrides);
-  }
-  get renderResult() {
-    if (this._renderResult == null) {
-      throw new Error('Driver was not initialized');
-    }
-    return this._renderResult;
-  }
-  get suggestions() {
-    return (0, _jsdom.SuggestionsTestkit)({
-      wrapper: this.renderResult.baseElement,
-      dataHook: SuggestionsDriver.dataHook
-    });
-  }
-  render(props) {
-    this._renderResult = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_testUtils.CairoTestApp, {
-      driver: this.containerDriver,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 38,
-        columnNumber: 7
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Suggestions.Suggestions, (0, _extends2.default)({}, props, {
-      dataHook: SuggestionsDriver.dataHook,
-      __self: this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 39,
-        columnNumber: 9
-      }
-    }))));
-  }
-  async flush(iterations) {
-    return (0, _testUtils.flush)(iterations);
-  }
-}
-exports.SuggestionsDriver = SuggestionsDriver;
-(0, _defineProperty2.default)(SuggestionsDriver, "dataHook", 'suggestions');
-//# sourceMappingURL=Suggestions.driver.js.map

package/dist/cjs/components/Suggestions/Suggestions.driver.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Suggestions","_internal","_jsdom","_testUtils","_jsxFileName","SuggestionsDriver","constructor","overrides","_defineProperty2","default","containerDriver","WixPatternsContainerDriver","renderResult","_renderResult","Error","suggestions","SuggestionsTestkit","wrapper","baseElement","dataHook","render","props","createElement","CairoTestApp","driver","__self","__source","fileName","lineNumber","columnNumber","Suggestions","_extends2","flush","iterations","exports"],"sources":["../../../../src/components/Suggestions/Suggestions.driver.tsx"],"sourcesContent":["import React from 'react';\nimport { RenderResult, render } from '@testing-library/react';\nimport { Suggestions, SuggestionsProps } from './Suggestions';\nimport {\n  WixPatternsContainerDriver,\n  WixPatternsContainerDriverOverrides,\n} from '@wix/bex-core/testkit/internal';\nimport { SuggestionsTestkit } from '../../testkit/jsdom';\nimport { CairoTestApp, flush } from '../../test-utils';\n\nexport class SuggestionsDriver {\n  private static readonly dataHook = 'suggestions';\n\n  private _renderResult?: RenderResult;\n  readonly containerDriver;\n\n  constructor(overrides: Partial<WixPatternsContainerDriverOverrides> = {}) {\n    this.containerDriver = new WixPatternsContainerDriver(overrides);\n  }\n\n  get renderResult() {\n    if (this._renderResult == null) {\n      throw new Error('Driver was not initialized');\n    }\n\n    return this._renderResult;\n  }\n\n  get suggestions() {\n    return SuggestionsTestkit({\n      wrapper: this.renderResult.baseElement,\n      dataHook: SuggestionsDriver.dataHook,\n    });\n  }\n\n  render(props: SuggestionsProps) {\n    this._renderResult = render(\n      <CairoTestApp driver={this.containerDriver}>\n        <Suggestions {...props} dataHook={SuggestionsDriver.dataHook} />\n      </CairoTestApp>,\n    );\n  }\n\n  async flush(iterations?: number) {\n    return flush(iterations);\n  }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAIA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAAuD,IAAAM,YAAA;AAEhD,MAAMC,iBAAiB,CAAC;EAM7BC,WAAWA,CAACC,SAAuD,GAAG,CAAC,CAAC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACxE,IAAI,CAACC,eAAe,GAAG,IAAIC,oCAA0B,CAACJ,SAAS,CAAC;EAClE;EAEA,IAAIK,YAAYA,CAAA,EAAG;IACjB,IAAI,IAAI,CAACC,aAAa,IAAI,IAAI,EAAE;MAC9B,MAAM,IAAIC,KAAK,CAAC,4BAA4B,CAAC;IAC/C;IAEA,OAAO,IAAI,CAACD,aAAa;EAC3B;EAEA,IAAIE,WAAWA,CAAA,EAAG;IAChB,OAAO,IAAAC,yBAAkB,EAAC;MACxBC,OAAO,EAAE,IAAI,CAACL,YAAY,CAACM,WAAW;MACtCC,QAAQ,EAAEd,iBAAiB,CAACc;IAC9B,CAAC,CAAC;EACJ;EAEAC,MAAMA,CAACC,KAAuB,EAAE;IAC9B,IAAI,CAACR,aAAa,GAAG,IAAAO,cAAM,eACzBxB,MAAA,CAAAa,OAAA,CAAAa,aAAA,CAACnB,UAAA,CAAAoB,YAAY;MAACC,MAAM,EAAE,IAAI,CAACd,eAAgB;MAAAe,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACzCjC,MAAA,CAAAa,OAAA,CAAAa,aAAA,CAACtB,YAAA,CAAA8B,WAAW,MAAAC,SAAA,CAAAtB,OAAA,MAAKY,KAAK;MAAEF,QAAQ,EAAEd,iBAAiB,CAACc,QAAS;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAE,CACnD,CAChB,CAAC;EACH;EAEA,MAAMG,KAAKA,CAACC,UAAmB,EAAE;IAC/B,OAAO,IAAAD,gBAAK,EAACC,UAAU,CAAC;EAC1B;AACF;AAACC,OAAA,CAAA7B,iBAAA,GAAAA,iBAAA;AAAA,IAAAG,gBAAA,CAAAC,OAAA,EApCYJ,iBAAiB,cACO,aAAa","ignoreList":[]}

package/dist/esm/components/Suggestions/Suggestions.driver.js

@@ -1,32 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { Suggestions } from './Suggestions';
-import { WixPatternsContainerDriver, } from '@wix/bex-core/testkit/internal';
-import { SuggestionsTestkit } from '../../testkit/jsdom';
-import { CairoTestApp, flush } from '../../test-utils';
-export class SuggestionsDriver {
-    constructor(overrides = {}) {
-        this.containerDriver = new WixPatternsContainerDriver(overrides);
-    }
-    get renderResult() {
-        if (this._renderResult == null) {
-            throw new Error('Driver was not initialized');
-        }
-        return this._renderResult;
-    }
-    get suggestions() {
-        return SuggestionsTestkit({
-            wrapper: this.renderResult.baseElement,
-            dataHook: SuggestionsDriver.dataHook,
-        });
-    }
-    render(props) {
-        this._renderResult = render(React.createElement(CairoTestApp, { driver: this.containerDriver },
-            React.createElement(Suggestions, { ...props, dataHook: SuggestionsDriver.dataHook })));
-    }
-    async flush(iterations) {
-        return flush(iterations);
-    }
-}
-SuggestionsDriver.dataHook = 'suggestions';
-//# sourceMappingURL=Suggestions.driver.js.map

package/dist/esm/components/Suggestions/Suggestions.driver.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Suggestions.driver.js","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.driver.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAgB,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAC;AAC9D,OAAO,EACL,0BAA0B,GAE3B,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEvD,MAAM,OAAO,iBAAiB;IAM5B,YAAY,YAA0D,EAAE;QACtE,IAAI,CAAC,eAAe,GAAG,IAAI,0BAA0B,CAAC,SAAS,CAAC,CAAC;IACnE,CAAC;IAED,IAAI,YAAY;QACd,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,EAAE;YAC9B,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC;SAC/C;QAED,OAAO,IAAI,CAAC,aAAa,CAAC;IAC5B,CAAC;IAED,IAAI,WAAW;QACb,OAAO,kBAAkB,CAAC;YACxB,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,WAAW;YACtC,QAAQ,EAAE,iBAAiB,CAAC,QAAQ;SACrC,CAAC,CAAC;IACL,CAAC;IAED,MAAM,CAAC,KAAuB;QAC5B,IAAI,CAAC,aAAa,GAAG,MAAM,CACzB,oBAAC,YAAY,IAAC,MAAM,EAAE,IAAI,CAAC,eAAe;YACxC,oBAAC,WAAW,OAAK,KAAK,EAAE,QAAQ,EAAE,iBAAiB,CAAC,QAAQ,GAAI,CACnD,CAChB,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,KAAK,CAAC,UAAmB;QAC7B,OAAO,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3B,CAAC;;AAlCuB,0BAAQ,GAAG,aAAa,CAAC"}