@wix/patterns 1.257.0 → 1.259.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal255858001";
+var _namespace_ = "ManageTagsModal3254223459";
 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":"ManageTagsModal255858001__root"};
+export var classes = {"root":"ManageTagsModal3254223459__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_ = "ToolbarItem2491269890";
+var _namespace_ = "ToolbarItem1751863585";
 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":"ToolbarItem2491269890__root"};
+export var classes = {"root":"ToolbarItem1751863585__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_ = "ToolbarItemBox1341084554";
+var _namespace_ = "ToolbarItemBox2196075108";
 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":"ToolbarItemBox1341084554__root"};
+export var classes = {"root":"ToolbarItemBox2196075108__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_ = "common2911752836";
+var _namespace_ = "common2544145302";
 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":"common2911752836__root","column":"common2911752836__column","fullHeight":"common2911752836__fullHeight"};
+export var classes = {"root":"common2544145302__root","column":"common2544145302__column","fullHeight":"common2544145302__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/exports/testkit/index.ts

@@ -8,5 +8,8 @@ export {
   aDataExtensionField,
   resolveDataExtensions,
   SettingsModalLayout,
+  tagsServiceMocks,
+  aTagsArray,
+  aTag,
 } from '../../test-utils';
 export { exportServiceMocks, appSettingsMocks } from '@wix/bex-core/testkit';

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_ = "CollectionPageHeader3527182948";
+var _namespace_ = "CollectionPageHeader2195393351";
 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":"CollectionPageHeader3527182948__root"};
+export var classes = {"root":"CollectionPageHeader2195393351__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_ = "FormPageHeader3807652203";
+var _namespace_ = "FormPageHeader133125072";
 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":"FormPageHeader3807652203__root"};
+export var classes = {"root":"FormPageHeader133125072__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer2843719757__root.CardContainer2843719757--mobile{border-radius:0}.Collapse828938560__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse828938560__exit{height:0}.CollectionPage2463630497__root.CollectionPage2463630497--mobile{--wds-page-header-padding-horizontal:0}.CollectionTable3100122403__root.CollectionTable3100122403--mobile td:first-child{padding-left:18px}.CollectionTable3100122403__root.CollectionTable3100122403--mobile td:last-child{padding-right:18px}.CollectionToolbar1604826391__left{min-width:0}.CollectionToolbar1604826391__root.CollectionToolbar1604826391--views .CollectionToolbar1604826391__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1604826391__left.CollectionToolbar1604826391--expandable{flex:auto}.CollectionToolbar1604826391__root .CollectionToolbar1604826391__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1604826391__root.CollectionToolbar1604826391--views .CollectionToolbar1604826391__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1604826391__root .CollectionToolbar1604826391__right.CollectionToolbar1604826391__fullWidth{margin-inline-start:0!important}.CollectionToolbar1604826391__root.CollectionToolbar1604826391--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter194108224__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter194108224__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly1582536636__root.AutoCompleteReadonly1582536636--disableEditing{cursor:pointer}.AutoCompleteReadonly1582536636__root.AutoCompleteReadonly1582536636--disableEditing input{cursor:pointer}.ViewsDropdown1196570784__root{width:200px}.DragHandle2918631536__root{display:flex;align-items:center}.DragHandle2918631536__root:not(.DragHandle2918631536--disabled){cursor:grab;color:#a8caff}.DragHandle2918631536__root.DragHandle2918631536--disabled{color:#acafc4}.DragHandle2918631536__root:focus-visible:not(.DragHandle2918631536--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2918631536__root.DragHandle2918631536--disabled{pointer-events:none}.DragHandle2918631536__root.DragHandle2918631536--dragging:not(.DragHandle2918631536--disabled){cursor:grabbing}.EntityPagePlain577377659__root.EntityPagePlain577377659--mobile{--wds-page-header-padding-horizontal:0}.Fade2030408911__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2030408911__root.Fade2030408911--exit{opacity:0}.Heading3198385739__root{visibility:visible}.Heading3198385739__root.Heading3198385739--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2882191145__root.InputOverflow2882191145--selected:not(.InputOverflow2882191145--focused) input::placeholder{color:#000624}@keyframes LoadingRow3888879177__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%}}.LoadingRow3888879177__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:LoadingRow3888879177__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1482002052__root{opacity:1}.MaxHeightText1482002052__root.MaxHeightText1482002052--height24{line-height:24px}.MaxLines885763373__root{overflow:hidden}.MaxLines885763373__root.MaxLines885763373--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3429915714__root{min-width:0}.NestedTablePlaceholderStatesRow1778965991__root td{padding:0!important;width:100%}.NestedTableRow1220555230__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1220555230__root:hover{background-color:#e7f0ff!important}.NestedTableRow1220555230__root.NestedTableRow1220555230--expandable{cursor:pointer}.NestedTableRow1220555230__placeholder td{padding:0!important;width:100%}.NestedTableRow1220555230__root:hover td:first-of-type::before,.NestedTableRow1220555230__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect4282218886__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)}.NestedTableDragAndDropRow3555699230__root.NestedTableDragAndDropRow3555699230--draggingInto td{background-color:#e7f0ff!important}.PickerContent301521461__root{display:flex}.PickerContentAdditionalStep1986790411__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1986790411__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem813114813__root{box-sizing:border-box}.ScrollableContent282196185__root.ScrollableContent282196185--overflowY{overflow-y:auto}.ScrollableContent282196185__root.ScrollableContent282196185--overflowX{overflow-x:auto}.ScrollableContent282196185__root.ScrollableContent282196185--smooth{scroll-behavior:smooth}.SkeletonCard60996183__headerLoading{display:block!important}.SlidingModal3981743491__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3981743491__root:not(.SlidingModal3981743491--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2185345565__root .TabsFilter2185345565__title{color:inherit!important}.ManageTagsModal255858001__root{display:flex}.ToolbarItem2491269890__root{min-width:0}.ToolbarItemBox1341084554__root{min-width:0}.ToolbarItemBox1341084554__root.ToolbarItemBox1341084554--removeStartPadding{margin-left:-24px}.ToolbarItemBox1341084554__root.ToolbarItemBox1341084554--expandable{flex:1 0}.common2911752836__column{display:flex;flex-direction:column}.common2911752836__fullHeight{height:100%;min-height:0}.CollectionPageHeader3527182948__root.CollectionPageHeader3527182948--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3527182948__root.CollectionPageHeader3527182948--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3807652203__root.FormPageHeader3807652203--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3807652203__root.FormPageHeader3807652203--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer631251044__root.CardContainer631251044--mobile{border-radius:0}.Collapse3258517309__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3258517309__exit{height:0}.CollectionPage2648993239__root.CollectionPage2648993239--mobile{--wds-page-header-padding-horizontal:0}.CollectionTable4197739063__root.CollectionTable4197739063--mobile td:first-child{padding-left:18px}.CollectionTable4197739063__root.CollectionTable4197739063--mobile td:last-child{padding-right:18px}.CollectionToolbar1543252129__left{min-width:0}.CollectionToolbar1543252129__root.CollectionToolbar1543252129--views .CollectionToolbar1543252129__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1543252129__left.CollectionToolbar1543252129--expandable{flex:auto}.CollectionToolbar1543252129__root .CollectionToolbar1543252129__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1543252129__root.CollectionToolbar1543252129--views .CollectionToolbar1543252129__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1543252129__root .CollectionToolbar1543252129__right.CollectionToolbar1543252129__fullWidth{margin-inline-start:0!important}.CollectionToolbar1543252129__root.CollectionToolbar1543252129--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter185851976__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter185851976__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly2615306280__root.AutoCompleteReadonly2615306280--disableEditing{cursor:pointer}.AutoCompleteReadonly2615306280__root.AutoCompleteReadonly2615306280--disableEditing input{cursor:pointer}.ViewsDropdown2220869632__root{width:200px}.DragHandle3862412944__root{display:flex;align-items:center}.DragHandle3862412944__root:not(.DragHandle3862412944--disabled){cursor:grab;color:#a8caff}.DragHandle3862412944__root.DragHandle3862412944--disabled{color:#acafc4}.DragHandle3862412944__root:focus-visible:not(.DragHandle3862412944--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3862412944__root.DragHandle3862412944--disabled{pointer-events:none}.DragHandle3862412944__root.DragHandle3862412944--dragging:not(.DragHandle3862412944--disabled){cursor:grabbing}.EntityPagePlain3374043653__root.EntityPagePlain3374043653--mobile{--wds-page-header-padding-horizontal:0}.Fade3634012798__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3634012798__root.Fade3634012798--exit{opacity:0}.Heading3769833549__root{visibility:visible}.Heading3769833549__root.Heading3769833549--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1132959698__root.InputOverflow1132959698--selected:not(.InputOverflow1132959698--focused) input::placeholder{color:#000624}@keyframes LoadingRow773610757__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%}}.LoadingRow773610757__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:LoadingRow773610757__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3662701965__root{opacity:1}.MaxHeightText3662701965__root.MaxHeightText3662701965--height24{line-height:24px}.MaxLines4128093770__root{overflow:hidden}.MaxLines4128093770__root.MaxLines4128093770--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2149190412__root{min-width:0}.NestedTablePlaceholderStatesRow3101725934__root td{padding:0!important;width:100%}.NestedTableRow2203962015__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2203962015__root:hover{background-color:#e7f0ff!important}.NestedTableRow2203962015__root.NestedTableRow2203962015--expandable{cursor:pointer}.NestedTableRow2203962015__placeholder td{padding:0!important;width:100%}.NestedTableRow2203962015__root:hover td:first-of-type::before,.NestedTableRow2203962015__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3678324328__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)}.NestedTableDragAndDropRow1047694534__root.NestedTableDragAndDropRow1047694534--draggingInto td{background-color:#e7f0ff!important}.PickerContent3116557461__root{display:flex}.PickerContentAdditionalStep235815480__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep235815480__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3834432628__root{box-sizing:border-box}.ScrollableContent3791513152__root.ScrollableContent3791513152--overflowY{overflow-y:auto}.ScrollableContent3791513152__root.ScrollableContent3791513152--overflowX{overflow-x:auto}.ScrollableContent3791513152__root.ScrollableContent3791513152--smooth{scroll-behavior:smooth}.SkeletonCard2385041__headerLoading{display:block!important}.SlidingModal931485068__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal931485068__root:not(.SlidingModal931485068--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3490146555__root .TabsFilter3490146555__title{color:inherit!important}.ManageTagsModal3254223459__root{display:flex}.ToolbarItem1751863585__root{min-width:0}.ToolbarItemBox2196075108__root{min-width:0}.ToolbarItemBox2196075108__root.ToolbarItemBox2196075108--removeStartPadding{margin-left:-24px}.ToolbarItemBox2196075108__root.ToolbarItemBox2196075108--expandable{flex:1 0}.common2544145302__column{display:flex;flex-direction:column}.common2544145302__fullHeight{height:100%;min-height:0}.CollectionPageHeader2195393351__root.CollectionPageHeader2195393351--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2195393351__root.CollectionPageHeader2195393351--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader133125072__root.FormPageHeader133125072--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader133125072__root.FormPageHeader133125072--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/src/test-utils/tagsServiceMocks.ts

@@ -8,7 +8,7 @@ import {
 } from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/http';
 import { Tag } from '@wix/bex-utils/@wix/ambassador-os-tags-v1-tag/types';
 
-const aTag = (overrides: Partial<Tag> = {}): Tag => {
+export const aTag = (overrides: Partial<Tag> = {}): Tag => {
   return {
     createdDate: new Date(),
     ...overrides,

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.257.0';
+export const version = 'patterns@1.259.0';