@wix/patterns 1.256.0 → 1.258.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal2186763945";
+var _namespace_ = "ManageTagsModal747157864";
 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":"ManageTagsModal2186763945__root"};
+export var classes = {"root":"ManageTagsModal747157864__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_ = "ToolbarItem3938082861";
+var _namespace_ = "ToolbarItem4166853919";
 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":"ToolbarItem3938082861__root"};
+export var classes = {"root":"ToolbarItem4166853919__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_ = "ToolbarItemBox1887339769";
+var _namespace_ = "ToolbarItemBox2539175123";
 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":"ToolbarItemBox1887339769__root"};
+export var classes = {"root":"ToolbarItemBox2539175123__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_ = "common614383107";
+var _namespace_ = "common1548704408";
 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":"common614383107__root","column":"common614383107__column","fullHeight":"common614383107__fullHeight"};
+export var classes = {"root":"common1548704408__root","column":"common1548704408__column","fullHeight":"common1548704408__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/dashboard/WixPatternsDashboardTestProvider.tsx

@@ -26,6 +26,7 @@ export function WixPatternsDashboardTestProvider(
       search: '',
       hash: '',
     },
+    embedded: false,
   }));
 
   const [essentials] = useState(() =>

package/src/essentials/WixPatternsEssentialsProvider.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode, useState } from 'react';
-import { WixPatternsEssentialsOverrides } from '@wix/bex-core';
+import { ContextType, WixPatternsEssentialsOverrides } from '@wix/bex-core';
 import { useEssentials } from '@wix/fe-essentials/react';
 import { CairoProvider } from '../providers';
 import { buildWixPatternsEssentials } from './buildWixPatternsEssentials';
@@ -8,12 +8,14 @@ export interface WixPatternsEssentialsProviderProps {
   value?: Partial<WixPatternsEssentialsOverrides>;
   children?: ReactNode;
   localCache?: boolean;
+  contextType?: ContextType;
 }
 
 export function WixPatternsEssentialsProvider({
   value,
   children,
   localCache,
+  contextType,
 }: WixPatternsEssentialsProviderProps) {
   const essentials = useEssentials();
 
@@ -24,7 +26,11 @@ export function WixPatternsEssentialsProvider({
   );
 
   return (
-    <CairoProvider value={wixPatternsEssentials} localCache={localCache}>
+    <CairoProvider
+      value={wixPatternsEssentials}
+      localCache={localCache}
+      contextType={contextType}
+    >
       {children}
     </CairoProvider>
   );

package/src/model/tableColumn.ts

@@ -7,15 +7,16 @@ type TableColumnBase<T = any> = Omit<
   'sortDescending' | 'sortable' | 'infoTooltipProps' | 'style'
 > & {
   style?:
-    | CSSProperties
-    | ((
-        column: TableColumnWSR,
-        rowData: KeyedItem<T>,
-        rowNum: number,
-      ) => CSSProperties);
+  | CSSProperties
+  | ((
+    column: TableColumnWSR,
+    rowData: KeyedItem<T>,
+    rowNum: number,
+  ) => CSSProperties);
   reorderDisabled?: boolean;
   defaultSortOrder?: SortOrder;
   sortMode?: SortMode;
+  searchable?: boolean;
   infoTooltipProps?: TableColumnWSR['infoTooltipProps'] & {
     panelContent?: ReactNode;
   };
@@ -106,6 +107,10 @@ export interface Column {
    * When `false`, the column is always selected and displayed. Relevant for [custom columns](./?path=/story/features-display-custom-columns--overview).
    */
   hideable?: boolean;
+  /**
+   * When `true`, search matches in the column's values will be highlighted. Mark a column as searchable only if iy's data is relevant for your search.
+   */
+  searchable?: boolean;
   /**
    * When `true`, disables drag and drop for the column.
    * @external

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader4163393367";
+var _namespace_ = "CollectionPageHeader1162142659";
 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":"CollectionPageHeader4163393367__root"};
+export var classes = {"root":"CollectionPageHeader1162142659__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_ = "FormPageHeader4052369142";
+var _namespace_ = "FormPageHeader3389032696";
 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":"FormPageHeader4052369142__root"};
+export var classes = {"root":"FormPageHeader3389032696__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer800590153__root.CardContainer800590153--mobile{border-radius:0}.Collapse1074469129__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1074469129__exit{height:0}.CollectionPage148705674__root.CollectionPage148705674--mobile{--wds-page-header-padding-horizontal:0}.CollectionTable4261317431__root.CollectionTable4261317431--mobile td:first-child{padding-left:18px}.CollectionTable4261317431__root.CollectionTable4261317431--mobile td:last-child{padding-right:18px}.CollectionToolbar2586181028__left{min-width:0}.CollectionToolbar2586181028__root.CollectionToolbar2586181028--views .CollectionToolbar2586181028__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2586181028__left.CollectionToolbar2586181028--expandable{flex:auto}.CollectionToolbar2586181028__root .CollectionToolbar2586181028__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2586181028__root.CollectionToolbar2586181028--views .CollectionToolbar2586181028__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2586181028__root .CollectionToolbar2586181028__right.CollectionToolbar2586181028__fullWidth{margin-inline-start:0!important}.CollectionToolbar2586181028__root.CollectionToolbar2586181028--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3329896299__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3329896299__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly2744297909__root.AutoCompleteReadonly2744297909--disableEditing{cursor:pointer}.AutoCompleteReadonly2744297909__root.AutoCompleteReadonly2744297909--disableEditing input{cursor:pointer}.ViewsDropdown793121263__root{width:200px}.DragHandle2439316473__root{display:flex;align-items:center}.DragHandle2439316473__root:not(.DragHandle2439316473--disabled){cursor:grab;color:#a8caff}.DragHandle2439316473__root.DragHandle2439316473--disabled{color:#acafc4}.DragHandle2439316473__root:focus-visible:not(.DragHandle2439316473--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2439316473__root.DragHandle2439316473--disabled{pointer-events:none}.DragHandle2439316473__root.DragHandle2439316473--dragging:not(.DragHandle2439316473--disabled){cursor:grabbing}.EntityPagePlain2529768981__root.EntityPagePlain2529768981--mobile{--wds-page-header-padding-horizontal:0}.Fade1933873701__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1933873701__root.Fade1933873701--exit{opacity:0}.Heading1110528522__root{visibility:visible}.Heading1110528522__root.Heading1110528522--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2505631700__root.InputOverflow2505631700--selected:not(.InputOverflow2505631700--focused) input::placeholder{color:#000624}@keyframes LoadingRow3927915796__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%}}.LoadingRow3927915796__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:LoadingRow3927915796__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1147702688__root{opacity:1}.MaxHeightText1147702688__root.MaxHeightText1147702688--height24{line-height:24px}.MaxLines4115686776__root{overflow:hidden}.MaxLines4115686776__root.MaxLines4115686776--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar144164696__root{min-width:0}.NestedTablePlaceholderStatesRow75069207__root td{padding:0!important;width:100%}.NestedTableRow1195402007__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1195402007__root:hover{background-color:#e7f0ff!important}.NestedTableRow1195402007__root.NestedTableRow1195402007--expandable{cursor:pointer}.NestedTableRow1195402007__placeholder td{padding:0!important;width:100%}.NestedTableRow1195402007__root:hover td:first-of-type::before,.NestedTableRow1195402007__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1137615999__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)}.NestedTableDragAndDropRow2362077867__root.NestedTableDragAndDropRow2362077867--draggingInto td{background-color:#e7f0ff!important}.PickerContent3562904470__root{display:flex}.PickerContentAdditionalStep2959824915__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2959824915__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem705989413__root{box-sizing:border-box}.ScrollableContent702169073__root.ScrollableContent702169073--overflowY{overflow-y:auto}.ScrollableContent702169073__root.ScrollableContent702169073--overflowX{overflow-x:auto}.ScrollableContent702169073__root.ScrollableContent702169073--smooth{scroll-behavior:smooth}.SkeletonCard2034505487__headerLoading{display:block!important}.SlidingModal2972838614__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal2972838614__root:not(.SlidingModal2972838614--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3979636339__root .TabsFilter3979636339__title{color:inherit!important}.ManageTagsModal2186763945__root{display:flex}.ToolbarItem3938082861__root{min-width:0}.ToolbarItemBox1887339769__root{min-width:0}.ToolbarItemBox1887339769__root.ToolbarItemBox1887339769--removeStartPadding{margin-left:-24px}.ToolbarItemBox1887339769__root.ToolbarItemBox1887339769--expandable{flex:1 0}.common614383107__column{display:flex;flex-direction:column}.common614383107__fullHeight{height:100%;min-height:0}.CollectionPageHeader4163393367__root.CollectionPageHeader4163393367--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4163393367__root.CollectionPageHeader4163393367--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader4052369142__root.FormPageHeader4052369142--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader4052369142__root.FormPageHeader4052369142--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer2568142447__root.CardContainer2568142447--mobile{border-radius:0}.Collapse3568529214__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3568529214__exit{height:0}.CollectionPage1128682765__root.CollectionPage1128682765--mobile{--wds-page-header-padding-horizontal:0}.CollectionTable1034773995__root.CollectionTable1034773995--mobile td:first-child{padding-left:18px}.CollectionTable1034773995__root.CollectionTable1034773995--mobile td:last-child{padding-right:18px}.CollectionToolbar1343894156__left{min-width:0}.CollectionToolbar1343894156__root.CollectionToolbar1343894156--views .CollectionToolbar1343894156__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1343894156__left.CollectionToolbar1343894156--expandable{flex:auto}.CollectionToolbar1343894156__root .CollectionToolbar1343894156__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1343894156__root.CollectionToolbar1343894156--views .CollectionToolbar1343894156__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1343894156__root .CollectionToolbar1343894156__right.CollectionToolbar1343894156__fullWidth{margin-inline-start:0!important}.CollectionToolbar1343894156__root.CollectionToolbar1343894156--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2519736350__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2519736350__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly2634866908__root.AutoCompleteReadonly2634866908--disableEditing{cursor:pointer}.AutoCompleteReadonly2634866908__root.AutoCompleteReadonly2634866908--disableEditing input{cursor:pointer}.ViewsDropdown3525093572__root{width:200px}.DragHandle3203712901__root{display:flex;align-items:center}.DragHandle3203712901__root:not(.DragHandle3203712901--disabled){cursor:grab;color:#a8caff}.DragHandle3203712901__root.DragHandle3203712901--disabled{color:#acafc4}.DragHandle3203712901__root:focus-visible:not(.DragHandle3203712901--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3203712901__root.DragHandle3203712901--disabled{pointer-events:none}.DragHandle3203712901__root.DragHandle3203712901--dragging:not(.DragHandle3203712901--disabled){cursor:grabbing}.EntityPagePlain91645944__root.EntityPagePlain91645944--mobile{--wds-page-header-padding-horizontal:0}.Fade698605852__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade698605852__root.Fade698605852--exit{opacity:0}.Heading2236980878__root{visibility:visible}.Heading2236980878__root.Heading2236980878--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1307460668__root.InputOverflow1307460668--selected:not(.InputOverflow1307460668--focused) input::placeholder{color:#000624}@keyframes LoadingRow2727062828__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%}}.LoadingRow2727062828__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:LoadingRow2727062828__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3921536750__root{opacity:1}.MaxHeightText3921536750__root.MaxHeightText3921536750--height24{line-height:24px}.MaxLines2683262557__root{overflow:hidden}.MaxLines2683262557__root.MaxLines2683262557--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3356323267__root{min-width:0}.NestedTablePlaceholderStatesRow2274518903__root td{padding:0!important;width:100%}.NestedTableRow3432613196__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3432613196__root:hover{background-color:#e7f0ff!important}.NestedTableRow3432613196__root.NestedTableRow3432613196--expandable{cursor:pointer}.NestedTableRow3432613196__placeholder td{padding:0!important;width:100%}.NestedTableRow3432613196__root:hover td:first-of-type::before,.NestedTableRow3432613196__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1749262334__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)}.NestedTableDragAndDropRow1541159342__root.NestedTableDragAndDropRow1541159342--draggingInto td{background-color:#e7f0ff!important}.PickerContent2855242609__root{display:flex}.PickerContentAdditionalStep3330351341__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep3330351341__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem4029328239__root{box-sizing:border-box}.ScrollableContent3273966693__root.ScrollableContent3273966693--overflowY{overflow-y:auto}.ScrollableContent3273966693__root.ScrollableContent3273966693--overflowX{overflow-x:auto}.ScrollableContent3273966693__root.ScrollableContent3273966693--smooth{scroll-behavior:smooth}.SkeletonCard2725565140__headerLoading{display:block!important}.SlidingModal3834545991__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3834545991__root:not(.SlidingModal3834545991--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3240253828__root .TabsFilter3240253828__title{color:inherit!important}.ManageTagsModal747157864__root{display:flex}.ToolbarItem4166853919__root{min-width:0}.ToolbarItemBox2539175123__root{min-width:0}.ToolbarItemBox2539175123__root.ToolbarItemBox2539175123--removeStartPadding{margin-left:-24px}.ToolbarItemBox2539175123__root.ToolbarItemBox2539175123--expandable{flex:1 0}.common1548704408__column{display:flex;flex-direction:column}.common1548704408__fullHeight{height:100%;min-height:0}.CollectionPageHeader1162142659__root.CollectionPageHeader1162142659--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader1162142659__root.CollectionPageHeader1162142659--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3389032696__root.FormPageHeader3389032696--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3389032696__root.FormPageHeader3389032696--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/testkit/jsdom.ts

@@ -24,6 +24,7 @@ import CardContainerUniDriver from '../components/CardContainer/CardContainer.un
 import SubTitleUniDriver from '../components/PageSubTitle/PageSubTitle.uni.driver';
 import { CustomFieldModalUniDriver } from '../components/CustomFieldModal/CustomFieldModal.uni.driver';
 import RequestIdUniDriver from '../components/RequestId/RequestId.uni.driver';
+import { SearchableCollectionContentUniDriver } from '../components/SearchableCollectionContent/SearchableCollectionContent.uni.driver';
 
 export const TableTestkit = uniTestkitFactoryCreator(TableUniDriver);
 
@@ -102,3 +103,7 @@ export const CustomFieldModalTestkit = uniTestkitFactoryCreator(
 );
 
 export const RequestIdTestkit = uniTestkitFactoryCreator(RequestIdUniDriver);
+
+export const SearchableCollectionContentTestkit = uniTestkitFactoryCreator(
+  SearchableCollectionContentUniDriver,
+);

package/src/version.ts

@@ -1 +1 @@
-export const version = 'patterns@1.256.0';
+export const version = 'patterns@1.258.0';